@import '../../style/themes/index';
@import '../../style/mixins/index';

@empty-prefix-cls: ~'@{ant-prefix}-empty';
@empty-img-prefix-cls: ~'@{ant-prefix}-empty-img';

.@{empty-prefix-cls} {
  margin: 0 8px;
  font-size: @empty-font-size;
  line-height: @line-height-base;
  text-align: center;

  &-image {
    // height: 100px;
    height: 80px;
    margin-bottom: 8px;

    img {
      height: 100%;
    }

    svg {
      height: 100%;
      margin: auto;
    }
  }

  &-footer {
    margin-top: 16px;
  }

  // antd internal empty style
  &-normal {
    margin: 32px 0;
    color: @disabled-color;

    .@{empty-prefix-cls}-image {
      height: 40px;
    }
  }

  &-small {
    margin: 8px 0;
    color: @disabled-color;

    .@{empty-prefix-cls}-image {
      // height: 35px;
      height: 48px;
      // display: none;
    }

    .@{empty-prefix-cls}-description {
      & > span {
        display: none;
      }
    }
  }

  &-description {
    display: flex;
    align-items: center;
    justify-content: center;
    color: @disabled-color;

    &-text {
      margin: 0;
      padding: 0;
    }

    & > span {
      display: inline-block;
      width: 20px;
      height: 1px;
      background: @normal-color;

      &:nth-of-type(1) {
        margin-right: 8px;
      }
      &:nth-of-type(2) {
        margin-left: 8px;
      }
    }
  }
}

.@{empty-img-prefix-cls}-default {
  height: 100%;
  background: no-repeat center/contain
    //url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M7.596 8.6h28.017a2.88 2.88 0 0 1 2.88 2.88V46.61a2.88 2.88 0 0 1-2.88 2.88H7.596a2.88 2.88 0 0 1-2.88-2.88V11.48a2.88 2.88 0 0 1 2.88-2.88z' id='b'/%3E%3Cfilter x='-26.6%25' y='-22%25' width='153.3%25' height='144%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3ClinearGradient x1='82%25' y1='100%25' x2='21.079%25' y2='-4.561%25' id='e'%3E%3Cstop stop-color='%23E7F6FF' offset='0%25'/%3E%3Cstop stop-color='%238CC6FF' offset='100%25'/%3E%3C/linearGradient%3E%3Crect id='d' x='8.536' y='18.161' width='34.634' height='43.293' rx='2.88'/%3E%3Cfilter x='-26%25' y='-20.8%25' width='152%25' height='141.6%25' filterUnits='objectBoundingBox' id='c'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3ClinearGradient x1='14.854%25' y1='9.5%25' x2='62.61%25' y2='90.5%25' id='f'%3E%3Cstop stop-color='%23FFF' offset='0%25'/%3E%3Cstop stop-color='%23FFF' stop-opacity='.5' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M22.868 11.33L51.036 7.37a2.667 2.667 0 0 1 3.012 2.27l4.948 35.21a2.667 2.667 0 0 1-2.27 3.011L28.56 51.821a2.667 2.667 0 0 1-3.012-2.27L20.6 14.341a2.667 2.667 0 0 1 2.27-3.011z' fill='%23E7F5FF'/%3E%3Cg transform='rotate(-15 55.19 -20.626)'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3Cg fill-rule='nonzero' transform='rotate(23 15.65 77.714)'%3E%3Cuse fill='%23000' filter='url(%23c)' xlink:href='%23d'/%3E%3Cuse fill='url(%23e)' xlink:href='%23d'/%3E%3C/g%3E%3Cpath d='M27.396 45.836a.889.889 0 1 1 0 1.778h-8.89a.889.889 0 1 1 0-1.778h8.89zm7.11-7.111a.889.889 0 1 1 0 1.778h-16a.889.889 0 1 1 0-1.778h16zm0-7.111a.889.889 0 0 1 0 1.777h-16a.889.889 0 1 1 0-1.777h16z' fill='url(%23f)' transform='rotate(23 16.304 77.52)'/%3E%3C/g%3E%3C/svg%3E");
  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nODAnIGhlaWdodD0nODAnIHZpZXdCb3g9JzAgMCA4MCA4MCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGRlZnM+PHBhdGggZD0nTTcuNTk2IDguNmgyOC4wMTdhMi44OCAyLjg4IDAgMCAxIDIuODggMi44OFY0Ni42MWEyLjg4IDIuODggMCAwIDEtMi44OCAyLjg4SDcuNTk2YTIuODggMi44OCAwIDAgMS0yLjg4LTIuODhWMTEuNDhhMi44OCAyLjg4IDAgMCAxIDIuODgtMi44OHonIGlkPSdiJy8+PGZpbHRlciB4PSctMjYuNiUnIHk9Jy0yMiUnIHdpZHRoPScxNTMuMyUnIGhlaWdodD0nMTQ0JScgZmlsdGVyVW5pdHM9J29iamVjdEJvdW5kaW5nQm94JyBpZD0nYSc+PGZlT2Zmc2V0IGluPSdTb3VyY2VBbHBoYScgcmVzdWx0PSdzaGFkb3dPZmZzZXRPdXRlcjEnLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSczJyBpbj0nc2hhZG93T2Zmc2V0T3V0ZXIxJyByZXN1bHQ9J3NoYWRvd0JsdXJPdXRlcjEnLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9JzAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMSAwJyBpbj0nc2hhZG93Qmx1ck91dGVyMScvPjwvZmlsdGVyPjxsaW5lYXJHcmFkaWVudCB4MT0nODIlJyB5MT0nMTAwJScgeDI9JzIxLjA3OSUnIHkyPSctNC41NjElJyBpZD0nZSc+PHN0b3Agc3RvcC1jb2xvcj0nI0U3RjZGRicgb2Zmc2V0PScwJScvPjxzdG9wIHN0b3AtY29sb3I9JyM4Q0M2RkYnIG9mZnNldD0nMTAwJScvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgaWQ9J2QnIHg9JzguNTM2JyB5PScxOC4xNjEnIHdpZHRoPSczNC42MzQnIGhlaWdodD0nNDMuMjkzJyByeD0nMi44OCcvPjxmaWx0ZXIgeD0nLTI2JScgeT0nLTIwLjglJyB3aWR0aD0nMTUyJScgaGVpZ2h0PScxNDEuNiUnIGZpbHRlclVuaXRzPSdvYmplY3RCb3VuZGluZ0JveCcgaWQ9J2MnPjxmZU9mZnNldCBpbj0nU291cmNlQWxwaGEnIHJlc3VsdD0nc2hhZG93T2Zmc2V0T3V0ZXIxJy8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0nMycgaW49J3NoYWRvd09mZnNldE91dGVyMScgcmVzdWx0PSdzaGFkb3dCbHVyT3V0ZXIxJy8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPScwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjEgMCcgaW49J3NoYWRvd0JsdXJPdXRlcjEnLz48L2ZpbHRlcj48bGluZWFyR3JhZGllbnQgeDE9JzE0Ljg1NCUnIHkxPSc5LjUlJyB4Mj0nNjIuNjElJyB5Mj0nOTAuNSUnIGlkPSdmJz48c3RvcCBzdG9wLWNvbG9yPScjRkZGJyBvZmZzZXQ9JzAlJy8+PHN0b3Agc3RvcC1jb2xvcj0nI0ZGRicgc3RvcC1vcGFjaXR5PScuNScgb2Zmc2V0PScxMDAlJy8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48cGF0aCBkPSdNMjIuODY4IDExLjMzTDUxLjAzNiA3LjM3YTIuNjY3IDIuNjY3IDAgMCAxIDMuMDEyIDIuMjdsNC45NDggMzUuMjFhMi42NjcgMi42NjcgMCAwIDEtMi4yNyAzLjAxMUwyOC41NiA1MS44MjFhMi42NjcgMi42NjcgMCAwIDEtMy4wMTItMi4yN0wyMC42IDE0LjM0MWEyLjY2NyAyLjY2NyAwIDAgMSAyLjI3LTMuMDExeicgZmlsbD0nI0U3RjVGRicvPjxnIHRyYW5zZm9ybT0ncm90YXRlKC0xNSA1NS4xOSAtMjAuNjI2KSc+PHVzZSBmaWxsPScjMDAwJyBmaWx0ZXI9J3VybCgjYSknIHhsaW5rOmhyZWY9JyNiJy8+PHVzZSBmaWxsPScjRkZGJyB4bGluazpocmVmPScjYicvPjwvZz48ZyBmaWxsLXJ1bGU9J25vbnplcm8nIHRyYW5zZm9ybT0ncm90YXRlKDIzIDE1LjY1IDc3LjcxNCknPjx1c2UgZmlsbD0nIzAwMCcgZmlsdGVyPSd1cmwoI2MpJyB4bGluazpocmVmPScjZCcvPjx1c2UgZmlsbD0ndXJsKCNlKScgeGxpbms6aHJlZj0nI2QnLz48L2c+PHBhdGggZD0nTTI3LjM5NiA0NS44MzZhLjg4OS44ODkgMCAxIDEgMCAxLjc3OGgtOC44OWEuODg5Ljg4OSAwIDEgMSAwLTEuNzc4aDguODl6bTcuMTEtNy4xMTFhLjg4OS44ODkgMCAxIDEgMCAxLjc3OGgtMTZhLjg4OS44ODkgMCAxIDEgMC0xLjc3OGgxNnptMC03LjExMWEuODg5Ljg4OSAwIDAgMSAwIDEuNzc3aC0xNmEuODg5Ljg4OSAwIDEgMSAwLTEuNzc3aDE2eicgZmlsbD0ndXJsKCNmKScgdHJhbnNmb3JtPSdyb3RhdGUoMjMgMTYuMzA0IDc3LjUyKScvPjwvZz48L3N2Zz4=");
  // not support the definition because the less variables have no meaning
  & when (@theme = dark) {
    &-ellipse {
      fill: @white;
      fill-opacity: 0.08;
    }

    &-path {
      &-1 {
        fill: #262626;
      }

      &-2 {
        fill: url('#linearGradient-1');
      }

      &-3 {
        fill: #595959;
      }

      &-4 {
        fill: #434343;
      }

      &-5 {
        fill: #595959;
      }
    }

    &-g {
      fill: #434343;
    }
  }
  // & when not (@theme = dark) {
  //   &-ellipse {
  //     fill: #F5F7FA;
  //     fill-opacity: 0.8;
  //   }

  //   &-path {
  //     &-1 {
  //       fill: #aeb8c2;
  //     }

  //     &-2 {
  //       fill: url('#linearGradient-1');
  //     }

  //     &-3 {
  //       fill: #f5f5f7;
  //     }

  //     &-4 {
  //       fill: #dce0e6;
  //     }

  //     &-5 {
  //       fill: #dce0e6;
  //     }
  //   }

  //   &-g {
  //     fill: @white;
  //   }
  // }
}

.@{empty-img-prefix-cls}-simple {
  // not support the definition because the less variables have no meaning
  & when (@theme = dark) {
    &-ellipse {
      fill: @white;
      fill-opacity: 0.08;
    }

    &-g {
      stroke: #434343;
    }

    &-path {
      fill: #262626;
      stroke: #434343;
    }
  }
  & when not (@theme = dark) {
    &-ellipse {
      fill: #f5f7fa;
    }

    &-g {
      stroke: #d3d8df;
    }

    &-path {
      fill: #fafafa;
    }
  }
}

@import './dark';
@import './rtl';