{"version":3,"file":"components/tooltip/tooltip.css","mappings":"AAKA;ECJE;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADDF;ACGE;EACE;IACE;EDDJ;ECIE;IACE;EDFJ;AACF;ACKE;EACE;IACE;EDHJ;ECME;IACE;EDJJ;AACF;ACOE;EACE;EACA;EACA;ADLJ;ACQE;EACE;EACA;EACA;EACA;ADNJ;ACSE;EACE;ADPJ;ACSI;EACE;ADPN;ACWE;EACE;ADTJ;ACWI;EACE;ADTN;ACaE;EACE;EACA;ADXJ;ACaI;EACE;ADXN;ACeE;EAEE;ADdJ;ACgBI;EACE;ADdN;ACkBE;EACE;EACA;EACA;EACA;ADhBJ;ACmBE;EACE;EACA;EACA;EACA;EACA;EACA;ADjBJ;ACoBE;EACE;EACA;EACA;EACA;EACA;EACA;ADlBJ;ACqBE;EACE;EACA;EACA;EACA;EACA;ADnBJ;ACsBE;EACE;EACA;EACA;EACA;EACA;ADpBJ;ACuBE;;;EAGE;EACA;EACA;ADrBJ;ACwBE;EACE;EACA;EACA;EACA;EACA;ADtBJ;ACwBI;;EAEE;EACA;ADtBN;AC0BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADxBJ;AC2BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADzBJ;AC4BE;EACE;EACA;EACA;EACA;AD1BJ;AC6BE;EACE;EACA;EACA;EACA;EACA;EACA;AD3BJ;AC6BI;EACE;EACA;AD3BN;AC+BE;EACE;EACA;EACA;EACA;EACA;EACA;AD7BJ;AC+BI;EACE;EACA;AD7BN;ACiCE;EACE;EACA;EACA;EACA;AD/BJ;ACkCE;EACE;EACA;ADhCJ;ACmCE;EACE;EACA;ADjCJ;ACoCE;EACE;EACA;EACA;EACA;ADlCJ;ACqCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADnCJ,C","sources":["webpack://core/./src/components/tooltip/_tooltip.scss","webpack://core/./src/components/tooltip/_mixins.scss"],"sourcesContent":["@use \"sass:math\";\n @import \"../../partial/scss/base\";\n \n@import \"mixins\";\n\n.#{$prefix}tooltip {\n  @include tooltip-configs;\n}\n","@mixin tooltip-configs {\n  align-items: flex-start;\n  background: v(color-info, $color-info);\n  border-radius: 4px;\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);\n  color: v(color-secondary-01, $color-secondary-01);\n  display: flex !important;\n  flex-wrap: wrap;\n  // font-size: v(font-size-scale-base, $font-size-scale-base);\n  // font-weight: v(font-weight-semi-bold, $font-weight-semi-bold);\n  font-size: v(font-size-scale-down-01, $font-size-scale-down-01);\n  font-weight: v(font-weight-medium, $font-weight-medium);\n  justify-content: flex-start;\n  max-width: 240px;\n  opacity: 0;\n  padding: v(spacing-scale-2x);\n  position: absolute !important;\n  visibility: hidden;\n  z-index: 999;\n\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n\n    100% {\n      opacity: 1;\n    }\n  }\n\n  @keyframes fadeOutOpacity {\n    0% {\n      opacity: 1;\n    }\n\n    100% {\n      opacity: 0;\n    }\n  }\n\n  &[data-show] {\n    animation: fadeInOpacity ease-in-out 0.5s;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[popover] {\n    max-width: 320px;\n    min-width: 240px;\n    overflow-x: hidden;\n    width: auto;\n  }\n\n  &[success] {\n    background: v(color-success, $color-success);\n\n    .arrow {\n      border-color: v(color-success, $color-success);\n    }\n  }\n\n  &[error] {\n    background: v(color-danger, $color-danger);\n\n    .arrow {\n      border-color: v(color-danger, $color-danger);\n    }\n  }\n\n  &[warning] {\n    background: v(color-warning, $color-warning);\n    color: v(color-secondary-08, $color-secondary-08);\n\n    .arrow {\n      border-color: v(color-warning, $color-warning);\n    }\n  }\n\n  &[info],\n  & {\n    background: v(color-info, $color-info);\n\n    .arrow {\n      border-color: v(color-info, $color-info);\n    }\n  }\n\n  .arrow {\n    height: 0 !important;\n    position: absolute !important;\n    width: 0 !important;\n    z-index: -1 !important;\n  }\n\n  &[data-popper-placement^=\"top\"] > .arrow {\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent;\n    border-top-style: solid;\n    border-top-width: 8px;\n    bottom: -7px;\n    margin-left: 0;\n  }\n\n  &[data-popper-placement^=\"bottom\"] > .arrow {\n    border-bottom-style: solid;\n    border-bottom-width: 8px;\n    border-left: 8px solid transparent;\n    border-right: 8px solid transparent;\n    margin-left: 0;\n    top: -8px;\n  }\n\n  &[data-popper-placement^=\"left\"] > .arrow {\n    border-bottom: 8px solid transparent;\n    border-left-style: solid;\n    border-left-width: 8px;\n    border-top: 8px solid transparent;\n    right: calc(#{v(spacing-scale-base)} * -1);\n  }\n\n  &[data-popper-placement^=\"right\"] > .arrow {\n    border-bottom: 8px solid transparent;\n    border-right-style: solid;\n    border-right-width: 8px;\n    border-top: 8px solid transparent;\n    left: calc(#{v(spacing-scale-base)} * -1);\n  }\n\n  .text,\n  .subtext,\n  .link {\n    display: block;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .popover-header {\n    font-size: v(font-size-scale-base, $font-size-scale-base);\n    margin-bottom: 1em;\n    min-width: 180px;\n    text-align: center;\n    width: 100%;\n\n    .fas,\n    .svg-inline--fa {\n      font-size: v(font-size-scale-up-06, $font-size-scale-up-06);\n      text-align: center;\n    }\n  }\n\n  .popover-image {\n    border: 3px solid v(color-secondary-01, $color-secondary-01);\n    height: auto;\n    margin-left: -10px;\n    max-height: 120px;\n    max-width: 45%;\n    overflow: hidden;\n    width: auto;\n  }\n\n  .popover-icon {\n    height: auto;\n    margin-left: -10px;\n    margin-top: 10%;\n    max-height: 120px;\n    max-width: 45%;\n    overflow: hidden;\n    width: auto;\n  }\n\n  .popover-body {\n    font-size: v(font-size-scale-down-01, $font-size-scale-down-01);\n    margin-bottom: 1em;\n    min-width: 180px;\n    width: 100%;\n  }\n\n  .popover-image + div {\n    align-items: flex-start;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    text-align: left;\n    width: 65%;\n\n    div {\n      padding-left: v(spacing-scale-base);\n      text-align: left;\n    }\n  }\n\n  .popover-icon + div {\n    align-items: flex-start;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    text-align: left;\n    width: 65%;\n\n    div {\n      padding-left: v(spacing-scale-base);\n      text-align: left;\n    }\n  }\n\n  .popover-footer {\n    font-size: v(font-size-scale-down-01, $font-size-scale-down-01);\n    min-width: 180px;\n    text-align: center;\n    width: 100%;\n  }\n\n  .text {\n    font-size: v(font-size-scale-base, $font-size-scale-base);\n    font-weight: v(font-weight-semi-bold, $font-weight-semi-bold);\n  }\n\n  .subtext {\n    font-size: v(font-size-scale-down-01, $font-size-scale-down-01);\n    font-weight: v(font-weight-medium, $font-weight-medium);\n  }\n\n  .link {\n    color: inherit;\n    text-align: right;\n    text-decoration: underline;\n    width: 100%;\n  }\n\n  .close {\n    background: transparent;\n    border: 0;\n    color: inherit;\n    cursor: pointer;\n    margin: 0;\n    padding: 0;\n    position: absolute;\n    right: 10px;\n    top: 10px;\n  }\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}