@import "./var";
.#{$prefix}status {
  max-width:400px;
  margin:0 auto;
  padding:120px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: $status-font-size;
  color:$color-text;
  &__img{
    font-size: 0;
  }

  &__content{
    margin-top:16px;
    text-align: center;
  }

  &__title{
    margin-bottom:8px;
  }
  &__detail{
    color:$status-color-text-label;
    display: flex;
    align-items: center;
  }

  &__operate{
    margin-top:16px;
  }

  &.size-m{
    padding:80px 0px;
  }
  &.size-s{
    padding:40px 0px;
  }
  &.size-xs{
    padding:20px 0px;
    flex-direction: row;

    .#{$prefix}status__img{
      margin-right: 8px;
    }
    
    .#{$prefix}status__operate{
      margin-top:0;
      margin-left: 4px;
    }
    .#{$prefix}status__content{
      margin-top:0;
      display: flex;
    }
    .#{$prefix}status__title{
      margin-bottom: 0;
      margin-right: 4px;
    }
    .#{$prefix}status__detail{
      display: block ;
    }
  }
}