/* [project]/src/styles/farmPoints.scss.css [app-client] (css) */
.farm-points {
  margin-top: 1rem;
  corner-shape: bevel;
  background: linear-gradient(#041023, #3d2568);
  border: 2px solid #a476ea;
  border-radius: 15px;
  flex-direction: column;
  flex-grow: 1;
  margin-inline: .5rem;
  display: flex;
}

.farm-points__top {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
}

.farm-points__title {
  color: #fff;
  font-weight: 500;
}

.farm-points__points-space, .farm-points__middle, .farm-points__star-list {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.farm-points__star-list {
  flex-grow: 1;
  position: relative;
}

.star-point {
  display: flex;
  position: absolute;
}

.star-point__container {
  position: relative;
}

.star-point__attribute {
  color: #a476ea;
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translate(-50%);
}

.star-point__btn {
  corner-shape: superellipse(-.5);
  border: 1.2px dashed #0000;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  transition-duration: .3s;
  display: flex;
}

.star-point__btn:hover {
  border-color: #fff;
}

.star-point__logic {
  corner-shape: bevel;
  background-color: #fff;
  border-inline: 4px solid #a476ea;
  border-radius: 15px;
  height: fit-content;
  padding: .2rem 1rem;
  display: flex;
  position: absolute;
  top: 25%;
}

.star-point__logic-left {
  left: -120%;
}

.star-point__logic-right {
  right: -120%;
}

.star-point .star-svg {
  filter: drop-shadow(0 0 4px #ffffff89);
  animation: .6s ease-out infinite star-emission;
}

.star-point__link {
  color: #a476ea;
}

.star-point__s .star-container {
  transform: scale(1.2);
}

.star-point__s .star-container svg path:not(:first-child) {
  fill: #f0b411;
}

.star-point__a .star-container {
  transform: scale(1);
}

.star-point__a .star-container svg path:not(:first-child) {
  fill: #833e96;
}

.star-point__b .star-container {
  transform: scale(.9);
}

.star-point__b .star-container svg path:not(:first-child) {
  fill: #00f7ff;
}

.star-point__c .star-container {
  transform: scale(.8);
}

.star-point__c .star-container svg path:not(:first-child) {
  fill: #5be98b;
}

.star-point:first-child {
  top: 40px;
  right: 2%;
}

.star-point:nth-child(2) {
  top: 0;
  left: 20%;
}

.star-point:nth-child(3) {
  top: 100px;
  right: 30%;
}

.star-point:nth-child(4) {
  top: 160px;
  left: 20%;
}

.star-point:nth-child(5) {
  bottom: 210px;
  right: 15%;
}

.star-point:nth-child(6) {
  bottom: 200px;
  left: 5%;
}

.star-point:nth-child(7) {
  bottom: 70px;
  right: 10%;
}

.star-point:nth-child(8) {
  bottom: 40px;
  left: 10%;
}

@keyframes star-emission {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

/*# sourceMappingURL=src_styles_farmPoints_scss_9369cbb3.css.map*/