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

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

{"version":3,"sources":["../../src/assets/scss/_requireds.scss","../../src/assets/scss/_layout.scss","../../src/assets/scss/mixins/_grid.scss","../../src/assets/scss/_grid.scss","../../src/assets/scss/transitions/_translate.scss","../../src/assets/scss/_tokens.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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kPW,IAMO,SIrP/B,eACE,UAAW,aJ8OW,IAMO,SIjP/B,gBACE,UAAW,cJ0OW,IAMO,SI7O/B,yBACE,GACE,QAAS,EACT,UAAW,kBAEb,KACE,QAAS,EACT,UAAW,eAIf,0BACE,GACE,QAAS,EACT,UAAW,cAEb,KACE,QAAS,EACT,UAAW,mBChCX,KACE,QAFS,ECkBf,QDjBI,KACE,QAFS,EACX,KACE,QAFS,EACX,KACE,QAFS,EACX,KACE,QAFS,EACX,KACE,QAFS,EACX,KACE,QAFS,EACX,KACE,QAFS,EACX,KACE,QAFS,EACX,MACE,QAFS,GECX,KACE,QP4Nc,YO1NhB,MACE,YPyNc,YOxNd,ePwNc,YOtNhB,MACE,cPqNc,YOpNd,aPoNc,YOlNhB,MACE,YPiNc,YO/MhB,MACE,cP8Mc,YO5MhB,MACE,eP2Mc,YOzMhB,MACE,aPwMc,YO7NhB,MACE,QP6NY,iBO3Nd,OACE,YP0NY,iBOzNZ,ePyNY,iBOvNd,OACE,cPsNY,iBOrNZ,aPqNY,iBOnNd,OACE,YPkNY,iBOhNd,OACE,cP+MY,iBO7Md,OACE,eP4MY,iBO1Md,OACE,aPyMY,iBO9Nd,KACE,QP8NW,gBO5Nb,MACE,YP2NW,gBO1NX,eP0NW,gBOxNb,MACE,cPuNW,gBOtNX,aPsNW,gBOpNb,MACE,YPmNW,gBOjNb,MACE,cPgNW,gBO9Mb,MACE,eP6MW,gBO3Mb,MACE,aP0MW,gBO/Nb,KACE,QP+NW,eO7Nb,MACE,YP4NW,eO3NX,eP2NW,eOzNb,MACE,cPwNW,eOvNX,aPuNW,eOrNb,MACE,YPoNW,eOlNb,MACE,cPiNW,eO/Mb,MACE,eP8MW,eO5Mb,MACE,aP2MW,eOhOb,KACE,QPgOW,iBO9Nb,MACE,YP6NW,iBO5NX,eP4NW,iBO1Nb,MACE,cPyNW,iBOxNX,aPwNW,iBOtNb,MACE,YPqNW,iBOnNb,MACE,cPkNW,iBOhNb,MACE,eP+MW,iBO7Mb,MACE,aP4MW,iBOjOb,MACE,QPiOY,eO/Nd,OACE,YP8NY,eO7NZ,eP6NY,eO3Nd,OACE,cP0NY,eOzNZ,aPyNY,eOvNd,OACE,YPsNY,eOpNd,OACE,cPmNY,eOjNd,OACE,ePgNY,eO9Md,OACE,aP6MY,eOlOd,OACE,QPkOa,iBOhOf,QACE,YP+Na,iBO9Nb,eP8Na,iBO5Nf,QACE,cP2Na,iBO1Nb,aP0Na,iBOxNf,QACE,YPuNa,iBOrNf,QACE,cPoNa,iBOlNf,QACE,ePiNa,iBO/Mf,QACE,aP8Ma,iBOnOf,OACE,QPmOc,eOjOhB,QACE,YPgOc,eO/Nd,eP+Nc,eO7NhB,QACE,cP4Nc,eO3Nd,aP2Nc,eOzNhB,QACE,YPwNc,eOtNhB,QACE,cPqNc,eOnNhB,QACE,ePkNc,eOhNhB,QACE,aP+Mc,eOxMhB,KACE,OPgMc,YO9LhB,MACE,WP6Lc,YO5Ld,cP4Lc,YO1LhB,MACE,aPyLc,YOxLd,YPwLc,YOtLhB,MACE,WPqLc,YOnLhB,MACE,aPkLc,YOhLhB,MACE,cP+Kc,YO7KhB,MACE,YP4Kc,YOjMhB,MACE,OPiMY,iBO/Ld,OACE,WP8LY,iBO7LZ,cP6LY,iBO3Ld,OACE,aP0LY,iBOzLZ,YPyLY,iBOvLd,OACE,WPsLY,iBOpLd,OACE,aPmLY,iBOjLd,OACE,cPgLY,iBO9Kd,OACE,YP6KY,iBOlMd,KACE,OPkMW,gBOhMb,MACE,WP+LW,gBO9LX,cP8LW,gBO5Lb,MACE,aP2LW,gBO1LX,YP0LW,gBOxLb,MACE,WPuLW,gBOrLb,MACE,aPoLW,gBOlLb,MACE,cPiLW,gBO/Kb,MACE,YP8KW,gBOnMb,KACE,OPmMW,eOjMb,MACE,WPgMW,eO/LX,cP+LW,eO7Lb,MACE,aP4LW,eO3LX,YP2LW,eOzLb,MACE,WPwLW,eOtLb,MACE,aPqLW,eOnLb,MACE,cPkLW,eOhLb,MACE,YP+KW,eOpMb,KACE,OPoMW,iBOlMb,MACE,WPiMW,iBOhMX,cPgMW,iBO9Lb,MACE,aP6LW,iBO5LX,YP4LW,iBO1Lb,MACE,WPyLW,iBOvLb,MACE,aPsLW,iBOpLb,MACE,cPmLW,iBOjLb,MACE,YPgLW,iBOrMb,MACE,OPqMY,eOnMd,OACE,WPkMY,eOjMZ,cPiMY,eO/Ld,OACE,aP8LY,eO7LZ,YP6LY,eO3Ld,OACE,WP0LY,eOxLd,OACE,aPuLY,eOrLd,OACE,cPoLY,eOlLd,OACE,YPiLY,eOtMd,OACE,OPsMa,iBOpMf,QACE,WPmMa,iBOlMb,cPkMa,iBOhMf,QACE,aP+La,iBO9Lb,YP8La,iBO5Lf,QACE,WP2La,iBOzLf,QACE,aPwLa,iBOtLf,QACE,cPqLa,iBOnLf,QACE,YPkLa,iBOvMf,OACE,OPuMc,eOrMhB,QACE,WPoMc,eOnMd,cPmMc,eOjMhB,QACE,aPgMc,eO/Ld,YP+Lc,eO7LhB,QACE,WP4Lc,eO1LhB,QACE,aPyLc,eOvLhB,QACE,cPsLc,eOpLhB,QACE,YPmLc,eMvNpB,eACE,cAAe,IAAI,MN0CL,QMvChB,QACE,SAAU,SElBP,iCADA,iCAEH,OAAQ,EACR,mBAAoB,KAGhB,mBACJ,gBAAiB","sourcesContent":["@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",".translate-enter-active,\n.translate-leave-active {\n  transition: $transition-types-transform;\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",".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"]}