@belvo-finance/belvo-vue-components/dist/css/belvo-design.min.css.map

## Project setup ``` npm install ```

{"version":3,"sources":["../../src/assets/scss/_typography.scss","../../src/assets/scss/_requireds.scss","../../src/assets/scss/_layout.scss","../../src/assets/scss/mixins/_grid.scss","../../src/assets/scss/_grid.scss","../../src/assets/scss/_tokens.scss","../../src/assets/scss/mixins/_fonts.scss","../../src/assets/scss/_typography_DEPRECATED.scss","../../src/assets/scss/mixins/_responsive.scss","../../src/assets/scss/transitions/_translate.scss","../../src/assets/scss/transitions/_fade.scss","../../src/assets/scss/transitions/_scale.scss","../../src/assets/scss/transitions/_scale-height.scss","../../src/assets/scss/transitions/_translate-y.scss","../../src/assets/scss/mixins/_z-index.scss","../../src/assets/scss/_utils.scss","../../src/assets/scss/mixins/_spaces.scss","../../src/assets/scss/_reset.scss"],"names":[],"mappings":"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YDwQmB,IL/OnB,UKyKa,QLxKb,YKmJe,KLhJjB,gBM9BE,YAAa,oBACb,YDwQmB,ILzOnB,UKkKa,QLjKb,YK2Ie,KLxIjB,gBMpCE,YAAa,oBACb,YDwQmB,ILnOnB,UK2Ja,OL1Jb,YKoIe,KLjIjB,gBM1CE,YAAa,oBACb,YDwQmB,IL7NnB,UKoJa,QLnJb,YK6He,KL1HjB,gBMhDE,YAAa,oBACb,YDwQmB,ILvNnB,UK6Ia,KL5Ib,YKsHe,KLnHjB,gBMjDE,YAAa,yBACb,YDkQiB,ILhNjB,UKsIa,QLrIb,YK+Ge,KL5GjB,gBMvDE,YAAa,yBACb,YDkQiB,IL1MjB,UK+Ha,OL9Hb,YKwGe,KLrGjB,gBM7DE,YAAa,yBACb,YDkQiB,ILpMjB,UKwHa,QLvHb,YKiGe,KL9FjB,gBMnEE,YAAa,yBACb,YDkQiB,IL9LjB,UKiHa,SLhHb,YK0Fe,KLvFjB,gBMzEE,YAAa,yBACb,YDkQiB,ILxLjB,UK0Ga,KLzGb,YKmFe,KLhFjB,gBM/EE,YAAa,yBACb,YDkQiB,ILlLjB,UKmGa,QLlGb,YK4Ee,KLzEjB,gBMrFE,YAAa,yBACb,YDkQiB,IL5KjB,UK4Fa,OL3Fb,YKqEe,KLlEjB,iBMtFE,YAAa,yBACb,YD4PoB,ILrKpB,UK4Fa,QL3Fb,YKqEe,KLlEjB,iBM5FE,YAAa,yBACb,YD4PoB,IL/JpB,UKqFa,OLpFb,YK8De,KL3DjB,iBMlGE,YAAa,yBACb,YD4PoB,ILzJpB,UK8Ea,QL7Eb,YKuDe,KLpDjB,iBMxGE,YAAa,yBACb,YD4PoB,ILnJpB,UKuEa,SLtEb,YKgDe,KL7CjB,iBM9GE,YAAa,yBACb,YD4PoB,IL7IpB,UKgEa,KL/Db,YKyCe,KLtCjB,iBMpHE,YAAa,yBACb,YD4PoB,ILvIpB,UKyDa,QLxDb,YKkCe,KL/BjB,iBM1HE,YAAa,yBACb,YD4PoB,ILjIpB,UKkDa,OLjDb,YK2Be,KLxBjB,cM3GE,YAAa,mBACb,YDuOoB,IL3HpB,UK6Ca,QL5Cb,YKsBe,KLnBjB,cMjHE,YAAa,mBACb,YDuOoB,ILrHpB,UKsCa,OLrCb,YKee,KExKjB,WACE,YAAa,UACb,WAAY,OACZ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YWtNhB,MACE,cXqNc,YWpNd,aXoNc,YWlNhB,MACE,YXiNc,YW/MhB,MACE,cX8Mc,YW5MhB,MACE,eX2Mc,YWzMhB,MACE,aXwMc,YW7NhB,MACE,QX6NY,iBW3Nd,OACE,YX0NY,iBWzNZ,eXyNY,iBWvNd,OACE,cXsNY,iBWrNZ,aXqNY,iBWnNd,OACE,YXkNY,iBWhNd,OACE,cX+MY,iBW7Md,OACE,eX4MY,iBW1Md,OACE,aXyMY,iBW9Nd,KACE,QX8NW,gBW5Nb,MACE,YX2NW,gBW1NX,eX0NW,gBWxNb,MACE,cXuNW,gBWtNX,aXsNW,gBWpNb,MACE,YXmNW,gBWjNb,MACE,cXgNW,gBW9Mb,MACE,eX6MW,gBW3Mb,MACE,aX0MW,gBW/Nb,KACE,QX+NW,eW7Nb,MACE,YX4NW,eW3NX,eX2NW,eWzNb,MACE,cXwNW,eWvNX,aXuNW,eWrNb,MACE,YXoNW,eWlNb,MACE,cXiNW,eW/Mb,MACE,eX8MW,eW5Mb,MACE,aX2MW,eWhOb,KACE,QXgOW,iBW9Nb,MACE,YX6NW,iBW5NX,eX4NW,iBW1Nb,MACE,cXyNW,iBWxNX,aXwNW,iBWtNb,MACE,YXqNW,iBWnNb,MACE,cXkNW,iBWhNb,MACE,eX+MW,iBW7Mb,MACE,aX4MW,iBWjOb,MACE,QXiOY,eW/Nd,OACE,YX8NY,eW7NZ,eX6NY,eW3Nd,OACE,cX0NY,eWzNZ,aXyNY,eWvNd,OACE,YXsNY,eWpNd,OACE,cXmNY,eWjNd,OACE,eXgNY,eW9Md,OACE,aX6MY,eWlOd,OACE,QXkOa,iBWhOf,QACE,YX+Na,iBW9Nb,eX8Na,iBW5Nf,QACE,cX2Na,iBW1Nb,aX0Na,iBWxNf,QACE,YXuNa,iBWrNf,QACE,cXoNa,iBWlNf,QACE,eXiNa,iBW/Mf,QACE,aX8Ma,iBWnOf,OACE,QXmOc,eWjOhB,QACE,YXgOc,eW/Nd,eX+Nc,eW7NhB,QACE,cX4Nc,eW3Nd,aX2Nc,eWzNhB,QACE,YXwNc,eWtNhB,QACE,cXqNc,eWnNhB,QACE,eXkNc,eWhNhB,QACE,aX+Mc,eWxMhB,KACE,OXgMc,YW9LhB,MACE,WX6Lc,YW5Ld,cX4Lc,YW1LhB,MACE,aXyLc,YWxLd,YXwLc,YWtLhB,MACE,WXqLc,YWnLhB,MACE,aXkLc,YWhLhB,MACE,cX+Kc,YW7KhB,MACE,YX4Kc,YWjMhB,MACE,OXiMY,iBW/Ld,OACE,WX8LY,iBW7LZ,cX6LY,iBW3Ld,OACE,aX0LY,iBWzLZ,YXyLY,iBWvLd,OACE,WXsLY,iBWpLd,OACE,aXmLY,iBWjLd,OACE,cXgLY,iBW9Kd,OACE,YX6KY,iBWlMd,KACE,OXkMW,gBWhMb,MACE,WX+LW,gBW9LX,cX8LW,gBW5Lb,MACE,aX2LW,gBW1LX,YX0LW,gBWxLb,MACE,WXuLW,gBWrLb,MACE,aXoLW,gBWlLb,MACE,cXiLW,gBW/Kb,MACE,YX8KW,gBWnMb,KACE,OXmMW,eWjMb,MACE,WXgMW,eW/LX,cX+LW,eW7Lb,MACE,aX4LW,eW3LX,YX2LW,eWzLb,MACE,WXwLW,eWtLb,MACE,aXqLW,eWnLb,MACE,cXkLW,eWhLb,MACE,YX+KW,eWpMb,KACE,OXoMW,iBWlMb,MACE,WXiMW,iBWhMX,cXgMW,iBW9Lb,MACE,aX6LW,iBW5LX,YX4LW,iBW1Lb,MACE,WXyLW,iBWvLb,MACE,aXsLW,iBWpLb,MACE,cXmLW,iBWjLb,MACE,YXgLW,iBWrMb,MACE,OXqMY,eWnMd,OACE,WXkMY,eWjMZ,cXiMY,eW/Ld,OACE,aX8LY,eW7LZ,YX6LY,eW3Ld,OACE,WX0LY,eWxLd,OACE,aXuLY,eWrLd,OACE,cXoLY,eWlLd,OACE,YXiLY,eWtMd,OACE,OXsMa,iBWpMf,QACE,WXmMa,iBWlMb,cXkMa,iBWhMf,QACE,aX+La,iBW9Lb,YX8La,iBW5Lf,QACE,WX2La,iBWzLf,QACE,aXwLa,iBWtLf,QACE,cXqLa,iBWnLf,QACE,YXkLa,iBWvMf,OACE,OXuMc,eWrMhB,QACE,WXoMc,eWnMd,cXmMc,eWjMhB,QACE,aXgMc,eW/Ld,YX+Lc,eW7LhB,QACE,WX4Lc,eW1LhB,QACE,aXyLc,eWvLhB,QACE,cXsLc,eWpLhB,QACE,YXmLc,eUvNpB,eACE,cAAe,IAAI,MV0CL,QUvChB,QACE,SAAU,SElBP,iCADA,iCAEH,OAAQ,EACR,mBAAoB,KAGhB,mBACJ,gBAAiB","sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&display=swap');\n\n@font-face {\n  font-family: Geomanist;\n  font-style: normal;\n  font-weight: $weight-font-medium;\n  src: url('https://statics.belvo.io/fonts/Geomanist-Medium.otf') format('opentype');\n}\n\n@font-face {\n  font-family: Geomanist;\n  font-style: italic;\n  font-weight: $weight-font-light;\n  src: url('https://statics.belvo.io/fonts/Geomanist-Light-Italic.otf') format('opentype');\n}\n\n@font-face {\n  font-family: FiraCode;\n  font-style: normal;\n  font-weight: $weight-font-regular;\n  src: url('https://statics.belvo.io/fonts/FiraCode-Regular.ttf') format('truetype');\n}\n\n@font-face {\n  font-family: FiraCode;\n  font-style: normal;\n  font-weight: $weight-font-bold;\n  src: url('https://statics.belvo.io/fonts/FiraCode-Bold.ttf') format('truetype');\n}\n\n.text-medium-60 {\n  @include mediumFont();\n  font-size: $size-font-60;\n  line-height: $height-line-72;\n}\n\n.text-medium-52 {\n  @include mediumFont();\n  font-size: $size-font-52;\n  line-height: $height-line-64;\n}\n\n.text-medium-40 {\n  @include mediumFont();\n  font-size: $size-font-40;\n  line-height: $height-line-52;\n}\n\n.text-medium-36 {\n  @include mediumFont();\n  font-size: $size-font-36;\n  line-height: $height-line-48;\n}\n\n.text-medium-32 {\n  @include mediumFont();\n  font-size: $size-font-32;\n  line-height: $height-line-44;\n}\n\n.text-medium-28 {\n  @include mediumNotoFont();\n  font-size: $size-font-28;\n  line-height: $height-line-40;\n}\n\n.text-medium-24 {\n  @include mediumNotoFont();\n  font-size: $size-font-24;\n  line-height: $height-line-36;\n}\n\n.text-medium-20 {\n  @include mediumNotoFont();\n  font-size: $size-font-20;\n  line-height: $height-line-32;\n}\n\n.text-medium-18 {\n  @include mediumNotoFont();\n  font-size: $size-font-18;\n  line-height: $height-line-30;\n}\n\n.text-medium-16 {\n  @include mediumNotoFont();\n  font-size: $size-font-16;\n  line-height: $height-line-28;\n}\n\n.text-medium-14 {\n  @include mediumNotoFont();\n  font-size: $size-font-14;\n  line-height: $height-line-26;\n}\n\n.text-medium-12 {\n  @include mediumNotoFont();\n  font-size: $size-font-12;\n  line-height: $height-line-24;\n}\n\n.text-regular-28 {\n  @include regularNotoFont();\n  font-size: $size-font-28;\n  line-height: $height-line-40;\n}\n\n.text-regular-24 {\n  @include regularNotoFont();\n  font-size: $size-font-24;\n  line-height: $height-line-36;\n}\n\n.text-regular-20 {\n  @include regularNotoFont();\n  font-size: $size-font-20;\n  line-height: $height-line-32;\n}\n\n.text-regular-18 {\n  @include regularNotoFont();\n  font-size: $size-font-18;\n  line-height: $height-line-30;\n}\n\n.text-regular-16 {\n  @include regularNotoFont();\n  font-size: $size-font-16;\n  line-height: $height-line-28;\n}\n\n.text-regular-14 {\n  @include regularNotoFont();\n  font-size: $size-font-14;\n  line-height: $height-line-26;\n}\n\n.text-regular-12 {\n  @include regularNotoFont();\n  font-size: $size-font-12;\n  line-height: $height-line-24;\n}\n\n.text-code-14 {\n  @include normalCodeFont();\n  font-size: $size-font-14;\n  line-height: $height-line-26;\n}\n\n.text-code-12 {\n  @include normalCodeFont();\n  font-size: $size-font-12;\n  line-height: $height-line-24;\n}\n\n","@use \"sass:list\";\n","// Alignment\n.text-left {\n  text-align: left;\n}\n\n.text-right {\n  text-align: right;\n}\n\n.text-center {\n  text-align: center;\n}\n\n// Position\n.relative {\n  position: relative;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.fixed {\n  position: fixed;\n}\n","@mixin create-mq($breakpoint) {\n  @if ($breakpoint == 0) {\n    @content;\n  } @else {\n    @media screen and (min-width: map-get($breakpoint, \"min\")) and (max-width: map-get($breakpoint, \"max\")) {\n      @content;\n    }\n  }\n}\n\n@mixin create-col-classes($modifier, $grid-cols) {\n  .col#{$modifier} {\n    flex-basis: 0;\n    flex-grow: 1;\n  }\n  @for $i from 1 through $grid-cols {\n    .col#{$modifier}-#{$i} {\n      flex-basis: (100 / ($grid-cols / $i) ) * 1%;\n      flex-grow: 0;\n    }\n    .col-offset#{$modifier}-#{$i} {\n      margin-left: (100 / ($grid-cols / $i) ) * 1%;\n    }\n  }\n}\n\n@mixin make-row() {\n  box-sizing: border-box;\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n}\n\n@mixin create-alignment-classes($modifier) {\n  .flex-first#{$modifier} {\n    order: -1;\n  }\n  .flex-last#{$modifier} {\n    order: 1;\n  }\n  .flex-end#{$modifier} {\n    display: flex;\n    justify-content: flex-end;\n  }\n  .flex-start#{$modifier} {\n    display: flex;\n    justify-content: flex-start;\n  }\n  .flex-center#{$modifier} {\n    display: flex;\n    justify-content: center;\n  }\n  .flex-between#{$modifier} {\n    display: flex;\n    justify-content: space-between;\n  }\n  .flex-around#{$modifier} {\n    display: flex;\n    justify-content: space-around;\n  }\n  .flex-top#{$modifier} {\n    align-items: flex-start;\n  }\n  .flex-middle#{$modifier} {\n    align-items: center;\n  }\n  .flex-bottom#{$modifier} {\n    align-items: flex-end;\n  }\n  .flex-self-center#{$modifier} {\n    align-self: center;\n  }\n  .flex-self-start#{$modifier} {\n    align-self: flex-start;\n  }\n  .flex-self-end#{$modifier} {\n    align-self: flex-end;\n  }\n}\n","$grid-cols: 12;\n$size-break-point-sm: (\n  min: $size-break-point-s-min,\n  max: $size-break-point-s-max\n);\n$size-break-point-md: (\n  min: $size-break-point-m-min,\n  max: $size-break-point-m-max\n);\n$size-break-point-lg: (\n  min: $size-break-point-l-min,\n  max: $size-break-point-l-max\n);\n\n@each $modifier, $breakpoint in ('': 0, '-sm': $size-break-point-sm, '-md': $size-break-point-md, '-lg': $size-break-point-lg) {\n  @include create-mq($breakpoint) {\n    @include create-col-classes($modifier, $grid-cols);\n    @include create-alignment-classes($modifier);\n  }\n}\n\n.row {\n  @include make-row();\n}\n\n// Flexbox\n.flex {\n  display: flex;\n}\n\n.flex-col {\n  display: flex;\n  flex-direction: column;\n}\n","\n// Do not edit directly\n// Generated on Tue, 05 May 2020 11:31:19 GMT\n\n$color-blue-10: #011432;\n$color-blue-15: #021e4b;\n$color-blue-20: #032863;\n$color-blue-25: #03327c;\n$color-blue-30: #043c95;\n$color-blue-35: #0446ae;\n$color-blue-40: #054fc7;\n$color-blue-45: #0659e0;\n$color-blue-50: #0663f9;\n$color-blue-55: #1f73f9;\n$color-blue-60: #3882fa;\n$color-blue-65: #5192fb;\n$color-blue-70: #6aa2fb;\n$color-blue-75: #83b1fc;\n$color-blue-80: #9cc1fc;\n$color-blue-85: #b4d0fd;\n$color-blue-90: #cde0fe;\n$color-blue-95: #e6effe;\n$color-green-10: #12280b;\n$color-green-15: #1b3c10;\n$color-green-20: #235016;\n$color-green-25: #2c641b;\n$color-green-30: #357821;\n$color-green-35: #3e8c26;\n$color-green-40: #47a02c;\n$color-green-45: #50b431;\n$color-green-50: #59c837;\n$color-green-55: #69ce4b;\n$color-green-60: #7ad35f;\n$color-green-65: #8bd973;\n$color-green-70: #9bde87;\n$color-green-75: #ace49b;\n$color-green-80: #bce9af;\n$color-green-85: #cdefc3;\n$color-green-90: #def4d7;\n$color-green-95: #eefaeb;\n$color-grey-0: #ffffff;\n$color-grey-10: #161a1d;\n$color-grey-15: #21272c;\n$color-grey-20: #2b343b;\n$color-grey-25: #364049;\n$color-grey-30: #414d58;\n$color-grey-35: #4c5a67;\n$color-grey-40: #576775;\n$color-grey-45: #627484;\n$color-grey-50: #6c8193;\n$color-grey-55: #7b8e9d;\n$color-grey-60: #8a9aa8;\n$color-grey-65: #98a7b3;\n$color-grey-70: #a7b3be;\n$color-grey-75: #b6c0c9;\n$color-grey-80: #c4cdd4;\n$color-grey-85: #d3d9de;\n$color-grey-90: #e2e6e9;\n$color-grey-95: #f0f2f4;\n$color-red-10: #320301;\n$color-red-15: #4b0402;\n$color-red-20: #630603;\n$color-red-25: #7c0703;\n$color-red-30: #950904;\n$color-red-35: #ae0a04;\n$color-red-40: #c70c05;\n$color-red-45: #e00d06;\n$color-red-50: #f90e06;\n$color-red-55: #f9271f;\n$color-red-60: #fa3f38;\n$color-red-65: #fb5751;\n$color-red-70: #fb6f6a;\n$color-red-75: #fc8783;\n$color-red-80: #fc9f9c;\n$color-red-85: #fdb7b4;\n$color-red-90: #fecfcd;\n$color-red-95: #fee7e6;\n$color-yellow-10: #322801;\n$color-yellow-15: #4b3c02;\n$color-yellow-20: #645002;\n$color-yellow-25: #7d6403;\n$color-yellow-30: #957804;\n$color-yellow-35: #ae8c04;\n$color-yellow-40: #c7a005;\n$color-yellow-45: #e0b405;\n$color-yellow-50: #f9c806;\n$color-yellow-55: #facd1f;\n$color-yellow-60: #fad338;\n$color-yellow-65: #fbd951;\n$color-yellow-70: #fbde6a;\n$color-yellow-75: #fce383;\n$color-yellow-80: #fde99b;\n$color-yellow-85: #fdeeb4;\n$color-yellow-90: #fef4cd;\n$color-yellow-95: #fefae6;\n$color-background-accordion-normal: #ffffff; // Background color of the accordion\n$color-background-accordion-hover: #f0f2f4; // Background color of the accordion in hover state\n$color-background-avatar: #3882fa; // Background color of the avatar\n$color-background-banner-info: #e6effe; // Background color of the info banner\n$color-background-banner-warning: #fefae6; // Background color of the warning banner\n$color-background-banner-error: #fee7e6; // Background color of the error banner\n$color-background-banner-success: #eefaeb; // Background color of the success banner\n$color-background-banner-emoji-info: #ffffff; // Background color of the info banner\n$color-background-banner-emoji-warning: #ffffff; // Background color of the warning banner\n$color-background-banner-emoji-error: #ffffff; // Background color of the error banner\n$color-background-banner-emoji-success: #ffffff; // Background color of the success banner\n$color-background-card: #ffffff; // Background color of the card\n$color-background-progress-bar-container: #ffffff; // Background color of the progress bar\n$color-background-progress-bar-buffer: #3882fa; // Background color of the buffer of the progress bar\n$color-background-snack-bar-info: #e6effe; // Background color of the info snack-bar\n$color-background-snack-bar-warning: #fefae6; // Background color of the warning snack-bar\n$color-background-snack-bar-error: #fee7e6; // Background color of the error snack-bar\n$color-background-snack-bar-success: #eefaeb; // Background color of the success snack-bar\n$color-background-snack-bar-emoji-info: #ffffff; // Background color of the info snack-bar\n$color-background-snack-bar-emoji-warning: #ffffff; // Background color of the warning snack-bar\n$color-background-snack-bar-emoji-error: #ffffff; // Background color of the error snack-bar\n$color-background-snack-bar-emoji-success: #ffffff; // Background color of the success banner\n$color-background-toggle-container: #ffffff; // Background color of the toggle\n$color-background-toggle-selector-normal: #000000; // Background color of the toggle selector\n$color-background-toggle-selector-hover: #f9c806; // Background color of the toggle selector on hover\n$color-background-toggle-selector-inactive: #3882fa; // Background color of the toggle selector inactive\n$color-border-accordion: #f0f2f4; // Border color of the accordion\n$color-border-banner-info: #9cc1fc; // Border color of the info banner\n$color-border-banner-warning: #fde99b; // Border color of the warning banner\n$color-border-banner-error: #fc9f9c; // Border color of the error banner\n$color-border-banner-success: #bce9af; // Border color of the success banner\n$color-border-chip-success: #bbebb4; // Border color of the success chip\n$color-border-chip-error: #fecfcd; // Border color of the error chip\n$color-border-chip-info: #cde0fe; // Border color of the info chip\n$color-border-chip-message: #e2e6e9; // Border color of the message chip\n$color-border-list-header: #f0f2f4; // Border color of the list header\n$color-border-snack-bar-info: #9cc1fc; // Border color of the info snack-bar\n$color-border-snack-bar-warning: #fde99b; // Border color of the warning snack-bar\n$color-border-snack-bar-error: #fc9f9c; // Border color of the error snack-bar\n$color-border-snack-bar-success: #bce9af; // Border color of the success snack-bar\n$color-text-banner-info: #3882fa; // Text color of the info banner\n$color-text-banner-warning: #fad338; // Text color of the warning banner\n$color-text-banner-error: #fa3f38; // Text color of the error banner\n$color-text-banner-success: #7ad35f; // Text color of the success banner\n$color-text-chip-success: #4fd53a; // Text color of the success chip\n$color-text-chip-error: #e00d06; // Text color of the error chip\n$color-text-chip-info: #0659e0; // Text color of the info chip\n$color-text-chip-message: #627484; // Text color of the message chip\n$color-text-list-header: #8a9aa8; // Text color of the list header\n$color-text-snack-bar-info: #3882fa; // Text color of the info snack-bar\n$color-text-snack-bar-warning: #fad338; // Text color of the warning snack-bar\n$color-text-snack-bar-error: #fa3f38; // Text color of the error snack-bar\n$color-text-snack-bar-success: #7ad35f; // Text color of the success snack-bar\n$color-close-icon-info: #0659e0; // Icon color of the close button\n$color-close-icon-warning: #e0b405; // Icon color of the warning close button\n$color-close-icon-error: #e00d06; // Icon color of the error close button\n$color-close-icon-success: #50b431; // Icon color of the success close button\n$color-close-background-info: #e6effe; // Hover background color of the info close button\n$color-close-background-warning: #fefae6; // Hover background color of the warning close buttonr\n$color-close-background-error: #fee7e6; // Hover background color of the error close button\n$color-close-background-success: #eefaeb; // Hover background color of the success close button\n$color-close-ripple-info: #cde0fe; // Hover background color of the info close button\n$color-close-ripple-warning: #fef4cd; // Hover background color of the warning close buttonr\n$color-close-ripple-error: #fecfcd; // Hover background color of the error close button\n$color-close-ripple-success: #def4d7; // Hover background color of the success close button\n$elevation-box-s: 0 2px 4px 0 rgba(0,0,0,0.15);\n$elevation-box-m: 0 2px 8px 0 rgba(0,0,0,0.15);\n$elevation-box-l: 0 2px 16px 0 rgba(0,0,0,0.15);\n$elevation-box-xl: 0 2px 32px 0 rgba(0,0,0,0.15);\n$elevation-text-s: 0 1px 1px rgba(0,0,0,0.15);\n$height-line-12: 12px;\n$height-line-16: 16px;\n$height-line-20: 20px;\n$height-line-24: 24px;\n$height-line-26: 26px;\n$height-line-28: 28px;\n$height-line-30: 30px;\n$height-line-32: 32px;\n$height-line-36: 36px;\n$height-line-40: 40px;\n$height-line-44: 44px;\n$height-line-48: 48px;\n$height-line-52: 52px;\n$height-line-64: 64px;\n$height-line-68: 68px;\n$height-line-72: 72px;\n$size-border-s: 0.0625rem;\n$size-border-m: 0.125rem;\n$size-border-l: 0.1875rem;\n$size-border-xl: 0.25rem;\n$size-border-accordion: 0.0625rem; // Size of the border of the accordion\n$size-border-banner: 0.0625rem; // Border size of the banner\n$size-border-chip: 0.1875rem; // Size of the border of the chip\n$size-border-list-header: 0.0625rem; // Size of the border of the list header\n$size-border-snack-bar: 0.0625rem; // Border size of the snack-bar\n$size-font-12: 0.75rem;\n$size-font-14: 0.875rem;\n$size-font-16: 1rem;\n$size-font-18: 1.125rem;\n$size-font-20: 1.25rem;\n$size-font-24: 1.5rem;\n$size-font-28: 1.75rem;\n$size-font-32: 2rem;\n$size-font-36: 2.25rem;\n$size-font-40: 2.5rem;\n$size-font-52: 3.25rem;\n$size-font-60: 3.75rem;\n$size-font-base: 1rem;\n$size-font-normal-xs: 0.75rem;\n$size-font-normal-s: 0.875rem;\n$size-font-normal-m: 1rem;\n$size-font-normal-l: 1.125rem;\n$size-font-large-xs: 1.25rem;\n$size-font-large-s: 1.5rem;\n$size-font-large-m: 1.75rem;\n$size-font-large-l: 2rem;\n$size-font-extra-large-xs: 2.25rem;\n$size-font-extra-large-s: 2.5rem;\n$size-font-extra-large-m: 3.25rem;\n$size-font-extra-large-l: 3.75rem;\n$size-break-point-s-min: 20rem;\n$size-break-point-s-max: 39.9375rem;\n$size-break-point-m-min: 40rem;\n$size-break-point-m-max: 59.9375rem;\n$size-break-point-l-min: 60rem;\n$size-break-point-l-max: 9999rem;\n$size-radius-100: 100rem;\n$size-radius-avatar: 100rem; // Radius of the avatar\n$size-spacing-none: 0rem;\n$size-spacing-xs: 0.25rem;\n$size-spacing-s: 0.5rem;\n$size-spacing-m: 1rem;\n$size-spacing-l: 1.5rem;\n$size-spacing-xl: 2rem;\n$size-spacing-xxl: 2.5rem;\n$size-spacing-xxxl: 3rem;\n$size-padding-accordion: 1.5rem; // Padding of the accordion container\n$size-padding-vertical-banner: 1.5rem; // Top and bottom padding of the banner container\n$size-padding-vertical-snack-bar: 1.5rem; // Top and bottom padding of the snack-bar container\n$size-padding-horizontal-banner: 1.5rem; // Left and right padding of the banner container\n$size-padding-horizontal-snack-bar: 1.5rem; // Left and right padding of the snack-bar container\n$size-padding-chip-horizontal: 0.5rem; // Horizontal padding of the text of the chip\n$size-padding-list-header-horizontal: 0rem; // Horizontal padding of the list header\n$size-padding-list-header-vertical: 0.25rem; // Horizontal padding of the list header\n$size-margin-accordion-active-inset: 1rem; // Margin left and right of the accordion container when inset\n$size-margin-accordion-active-vertical: 1rem; // Margin top and bottom of the accordion container when expand\n$size-height-chip: 1.5rem; // Height of the chip\n$size-height-progress-bar-s: 0.125rem; // Height of the progress bar\n$space-letter-null: 0rem;\n$space-letter-s: 0.01rem;\n$space-letter-m: 0.2rem;\n$transition-duration-s: 0.1s;\n$transition-duration-m: 0.2s;\n$transition-duration-l: 0.5s;\n$transition-duration-xl: 1s;\n$transition-duration-xxl: 2s;\n$transition-function-ease: ease; // Transition effect with a slow start, then fast, then end slowly\n$transition-function-ease-in: ease-in; // Transition effect with a slow start\n$transition-function-ease-out: ease-out; // Transition effect with a slow end\n$transition-function-ease-in-out: ease-in-out; // Transition effect with a slow start and end\n$transition-function-linear: linear; // Transition effect with the same speed from start to end\n$transition-transform-rotate-90: rotate(90deg);\n$transition-transform-rotate-180: rotate(180deg);\n$transition-transform-rotate-270: rotate(270deg);\n$transition-transform-rotate-360: rotate(360deg);\n$transition-transform-accordion-icon: rotate(180deg); // Transform of the icon when the accordion expands and collapse\n$transition-transform-avatar-icon: rotate(180deg); // Transform of the icon when the avatar is active\n$transition-types-fade: opacity 0.2s ease;\n$transition-types-transform: transform 0.2s ease;\n$transition-types-width: width 0.2s ease;\n$transition-expand-accordion-icon: transform 0.2s ease-in; // Transition of the icon when the accordion expands and collapse\n$transition-expand-accordion-duration: 0.2;\n$transition-avatar-icon: transform 0.2s ease-in; // Transition of the icon when the avatar is active\n$weight-font-light: 300;\n$weight-font-regular: 400;\n$weight-font-book: 500;\n$weight-font-medium: 600;\n$weight-font-bold: 700;\n$shadow-box-accordion-normal: 0 2px 4px 0 rgba(0,0,0,0.15); // Box shadow of the accordion in normal state\n$shadow-box-banner: 0 2px 4px 0 rgba(0,0,0,0.15); // Box shadow of the banner\n$shadow-box-card: 0 2px 4px 0 rgba(0,0,0,0.15); // Box shadow of the card\n$shadow-box-snack-bar: 0 2px 4px 0 rgba(0,0,0,0.15); // Box shadow of the snack-bar","@mixin normalFont {\n  font-family: Geomanist !important;\n  font-weight: $weight-font-regular;\n}\n\n@mixin mediumFont {\n  font-family: Geomanist !important;\n  font-weight: $weight-font-medium;\n}\n\n@mixin mediumNotoFont {\n  font-family: 'Noto Sans TC' !important;\n  font-weight: $weight-font-book;\n}\n\n@mixin regularNotoFont {\n  font-family: 'Noto Sans TC' !important;\n  font-weight: $weight-font-regular;\n}\n\n@mixin boldFont {\n  font-family: Geomanist !important;\n  font-weight: $weight-font-bold;\n}\n\n@mixin bookFont {\n  font-family: Geomanist !important;\n  font-weight: 300;\n}\n\n@mixin italicLightFont {\n  font-family: Geomanist !important;\n  font-style: italic;\n  font-weight: $weight-font-light;\n}\n\n@mixin normalCodeFont {\n  font-family: FiraCode !important;\n  font-weight: $weight-font-regular;\n}\n\n@mixin boldCodeFont {\n  font-family: FiraCode !important;\n  font-weight: $weight-font-bold;\n}\n","@font-face {\n  font-family: Geomanist;\n  font-style: normal;\n  font-weight: 400;\n  src: url('https://statics.belvo.io/fonts/Geomanist-Regular.otf') format('opentype');\n}\n\n@font-face {\n  font-family: Geomanist;\n  font-style: normal;\n  font-weight: 300;\n  src: url('https://statics.belvo.io/fonts/Geomanist-Book.otf') format('opentype');\n}\n\n@font-face {\n  font-family: Geomanist;\n  font-style: normal;\n  font-weight: 700;\n  src: url('https://statics.belvo.io/fonts/Geomanist-Bold.otf') format('opentype');\n}\n\n@font-face {\n  font-family: Geomanist;\n  font-style: normal;\n  font-weight: 500;\n  src: url('https://statics.belvo.io/fonts/Geomanist-Medium.otf') format('opentype');\n}\n\n@font-face {\n  font-family: Geomanist;\n  font-style: italic;\n  font-weight: 300;\n  src: url('https://statics.belvo.io/fonts/Geomanist-Light-Italic.otf') format('opentype');\n}\n\n@font-face {\n  font-family: FiraCode;\n  font-style: normal;\n  font-weight: 400;\n  src: url('https://statics.belvo.io/fonts/FiraCode-Regular.ttf') format('truetype');\n}\n\n@font-face {\n  font-family: FiraCode;\n  font-style: normal;\n  font-weight: 700;\n  src: url('https://belvo-login-widget.s3.us-east-2.amazonaws.com/fonts/FiraCode-Bold.ttf') format('truetype');\n}\n\n.text-king-title {\n  @include boldFont();\n  @include desktop() {\n    font-size: 56px;\n    line-height: 64px;\n  }\n  @include tablet() {\n    font-size: 56px;\n    line-height: 64px;\n  }\n  @include mobile() {\n    font-size: 32px;\n    line-height: 40px;\n  }\n}\n\n.text-title {\n  @include mediumFont();\n  @include desktop() {\n    font-size: 32px;\n    line-height: 40px;\n  }\n  @include tablet() {\n    font-size: 32px;\n    line-height: 40px;\n  }\n  @include mobile() {\n    font-size: 24px;\n    line-height: 32px;\n  }\n}\n\n.text-title-2 {\n  @include mediumFont();\n  font-size: 18px;\n  line-height: 26px;\n}\n\n.text-title-3 {\n  @include bookFont();\n  font-size: 24px;\n  line-height: 32px;\n}\n\n.text-title-4 {\n  @include normalFont();\n  font-size: 24px;\n  line-height: 32px;\n}\n\n.text-title-italic {\n  @include italicLightFont();\n  @include desktop() {\n    font-size: 24px;\n    line-height: 32px;\n  }\n  @include tablet() {\n    font-size: 24px;\n    line-height: 32px;\n  }\n  @include mobile() {\n    font-size: 24px;\n    line-height: 32px;\n  }\n}\n\n.text-section {\n  @include bookFont();\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.text-text {\n  @include normalFont();\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.text-text-small {\n  @include bookFont();\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.text-text-small2 {\n  @include normalFont();\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.text-text-large {\n  @include normalFont();\n  @include desktop() {\n    font-size: 18px;\n    line-height: 28px;\n  }\n  @include tablet() {\n    font-size: 18px;\n    line-height: 28px;\n  }\n  @include mobile() {\n    font-size: 16px;\n    line-height: 24px;\n  }\n}\n\n.text-label {\n  @include normalFont();\n  font-size: 12px;\n  line-height: 16px;\n}\n\n.text-text-caption {\n  @include bookFont();\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.text-button {\n  @include bookFont();\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.text-footer-title {\n  @include boldFont();\n  font-size: 11px;\n  line-height: 24px;\n}\n\n.text-footer-item {\n  @include normalFont();\n  font-size: 12px;\n  line-height: 24px;\n}\n\n.code-text-normal {\n  @include normalCodeFont();\n  line-height: 24px;\n  @include desktop() {\n    font-size: 16px;\n  }\n  @include tablet() {\n    font-size: 16px;\n  }\n  @include mobile() {\n    font-size: 14px;\n  }\n}\n\n.code-text-bold {\n  @include boldCodeFont();\n  line-height: 24px;\n  @include desktop() {\n    font-size: 16px;\n  }\n  @include tablet() {\n    font-size: 16px;\n  }\n  @include mobile() {\n    font-size: 14px;\n  }\n}\n","@mixin mobile {\n  @media screen and (min-width: $size-break-point-s-min) and (max-width: $size-break-point-s-max) {\n    @content;\n  }\n}\n\n@mixin tablet {\n  @media screen and (min-width: $size-break-point-m-min) and (max-width: $size-break-point-m-max) {\n    @content;\n  }\n}\n\n@mixin desktop {\n  @media screen and (min-width: $size-break-point-l-min) {\n    @content;\n  }\n}\n\n",".translate-enter-active,\n.translate-leave-active {\n  transition: $transition-types-transform;\n}\n",".fade-enter-active,\n.fade-leave-active {\n  transition: $transition-types-fade;\n}\n.fade-enter,\n.fade-leave-to {\n  opacity: 0;\n}\n",".scale-enter-active,\n.scale-leave-active {\n  transition: $transition-types-width;\n}\n.scale-enter {\n  width: 100%;\n}\n",".scale-height-bottom-enter-active,\n.scale-height-bottom-leave-active {\n  transition: $transition-types-transform;\n  transform-origin: bottom;\n}\n.scale-height-bottom-leave-to,\n.scale-height-bottom-enter {\n  transform: scaleY(0);\n}\n",".translateY-enter {\n  animation: translate-in $transition-duration-m $transition-function-ease-out;\n}\n\n.translateY-leave-to {\n  animation: translate-out $transition-duration-m $transition-function-ease-out;\n}\n\n.translateY-in {\n  animation: translate-in $transition-duration-m $transition-function-ease-out;\n}\n\n.translateY-out {\n  animation: translate-out $transition-duration-m $transition-function-ease-out;\n}\n\n@keyframes translateY-in {\n  0% {\n    opacity: 0;\n    transform: translateY(128px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes translateY-out {\n  0% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(128px);\n  }\n}\n","@mixin create-z-index($max) {\n  @for $i from 1 through $max {\n    .z-#{$i} {\n      z-index: $i;\n    }\n  }\n}\n","$spaces-types: (\n  '0': $size-spacing-none,\n  'xs': $size-spacing-xs,\n  's': $size-spacing-s,\n  'm': $size-spacing-m,\n  'l': $size-spacing-l,\n  'xl': $size-spacing-xl,\n  '2xl': $size-spacing-xxl,\n  '3xl': $size-spacing-xxxl,\n);\n@include create-z-index(10);\n@include create-paddings($spaces-types);\n@include create-margins($spaces-types);\n\n// border\n.border-bottom {\n  border-bottom: 1px solid $color-grey-95;\n}\n\n.ripple {\n  position: relative;\n  @extend .z-2;\n}\n","@mixin create-paddings($spacing-types) {\n  @each $type, $value in ($spacing-types) {\n    .p-#{$type} {\n      padding: $value !important;\n    }\n    .py-#{$type} {\n      padding-top: $value !important;\n      padding-bottom: $value !important;\n    }\n    .px-#{$type} {\n      padding-right: $value !important;\n      padding-left: $value !important;\n    }\n    .pt-#{$type} {\n      padding-top: $value !important;\n    }\n    .pr-#{$type} {\n      padding-right: $value !important;\n    }\n    .pb-#{$type} {\n      padding-bottom: $value !important;\n    }\n    .pl-#{$type} {\n      padding-left: $value !important;\n    }\n  }\n}\n\n@mixin create-margins($spacing-types) {\n  @each $type, $value in ($spacing-types) {\n    .m-#{$type} {\n      margin: $value !important;\n    }\n    .my-#{$type} {\n      margin-top: $value !important;\n      margin-bottom: $value !important;\n    }\n    .mx-#{$type} {\n      margin-right: $value !important;\n      margin-left: $value !important;\n    }\n    .mt-#{$type} {\n      margin-top: $value !important;\n    }\n    .mr-#{$type} {\n      margin-right: $value !important;\n    }\n    .mb-#{$type} {\n      margin-bottom: $value !important;\n    }\n    .ml-#{$type} {\n      margin-left: $value !important;\n    }\n  }\n}\n","// Remove arrows in type number fields\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  margin: 0;\n  -webkit-appearance: none;\n}\n\ninput[type=\"number\"] {\n  -moz-appearance: textfield;\n}\n"]}