[uig-highlight-box] {
  box-sizing: content-box !important;
  border: 3px solid #5bb471;
  border-radius: 0.25rem;
  box-shadow: 0 0 0 999rem rgba(108, 188, 128, 0.15), 0 0 0.25rem rgba(77, 168, 100, 0.3);
  opacity: 0;
  will-change: padding, margin, opacity; }
  [uig-highlight-box][uig-show] {
    animation: shrink 0.3s 0.2s forwards; }

@keyframes shrink {
  from {
    opacity: 0;
    padding: 38px;
    margin: -41px; }
  to {
    opacity: 1;
    padding: 8px;
    margin: -11px; } }

[uig-popup-wrapper] {
  position: relative;
  display: flex;
  max-width: 450px;
  opacity: 0;
  will-change: opacity, transform; }
  [uig-popup][uig-show][x-placement='top'] [uig-popup-wrapper] {
    animation: slide-top 0.2s 0.3s ease-out forwards; }

@keyframes slide-top {
  from {
    transform: translateY(30px);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }
  [uig-popup][uig-show][x-placement='right'] [uig-popup-wrapper] {
    animation: slide-right 0.2s 0.3s ease-out forwards; }

@keyframes slide-right {
  from {
    transform: translateX(-30px);
    opacity: 0; }
  to {
    transform: translateX(0);
    opacity: 1; } }
  [uig-popup][uig-show][x-placement='bottom'] [uig-popup-wrapper] {
    animation: slide-bottom 0.2s 0.3s ease-out forwards; }

@keyframes slide-bottom {
  from {
    transform: translateY(-30px);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }
  [uig-popup][uig-show][x-placement='left'] [uig-popup-wrapper] {
    animation: slide-left 0.2s 0.3s ease-out forwards; }

@keyframes slide-left {
  from {
    transform: translateX(30px);
    opacity: 0; }
  to {
    transform: translateX(0);
    opacity: 1; } }

span[x-arrow] {
  position: absolute;
  z-index: 2;
  display: inline-block;
  border: 8px solid transparent; }
  [uig-popup][x-placement='bottom'] span[x-arrow] {
    top: 11px;
    border-bottom-color: #45975a; }
  [uig-popup][x-placement='top'] span[x-arrow] {
    bottom: 11px;
    border-top-color: #45975a; }
  [uig-popup][x-placement='right'] span[x-arrow] {
    left: 11px;
    border-right-color: #45975a; }
  [uig-popup][x-placement='left'] span[x-arrow] {
    right: 11px;
    border-left-color: #45975a; }

[uig-popup-card] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background-color: #4da864;
  color: #fff;
  border-radius: 0.2rem;
  overflow: hidden; }
  [uig-popup][x-placement='bottom'] [uig-popup-card] {
    margin-top: 27px; }
  [uig-popup][x-placement='top'] [uig-popup-card] {
    margin-bottom: 27px; }
  [uig-popup][x-placement='right'] [uig-popup-card] {
    margin-left: 27px; }
  [uig-popup][x-placement='left'] [uig-popup-card] {
    margin-right: 27px; }

/*# sourceMappingURL=default-dark.css.map */