@it-holding-ui/atomic 1.1.0 → 1.1.1

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.
Files changed (8) hide show
  1. package/build/atomic/src/CurrencyIcon/CurrencyIcon.d.ts +1 -2
  2. package/build/atomic/src/CustomCountryFlag/CustomCountryFlag.d.ts +1 -2
  3. package/build/atomic/src/CustomIcon/CustomIcon.d.ts +1 -2
  4. package/build/atomic/src/Label/Label.d.ts +1 -2
  5. package/build/atomic/src/Label/Label.types.d.ts +2 -0
  6. package/build/index.js +1 -1
  7. package/build/index.js.map +1 -1
  8. package/package.json +7 -5
package/build/atomic/src/CurrencyIcon/CurrencyIcon.d.ts CHANGED
@@ -1,3 +1,2 @@
1
- import React from 'react';
2
1
  import { CurrencyIconProps } from './CurrencyIcon.types';
3
- export declare const CurrencyIcon: React.FC<CurrencyIconProps>;
2
+ export declare const CurrencyIcon: ({ currencyCode, ...props }: CurrencyIconProps) => JSX.Element;
package/build/atomic/src/CustomCountryFlag/CustomCountryFlag.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import React from 'react';
2
1
  import type { CustomCountryFlagProps } from './CustomCountryFlag.types';
3
2
  import './CustomCountryFlag.scss';
4
- export declare const CustomCountryFlag: React.FC<CustomCountryFlagProps>;
3
+ export declare const CustomCountryFlag: ({ code, className, ...props }: CustomCountryFlagProps) => JSX.Element;
package/build/atomic/src/CustomIcon/CustomIcon.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import React from 'react';
2
1
  import { CustomIconProps } from './CustomIcon.types';
3
2
  import './CustomIcon.scss';
4
- export declare const CustomIcon: React.FC<CustomIconProps>;
3
+ export declare const CustomIcon: ({ icon, className }: CustomIconProps) => JSX.Element;
package/build/atomic/src/Label/Label.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import React from 'react';
2
1
  import { LabelProps } from './Label.types';
3
2
  import './Label.scss';
4
- export declare const Label: React.FC<LabelProps>;
3
+ export declare const Label: ({ isMinimized, color, isMobile, className, children }: LabelProps) => JSX.Element;
package/build/atomic/src/Label/Label.types.d.ts CHANGED
@@ -1,6 +1,8 @@
1
+ import React from 'react';
1
2
  export declare type LabelProps = {
2
3
  className?: string;
3
4
  isMinimized?: boolean;
4
5
  color?: 'default' | 'secondary' | 'error';
5
6
  isMobile?: boolean;
7
+ children?: React.ReactNode;
6
8
  };
package/build/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  /*! For license information please see index.js.LICENSE.txt */
2
- !function(n,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@ionic/react"),require("@it-holding-ui/hooks"),require("@it-holding-ui/icons")):"function"==typeof define&&define.amd?define(["react","@ionic/react","@it-holding-ui/hooks","@it-holding-ui/icons"],t):"object"==typeof exports?exports["@it-holding-ui/atomic"]=t(require("react"),require("@ionic/react"),require("@it-holding-ui/hooks"),require("@it-holding-ui/icons")):n["@it-holding-ui/atomic"]=t(n.react,n["@ionic/react"],n["@it-holding-ui/hooks"],n["@it-holding-ui/icons"])}(self,(function(n,t,e,i){return(()=>{var o={779:(n,t)=>{var e;!function(){"use strict";var i={}.hasOwnProperty;function o(){for(var n=[],t=0;t<arguments.length;t++){var e=arguments[t];if(e){var s=typeof e;if("string"===s||"number"===s)n.push(e);else if(Array.isArray(e)){if(e.length){var a=o.apply(null,e);a&&n.push(a)}}else if("object"===s)if(e.toString===Object.prototype.toString)for(var l in e)i.call(e,l)&&e[l]&&n.push(l);else n.push(e.toString())}}return n.join(" ")}n.exports?(o.default=o,n.exports=o):void 0===(e=function(){return o}.apply(t,[]))||(n.exports=e)}()},310:(n,t,e)=>{"use strict";e.d(t,{Z:()=>l});var i=e(272),o=e.n(i),s=e(609),a=e.n(s)()(o());a.push([n.id,".custom-checkbox{display:inline-block;height:20px}.custom-checkbox__checkbox{--background: transparent;--background-checked: var(--brand-primary-40);--border-color: var(--base-60);--border-color-checked: var(--brand-primary-40);--border-radius: 4px;--size: 20px;margin:0;outline:none}","",{version:3,sources:["webpack://./src/CustomCheckbox/CustomCheckbox.scss"],names:[],mappings:"AA6eA,iBACI,oBAAA,CACA,WAJY,CAMZ,2BACI,yBAAA,CACA,6CAAA,CACA,8BAAA,CACA,+CAAA,CACA,oBAAA,CACA,YAAA,CAEA,QAAA,CACA,YAAA",sourcesContent:["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n$checkbox-size: 20px;\n\n.custom-checkbox {\n display: inline-block;\n height: $checkbox-size;\n\n &__checkbox {\n --background: transparent;\n --background-checked: var(--brand-primary-40);\n --border-color: var(--base-60);\n --border-color-checked: var(--brand-primary-40);\n --border-radius: 4px;\n --size: #{$checkbox-size};\n\n margin: 0;\n outline: none;\n }\n}\n"],sourceRoot:""}]);const l=a},470:(n,t,e)=>{"use strict";e.d(t,{Z:()=>l});var i=e(272),o=e.n(i),s=e(609),a=e.n(s)()(o());a.push([n.id,".custom-icon{display:flex;align-items:center;justify-content:center}","",{version:3,sources:["webpack://./src/CustomIcon/CustomIcon.scss"],names:[],mappings:"AA2eA,aAzaI,YAAA,CACA,kBAAA,CACA,sBAAA",sourcesContent:["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.custom-icon {\n @include centered-flexbox;\n}\n"],sourceRoot:""}]);const l=a},755:(n,t,e)=>{"use strict";e.d(t,{Z:()=>l});var i=e(272),o=e.n(i),s=e(609),a=e.n(s)()(o());a.push([n.id,':root{--custom-input-padding-start: 12px;--custom-input-padding-end: 12px;--custom-input-padding-top: 22px;--custom-input-padding-bottom: 6px;--custom-input-min-height: 52px;--custom-input-bottom-offset: 24px;--custom-input-icon-width: 32px;--custom-input-icon-height: 44px}.custom-input{--min-input-height: var(--custom-input-min-height);--padding-bottom: var(--custom-input-bottom-offset);position:relative;width:100%;padding-bottom:var(--padding-bottom)}.custom-input__input-wrapper{position:relative}.custom-input__input-wrapper_clickable{cursor:pointer}.custom-input ion-textarea.custom-input__input,.custom-input ion-input.custom-input__input{--transition-duration: 100ms;--prefix-icon-size: 24px;--background: var(--base-20);--padding-start: var(--custom-input-padding-start);--padding-end: var(--custom-input-padding-end);--padding-top: var(--custom-input-padding-top);--padding-bottom: var(--custom-input-padding-bottom);--border-radius: 12px;font-weight:normal;font-size:16px;font-family:Roboto,sans-serif;line-height:22px;margin:0;overflow:hidden;border-radius:12px;caret-color:var(--brand-secondary-40)}.custom-input ion-textarea.custom-input__input::after,.custom-input ion-input.custom-input__input::after{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--brand-secondary-40);opacity:0;transition:opacity var(--transition-duration);content:""}.custom-input ion-textarea.custom-input__input input,.custom-input ion-textarea.custom-input__input textarea,.custom-input ion-input.custom-input__input input,.custom-input ion-input.custom-input__input textarea{height:100%;min-height:var(--min-input-height);opacity:1 !important}.custom-input ion-textarea.custom-input__input input[type=number]::-webkit-inner-spin-button,.custom-input ion-textarea.custom-input__input input[type=number]::-webkit-outer-spin-button,.custom-input ion-textarea.custom-input__input textarea[type=number]::-webkit-inner-spin-button,.custom-input ion-textarea.custom-input__input textarea[type=number]::-webkit-outer-spin-button,.custom-input ion-input.custom-input__input input[type=number]::-webkit-inner-spin-button,.custom-input ion-input.custom-input__input input[type=number]::-webkit-outer-spin-button,.custom-input ion-input.custom-input__input textarea[type=number]::-webkit-inner-spin-button,.custom-input ion-input.custom-input__input textarea[type=number]::-webkit-outer-spin-button{opacity:0 !important}.custom-input ion-textarea.custom-input__input_with-minimized-label,.custom-input ion-input.custom-input__input_with-minimized-label{--padding-top: var(--custom-input-padding-top)}.custom-input ion-textarea.custom-input__input_with-minimized-label .prefix-icon,.custom-input ion-input.custom-input__input_with-minimized-label .prefix-icon{bottom:6px;bottom:var(--custom-input-padding-bottom)}.custom-input ion-textarea.custom-input__input_active::after,.custom-input ion-input.custom-input__input_active::after{opacity:1}.custom-input ion-textarea.custom-input__input_disabled,.custom-input ion-input.custom-input__input_disabled{color:var(--base-50)}.custom-input ion-textarea.custom-input__input_disabled::after,.custom-input ion-input.custom-input__input_disabled::after{opacity:0}.custom-input ion-textarea.custom-input__input_readonly,.custom-input ion-input.custom-input__input_readonly{pointer-events:none}.custom-input ion-textarea.custom-input__input_with-error::after,.custom-input ion-input.custom-input__input_with-error::after{background-color:var(--danger-40);opacity:1}.custom-input ion-textarea.custom-input__input_with-icon,.custom-input ion-input.custom-input__input_with-icon{--padding-end: calc(var(--custom-input-padding-end) + var(--custom-input-icon-width) + var(--custom-input-padding-end))}.custom-input ion-textarea.custom-input__input_with-icon-left,.custom-input ion-input.custom-input__input_with-icon-left{--padding-start: calc(var(--custom-input-padding-end) + var(--custom-input-icon-width) + var(--custom-input-padding-end))}.custom-input ion-textarea.custom-input__input_with-prefix,.custom-input ion-input.custom-input__input_with-prefix{--padding-start: 4px}.custom-input ion-textarea.custom-input__input_with-prefix .label-wrapper,.custom-input ion-input.custom-input__input_with-prefix .label-wrapper{left:12px;left:var(--custom-input-padding-end)}.custom-input ion-textarea.custom-input__input_without-label,.custom-input ion-input.custom-input__input_without-label{--padding-top: var(--custom-input-padding-bottom)}.custom-input ion-textarea.custom-input__input_with-prefix-icon,.custom-input ion-input.custom-input__input_with-prefix-icon{--padding-start: calc(var(--custom-input-padding-end) + var(--prefix-icon-size) + var(--custom-input-padding-end))}.custom-input__prefix{margin:auto 0 0 12px;margin:auto 0 0 var(--custom-input-padding-end);opacity:1;transition:opacity var(--transition-duration)}.custom-input__prefix_hidden{opacity:0}.custom-input__prefix-icon{width:24px;height:24px;position:absolute;bottom:calc(6px + 8px);bottom:calc(var(--custom-input-padding-bottom) + 8px);left:12px;left:var(--custom-input-padding-end);display:flex;align-items:center;justify-content:center;transition:bottom var(--transition-duration)}.custom-input__label-wrapper{position:absolute;top:calc(6px + 2px);top:calc(var(--custom-input-padding-bottom) + 2px);left:var(--padding-start);z-index:3;transition:top var(--transition-duration);pointer-events:none}.custom-input__label-wrapper_minimized{top:6px;top:var(--custom-input-padding-bottom)}.custom-input__clear-button{--background-activated: var(--base-0);--padding-start: 2px;--padding-end: 2px;--padding-top: 2px;--padding-bottom: 2px;position:absolute;top:calc((52px - 18px)/2);top:calc((var(--custom-input-min-height) - 18px)/2);right:6px;z-index:99;width:18px;height:18px;margin:0}.custom-input__clear-button svg{transition:fill 200ms;fill:var(--base-110);width:16px;height:16px}.custom-input__clear-button svg path{transition:fill 200ms;fill:inherit}.custom-input__clear-button_type_textarea{top:6px}.custom-input__icon-wrapper{position:absolute;top:calc((var(--min-input-height) - 44px)/2);top:calc((var(--min-input-height) - var(--custom-input-icon-height))/2);right:12px;right:var(--custom-input-padding-end);z-index:2;display:flex;align-items:center;height:44px;height:var(--custom-input-icon-height)}.custom-input__icon-wrapper_position_left{right:unset;left:12px;left:var(--custom-input-padding-end)}.custom-input__icon{width:32px;width:var(--custom-input-icon-width)}.custom-input__hint{position:absolute;bottom:4px;left:12px;left:var(--custom-input-padding-end)}',"",{version:3,sources:["webpack://./src/CustomInput/CustomInput.scss"],names:[],mappings:"AA2eA,MACI,kCAAA,CACA,gCAAA,CACA,gCAAA,CACA,kCAAA,CACA,+BAAA,CACA,kCAAA,CACA,+BAAA,CACA,gCAAA,CAOJ,cACI,kDAAA,CACA,mDAAA,CAEA,iBAAA,CACA,UAAA,CACA,oCAAA,CAEA,6BACI,iBAAA,CAEA,uCACI,cAAA,CAIR,2FAEI,4BAAA,CACA,wBAAA,CACA,4BAAA,CAGA,kDAAA,CACA,8CAAA,CACA,8CAAA,CACA,oDAAA,CACA,qBAAA,CArRJ,kBAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CAsRI,QAAA,CACA,eAAA,CACA,kBAAA,CACA,qCAAA,CAEA,yGACI,iBAAA,CACA,QAAA,CACA,MAAA,CACA,UAAA,CACA,UAAA,CACA,0CAAA,CACA,SAAA,CACA,6CAAA,CACA,UAAA,CAGJ,oNAEI,WAAA,CACA,kCAAA,CAGA,oBAAA,CAEA,wuBAEI,oBAAA,CAIR,qIACI,8CAAA,CAEA,+JACI,UApEG,CAoEH,yCApEG,CAyEP,uHACI,SAAA,CAIR,6GACI,oBAAA,CAEA,2HACI,SAAA,CAIR,6GACI,mBAAA,CAIA,+HACI,iCAAA,CACA,SAAA,CAIR,+GACI,uHAAA,CAGJ,yHACI,yHAAA,CAGJ,mHACI,oBAAA,CAEA,iJACI,SAAA,CAAA,oCAAA,CAIR,uHACI,iDAAA,CAGJ,6HACI,kHAAA,CAIR,sBACI,oBAAA,CAAA,+CAAA,CACA,SAAA,CACA,6CAAA,CAEA,6BACI,SAAA,CAIR,2BApjBA,UAAA,CACA,WAAA,CAsjBI,iBAAA,CACA,sBAAA,CAAA,qDAAA,CACA,SA1Ia,CA0Ib,oCA1Ia,CA2Ib,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,4CAAA,CAGJ,6BACI,iBAAA,CACA,mBAAA,CAAA,kDAAA,CACA,yBAAA,CACA,SAAA,CACA,yCAAA,CACA,mBAAA,CAEA,uCACI,OAzJO,CAyJP,sCAzJO,CA6Jf,4BACI,qCAAA,CACA,oBAAA,CACA,kBAAA,CACA,kBAAA,CACA,qBAAA,CAEA,iBAAA,CACA,yBAAA,CAAA,mDAAA,CACA,SAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,QAAA,CAEA,gCAhnBJ,qBAAA,CACA,oBAgnBmC,CAE3B,UAAA,CACA,WAAA,CAjnBR,qCACI,qBAAA,CACA,YAAA,CAmnBI,0CACI,OAAA,CAKZ,4BACI,iBAAA,CACA,4CAAA,CAAA,uEAAA,CACA,UA9La,CA8Lb,qCA9La,CA+Lb,SAAA,CACA,YAAA,CACA,kBAAA,CACA,WAAA,CAAA,sCAAA,CAGI,0CACI,WAAA,CACA,SAvMK,CAuML,oCAvMK,CA4MjB,oBACI,UAAA,CAAA,oCAAA,CAGJ,oBACI,iBAAA,CACA,UAAA,CACA,SAnNa,CAmNb,oCAnNa",sourcesContent:["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n:root {\n --custom-input-padding-start: 12px;\n --custom-input-padding-end: 12px;\n --custom-input-padding-top: 22px;\n --custom-input-padding-bottom: 6px;\n --custom-input-min-height: 52px;\n --custom-input-bottom-offset: 24px;\n --custom-input-icon-width: 32px;\n --custom-input-icon-height: 44px;\n}\n\n$input-with-minimized-label-padding-top: var(--custom-input-padding-top);\n$horizontal-padding: var(--custom-input-padding-end);\n$vertical-padding: var(--custom-input-padding-bottom);\n\n.custom-input {\n --min-input-height: var(--custom-input-min-height);\n --padding-bottom: var(--custom-input-bottom-offset);\n\n position: relative;\n width: 100%;\n padding-bottom: var(--padding-bottom);\n\n &__input-wrapper {\n position: relative;\n\n &_clickable {\n cursor: pointer;\n }\n }\n\n ion-textarea#{&}__input,\n ion-input#{&}__input {\n --transition-duration: 100ms;\n --prefix-icon-size: 24px;\n --background: var(--base-20);\n\n /** // ! make sure that this variables are equal to CustomCleaveInput variables **/\n --padding-start: var(--custom-input-padding-start);\n --padding-end: var(--custom-input-padding-end);\n --padding-top: var(--custom-input-padding-top);\n --padding-bottom: var(--custom-input-padding-bottom);\n --border-radius: 12px;\n\n @include body-1-r;\n\n margin: 0;\n overflow: hidden;\n border-radius: 12px;\n caret-color: var(--brand-secondary-40);\n\n &::after {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: var(--brand-secondary-40);\n opacity: 0;\n transition: opacity var(--transition-duration);\n content: '';\n }\n\n input,\n textarea {\n height: 100%;\n min-height: var(--min-input-height);\n\n /** !important is used because there is no way to override the opacity style **/\n opacity: 1 !important;\n\n &[type='number']::-webkit-inner-spin-button,\n &[type='number']::-webkit-outer-spin-button {\n opacity: 0 !important;\n }\n }\n\n &_with-minimized-label {\n --padding-top: #{$input-with-minimized-label-padding-top};\n\n .prefix-icon {\n bottom: $vertical-padding;\n }\n }\n\n &_active {\n &::after {\n opacity: 1;\n }\n }\n\n &_disabled {\n color: var(--base-50);\n\n &::after {\n opacity: 0;\n }\n }\n\n &_readonly {\n pointer-events: none;\n }\n\n &_with-error {\n &::after {\n background-color: var(--danger-40);\n opacity: 1;\n }\n }\n\n &_with-icon {\n --padding-end: calc(#{$horizontal-padding} + var(--custom-input-icon-width) + #{$horizontal-padding});\n }\n\n &_with-icon-left {\n --padding-start: calc(#{$horizontal-padding} + var(--custom-input-icon-width) + #{$horizontal-padding});\n }\n\n &_with-prefix {\n --padding-start: 4px;\n\n .label-wrapper {\n left: var(--custom-input-padding-end);\n }\n }\n\n &_without-label {\n --padding-top: #{$vertical-padding};\n }\n\n &_with-prefix-icon {\n --padding-start: calc(#{$horizontal-padding} + var(--prefix-icon-size) + #{$horizontal-padding});\n }\n }\n\n &__prefix {\n margin: auto 0 0 $horizontal-padding;\n opacity: 1;\n transition: opacity var(--transition-duration);\n\n &_hidden {\n opacity: 0;\n }\n }\n\n &__prefix-icon {\n @include common-icon-self-size;\n\n position: absolute;\n bottom: calc(#{$vertical-padding} + 8px);\n left: $horizontal-padding;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: bottom var(--transition-duration);\n }\n\n &__label-wrapper {\n position: absolute;\n top: calc(#{$vertical-padding} + 2px);\n left: var(--padding-start);\n z-index: 3;\n transition: top var(--transition-duration);\n pointer-events: none;\n\n &_minimized {\n top: $vertical-padding;\n }\n }\n\n &__clear-button {\n --background-activated: var(--base-0);\n --padding-start: 2px;\n --padding-end: 2px;\n --padding-top: 2px;\n --padding-bottom: 2px;\n\n position: absolute;\n top: calc((var(--custom-input-min-height) - 18px) / 2);\n right: 6px;\n z-index: 99;\n width: 18px;\n height: 18px;\n margin: 0;\n\n svg {\n @include fill-svg-and-path(var(--base-110));\n\n width: 16px;\n height: 16px;\n }\n\n &_type {\n &_textarea {\n top: 6px;\n }\n }\n }\n\n &__icon-wrapper {\n position: absolute;\n top: calc((var(--min-input-height) - var(--custom-input-icon-height)) / 2);\n right: $horizontal-padding;\n z-index: 2;\n display: flex;\n align-items: center;\n height: var(--custom-input-icon-height);\n\n &_position {\n &_left {\n right: unset;\n left: $horizontal-padding;\n }\n }\n }\n\n &__icon {\n width: var(--custom-input-icon-width);\n }\n\n &__hint {\n position: absolute;\n bottom: 4px;\n left: $horizontal-padding;\n }\n}\n"],sourceRoot:""}]);const l=a},884:(n,t,e)=>{"use strict";e.d(t,{Z:()=>l});var i=e(272),o=e.n(i),s=e(609),a=e.n(s)()(o());a.push([n.id,".label{display:flex;align-items:center;height:36px;color:var(--base-80);white-space:nowrap;transition-duration:var(--transition-duration);transition-property:font-weight,font-size,line-height,letter-spacing,height,color}.label_minimized{height:16px}.label_color_secondary{color:var(--base-50)}.label_color_error{color:var(--danger-40)}","",{version:3,sources:["webpack://./src/Label/Label.scss"],names:[],mappings:"AA2eA,OACI,YAAA,CACA,kBAAA,CACA,WAAA,CACA,oBAAA,CACA,kBAAA,CACA,8CAAA,CACA,iFAAA,CAEA,iBACI,WAAA,CAIA,uBACI,oBAAA,CAGJ,mBACI,sBAAA",sourcesContent:["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.label {\n display: flex;\n align-items: center;\n height: 36px;\n color: var(--base-80);\n white-space: nowrap;\n transition-duration: var(--transition-duration);\n transition-property: font-weight, font-size, line-height, letter-spacing, height, color;\n\n &_minimized {\n height: 16px;\n }\n\n &_color {\n &_secondary {\n color: var(--base-50);\n }\n\n &_error {\n color: var(--danger-40);\n }\n }\n}\n"],sourceRoot:""}]);const l=a},491:(n,t,e)=>{"use strict";e.d(t,{Z:()=>l});var i=e(272),o=e.n(i),s=e(609),a=e.n(s)()(o());a.push([n.id,".text_type_title-1-b{font-weight:700;font-size:32px;font-family:Roboto,sans-serif;line-height:40px;letter-spacing:.1px}.text_type_title-2-b{font-weight:700;font-size:28px;font-family:Roboto,sans-serif;line-height:40px}.text_type_title-3{font-weight:700;font-size:24px;font-family:Roboto,sans-serif;line-height:32px;letter-spacing:.25px}.text_type_title-5{font-weight:700;font-size:32px;font-family:Roboto,sans-serif;line-height:40px;letter-spacing:.25px}.text_type_title-5-b{font-weight:700;font-size:20px;font-family:Roboto,sans-serif;line-height:28px;letter-spacing:0}.text_type_title-6{font-weight:700;font-size:24px;font-family:Roboto,sans-serif;line-height:32px;letter-spacing:.25px}.text_type_title-7{font-weight:700;font-size:24px;font-family:Roboto,sans-serif;line-height:32px}.text_type_title-8{font-weight:700;font-size:20px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:.15px}.text_type_title-6-m{font-weight:500;font-size:20px;font-family:Roboto,sans-serif;line-height:28px;letter-spacing:0}.text_type_title-9{font-weight:500;font-size:20px;font-family:Roboto,sans-serif;line-height:32px;letter-spacing:.15px}.text_type_title-9-b{font-weight:700;font-size:18px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:0}.text_type_title-16{font-weight:500;font-size:16px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:0}.text_type_title-28{font-weight:700;font-size:28px;font-family:Roboto,sans-serif;line-height:32px;letter-spacing:0}.text_type_subtitle-1{font-weight:700;font-size:18px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:0}.text_type_subtitle-1-m{font-weight:500;font-size:18px;font-style:normal;line-height:24px;letter-spacing:0}.text_type_subtitle-2{font-weight:bold;font-size:13px;font-family:Roboto,sans-serif;font-style:normal;line-height:18px;letter-spacing:.25px}.text_type_subtitle-3{font-weight:500;font-size:13px;font-family:Roboto,sans-serif;line-height:18px;letter-spacing:.25px}.text_type_subtitle-4{font-weight:400;font-size:13px;font-family:Roboto,sans-serif;line-height:18px;letter-spacing:.25px}.text_type_body-1{font-weight:500;font-size:17px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:.25px}.text_type_body-1-r{font-weight:normal;font-size:16px;font-family:Roboto,sans-serif;line-height:22px}.text_type_body-2{font-weight:700;font-size:16px;font-family:Roboto,sans-serif;line-height:22px;letter-spacing:0}.text_type_body-2-m{font-weight:500;font-size:15px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:.1px}.text_type_body-3{font-weight:500;font-size:16px;font-family:Roboto,sans-serif;line-height:22px;letter-spacing:0}.text_type_body-4{font-weight:normal;font-size:15px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:.1px}.text_type_body-5{font-weight:400;font-size:15px;font-family:Roboto,sans-serif;line-height:22px;letter-spacing:.1px}.text_type_body-6{font-weight:700;font-size:15px;font-family:Roboto,sans-serif;line-height:22px;letter-spacing:.1px}.text_type_subhead-1-b{font-weight:700;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_subhead-2{font-weight:400;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_subhead-2-r{font-weight:400;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_subhead-3{font-weight:400;font-size:13px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_subhead-4-m{font-weight:500;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_caption-1{font-weight:400;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:.15px}.text_type_caption-1-b{font-weight:700;font-size:12px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_caption-2{font-weight:400;font-size:12px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_caption-2-left{font-weight:400;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:.14px}.text_type_caption-3{font-weight:400;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:.15px}.text_type_caption-4{font-weight:500;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_caption-12{font-weight:400;font-size:12px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_button-13m{font-weight:500;font-size:13px;font-family:Roboto,sans-serif;line-height:18px;letter-spacing:.25px}.text_type_small-text{font-weight:400;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_subcaption-2-b{font-weight:700;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}","",{version:3,sources:["webpack://./src/Text/Text.scss"],names:[],mappings:"AA8eQ,qBA1ZJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,mBAAA,CA0ZI,qBArZJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CAsZI,mBAjZJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CAiZI,mBA5YJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CA4YI,qBAvYJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAuYI,mBAlYJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CAkYI,mBA7XJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CA8XI,mBAzXJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CAyXI,qBApXJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAoXI,mBA/WJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CA+WI,qBA1WJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CA0WI,oBArWJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAqWI,oBAhWJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAiWI,sBA3VJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CA2VI,wBAtVJ,eAAA,CACA,cAAA,CACA,iBAAA,CACA,gBAAA,CACA,gBAAA,CAsVI,sBAjVJ,gBAAA,CACA,cAAA,CACA,6BAAA,CACA,iBAAA,CACA,gBAAA,CACA,oBAAA,CAgVI,sBA3UJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CA2UI,sBAtUJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CAuUI,kBAjUJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CAiUI,oBA5TJ,kBAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CA6TI,kBAxTJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAwTI,oBAnTJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,mBAAA,CAmTI,kBA9SJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CA8SI,kBAzSJ,kBAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,mBAAA,CAySI,kBApSJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,mBAAA,CAoSI,kBA/RJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,mBAAA,CAiSI,uBA3RJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CA2RI,qBAtRJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAsRI,uBAjRJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAiRI,qBA5QJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CA4QI,uBAvQJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAwQI,qBAlQJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CAkQI,uBA7PJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CA6PI,qBAxPJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAwPI,0BAnPJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CAmPI,qBA9OJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CA8OI,qBAzOJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAyOI,sBApOJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAsOI,sBA/NJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CAiOI,sBA1NJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CA4NI,0BArNJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA",sourcesContent:["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.text {\n &_type {\n /** TITLE **/\n &_title-1-b {\n @include title-1-b;\n }\n\n &_title-2-b {\n @include title-2-b;\n }\n\n &_title-3 {\n @include title-3;\n }\n\n &_title-5 {\n @include title-5;\n }\n\n &_title-5-b {\n @include title-5-b;\n }\n\n &_title-6 {\n @include title-6;\n }\n\n &_title-7 {\n @include title-7;\n }\n\n &_title-8 {\n @include title-8;\n }\n\n &_title-6-m {\n @include title-6-m;\n }\n\n &_title-9 {\n @include title-9;\n }\n\n &_title-9-b {\n @include title-9-b;\n }\n\n &_title-16 {\n @include title-16;\n }\n\n &_title-28 {\n @include title-28;\n }\n\n /** SUBTITLE **/\n &_subtitle-1 {\n @include subtitle-1;\n }\n\n &_subtitle-1-m {\n @include subtitle-1-m;\n }\n\n &_subtitle-2 {\n @include subtitle-2;\n }\n\n &_subtitle-3 {\n @include subtitle-3;\n }\n\n &_subtitle-4 {\n @include subtitle-4;\n }\n\n /** BODY **/\n &_body-1 {\n @include body-1;\n }\n\n &_body-1-r {\n @include body-1-r;\n }\n\n &_body-2 {\n @include body-2;\n }\n\n &_body-2-m {\n @include body-2-m;\n }\n\n &_body-3 {\n @include body-3;\n }\n\n &_body-4 {\n @include body-4;\n }\n\n &_body-5 {\n @include body-5;\n }\n\n &_body-6 {\n @include body-6;\n }\n\n /** SUBHEAD **/\n\n &_subhead-1-b {\n @include subhead-1-b;\n }\n\n &_subhead-2 {\n @include subhead-2;\n }\n\n &_subhead-2-r {\n @include subhead-2-r;\n }\n\n &_subhead-3 {\n @include subhead-3;\n }\n\n &_subhead-4-m {\n @include subhead-4-m;\n }\n\n /** CAPTION **/\n &_caption-1 {\n @include caption-1;\n }\n\n &_caption-1-b {\n @include caption-1-b;\n }\n\n &_caption-2 {\n @include caption-2;\n }\n\n &_caption-2-left {\n @include caption-2-left;\n }\n\n &_caption-3 {\n @include caption-3;\n }\n\n &_caption-4 {\n @include caption-4;\n }\n\n &_caption-12 {\n @include caption-12;\n }\n\n /** BUTTON **/\n\n &_button-13m {\n @include button-13m;\n }\n\n /** SMALL TEXT **/\n\n &_small-text {\n @include small-text;\n }\n\n /** SUBCAPTION **/\n\n &_subcaption-2-b {\n @include subcaption-2-b;\n }\n }\n}\n"],sourceRoot:""}]);const l=a},609:n=>{"use strict";n.exports=function(n){var t=[];return t.toString=function(){return this.map((function(t){var e="",i=void 0!==t[5];return t[4]&&(e+="@supports (".concat(t[4],") {")),t[2]&&(e+="@media ".concat(t[2]," {")),i&&(e+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),e+=n(t),i&&(e+="}"),t[2]&&(e+="}"),t[4]&&(e+="}"),e})).join("")},t.i=function(n,e,i,o,s){"string"==typeof n&&(n=[[null,n,void 0]]);var a={};if(i)for(var l=0;l<this.length;l++){var r=this[l][0];null!=r&&(a[r]=!0)}for(var p=0;p<n.length;p++){var A=[].concat(n[p]);i&&a[A[0]]||(void 0!==s&&(void 0===A[5]||(A[1]="@layer".concat(A[5].length>0?" ".concat(A[5]):""," {").concat(A[1],"}")),A[5]=s),e&&(A[2]?(A[1]="@media ".concat(A[2]," {").concat(A[1],"}"),A[2]=e):A[2]=e),o&&(A[4]?(A[1]="@supports (".concat(A[4],") {").concat(A[1],"}"),A[4]=o):A[4]="".concat(o)),t.push(A))}},t}},272:n=>{"use strict";n.exports=function(n){var t=n[1],e=n[3];if(!e)return t;if("function"==typeof btoa){var i=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(i),s="/*# ".concat(o," */"),a=e.sources.map((function(n){return"/*# sourceURL=".concat(e.sourceRoot||"").concat(n," */")}));return[t].concat(a).concat([s]).join("\n")}return[t].join("\n")}},62:n=>{"use strict";var t=[];function e(n){for(var e=-1,i=0;i<t.length;i++)if(t[i].identifier===n){e=i;break}return e}function i(n,i){for(var s={},a=[],l=0;l<n.length;l++){var r=n[l],p=i.base?r[0]+i.base:r[0],A=s[p]||0,f="".concat(p," ").concat(A);s[p]=A+1;var c=e(f),m={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(-1!==c)t[c].references++,t[c].updater(m);else{var x=o(m,i);i.byIndex=l,t.splice(l,0,{identifier:f,updater:x,references:1})}a.push(f)}return a}function o(n,t){var e=t.domAPI(t);e.update(n);return function(t){if(t){if(t.css===n.css&&t.media===n.media&&t.sourceMap===n.sourceMap&&t.supports===n.supports&&t.layer===n.layer)return;e.update(n=t)}else e.remove()}}n.exports=function(n,o){var s=i(n=n||[],o=o||{});return function(n){n=n||[];for(var a=0;a<s.length;a++){var l=e(s[a]);t[l].references--}for(var r=i(n,o),p=0;p<s.length;p++){var A=e(s[p]);0===t[A].references&&(t[A].updater(),t.splice(A,1))}s=r}}},793:n=>{"use strict";var t={};n.exports=function(n,e){var i=function(n){if(void 0===t[n]){var e=document.querySelector(n);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(n){e=null}t[n]=e}return t[n]}(n);if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(e)}},173:n=>{"use strict";n.exports=function(n){var t=document.createElement("style");return n.setAttributes(t,n.attributes),n.insert(t,n.options),t}},892:(n,t,e)=>{"use strict";n.exports=function(n){var t=e.nc;t&&n.setAttribute("nonce",t)}},36:n=>{"use strict";n.exports=function(n){var t=n.insertStyleElement(n);return{update:function(e){!function(n,t,e){var i="";e.supports&&(i+="@supports (".concat(e.supports,") {")),e.media&&(i+="@media ".concat(e.media," {"));var o=void 0!==e.layer;o&&(i+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),i+=e.css,o&&(i+="}"),e.media&&(i+="}"),e.supports&&(i+="}");var s=e.sourceMap;s&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),t.styleTagTransform(i,n,t.options)}(t,n,e)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(t)}}}},464:n=>{"use strict";n.exports=function(n,t){if(t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}},51:n=>{"use strict";self,n.exports=function(){var n={947:function(n,t){function e(n){function t(t,o,s,a){var l=o?e+t+n.e+o:e+t,r=l;if(s){var p=" "+r+n.m;for(var A in s)if(s.hasOwnProperty(A)){var f=s[A];!0===f?r+=p+A:f&&(r+=p+A+i+f)}}if(void 0!==a)for(var c=0,m=a.length;c<m;c++){var x=a[c];if(x&&"string"==typeof x.valueOf())for(var h=x.valueOf().split(" "),u=0;u<h.length;u++){var g=h[u];g!==l&&(r+=" "+g)}}return r}var e=n.n||"",i=n.v||n.m;return function(n,e){return function(i,o,s){return"string"==typeof i?Array.isArray(o)?t(n,i,void 0,o):t(n,i,o,s):t(n,e,i,o)}}}e({e:"-",m:"_"}),t.withNaming=e},368:function(n,t,e){n.exports=e(947)}},t={};function e(i){var o=t[i];if(void 0!==o)return o.exports;var s=t[i]={exports:{}};return n[i](s,s.exports,e),s.exports}e.d=function(n,t){for(var i in t)e.o(t,i)&&!e.o(n,i)&&Object.defineProperty(n,i,{enumerable:!0,get:t[i]})},e.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},e.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})};var i={};return function(){e.r(i),e.d(i,{createNodeUid:function(){return t},createUid:function(){return n},cx:function(){return o},sleep:function(){return s}});var n=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(n){var t=16*Math.random()|0;return("x"==n?t:3&t|8).toString(16)}))},t=function(){return n().replace(/[^a-zA-Z]/g,"")},o=(0,e(368).withNaming)({e:"__",m:"_",v:"_"}),s=function(n){return new Promise((function(t){return setTimeout(t,n)}))}}(),i}()},164:n=>{"use strict";n.exports=t},309:n=>{"use strict";n.exports=e},862:n=>{"use strict";n.exports=i},156:t=>{"use strict";t.exports=n}},s={};function a(n){var t=s[n];if(void 0!==t)return t.exports;var e=s[n]={id:n,exports:{}};return o[n](e,e.exports,a),e.exports}a.n=n=>{var t=n&&n.__esModule?()=>n.default:()=>n;return a.d(t,{a:t}),t},a.d=(n,t)=>{for(var e in t)a.o(t,e)&&!a.o(n,e)&&Object.defineProperty(n,e,{enumerable:!0,get:t[e]})},a.o=(n,t)=>Object.prototype.hasOwnProperty.call(n,t),a.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})};var l={};return(()=>{"use strict";a.r(l),a.d(l,{CustomCheckbox:()=>v,CustomIcon:()=>T,CustomInput:()=>X,Label:()=>Y,Text:()=>q,TextType:()=>P});var n=a(156),t=a.n(n),e=a(164),i=a(51),o=a(779),s=a.n(o),r=a(62),p=a.n(r),A=a(36),f=a.n(A),c=a(793),m=a.n(c),x=a(892),h=a.n(x),u=a(173),g=a.n(u),b=a(464),d=a.n(b),y=a(310),C={};C.styleTagTransform=d(),C.setAttributes=h(),C.insert=m().bind(null,"head"),C.domAPI=f(),C.insertStyleElement=g();p()(y.Z,C);y.Z&&y.Z.locals&&y.Z.locals;var w=function(){return w=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n},w.apply(this,arguments)},B=function(n,t){var e={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&t.indexOf(i)<0&&(e[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(n);o<i.length;o++)t.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(n,i[o])&&(e[i[o]]=n[i[o]])}return e},_=(0,i.cx)("custom-checkbox"),v=function(n){var i=n.className,o=n.slot,a=B(n,["className","slot"]);return t().createElement("div",{className:s()(_(),i),slot:o,"data-testid":"test-checkbox"},t().createElement(e.IonCheckbox,w({tabIndex:0,className:_("checkbox")},a)))},z=a(470),R={};R.styleTagTransform=d(),R.setAttributes=h(),R.insert=m().bind(null,"head"),R.domAPI=f(),R.insertStyleElement=g();p()(z.Z,R);z.Z&&z.Z.locals&&z.Z.locals;var N=(0,i.cx)("custom-icon"),T=function(n){var i=n.icon,o=n.className;return"string"==typeof i?t().createElement(e.IonIcon,{className:o,icon:i}):t().createElement("div",{className:s()(N(),o)},i)},I=a(309),k=a(862),S=function(){return S=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n},S.apply(this,arguments)},$=t().forwardRef((function(i,o){var s,a=i.inputType,l=(0,n.useRef)(null);switch((0,n.useImperativeHandle)(o,(function(){var n;return Object.assign(null!==(n=l.current)&&void 0!==n?n:{},{clearValue:function(){var n;(null===(n=l.current)||void 0===n?void 0:n.value)&&(l.current.value="")}})}),[]),a){case"textarea":return t().createElement(e.IonTextarea,S({},i,{ref:l,rows:null!==(s=i.rows)&&void 0!==s?s:1,autoGrow:!0}));case"input":return t().createElement(e.IonInput,S({},i,{ref:l}))}})),E=a(755),O={};O.styleTagTransform=d(),O.setAttributes=h(),O.insert=m().bind(null,"head"),O.domAPI=f(),O.insertStyleElement=g();p()(E.Z,O);E.Z&&E.Z.locals&&E.Z.locals;var M=a(884),U={};U.styleTagTransform=d(),U.setAttributes=h(),U.insert=m().bind(null,"head"),U.domAPI=f(),U.insertStyleElement=g();p()(M.Z,U);M.Z&&M.Z.locals&&M.Z.locals;var L=a(491),J={};J.styleTagTransform=d(),J.setAttributes=h(),J.insert=m().bind(null,"head"),J.domAPI=f(),J.insertStyleElement=g();p()(L.Z,J);L.Z&&L.Z.locals&&L.Z.locals;var P,j=function(){return j=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n},j.apply(this,arguments)},H=function(n,t){var e={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&t.indexOf(i)<0&&(e[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(n);o<i.length;o++)t.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(n,i[o])&&(e[i[o]]=n[i[o]])}return e},D=(0,i.cx)("text"),q=function(e){var i=e.type,o=e.mobileType,a=void 0===o?i:o,l=e.isMobile,r=void 0!==l&&l,p=H(e,["type","mobileType","isMobile"]),A=p.as,f=p.className,c=(0,n.useMemo)((function(){return r&&a?a:i}),[r,i,a]);switch(A){case"div":default:return t().createElement("div",j({},p,{className:s()(D({type:c}),f)}));case"p":return t().createElement("p",j({},p,{className:s()(D({type:c}),f)}));case"span":return t().createElement("span",j({},p,{className:s()(D({type:c}),f)}));case"h1":return t().createElement("h1",j({},p,{className:s()(D({type:c}),f)}));case"h2":return t().createElement("h2",j({},p,{className:s()(D({type:c}),f)}));case"h3":return t().createElement("h3",j({},p,{className:s()(D({type:c}),f)}));case"h4":return t().createElement("h4",j({},p,{className:s()(D({type:c}),f)}));case"h5":return t().createElement("h5",j({},p,{className:s()(D({type:c}),f)}));case"h6":return t().createElement("h6",j({},p,{className:s()(D({type:c}),f)}));case"a":return t().createElement("a",j({},p,{className:s()(D({type:c}),f)}))}};!function(n){n.TITLE_1_B="title-1-b",n.TITLE_2_B="title-2-b",n.TITLE_3="title-3",n.TITLE_5="title-5",n.TITLE_5_B="title-5-b",n.TITLE_6="title-6",n.TITLE_7="title-7",n.TITLE_8="title-8",n.TITLE_6_M="title-6-m",n.TITLE_9="title-9",n.TITLE_9_B="title-9-b",n.TITLE_16="title-16",n.TITLE_28="title-28",n.SUBTITLE_1="subtitle-1",n.SUBTITLE_1_M="subtitle-1-m",n.SUBTITLE_2="subtitle-2",n.SUBTITLE_3="subtitle-3",n.SUBTITLE_4="subtitle-4",n.BODY_1="body-1",n.BODY_1_R="body-1-r",n.BODY_2="body-2",n.BODY_2_M="body-2-m",n.BODY_3="body-3",n.BODY_4="body-4",n.BODY_5="body-5",n.BODY_6="body-6",n.SUBHEAD_1_B="subhead-1-b",n.SUBHEAD_2="subhead-2",n.SUBHEAD_3="subhead-3",n.SUBHEAD_2_R="subhead-2-r",n.SUBHEAD_4_M="subhead-4-m",n.CAPTION_1="caption-1",n.CAPTION_1_B="caption-1-b",n.CAPTION_2="caption-2",n.CAPTION_2_LEFT="caption-2-left",n.CAPTION_3="caption-3",n.CAPTION_4="caption-4",n.CAPTION_12="caption-12",n.BUTTON_13M="button-13m",n.SMALL_TEXT="small-text",n.SUBCAPTION_2_B="subcaption-2-b"}(P||(P={}));var Z=(0,i.cx)("label"),Y=function(n){var e=n.isMinimized,i=n.color,o=void 0===i?"default":i,a=n.isMobile,l=void 0!==a&&a,r=n.className,p=n.children;return t().createElement(q,{type:P[e?"CAPTION_2":"BODY_1_R"],className:s()(Z({minimized:e,color:o}),r),isMobile:l},p)},W=function(){return W=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n},W.apply(this,arguments)},F=function(n,t){var e={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&t.indexOf(i)<0&&(e[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(n);o<i.length;o++)t.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(n,i[o])&&(e[i[o]]=n[i[o]])}return e},G=(0,i.cx)("custom-input"),X=t().forwardRef((function(i,o){var a,l=i.value,r=i.className,p=i.containerClassName,A=i.inputWrapperClassName,f=i.disabled,c=i.label,m=i.icon,x=i.iconLeft,h=i.iconClassName,u=i.prefix,g=i.prefixIcon,b=i.hasError,d=i.errorHint,y=i.hint,C=i.requiredSign,w=i.forceFocused,B=void 0!==w&&w,_=i.readonly,v=i.placeholder,z=i.clearButton,R=void 0!==z&&z,N=i.onClearValue,S=i.onInputWrapperClick,E=i.children,O=i.slot,M=F(i,["value","className","containerClassName","inputWrapperClassName","disabled","label","icon","iconLeft","iconClassName","prefix","prefixIcon","hasError","errorHint","hint","requiredSign","forceFocused","readonly","placeholder","clearButton","onClearValue","onInputWrapperClick","children","slot"]);null!==(a=M.inputType)&&void 0!==a||(M.inputType="input");var U=(0,n.useRef)(null);(0,n.useImperativeHandle)(o,(function(){return U.current}),[]);var L=(0,I.useFocusLifecycle)({onBlur:M.onIonBlur,onFocus:M.onIonFocus}),J=L.handleInputBlur,P=L.handleInputFocus,j=L.isFocused,H=B||j,D=(0,n.useCallback)((function(n){var t;null==N||N(n),null===(t=U.current)||void 0===t||t.clearValue()}),[N]),q=Boolean((H||l||v)&&c),Z=!l&&!q,X=c?c+(C?"*":""):void 0,Q=(0,n.useMemo)((function(){return f?"secondary":b?"error":void 0}),[f,b]);return t().createElement("div",{className:s()(G(),p),slot:O},t().createElement("div",{onClick:S,className:s()(G("input-wrapper",{clickable:Boolean(S)}),A)},t().createElement($,W({ref:U,className:s()(G("input",{active:H,disabled:f,readonly:Boolean(_),"with-minimized-label":q,"without-label":!c,"with-icon":Boolean(m&&!x),"with-icon-left":Boolean(m&&x),"with-prefix-icon":Boolean(g),"with-prefix":Boolean(u),"with-error":Boolean(b)}),r),onIonFocus:P,onIonBlur:J,value:l,disabled:f,readonly:_,placeholder:v},M),u&&t().createElement(Y,{className:G("prefix",{hidden:Z})},u),g&&t().createElement(T,{className:G("prefix-icon"),icon:g}),c&&t().createElement("div",{className:G("label-wrapper",{minimized:q})},t().createElement(Y,{isMinimized:q,color:Q},X)),!!l&&R&&t().createElement(e.IonButton,{size:"small",fill:"clear",className:G("clear-button",{type:M.inputType}),disabled:f,onClick:D},t().createElement(k.IcClose,{slot:"icon-only"}))),m&&t().createElement("div",{className:G("icon-wrapper",{position:x?"left":"right"})},t().createElement(T,{className:s()(G("icon"),h),icon:m}))),!b&&y&&t().createElement(Y,{className:G("hint"),isMinimized:!0,color:f?"secondary":"default"},y),d&&b&&t().createElement(Y,{className:G("hint"),isMinimized:!0,color:"error"},d),E)}))})(),l})()}));
2
+ !function(n,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@ionic/react"),require("@it-holding-ui/hooks"),require("@it-holding-ui/icons")):"function"==typeof define&&define.amd?define(["react","@ionic/react","@it-holding-ui/hooks","@it-holding-ui/icons"],t):"object"==typeof exports?exports["@it-holding-ui/atomic"]=t(require("react"),require("@ionic/react"),require("@it-holding-ui/hooks"),require("@it-holding-ui/icons")):n["@it-holding-ui/atomic"]=t(n.react,n["@ionic/react"],n["@it-holding-ui/hooks"],n["@it-holding-ui/icons"])}(self,(function(n,t,e,i){return(()=>{var o={779:(n,t)=>{var e;!function(){"use strict";var i={}.hasOwnProperty;function o(){for(var n=[],t=0;t<arguments.length;t++){var e=arguments[t];if(e){var s=typeof e;if("string"===s||"number"===s)n.push(e);else if(Array.isArray(e)){if(e.length){var a=o.apply(null,e);a&&n.push(a)}}else if("object"===s)if(e.toString===Object.prototype.toString)for(var l in e)i.call(e,l)&&e[l]&&n.push(l);else n.push(e.toString())}}return n.join(" ")}n.exports?(o.default=o,n.exports=o):void 0===(e=function(){return o}.apply(t,[]))||(n.exports=e)}()},310:(n,t,e)=>{"use strict";e.d(t,{Z:()=>l});var i=e(272),o=e.n(i),s=e(609),a=e.n(s)()(o());a.push([n.id,".custom-checkbox{display:inline-block;height:20px}.custom-checkbox__checkbox{--background: transparent;--background-checked: var(--brand-primary-40);--border-color: var(--base-60);--border-color-checked: var(--brand-primary-40);--border-radius: 4px;--size: 20px;margin:0;outline:none}","",{version:3,sources:["webpack://./src/CustomCheckbox/CustomCheckbox.scss"],names:[],mappings:"AA6eA,iBACI,oBAAA,CACA,WAJY,CAMZ,2BACI,yBAAA,CACA,6CAAA,CACA,8BAAA,CACA,+CAAA,CACA,oBAAA,CACA,YAAA,CAEA,QAAA,CACA,YAAA",sourcesContent:["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n$checkbox-size: 20px;\n\n.custom-checkbox {\n display: inline-block;\n height: $checkbox-size;\n\n &__checkbox {\n --background: transparent;\n --background-checked: var(--brand-primary-40);\n --border-color: var(--base-60);\n --border-color-checked: var(--brand-primary-40);\n --border-radius: 4px;\n --size: #{$checkbox-size};\n\n margin: 0;\n outline: none;\n }\n}\n"],sourceRoot:""}]);const l=a},470:(n,t,e)=>{"use strict";e.d(t,{Z:()=>l});var i=e(272),o=e.n(i),s=e(609),a=e.n(s)()(o());a.push([n.id,".custom-icon{display:flex;align-items:center;justify-content:center}","",{version:3,sources:["webpack://./src/CustomIcon/CustomIcon.scss"],names:[],mappings:"AA2eA,aAzaI,YAAA,CACA,kBAAA,CACA,sBAAA",sourcesContent:["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.custom-icon {\n @include centered-flexbox;\n}\n"],sourceRoot:""}]);const l=a},755:(n,t,e)=>{"use strict";e.d(t,{Z:()=>l});var i=e(272),o=e.n(i),s=e(609),a=e.n(s)()(o());a.push([n.id,':root{--custom-input-padding-start: 12px;--custom-input-padding-end: 12px;--custom-input-padding-top: 22px;--custom-input-padding-bottom: 6px;--custom-input-min-height: 52px;--custom-input-bottom-offset: 24px;--custom-input-icon-width: 32px;--custom-input-icon-height: 44px}.custom-input{--min-input-height: var(--custom-input-min-height);--padding-bottom: var(--custom-input-bottom-offset);position:relative;width:100%;padding-bottom:var(--padding-bottom)}.custom-input__input-wrapper{position:relative}.custom-input__input-wrapper_clickable{cursor:pointer}.custom-input ion-textarea.custom-input__input,.custom-input ion-input.custom-input__input{--transition-duration: 100ms;--prefix-icon-size: 24px;--background: var(--base-20);--padding-start: var(--custom-input-padding-start);--padding-end: var(--custom-input-padding-end);--padding-top: var(--custom-input-padding-top);--padding-bottom: var(--custom-input-padding-bottom);--border-radius: 12px;font-weight:normal;font-size:16px;font-family:Roboto,sans-serif;line-height:22px;margin:0;overflow:hidden;border-radius:12px;caret-color:var(--brand-secondary-40)}.custom-input ion-textarea.custom-input__input::after,.custom-input ion-input.custom-input__input::after{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--brand-secondary-40);opacity:0;transition:opacity var(--transition-duration);content:""}.custom-input ion-textarea.custom-input__input input,.custom-input ion-textarea.custom-input__input textarea,.custom-input ion-input.custom-input__input input,.custom-input ion-input.custom-input__input textarea{height:100%;min-height:var(--min-input-height);opacity:1 !important}.custom-input ion-textarea.custom-input__input input[type=number]::-webkit-inner-spin-button,.custom-input ion-textarea.custom-input__input input[type=number]::-webkit-outer-spin-button,.custom-input ion-textarea.custom-input__input textarea[type=number]::-webkit-inner-spin-button,.custom-input ion-textarea.custom-input__input textarea[type=number]::-webkit-outer-spin-button,.custom-input ion-input.custom-input__input input[type=number]::-webkit-inner-spin-button,.custom-input ion-input.custom-input__input input[type=number]::-webkit-outer-spin-button,.custom-input ion-input.custom-input__input textarea[type=number]::-webkit-inner-spin-button,.custom-input ion-input.custom-input__input textarea[type=number]::-webkit-outer-spin-button{opacity:0 !important}.custom-input ion-textarea.custom-input__input_with-minimized-label,.custom-input ion-input.custom-input__input_with-minimized-label{--padding-top: var(--custom-input-padding-top)}.custom-input ion-textarea.custom-input__input_with-minimized-label .prefix-icon,.custom-input ion-input.custom-input__input_with-minimized-label .prefix-icon{bottom:6px;bottom:var(--custom-input-padding-bottom)}.custom-input ion-textarea.custom-input__input_active::after,.custom-input ion-input.custom-input__input_active::after{opacity:1}.custom-input ion-textarea.custom-input__input_disabled,.custom-input ion-input.custom-input__input_disabled{color:var(--base-50)}.custom-input ion-textarea.custom-input__input_disabled::after,.custom-input ion-input.custom-input__input_disabled::after{opacity:0}.custom-input ion-textarea.custom-input__input_readonly,.custom-input ion-input.custom-input__input_readonly{pointer-events:none}.custom-input ion-textarea.custom-input__input_with-error::after,.custom-input ion-input.custom-input__input_with-error::after{background-color:var(--danger-40);opacity:1}.custom-input ion-textarea.custom-input__input_with-icon,.custom-input ion-input.custom-input__input_with-icon{--padding-end: calc(var(--custom-input-padding-end) + var(--custom-input-icon-width) + var(--custom-input-padding-end))}.custom-input ion-textarea.custom-input__input_with-icon-left,.custom-input ion-input.custom-input__input_with-icon-left{--padding-start: calc(var(--custom-input-padding-end) + var(--custom-input-icon-width) + var(--custom-input-padding-end))}.custom-input ion-textarea.custom-input__input_with-prefix,.custom-input ion-input.custom-input__input_with-prefix{--padding-start: 4px}.custom-input ion-textarea.custom-input__input_with-prefix .label-wrapper,.custom-input ion-input.custom-input__input_with-prefix .label-wrapper{left:12px;left:var(--custom-input-padding-end)}.custom-input ion-textarea.custom-input__input_without-label,.custom-input ion-input.custom-input__input_without-label{--padding-top: var(--custom-input-padding-bottom)}.custom-input ion-textarea.custom-input__input_with-prefix-icon,.custom-input ion-input.custom-input__input_with-prefix-icon{--padding-start: calc(var(--custom-input-padding-end) + var(--prefix-icon-size) + var(--custom-input-padding-end))}.custom-input__prefix{margin:auto 0 0 12px;margin:auto 0 0 var(--custom-input-padding-end);opacity:1;transition:opacity var(--transition-duration)}.custom-input__prefix_hidden{opacity:0}.custom-input__prefix-icon{width:24px;height:24px;position:absolute;bottom:calc(6px + 8px);bottom:calc(var(--custom-input-padding-bottom) + 8px);left:12px;left:var(--custom-input-padding-end);display:flex;align-items:center;justify-content:center;transition:bottom var(--transition-duration)}.custom-input__label-wrapper{position:absolute;top:calc(6px + 2px);top:calc(var(--custom-input-padding-bottom) + 2px);left:var(--padding-start);z-index:3;transition:top var(--transition-duration);pointer-events:none}.custom-input__label-wrapper_minimized{top:6px;top:var(--custom-input-padding-bottom)}.custom-input__clear-button{--background-activated: var(--base-0);--padding-start: 2px;--padding-end: 2px;--padding-top: 2px;--padding-bottom: 2px;position:absolute;top:calc((52px - 18px)/2);top:calc((var(--custom-input-min-height) - 18px)/2);right:6px;z-index:99;width:18px;height:18px;margin:0}.custom-input__clear-button svg{transition:fill 200ms;fill:var(--base-110);width:16px;height:16px}.custom-input__clear-button svg path{transition:fill 200ms;fill:inherit}.custom-input__clear-button_type_textarea{top:6px}.custom-input__icon-wrapper{position:absolute;top:calc((var(--min-input-height) - 44px)/2);top:calc((var(--min-input-height) - var(--custom-input-icon-height))/2);right:12px;right:var(--custom-input-padding-end);z-index:2;display:flex;align-items:center;height:44px;height:var(--custom-input-icon-height)}.custom-input__icon-wrapper_position_left{right:unset;left:12px;left:var(--custom-input-padding-end)}.custom-input__icon{width:32px;width:var(--custom-input-icon-width)}.custom-input__hint{position:absolute;bottom:4px;left:12px;left:var(--custom-input-padding-end)}',"",{version:3,sources:["webpack://./src/CustomInput/CustomInput.scss"],names:[],mappings:"AA2eA,MACI,kCAAA,CACA,gCAAA,CACA,gCAAA,CACA,kCAAA,CACA,+BAAA,CACA,kCAAA,CACA,+BAAA,CACA,gCAAA,CAOJ,cACI,kDAAA,CACA,mDAAA,CAEA,iBAAA,CACA,UAAA,CACA,oCAAA,CAEA,6BACI,iBAAA,CAEA,uCACI,cAAA,CAIR,2FAEI,4BAAA,CACA,wBAAA,CACA,4BAAA,CAGA,kDAAA,CACA,8CAAA,CACA,8CAAA,CACA,oDAAA,CACA,qBAAA,CArRJ,kBAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CAsRI,QAAA,CACA,eAAA,CACA,kBAAA,CACA,qCAAA,CAEA,yGACI,iBAAA,CACA,QAAA,CACA,MAAA,CACA,UAAA,CACA,UAAA,CACA,0CAAA,CACA,SAAA,CACA,6CAAA,CACA,UAAA,CAGJ,oNAEI,WAAA,CACA,kCAAA,CAGA,oBAAA,CAEA,wuBAEI,oBAAA,CAIR,qIACI,8CAAA,CAEA,+JACI,UApEG,CAoEH,yCApEG,CAyEP,uHACI,SAAA,CAIR,6GACI,oBAAA,CAEA,2HACI,SAAA,CAIR,6GACI,mBAAA,CAIA,+HACI,iCAAA,CACA,SAAA,CAIR,+GACI,uHAAA,CAGJ,yHACI,yHAAA,CAGJ,mHACI,oBAAA,CAEA,iJACI,SAAA,CAAA,oCAAA,CAIR,uHACI,iDAAA,CAGJ,6HACI,kHAAA,CAIR,sBACI,oBAAA,CAAA,+CAAA,CACA,SAAA,CACA,6CAAA,CAEA,6BACI,SAAA,CAIR,2BApjBA,UAAA,CACA,WAAA,CAsjBI,iBAAA,CACA,sBAAA,CAAA,qDAAA,CACA,SA1Ia,CA0Ib,oCA1Ia,CA2Ib,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,4CAAA,CAGJ,6BACI,iBAAA,CACA,mBAAA,CAAA,kDAAA,CACA,yBAAA,CACA,SAAA,CACA,yCAAA,CACA,mBAAA,CAEA,uCACI,OAzJO,CAyJP,sCAzJO,CA6Jf,4BACI,qCAAA,CACA,oBAAA,CACA,kBAAA,CACA,kBAAA,CACA,qBAAA,CAEA,iBAAA,CACA,yBAAA,CAAA,mDAAA,CACA,SAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,QAAA,CAEA,gCAhnBJ,qBAAA,CACA,oBAgnBmC,CAE3B,UAAA,CACA,WAAA,CAjnBR,qCACI,qBAAA,CACA,YAAA,CAmnBI,0CACI,OAAA,CAKZ,4BACI,iBAAA,CACA,4CAAA,CAAA,uEAAA,CACA,UA9La,CA8Lb,qCA9La,CA+Lb,SAAA,CACA,YAAA,CACA,kBAAA,CACA,WAAA,CAAA,sCAAA,CAGI,0CACI,WAAA,CACA,SAvMK,CAuML,oCAvMK,CA4MjB,oBACI,UAAA,CAAA,oCAAA,CAGJ,oBACI,iBAAA,CACA,UAAA,CACA,SAnNa,CAmNb,oCAnNa",sourcesContent:["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n:root {\n --custom-input-padding-start: 12px;\n --custom-input-padding-end: 12px;\n --custom-input-padding-top: 22px;\n --custom-input-padding-bottom: 6px;\n --custom-input-min-height: 52px;\n --custom-input-bottom-offset: 24px;\n --custom-input-icon-width: 32px;\n --custom-input-icon-height: 44px;\n}\n\n$input-with-minimized-label-padding-top: var(--custom-input-padding-top);\n$horizontal-padding: var(--custom-input-padding-end);\n$vertical-padding: var(--custom-input-padding-bottom);\n\n.custom-input {\n --min-input-height: var(--custom-input-min-height);\n --padding-bottom: var(--custom-input-bottom-offset);\n\n position: relative;\n width: 100%;\n padding-bottom: var(--padding-bottom);\n\n &__input-wrapper {\n position: relative;\n\n &_clickable {\n cursor: pointer;\n }\n }\n\n ion-textarea#{&}__input,\n ion-input#{&}__input {\n --transition-duration: 100ms;\n --prefix-icon-size: 24px;\n --background: var(--base-20);\n\n /** // ! make sure that this variables are equal to CustomCleaveInput variables **/\n --padding-start: var(--custom-input-padding-start);\n --padding-end: var(--custom-input-padding-end);\n --padding-top: var(--custom-input-padding-top);\n --padding-bottom: var(--custom-input-padding-bottom);\n --border-radius: 12px;\n\n @include body-1-r;\n\n margin: 0;\n overflow: hidden;\n border-radius: 12px;\n caret-color: var(--brand-secondary-40);\n\n &::after {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: var(--brand-secondary-40);\n opacity: 0;\n transition: opacity var(--transition-duration);\n content: '';\n }\n\n input,\n textarea {\n height: 100%;\n min-height: var(--min-input-height);\n\n /** !important is used because there is no way to override the opacity style **/\n opacity: 1 !important;\n\n &[type='number']::-webkit-inner-spin-button,\n &[type='number']::-webkit-outer-spin-button {\n opacity: 0 !important;\n }\n }\n\n &_with-minimized-label {\n --padding-top: #{$input-with-minimized-label-padding-top};\n\n .prefix-icon {\n bottom: $vertical-padding;\n }\n }\n\n &_active {\n &::after {\n opacity: 1;\n }\n }\n\n &_disabled {\n color: var(--base-50);\n\n &::after {\n opacity: 0;\n }\n }\n\n &_readonly {\n pointer-events: none;\n }\n\n &_with-error {\n &::after {\n background-color: var(--danger-40);\n opacity: 1;\n }\n }\n\n &_with-icon {\n --padding-end: calc(#{$horizontal-padding} + var(--custom-input-icon-width) + #{$horizontal-padding});\n }\n\n &_with-icon-left {\n --padding-start: calc(#{$horizontal-padding} + var(--custom-input-icon-width) + #{$horizontal-padding});\n }\n\n &_with-prefix {\n --padding-start: 4px;\n\n .label-wrapper {\n left: var(--custom-input-padding-end);\n }\n }\n\n &_without-label {\n --padding-top: #{$vertical-padding};\n }\n\n &_with-prefix-icon {\n --padding-start: calc(#{$horizontal-padding} + var(--prefix-icon-size) + #{$horizontal-padding});\n }\n }\n\n &__prefix {\n margin: auto 0 0 $horizontal-padding;\n opacity: 1;\n transition: opacity var(--transition-duration);\n\n &_hidden {\n opacity: 0;\n }\n }\n\n &__prefix-icon {\n @include common-icon-self-size;\n\n position: absolute;\n bottom: calc(#{$vertical-padding} + 8px);\n left: $horizontal-padding;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: bottom var(--transition-duration);\n }\n\n &__label-wrapper {\n position: absolute;\n top: calc(#{$vertical-padding} + 2px);\n left: var(--padding-start);\n z-index: 3;\n transition: top var(--transition-duration);\n pointer-events: none;\n\n &_minimized {\n top: $vertical-padding;\n }\n }\n\n &__clear-button {\n --background-activated: var(--base-0);\n --padding-start: 2px;\n --padding-end: 2px;\n --padding-top: 2px;\n --padding-bottom: 2px;\n\n position: absolute;\n top: calc((var(--custom-input-min-height) - 18px) / 2);\n right: 6px;\n z-index: 99;\n width: 18px;\n height: 18px;\n margin: 0;\n\n svg {\n @include fill-svg-and-path(var(--base-110));\n\n width: 16px;\n height: 16px;\n }\n\n &_type {\n &_textarea {\n top: 6px;\n }\n }\n }\n\n &__icon-wrapper {\n position: absolute;\n top: calc((var(--min-input-height) - var(--custom-input-icon-height)) / 2);\n right: $horizontal-padding;\n z-index: 2;\n display: flex;\n align-items: center;\n height: var(--custom-input-icon-height);\n\n &_position {\n &_left {\n right: unset;\n left: $horizontal-padding;\n }\n }\n }\n\n &__icon {\n width: var(--custom-input-icon-width);\n }\n\n &__hint {\n position: absolute;\n bottom: 4px;\n left: $horizontal-padding;\n }\n}\n"],sourceRoot:""}]);const l=a},884:(n,t,e)=>{"use strict";e.d(t,{Z:()=>l});var i=e(272),o=e.n(i),s=e(609),a=e.n(s)()(o());a.push([n.id,".label{display:flex;align-items:center;height:36px;color:var(--base-80);white-space:nowrap;transition-duration:var(--transition-duration);transition-property:font-weight,font-size,line-height,letter-spacing,height,color}.label_minimized{height:16px}.label_color_secondary{color:var(--base-50)}.label_color_error{color:var(--danger-40)}","",{version:3,sources:["webpack://./src/Label/Label.scss"],names:[],mappings:"AA2eA,OACI,YAAA,CACA,kBAAA,CACA,WAAA,CACA,oBAAA,CACA,kBAAA,CACA,8CAAA,CACA,iFAAA,CAEA,iBACI,WAAA,CAIA,uBACI,oBAAA,CAGJ,mBACI,sBAAA",sourcesContent:["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.label {\n display: flex;\n align-items: center;\n height: 36px;\n color: var(--base-80);\n white-space: nowrap;\n transition-duration: var(--transition-duration);\n transition-property: font-weight, font-size, line-height, letter-spacing, height, color;\n\n &_minimized {\n height: 16px;\n }\n\n &_color {\n &_secondary {\n color: var(--base-50);\n }\n\n &_error {\n color: var(--danger-40);\n }\n }\n}\n"],sourceRoot:""}]);const l=a},491:(n,t,e)=>{"use strict";e.d(t,{Z:()=>l});var i=e(272),o=e.n(i),s=e(609),a=e.n(s)()(o());a.push([n.id,".text_type_title-1-b{font-weight:700;font-size:32px;font-family:Roboto,sans-serif;line-height:40px;letter-spacing:.1px}.text_type_title-2-b{font-weight:700;font-size:28px;font-family:Roboto,sans-serif;line-height:40px}.text_type_title-3{font-weight:700;font-size:24px;font-family:Roboto,sans-serif;line-height:32px;letter-spacing:.25px}.text_type_title-5{font-weight:700;font-size:32px;font-family:Roboto,sans-serif;line-height:40px;letter-spacing:.25px}.text_type_title-5-b{font-weight:700;font-size:20px;font-family:Roboto,sans-serif;line-height:28px;letter-spacing:0}.text_type_title-6{font-weight:700;font-size:24px;font-family:Roboto,sans-serif;line-height:32px;letter-spacing:.25px}.text_type_title-7{font-weight:700;font-size:24px;font-family:Roboto,sans-serif;line-height:32px}.text_type_title-8{font-weight:700;font-size:20px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:.15px}.text_type_title-6-m{font-weight:500;font-size:20px;font-family:Roboto,sans-serif;line-height:28px;letter-spacing:0}.text_type_title-9{font-weight:500;font-size:20px;font-family:Roboto,sans-serif;line-height:32px;letter-spacing:.15px}.text_type_title-9-b{font-weight:700;font-size:18px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:0}.text_type_title-16{font-weight:500;font-size:16px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:0}.text_type_title-28{font-weight:700;font-size:28px;font-family:Roboto,sans-serif;line-height:32px;letter-spacing:0}.text_type_subtitle-1{font-weight:700;font-size:18px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:0}.text_type_subtitle-1-m{font-weight:500;font-size:18px;font-style:normal;line-height:24px;letter-spacing:0}.text_type_subtitle-2{font-weight:bold;font-size:13px;font-family:Roboto,sans-serif;font-style:normal;line-height:18px;letter-spacing:.25px}.text_type_subtitle-3{font-weight:500;font-size:13px;font-family:Roboto,sans-serif;line-height:18px;letter-spacing:.25px}.text_type_subtitle-4{font-weight:400;font-size:13px;font-family:Roboto,sans-serif;line-height:18px;letter-spacing:.25px}.text_type_body-1{font-weight:500;font-size:17px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:.25px}.text_type_body-1-r{font-weight:normal;font-size:16px;font-family:Roboto,sans-serif;line-height:22px}.text_type_body-2{font-weight:700;font-size:16px;font-family:Roboto,sans-serif;line-height:22px;letter-spacing:0}.text_type_body-2-m{font-weight:500;font-size:15px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:.1px}.text_type_body-3{font-weight:500;font-size:16px;font-family:Roboto,sans-serif;line-height:22px;letter-spacing:0}.text_type_body-4{font-weight:normal;font-size:15px;font-family:Roboto,sans-serif;line-height:24px;letter-spacing:.1px}.text_type_body-5{font-weight:400;font-size:15px;font-family:Roboto,sans-serif;line-height:22px;letter-spacing:.1px}.text_type_body-6{font-weight:700;font-size:15px;font-family:Roboto,sans-serif;line-height:22px;letter-spacing:.1px}.text_type_subhead-1-b{font-weight:700;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_subhead-2{font-weight:400;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_subhead-2-r{font-weight:400;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_subhead-3{font-weight:400;font-size:13px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_subhead-4-m{font-weight:500;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_caption-1{font-weight:400;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:.15px}.text_type_caption-1-b{font-weight:700;font-size:12px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_caption-2{font-weight:400;font-size:12px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_caption-2-left{font-weight:400;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:.14px}.text_type_caption-3{font-weight:400;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:.15px}.text_type_caption-4{font-weight:500;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_caption-12{font-weight:400;font-size:12px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}.text_type_button-13m{font-weight:500;font-size:13px;font-family:Roboto,sans-serif;line-height:18px;letter-spacing:.25px}.text_type_small-text{font-weight:400;font-size:14px;font-family:Roboto,sans-serif;line-height:20px;letter-spacing:0}.text_type_subcaption-2-b{font-weight:700;font-size:11px;font-family:Roboto,sans-serif;line-height:16px;letter-spacing:0}","",{version:3,sources:["webpack://./src/Text/Text.scss"],names:[],mappings:"AA8eQ,qBA1ZJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,mBAAA,CA0ZI,qBArZJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CAsZI,mBAjZJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CAiZI,mBA5YJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CA4YI,qBAvYJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAuYI,mBAlYJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CAkYI,mBA7XJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CA8XI,mBAzXJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CAyXI,qBApXJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAoXI,mBA/WJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CA+WI,qBA1WJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CA0WI,oBArWJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAqWI,oBAhWJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAiWI,sBA3VJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CA2VI,wBAtVJ,eAAA,CACA,cAAA,CACA,iBAAA,CACA,gBAAA,CACA,gBAAA,CAsVI,sBAjVJ,gBAAA,CACA,cAAA,CACA,6BAAA,CACA,iBAAA,CACA,gBAAA,CACA,oBAAA,CAgVI,sBA3UJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CA2UI,sBAtUJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CAuUI,kBAjUJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CAiUI,oBA5TJ,kBAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CA6TI,kBAxTJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAwTI,oBAnTJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,mBAAA,CAmTI,kBA9SJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CA8SI,kBAzSJ,kBAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,mBAAA,CAySI,kBApSJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,mBAAA,CAoSI,kBA/RJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,mBAAA,CAiSI,uBA3RJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CA2RI,qBAtRJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAsRI,uBAjRJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAiRI,qBA5QJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CA4QI,uBAvQJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAwQI,qBAlQJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CAkQI,uBA7PJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CA6PI,qBAxPJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAwPI,0BAnPJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CAmPI,qBA9OJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CA8OI,qBAzOJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAyOI,sBApOJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CAsOI,sBA/NJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,oBAAA,CAiOI,sBA1NJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA,CA4NI,0BArNJ,eAAA,CACA,cAAA,CACA,6BAAA,CACA,gBAAA,CACA,gBAAA",sourcesContent:["@mixin cut-for-n-rows($n: 2) {\n display: -webkit-box;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n -webkit-line-clamp: $n;\n -webkit-box-orient: vertical;\n}\n\n@mixin no-scrollbar {\n /* Hide scrollbar for Chrome, Safari and Opera */\n &::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n@mixin custom-scrollbar($track: var(--base-0)) {\n &::-webkit-scrollbar {\n position: absolute;\n width: 8px;\n height: 8px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: $track;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: #cdcdcd80;\n border: 2px solid $track;\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: #b4b4b480;\n }\n}\n\n@mixin use-border-box-sizing() {\n &,\n * {\n box-sizing: border-box;\n }\n}\n\n@mixin fill-svg-and-path($color, $transition-duration: 200ms) {\n transition: fill $transition-duration;\n fill: $color;\n\n path {\n transition: fill $transition-duration;\n fill: inherit;\n }\n}\n\n@mixin fullscreen-modal() {\n --height: calc(100% - (var(--ion-safe-area-top)));\n}\n\n@mixin centered-flexbox() {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@mixin common-icon-self-size() {\n width: 24px;\n height: 24px;\n}\n\n@mixin common-svg-size() {\n svg {\n @include common-icon-self-size();\n }\n}\n/** TITLE **/\n@mixin title-1-b {\n /** styleName: Title 1 - B (32pt); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.1px;\n}\n\n@mixin title-2-b {\n /** styleName: Title 2 - B (28pt); **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n}\n\n@mixin title-3 {\n /** styleName: Title 3 - B (24pt); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5 {\n /** styleName: Title 5 (32 B); **/\n font-weight: 700;\n font-size: 32px;\n font-family: Roboto, sans-serif;\n line-height: 40px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-5-b {\n /** styleName: Title 5 - B (20pt); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-6 {\n /** styleName: Title 6 (24 B); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.25px;\n}\n\n@mixin title-7 {\n /** styleName: Title 7 (24 M); **/\n font-weight: 700;\n font-size: 24px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n}\n\n@mixin title-8 {\n /** styleName: Title 8 (20 B); **/\n font-weight: 700;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-6-m {\n /** styleName: Title 6 - M (20pt); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 28px;\n letter-spacing: 0;\n}\n\n@mixin title-9 {\n /** styleName: Title 9 (20 M); **/\n font-weight: 500;\n font-size: 20px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0.15px;\n}\n\n@mixin title-9-b {\n /** styleName: Title 9 - B (18); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-16 {\n /** styleName: Title 16; **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin title-28 {\n /** styleName: Title 28; **/\n font-weight: 700;\n font-size: 28px;\n font-family: Roboto, sans-serif;\n line-height: 32px;\n letter-spacing: 0;\n}\n\n/** SUBTITLE **/\n@mixin subtitle-1 {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 700;\n font-size: 18px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-1-m {\n /** styleName: Subtitle 1 - M (18pt); **/\n font-weight: 500;\n font-size: 18px;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0;\n}\n\n@mixin subtitle-2 {\n /** styleName: Subtitle 2 (13 B); **/\n font-weight: bold;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n font-style: normal;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-3 {\n /** styleName: Subtitle 3 (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n@mixin subtitle-4 {\n /** styleName: Subtitle 4 (13 R); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** BODY **/\n@mixin body-1 {\n /** styleName: Body 1 (17 M); **/\n font-weight: 500;\n font-size: 17px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.25px;\n}\n\n@mixin body-1-r {\n /** styleName: Body 1 - R (16pt); **/\n font-weight: normal;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n}\n\n@mixin body-2 {\n /** styleName: Body 2 - B (16pt); **/\n font-weight: 700;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-2-m {\n /** styleName: Body 2 (15 M); **/\n font-weight: 500;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-3 {\n /** styleName: Body 3 - M (16pt); **/\n font-weight: 500;\n font-size: 16px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0;\n}\n\n@mixin body-4 {\n /** styleName: Body 4 (15 R); **/\n font-weight: normal;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 24px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-5 {\n /** styleName: Body 5 (15px line-height: 22); **/\n font-weight: 400;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n@mixin body-6 {\n /** styleName: Body 6 (15px line-height: 22 B); **/\n font-weight: 700;\n font-size: 15px;\n font-family: Roboto, sans-serif;\n line-height: 22px;\n letter-spacing: 0.1px;\n}\n\n/** SUBHEAD **/\n@mixin subhead-1-b {\n /** styleName: Subhead 1 - B (14pt); **/\n font-weight: 700;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2 {\n /** styleName: Subhead 2 - R (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-2-r {\n /** styleName: subhead 2 - r (14pt); **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n@mixin subhead-3 {\n /** styleName: Subhead 3 - R (13pt); **/\n font-weight: 400;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin subhead-4-m {\n /** styleName: Subhead 4 - M (14pt); **/\n font-weight: 500;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** CAPTION **/\n@mixin caption-1 {\n /** styleName: Caption 1 (11 R Right); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-1-b {\n /** styleName: Caption 1 - B (12pt) ; **/\n font-weight: 700;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2 {\n /** styleName: Caption 2 - R (12pt); **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-2-left {\n /** styleName: Caption 2 (11 R left); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.14px;\n}\n\n@mixin caption-3 {\n /** styleName: Caption 3 (11 R center); **/\n font-weight: 400;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0.15px;\n}\n\n@mixin caption-4 {\n /** styleName: Caption 4 (11 M center); **/\n font-weight: 500;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n@mixin caption-12 {\n /** styleName: Caption 12; **/\n font-weight: 400;\n font-size: 12px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n\n/** BUTTON **/\n\n@mixin button-13m {\n /** styleName: BUTTON (13 M); **/\n font-weight: 500;\n font-size: 13px;\n font-family: Roboto, sans-serif;\n line-height: 18px;\n letter-spacing: 0.25px;\n}\n\n/** SMALL TEXT **/\n\n@mixin small-text {\n /** styleName: Small Text; **/\n font-weight: 400;\n font-size: 14px;\n font-family: Roboto, sans-serif;\n line-height: 20px;\n letter-spacing: 0;\n}\n\n/** SUBCAPTION **/\n\n@mixin subcaption-2-b {\n /** styleName: subcaption2 - b (11pt); **/\n font-weight: 700;\n font-size: 11px;\n font-family: Roboto, sans-serif;\n line-height: 16px;\n letter-spacing: 0;\n}\n$screen-small-min: 769px;\n\n@mixin desktop {\n @media screen and (min-width: #{$screen-small-min}) {\n @content;\n }\n}\n\n$screen-small-max: 768px;\n\n@mixin mobile {\n @media screen and (max-width: #{$screen-small-max}) {\n @content;\n }\n}\n\n$tablet-from: $screen-small-min;\n\n$tablet-to: 1024px;\n\n@mixin tablet {\n @media screen and (min-width: #{$tablet-from}) and (max-width: #{$tablet-to}) {\n @content;\n }\n}\n\n$screen-xsmall-max: 567px;\n\n@mixin xsmall {\n @media screen and (max-width: #{$screen-xsmall-max}) {\n @content;\n }\n}\n.text {\n &_type {\n /** TITLE **/\n &_title-1-b {\n @include title-1-b;\n }\n\n &_title-2-b {\n @include title-2-b;\n }\n\n &_title-3 {\n @include title-3;\n }\n\n &_title-5 {\n @include title-5;\n }\n\n &_title-5-b {\n @include title-5-b;\n }\n\n &_title-6 {\n @include title-6;\n }\n\n &_title-7 {\n @include title-7;\n }\n\n &_title-8 {\n @include title-8;\n }\n\n &_title-6-m {\n @include title-6-m;\n }\n\n &_title-9 {\n @include title-9;\n }\n\n &_title-9-b {\n @include title-9-b;\n }\n\n &_title-16 {\n @include title-16;\n }\n\n &_title-28 {\n @include title-28;\n }\n\n /** SUBTITLE **/\n &_subtitle-1 {\n @include subtitle-1;\n }\n\n &_subtitle-1-m {\n @include subtitle-1-m;\n }\n\n &_subtitle-2 {\n @include subtitle-2;\n }\n\n &_subtitle-3 {\n @include subtitle-3;\n }\n\n &_subtitle-4 {\n @include subtitle-4;\n }\n\n /** BODY **/\n &_body-1 {\n @include body-1;\n }\n\n &_body-1-r {\n @include body-1-r;\n }\n\n &_body-2 {\n @include body-2;\n }\n\n &_body-2-m {\n @include body-2-m;\n }\n\n &_body-3 {\n @include body-3;\n }\n\n &_body-4 {\n @include body-4;\n }\n\n &_body-5 {\n @include body-5;\n }\n\n &_body-6 {\n @include body-6;\n }\n\n /** SUBHEAD **/\n\n &_subhead-1-b {\n @include subhead-1-b;\n }\n\n &_subhead-2 {\n @include subhead-2;\n }\n\n &_subhead-2-r {\n @include subhead-2-r;\n }\n\n &_subhead-3 {\n @include subhead-3;\n }\n\n &_subhead-4-m {\n @include subhead-4-m;\n }\n\n /** CAPTION **/\n &_caption-1 {\n @include caption-1;\n }\n\n &_caption-1-b {\n @include caption-1-b;\n }\n\n &_caption-2 {\n @include caption-2;\n }\n\n &_caption-2-left {\n @include caption-2-left;\n }\n\n &_caption-3 {\n @include caption-3;\n }\n\n &_caption-4 {\n @include caption-4;\n }\n\n &_caption-12 {\n @include caption-12;\n }\n\n /** BUTTON **/\n\n &_button-13m {\n @include button-13m;\n }\n\n /** SMALL TEXT **/\n\n &_small-text {\n @include small-text;\n }\n\n /** SUBCAPTION **/\n\n &_subcaption-2-b {\n @include subcaption-2-b;\n }\n }\n}\n"],sourceRoot:""}]);const l=a},609:n=>{"use strict";n.exports=function(n){var t=[];return t.toString=function(){return this.map((function(t){var e="",i=void 0!==t[5];return t[4]&&(e+="@supports (".concat(t[4],") {")),t[2]&&(e+="@media ".concat(t[2]," {")),i&&(e+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),e+=n(t),i&&(e+="}"),t[2]&&(e+="}"),t[4]&&(e+="}"),e})).join("")},t.i=function(n,e,i,o,s){"string"==typeof n&&(n=[[null,n,void 0]]);var a={};if(i)for(var l=0;l<this.length;l++){var r=this[l][0];null!=r&&(a[r]=!0)}for(var p=0;p<n.length;p++){var A=[].concat(n[p]);i&&a[A[0]]||(void 0!==s&&(void 0===A[5]||(A[1]="@layer".concat(A[5].length>0?" ".concat(A[5]):""," {").concat(A[1],"}")),A[5]=s),e&&(A[2]?(A[1]="@media ".concat(A[2]," {").concat(A[1],"}"),A[2]=e):A[2]=e),o&&(A[4]?(A[1]="@supports (".concat(A[4],") {").concat(A[1],"}"),A[4]=o):A[4]="".concat(o)),t.push(A))}},t}},272:n=>{"use strict";n.exports=function(n){var t=n[1],e=n[3];if(!e)return t;if("function"==typeof btoa){var i=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(i),s="/*# ".concat(o," */"),a=e.sources.map((function(n){return"/*# sourceURL=".concat(e.sourceRoot||"").concat(n," */")}));return[t].concat(a).concat([s]).join("\n")}return[t].join("\n")}},62:n=>{"use strict";var t=[];function e(n){for(var e=-1,i=0;i<t.length;i++)if(t[i].identifier===n){e=i;break}return e}function i(n,i){for(var s={},a=[],l=0;l<n.length;l++){var r=n[l],p=i.base?r[0]+i.base:r[0],A=s[p]||0,f="".concat(p," ").concat(A);s[p]=A+1;var c=e(f),m={css:r[1],media:r[2],sourceMap:r[3],supports:r[4],layer:r[5]};if(-1!==c)t[c].references++,t[c].updater(m);else{var x=o(m,i);i.byIndex=l,t.splice(l,0,{identifier:f,updater:x,references:1})}a.push(f)}return a}function o(n,t){var e=t.domAPI(t);e.update(n);return function(t){if(t){if(t.css===n.css&&t.media===n.media&&t.sourceMap===n.sourceMap&&t.supports===n.supports&&t.layer===n.layer)return;e.update(n=t)}else e.remove()}}n.exports=function(n,o){var s=i(n=n||[],o=o||{});return function(n){n=n||[];for(var a=0;a<s.length;a++){var l=e(s[a]);t[l].references--}for(var r=i(n,o),p=0;p<s.length;p++){var A=e(s[p]);0===t[A].references&&(t[A].updater(),t.splice(A,1))}s=r}}},793:n=>{"use strict";var t={};n.exports=function(n,e){var i=function(n){if(void 0===t[n]){var e=document.querySelector(n);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(n){e=null}t[n]=e}return t[n]}(n);if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(e)}},173:n=>{"use strict";n.exports=function(n){var t=document.createElement("style");return n.setAttributes(t,n.attributes),n.insert(t,n.options),t}},892:(n,t,e)=>{"use strict";n.exports=function(n){var t=e.nc;t&&n.setAttribute("nonce",t)}},36:n=>{"use strict";n.exports=function(n){var t=n.insertStyleElement(n);return{update:function(e){!function(n,t,e){var i="";e.supports&&(i+="@supports (".concat(e.supports,") {")),e.media&&(i+="@media ".concat(e.media," {"));var o=void 0!==e.layer;o&&(i+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),i+=e.css,o&&(i+="}"),e.media&&(i+="}"),e.supports&&(i+="}");var s=e.sourceMap;s&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),t.styleTagTransform(i,n,t.options)}(t,n,e)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(t)}}}},464:n=>{"use strict";n.exports=function(n,t){if(t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}},51:n=>{"use strict";self,n.exports=function(){var n={947:function(n,t){function e(n){function t(t,o,s,a){var l=o?e+t+n.e+o:e+t,r=l;if(s){var p=" "+r+n.m;for(var A in s)if(s.hasOwnProperty(A)){var f=s[A];!0===f?r+=p+A:f&&(r+=p+A+i+f)}}if(void 0!==a)for(var c=0,m=a.length;c<m;c++){var x=a[c];if(x&&"string"==typeof x.valueOf())for(var h=x.valueOf().split(" "),u=0;u<h.length;u++){var g=h[u];g!==l&&(r+=" "+g)}}return r}var e=n.n||"",i=n.v||n.m;return function(n,e){return function(i,o,s){return"string"==typeof i?Array.isArray(o)?t(n,i,void 0,o):t(n,i,o,s):t(n,e,i,o)}}}e({e:"-",m:"_"}),t.withNaming=e},368:function(n,t,e){n.exports=e(947)}},t={};function e(i){var o=t[i];if(void 0!==o)return o.exports;var s=t[i]={exports:{}};return n[i](s,s.exports,e),s.exports}e.d=function(n,t){for(var i in t)e.o(t,i)&&!e.o(n,i)&&Object.defineProperty(n,i,{enumerable:!0,get:t[i]})},e.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},e.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})};var i={};return function(){e.r(i),e.d(i,{createNodeUid:function(){return t},createUid:function(){return n},cx:function(){return o},sleep:function(){return s}});var n=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(n){var t=16*Math.random()|0;return("x"==n?t:3&t|8).toString(16)}))},t=function(){return n().replace(/[^a-zA-Z]/g,"")},o=(0,e(368).withNaming)({e:"__",m:"_",v:"_"}),s=function(n){return new Promise((function(t){return setTimeout(t,n)}))}}(),i}()},164:n=>{"use strict";n.exports=t},309:n=>{"use strict";n.exports=e},862:n=>{"use strict";n.exports=i},156:t=>{"use strict";t.exports=n}},s={};function a(n){var t=s[n];if(void 0!==t)return t.exports;var e=s[n]={id:n,exports:{}};return o[n](e,e.exports,a),e.exports}a.n=n=>{var t=n&&n.__esModule?()=>n.default:()=>n;return a.d(t,{a:t}),t},a.d=(n,t)=>{for(var e in t)a.o(t,e)&&!a.o(n,e)&&Object.defineProperty(n,e,{enumerable:!0,get:t[e]})},a.o=(n,t)=>Object.prototype.hasOwnProperty.call(n,t),a.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})};var l={};return(()=>{"use strict";a.r(l),a.d(l,{CustomCheckbox:()=>v,CustomIcon:()=>T,CustomInput:()=>X,Label:()=>Y,Text:()=>q,TextType:()=>P});var n=a(156),t=a.n(n),e=a(164),i=a(51),o=a(779),s=a.n(o),r=a(62),p=a.n(r),A=a(36),f=a.n(A),c=a(793),m=a.n(c),x=a(892),h=a.n(x),u=a(173),g=a.n(u),b=a(464),d=a.n(b),y=a(310),C={};C.styleTagTransform=d(),C.setAttributes=h(),C.insert=m().bind(null,"head"),C.domAPI=f(),C.insertStyleElement=g();p()(y.Z,C);y.Z&&y.Z.locals&&y.Z.locals;var w=function(){return w=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n},w.apply(this,arguments)},B=function(n,t){var e={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&t.indexOf(i)<0&&(e[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(n);o<i.length;o++)t.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(n,i[o])&&(e[i[o]]=n[i[o]])}return e},_=(0,i.cx)("custom-checkbox"),v=function(n){var i=n.className,o=n.slot,a=B(n,["className","slot"]);return t().createElement("div",{className:s()(_(),i),slot:o,"data-testid":"test-checkbox"},t().createElement(e.IonCheckbox,w({tabIndex:0,className:_("checkbox")},a)))},z=a(470),R={};R.styleTagTransform=d(),R.setAttributes=h(),R.insert=m().bind(null,"head"),R.domAPI=f(),R.insertStyleElement=g();p()(z.Z,R);z.Z&&z.Z.locals&&z.Z.locals;var N=(0,i.cx)("custom-icon"),T=function(n){var i=n.icon,o=n.className;return"string"==typeof i?t().createElement(e.IonIcon,{className:o,icon:i}):t().createElement("div",{className:s()(N(),o)},i)},I=a(309),k=a(862),S=function(){return S=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n},S.apply(this,arguments)},$=t().forwardRef((function(i,o){var s,a=i.inputType,l=(0,n.useRef)(null);switch((0,n.useImperativeHandle)(o,(function(){var n;return Object.assign(null!==(n=l.current)&&void 0!==n?n:{},{clearValue:function(){var n;(null===(n=l.current)||void 0===n?void 0:n.value)&&(l.current.value="")}})}),[]),a){case"textarea":return t().createElement(e.IonTextarea,S({},i,{ref:l,rows:null!==(s=i.rows)&&void 0!==s?s:1,autoGrow:!0}));case"input":return t().createElement(e.IonInput,S({},i,{ref:l}))}})),E=a(755),O={};O.styleTagTransform=d(),O.setAttributes=h(),O.insert=m().bind(null,"head"),O.domAPI=f(),O.insertStyleElement=g();p()(E.Z,O);E.Z&&E.Z.locals&&E.Z.locals;var M=a(884),U={};U.styleTagTransform=d(),U.setAttributes=h(),U.insert=m().bind(null,"head"),U.domAPI=f(),U.insertStyleElement=g();p()(M.Z,U);M.Z&&M.Z.locals&&M.Z.locals;var L=a(491),J={};J.styleTagTransform=d(),J.setAttributes=h(),J.insert=m().bind(null,"head"),J.domAPI=f(),J.insertStyleElement=g();p()(L.Z,J);L.Z&&L.Z.locals&&L.Z.locals;var P,j=function(){return j=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n},j.apply(this,arguments)},H=function(n,t){var e={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&t.indexOf(i)<0&&(e[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(n);o<i.length;o++)t.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(n,i[o])&&(e[i[o]]=n[i[o]])}return e},D=(0,i.cx)("text"),q=function(e){var i=e.type,o=e.mobileType,a=void 0===o?i:o,l=e.isMobile,r=void 0!==l&&l,p=H(e,["type","mobileType","isMobile"]),A=p.as,f=p.className,c=(0,n.useMemo)((function(){return r&&a?a:i}),[r,i,a]);switch(A){case"div":default:return t().createElement("div",j({},p,{className:s()(D({type:c}),f)}));case"p":return t().createElement("p",j({},p,{className:s()(D({type:c}),f)}));case"span":return t().createElement("span",j({},p,{className:s()(D({type:c}),f)}));case"h1":return t().createElement("h1",j({},p,{className:s()(D({type:c}),f)}));case"h2":return t().createElement("h2",j({},p,{className:s()(D({type:c}),f)}));case"h3":return t().createElement("h3",j({},p,{className:s()(D({type:c}),f)}));case"h4":return t().createElement("h4",j({},p,{className:s()(D({type:c}),f)}));case"h5":return t().createElement("h5",j({},p,{className:s()(D({type:c}),f)}));case"h6":return t().createElement("h6",j({},p,{className:s()(D({type:c}),f)}));case"a":return t().createElement("a",j({},p,{className:s()(D({type:c}),f)}))}};!function(n){n.TITLE_1_B="title-1-b",n.TITLE_2_B="title-2-b",n.TITLE_3="title-3",n.TITLE_5="title-5",n.TITLE_5_B="title-5-b",n.TITLE_6="title-6",n.TITLE_7="title-7",n.TITLE_8="title-8",n.TITLE_6_M="title-6-m",n.TITLE_9="title-9",n.TITLE_9_B="title-9-b",n.TITLE_16="title-16",n.TITLE_28="title-28",n.SUBTITLE_1="subtitle-1",n.SUBTITLE_1_M="subtitle-1-m",n.SUBTITLE_2="subtitle-2",n.SUBTITLE_3="subtitle-3",n.SUBTITLE_4="subtitle-4",n.BODY_1="body-1",n.BODY_1_R="body-1-r",n.BODY_2="body-2",n.BODY_2_M="body-2-m",n.BODY_3="body-3",n.BODY_4="body-4",n.BODY_5="body-5",n.BODY_6="body-6",n.SUBHEAD_1_B="subhead-1-b",n.SUBHEAD_2="subhead-2",n.SUBHEAD_3="subhead-3",n.SUBHEAD_2_R="subhead-2-r",n.SUBHEAD_4_M="subhead-4-m",n.CAPTION_1="caption-1",n.CAPTION_1_B="caption-1-b",n.CAPTION_2="caption-2",n.CAPTION_2_LEFT="caption-2-left",n.CAPTION_3="caption-3",n.CAPTION_4="caption-4",n.CAPTION_12="caption-12",n.BUTTON_13M="button-13m",n.SMALL_TEXT="small-text",n.SUBCAPTION_2_B="subcaption-2-b"}(P||(P={}));var Z=(0,i.cx)("label"),Y=function(n){var e=n.isMinimized,i=n.color,o=void 0===i?"default":i,a=n.isMobile,l=void 0!==a&&a,r=n.className,p=n.children;return t().createElement(q,{type:e?P.CAPTION_2:P.BODY_1_R,className:s()(Z({minimized:e,color:o}),r),isMobile:l},p)},W=function(){return W=Object.assign||function(n){for(var t,e=1,i=arguments.length;e<i;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=t[o]);return n},W.apply(this,arguments)},F=function(n,t){var e={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&t.indexOf(i)<0&&(e[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(n);o<i.length;o++)t.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(n,i[o])&&(e[i[o]]=n[i[o]])}return e},G=(0,i.cx)("custom-input"),X=t().forwardRef((function(i,o){var a,l=i.value,r=i.className,p=i.containerClassName,A=i.inputWrapperClassName,f=i.disabled,c=i.label,m=i.icon,x=i.iconLeft,h=i.iconClassName,u=i.prefix,g=i.prefixIcon,b=i.hasError,d=i.errorHint,y=i.hint,C=i.requiredSign,w=i.forceFocused,B=void 0!==w&&w,_=i.readonly,v=i.placeholder,z=i.clearButton,R=void 0!==z&&z,N=i.onClearValue,S=i.onInputWrapperClick,E=i.children,O=i.slot,M=F(i,["value","className","containerClassName","inputWrapperClassName","disabled","label","icon","iconLeft","iconClassName","prefix","prefixIcon","hasError","errorHint","hint","requiredSign","forceFocused","readonly","placeholder","clearButton","onClearValue","onInputWrapperClick","children","slot"]);null!==(a=M.inputType)&&void 0!==a||(M.inputType="input");var U=(0,n.useRef)(null);(0,n.useImperativeHandle)(o,(function(){return U.current}),[]);var L=(0,I.useFocusLifecycle)({onBlur:M.onIonBlur,onFocus:M.onIonFocus}),J=L.handleInputBlur,P=L.handleInputFocus,j=L.isFocused,H=B||j,D=(0,n.useCallback)((function(n){var t;null==N||N(n),null===(t=U.current)||void 0===t||t.clearValue()}),[N]),q=Boolean((H||l||v)&&c),Z=!l&&!q,X=c?c+(C?"*":""):void 0,Q=(0,n.useMemo)((function(){return f?"secondary":b?"error":void 0}),[f,b]);return t().createElement("div",{className:s()(G(),p),slot:O},t().createElement("div",{onClick:S,className:s()(G("input-wrapper",{clickable:Boolean(S)}),A)},t().createElement($,W({ref:U,className:s()(G("input",{active:H,disabled:f,readonly:Boolean(_),"with-minimized-label":q,"without-label":!c,"with-icon":Boolean(m&&!x),"with-icon-left":Boolean(m&&x),"with-prefix-icon":Boolean(g),"with-prefix":Boolean(u),"with-error":Boolean(b)}),r),onIonFocus:P,onIonBlur:J,value:l,disabled:f,readonly:_,placeholder:v},M),u&&t().createElement(Y,{className:G("prefix",{hidden:Z})},u),g&&t().createElement(T,{className:G("prefix-icon"),icon:g}),c&&t().createElement("div",{className:G("label-wrapper",{minimized:q})},t().createElement(Y,{isMinimized:q,color:Q},X)),!!l&&R&&t().createElement(e.IonButton,{size:"small",fill:"clear",className:G("clear-button",{type:M.inputType}),disabled:f,onClick:D},t().createElement(k.IcClose,{slot:"icon-only"}))),m&&t().createElement("div",{className:G("icon-wrapper",{position:x?"left":"right"})},t().createElement(T,{className:s()(G("icon"),h),icon:m}))),!b&&y&&t().createElement(Y,{className:G("hint"),isMinimized:!0,color:f?"secondary":"default"},y),d&&b&&t().createElement(Y,{className:G("hint"),isMinimized:!0,color:"error"},d),E)}))})(),l})()}));
3
3
  //# sourceMappingURL=index.js.map