{"version":3,"file":"components/tooltip/tooltip.min.css","mappings":"AAKA,YCJE,sBAAuB,CACvB,qCACA,iBAAkB,CAClB,oCAAyC,CACzC,qCACA,sBAAwB,CACxB,cAAe,CAGf,kDACA,0CACA,0BAA2B,CAC3B,eAAgB,CAChB,SAAU,CACV,gCACA,2BAA6B,CAC7B,iBAAkB,CAClB,WDDF,CCGE,yBACE,GACE,SDDJ,CCIE,GACE,SDFJ,CACF,CCKE,0BACE,GACE,SDHJ,CCME,GACE,SDJJ,CACF,CCOE,uBACE,uCAAyC,CACzC,SAAU,CACV,kBDLJ,CCQE,qBACE,eAAgB,CAChB,eAAgB,CAChB,iBAAkB,CAClB,UDNJ,CCSE,qBACE,uCDPJ,CCSI,4BACE,yCDPN,CCWE,mBACE,sCDTJ,CCWI,0BACE,wCDTN,CCaE,qBACE,wCACA,oCDXJ,CCaI,4BACE,yCDXN,CCeE,8BAEE,oCDdJ,CCgBI,4CACE,sCDdN,CCkBE,mBACE,kBAAoB,CACpB,2BAA6B,CAC7B,iBAAmB,CACnB,oBDhBJ,CCmBE,+CACE,iCAAkC,CAClC,kCAAmC,CACnC,sBAAuB,CACvB,oBAAqB,CACrB,WAAY,CACZ,aDjBJ,CCoBE,kDACE,yBAA0B,CAC1B,uBAAwB,CACxB,iCAAkC,CAClC,kCAAmC,CACnC,aAAc,CACd,QDlBJ,CCqBE,gDACE,mCAAoC,CACpC,uBAAwB,CACxB,qBAAsB,CACtB,gCAAiC,CACjC,wCDnBJ,CCsBE,iDACE,mCAAoC,CACpC,wBAAyB,CACzB,sBAAuB,CACvB,gCAAiC,CACjC,uCDpBJ,CCuBE,yDAGE,aAAc,CACd,cAAe,CACf,WDrBJ,CCwBE,4BACE,2CACA,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,UDtBJ,CCwBI,6EAEE,gDACA,iBDtBN,CC0BE,2BACE,+CDlBJ,CC2BE,qDARE,WAAY,CACZ,iBAAkB,CAClB,gBAAiB,CACjB,aAAc,CACd,eAAgB,CAChB,UDfJ,CCkBE,0BAGE,cDrBJ,CC4BE,0BACE,kDACA,iBAAkB,CAClB,eAAgB,CAChB,UD1BJ,CC6BE,+BACE,sBAAuB,CACvB,YAAa,CACb,cAAe,CACf,0BAA2B,CAC3B,eAAgB,CAChB,SD3BJ,CC6BI,mCACE,uCACA,eD3BN,CC+BE,8BACE,sBAAuB,CACvB,YAAa,CACb,cAAe,CACf,0BAA2B,CAC3B,eAAgB,CAChB,SD7BJ,CC+BI,kCACE,uCACA,eD7BN,CCiCE,4BACE,kDACA,eAAgB,CAChB,iBAAkB,CAClB,UD/BJ,CCkCE,kBACE,2CACA,4CDhCJ,CCmCE,qBACE,kDACA,yCDjCJ,CCoCE,kBACE,aAAc,CACd,gBAAiB,CACjB,yBAA0B,CAC1B,UDlCJ,CCqCE,mBACE,sBAAuB,CACvB,QAAS,CACT,aAAc,CACd,cAAe,CACf,QAAS,CACT,SAAU,CACV,iBAAkB,CAClB,UAAW,CACX,QDnCJ","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":""}