@use "../../variables/index" as *;

@use "../mixins/vendor-prefixes";

.availabilityPie {
  .welcome & {
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
    svg {
      position: absolute;

      @include vendor-prefixes.scale(1.7);
    }
    .percentage {
      font-size: 16px;
    }
  }
}

.availabilityPie .title {
  text-align: center;
}

.availabilityPie .percentage {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -11px;
  text-align: center;
  font-size: 24px;
}
