.mint-toast {
  font-size: @font-xs;
  .transition(opacity .2s ease)
}

.mint-button--primary {
  background-color: @blue-light;
  .border-radius(@border-radious);
  font-size: @font-16;
  .box-shadow(0 2px 6px 0 rgba(66, 75, 142, 0.3));
}

.mint-button--default {
  .box-shadow(0 0 1px @blue-light-l);
  color: @blue-light-l;
}

.mint-button-text {
  font-size: @font-16;
}

.mint-toast-width {
  max-width: 98%;
  width: 70%;
}

.mint-toast-big {
  max-width: 98%;
  width: 80%;
  text-align: center;
  .mint-toast-text {
    text-align: center;
  }
}

.mint-toast-big-left {
  &:extend(.mint-toast-big);
  text-align: left;
  .mint-toast-text {
    text-align: left;
  }
}

.mint-indicator {
  &:extend(.absolute-position);
  z-index: 15;
  .mint-indicator-wrapper {
    .mint-indicator-text {
      font-size: @font-s;
    }
  }
}

.mint-msgbox {
  font-size: @font-xs;
  .box-shadow(0 0 .15rem rgba(0, 0, 0, 0.5));
  .border-radius(@border-radious);
  background-color: transparent;
  .mint-msgbox-header {
    color: @white;
    font-size: @font-16;
    height: @pop-height;
    line-height: @pop-height;
    padding: 0 0 0 .2rem;
    background-color: @blue;
    position: relative;
    .border-radius(@border-radious @border-radious 0 0);
    .mint-msgbox-title {
      text-align: initial;
      font-weight: normal;
      color: @white;
    }
  }
  .mint-msgbox-content {
    overflow: auto;
    background: rgba(247, 248, 253, 0.96);
    padding: .4rem .2rem;
    border: none;
    .mint-msgbox-message {
      font-size: @font-xs;
      color: @blue-gray;
    }
  }
  .mint-msgbox-btns {
    .border-radius( 0 0 @border-radious @border-radious);
    background: rgba(247, 248, 253, 0.96);
    height: .64rem;
    line-height: .64rem;
    padding: 0 .2rem;
    .mint-msgbox-btn {
      font-size: @font-xs;
      height: .44rem;
      opacity: 0.85;
      border-radius: .1rem;
    }
    .mint-msgbox-cancel {
      border: none;
      background: @white;
      box-shadow: 0 4px 12px 0 rgba(57, 35, 123, 0.30);
      color: @blue-gray-light;
      margin-right: .66rem;
    }
    .mint-msgbox-confirm {
      background: @blue;
      box-shadow: 0 4px 12px 0 rgba(57, 35, 123, 0.30);
      color: @white;
    }
  }
}

.mint-spinner-fading-circle {
  width: .2rem !important;
  height: .2rem !important;
}