frame-5.css

body {
  margin: 0;
  line-height: normal;
}
.frame-inner {
  position: absolute;
  top: 307px;
  left: 338px;
  background-color: var(--color-gainsboro-100);
  width: 63px;
  height: 65px;
}
.image-1-icon {
  position: absolute;
  top: 0;
  left: 142px;
  width: 936px;
  height: 894px;
  object-fit: cover;
}
.enter-blood-group,
.enter-number-of {
  position: absolute;
  left: 759px;
  display: inline-block;
  height: 30px;
}
.enter-number-of {
  top: 327px;
  color: var(--color-gray-100);
  width: 246px;
}
.enter-blood-group {
  top: 276px;
  width: 230px;
}
.group-item {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-sm);
  background-color: #bcb1ff;
  width: 115px;
  height: 41px;
}
.add-to-inventory,
.rectangle-group {
  position: absolute;
  top: 10px;
  left: 7px;
}
.rectangle-group {
  top: 397px;
  left: 759px;
  width: 115px;
  height: 41px;
  cursor: pointer;
  font-size: 15px;
  font-family: var(--font-itim);
}
.frame-child1,
.rectangle-div {
  position: absolute;
  background-color: var(--color-gainsboro-100);
}
.rectangle-div {
  top: 309px;
  left: 764px;
  width: 100px;
  height: 18px;
}
.frame-child1 {
  top: 355px;
  left: 763px;
  width: 101px;
  height: 20px;
}
.rectangle-root {
  position: relative;
  background-color: var(--color-white);
  width: 100%;
  height: 832px;
  overflow: hidden;
  text-align: left;
  font-size: var(--font-size-2xl);
  color: var(--color-black);
  font-family: var(--font-indie-flower);
}