.side-panel {
  width: 448px;
  
}

.side-panel .right-panel {
  display: inline-flex;
  flex-direction: column;

  align-items: flex-start;
  position: relative;
}

.side-panel .frame {
  display: flex;
  width: 448px;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.side-panel .text-wrapper {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--h2-20-bold-font-family);
  font-weight: var(--h2-20-bold-font-weight);
  color: var(--colors-secondary-dark-blue-gray-950);
  font-size: var(--h2-20-bold-font-size);
  letter-spacing: var(--h2-20-bold-letter-spacing);
  line-height: var(--h2-20-bold-line-height);
  font-style: var(--h2-20-bold-font-style);
}

.side-panel .icon-close {
  position: relative;
  width: 24px;
  height: 24px;
}

.side-panel .div {
  display: flex;
  flex-direction: column;
  width: 448px;
  align-items: flex-start;
  gap: 20px;
  padding: 0px 0px 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
 
}

.side-panel .machine-name {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 16px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f7f8fc;
}

.side-panel .illustration-details {
  display: flex;
  flex-direction: column;
  width: 101px;
  height: 96.61px;
  align-items: flex-start;
  justify-content: center;
  gap: 6.27px;
  position: relative;
}

.side-panel .overlap-group-wrapper {
  position: relative;
  width: 101px;
  height: 96.61px;
}

.side-panel .overlap-group {
  position: relative;
  width: 129px;
  height: 136px;
  left: -1px;
}

.side-panel .ellipse {
  position: absolute;
  width: 81px;
  height: 82px;
  top: 15px;
  left: 16px;
  background-color: #fae8d7;
  border-radius: 40.49px/41.06px;
  filter: blur(15.56px);
}

.side-panel .illustration {
  position: absolute;
  width: 99px;
  height: 72px;
  top: 17px;
  left: 0;
}

.side-panel .screenshot {
  position: absolute;
  width: 127px;
  height: 136px;
  top: 0;
  left: 3px;
}

.side-panel .frame-2 {
  display: flex;
  flex-direction: column;
  width: 287px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  align-self: stretch;
}

.side-panel .frame-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.side-panel .frame-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.side-panel .div-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.side-panel .frame-4 {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.side-panel .frame-5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.side-panel .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--h2-20-bold-font-family);
  font-weight: var(--h2-20-bold-font-weight);
  color: var(--colors-secondary-dark-blue-gray-950);
  font-size: var(--h2-20-bold-font-size);
  letter-spacing: var(--h2-20-bold-letter-spacing);
  line-height: var(--h2-20-bold-line-height);
  font-style: var(--h2-20-bold-font-style);
}

.side-panel .text-wrapper-3 {
  position: relative;
  width: fit-content;
  font-family: var(--label-12-medium-font-family);
  font-weight: var(--label-12-medium-font-weight);
  color: var(--colors-secondary-dark-blue-gray-500);
  font-size: var(--label-12-medium-font-size);
  letter-spacing: var(--label-12-medium-letter-spacing);
  line-height: var(--label-12-medium-line-height);
  font-style: var(--label-12-medium-font-style);
}

.side-panel .line {
  position: relative;
  width: 1px;
  height: 17px;
  object-fit: cover;
}

.side-panel .tag {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: 6px;
  padding: 4px 8px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--colors-secondary-purple-800);
  border-radius: 4px;
}

.side-panel .frame-6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.side-panel .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
}

.side-panel .frame-7 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  position: relative;
  flex: 0 0 auto;
}

.side-panel .text-wrapper-5 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--label-14-regular-font-family);
  font-weight: var(--label-14-regular-font-weight);
  color: var(--colors-secondary-dark-blue-gray-500);
  font-size: var(--label-14-regular-font-size);
  letter-spacing: var(--label-14-regular-letter-spacing);
  line-height: var(--label-14-regular-line-height);
  font-style: var(--label-14-regular-font-style);
}

.side-panel .text {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--body-14-medium-font-family);
  font-weight: var(--body-14-medium-font-weight);
  color: var(--colors-secondary-dark-blue-gray-950);
  font-size: var(--body-14-medium-font-size);
  letter-spacing: var(--body-14-medium-letter-spacing);
  line-height: var(--body-14-medium-line-height);
  font-style: var(--body-14-medium-font-style);
}

.side-panel .frame-8 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.side-panel .frame-9 {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
}

.side-panel .frame-10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.side-panel .text-wrapper-6 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--label-14-regular-font-family);
  font-weight: var(--label-14-regular-font-weight);
  color: var(--colors-secondary-dark-blue-gray-500);
  font-size: var(--label-14-regular-font-size);
  letter-spacing: var(--label-14-regular-letter-spacing);
  line-height: var(--label-14-regular-line-height);
  font-style: var(--label-14-regular-font-style);
}

.side-panel .text-wrapper-7 {
  position: relative;
  align-self: stretch;
  font-family: var(--body-14-medium-font-family);
  font-weight: var(--body-14-medium-font-weight);
  color: #222222;
  font-size: var(--body-14-medium-font-size);
  letter-spacing: var(--body-14-medium-letter-spacing);
  line-height: var(--body-14-medium-line-height);
  font-style: var(--body-14-medium-font-style);
}

.side-panel .frame-11 {
  display: flex;
  flex-direction: column;
  height: 593px;
  align-items: flex-end;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-bottom: -24px;
}

.side-panel .dropdown-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  padding: 0px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.side-panel .dropdown {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.side-panel .input {
  display: flex;
  height: 38px;
  align-items: center;
  gap: var(--spacing-sizes-8);
  padding: var(--spacing-sizes-8) 16px var(--spacing-sizes-8) 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid;
  border-color: #f1f1f1;
}

.side-panel .text-2 {
  flex: 1;
  font-family: var(--body-14-regular-font-family);
  font-weight: var(--body-14-regular-font-weight);
  font-size: var(--body-14-regular-font-size);
  position: relative;
  color: var(--colors-secondary-dark-blue-gray-950);
  letter-spacing: var(--body-14-regular-letter-spacing);
  line-height: var(--body-14-regular-line-height);
  font-style: var(--body-14-regular-font-style);
}

.side-panel .arrow-down-outline {
  position: relative;
  width: 15px;
  height: 15px;
}

.side-panel .frame-12 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 537px;
}

.side-panel .tab {
  display: flex;
  width: 450px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0px 16px;
  position: absolute;
  top: -1px;
  left: -1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--colors-secondary-dark-blue-gray-200);
}

.side-panel .tab-bars {
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 8px 16px 16px;
  flex: 1;
  flex-grow: 1;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-color: #e9ebf6;
  display: flex;
  gap: 10px;
  position: relative;
}

.side-panel .buddies {
  margin-top: -6px;
  margin-left: -4.33px;
  margin-right: -4.33px;
  font-size: var(--body-16-regular-font-size);
  position: relative;
  width: fit-content;
  font-family: var(--body-16-regular-font-family);
  font-weight: var(--body-16-regular-font-weight);
  color: var(--colors-secondary-dark-blue-gray-500);
  letter-spacing: var(--body-16-regular-letter-spacing);
  line-height: var(--body-16-regular-line-height);
  font-style: var(--body-16-regular-font-style);
}

.side-panel .tab-bars-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  flex-grow: 1;
  height: 40px;
  position: relative;
}

.side-panel .mine-wrapper {
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 16px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-color: #1935cd;
}

.side-panel .mine {
  position: relative;
  width: fit-content;
  margin-top: -6px;
  font-family: var(--body-16-bold-font-family);
  font-weight: var(--body-16-bold-font-weight);
  color: var(--colors-secondary-dark-blue-gray-950);
  font-size: var(--body-16-bold-font-size);
  text-align: center;
  letter-spacing: var(--body-16-bold-letter-spacing);
  line-height: var(--body-16-bold-line-height);
  font-style: var(--body-16-bold-font-style);
}

.side-panel .buddies-2 {
  position: relative;
  width: fit-content;
  margin-top: -6px;
  font-family: var(--body-16-regular-font-family);
  font-weight: var(--body-16-regular-font-weight);
  color: var(--colors-secondary-dark-blue-gray-500);
  font-size: var(--body-16-regular-font-size);
  letter-spacing: var(--body-16-regular-letter-spacing);
  line-height: var(--body-16-regular-line-height);
  font-style: var(--body-16-regular-font-style);
}

.side-panel .buddies-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px 16px;
  flex: 0 0 auto;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-color: #e9ebf6;
  height: 40px;
  position: relative;
}

.side-panel .frame-13 {
  display: flex;
  flex-direction: column;
  width: 448px;
  height: 425px;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  position: absolute;
  top: 41px;
  left: 0;
  background-color: #ffffff;
  overflow: hidden;
  overflow-y: scroll;
}

.side-panel .tab-2 {
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  gap: 10px;
  position: relative;
}

.side-panel .tab-bars-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 0 auto;
  height: 40px;
  position: relative;
}

.side-panel .frame-14 {
  display: flex;
  height: 40px;
  align-items: center;
  gap: 10px;
  padding: 8px 16px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-color: #1935cd;
}

.side-panel .mine-2 {
  position: relative;
  width: fit-content;
  margin-top: -4.5px;
  font-family: var(--body-14-medium-font-family);
  font-weight: var(--body-14-medium-font-weight);
  color: var(--colors-secondary-dark-blue-gray-950);
  font-size: var(--body-14-medium-font-size);
  text-align: center;
  letter-spacing: var(--body-14-medium-letter-spacing);
  line-height: var(--body-14-medium-line-height);
  font-style: var(--body-14-medium-font-style);
}

.side-panel .tab-bars-4 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px 16px;
  flex: 0 0 auto;
  height: 40px;
  position: relative;
}

.side-panel .buddies-3 {
  margin-top: -4.5px;
  font-size: var(--body-14-regular-font-size);
  position: relative;
  width: fit-content;
  font-family: var(--body-14-regular-font-family);
  font-weight: var(--body-14-regular-font-weight);
  color: var(--colors-secondary-dark-blue-gray-500);
  letter-spacing: var(--body-14-regular-letter-spacing);
  line-height: var(--body-14-regular-line-height);
  font-style: var(--body-14-regular-font-style);
}

.side-panel .card {
  display: flex;
  margin-right:10%;
  flex-direction: column;
  width: 400px;
  align-items: flex-start;
  gap: 5px;
  padding: 10px;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid;
  border-color: var(--colors-secondary-dark-blue-gray-200);
}


.side-panel .frame-15 {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.side-panel .div-2 {
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.side-panel .checkbox {
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
}

.side-panel .rectangle {
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1px solid;
  border-color: var(--colors-secondary-dark-blue-gray-950);
}

.side-panel .text-wrapper-8 {
  flex: 1;
  font-family: var(--body-16-medium-font-family);
  font-weight: var(--body-16-medium-font-weight);
  color: var(--colors-secondary-dark-blue-gray-950);
  font-size: var(--body-16-medium-font-size);
  position: relative;
  letter-spacing: var(--body-16-medium-letter-spacing);
  line-height: var(--body-16-medium-line-height);
  font-style: var(--body-16-medium-font-style);
}

.side-panel .img {
  position: relative;
  flex: 0 0 auto;
}

.side-panel .frame-16 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
}

.side-panel .frame-17 {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
}

.side-panel .frame-18 {
  display: flex;
  width: 70px;
  align-items: flex-start;
  gap: 12px;
  position: relative;
}

.side-panel .container {
  display: flex;
  flex-direction: column;
 
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  position: relative;
}

.side-panel .supporting-text {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--body-14-regular-font-family);
  font-weight: var(--body-14-regular-font-weight);
  color: var(--colors-secondary-dark-blue-gray-500);
  font-size: var(--body-14-regular-font-size);
  text-align: right;
  letter-spacing: var(--body-14-regular-letter-spacing);
  line-height: var(--body-14-regular-line-height);
  font-style: var(--body-14-regular-font-style);
}

.side-panel .text-3 {
  align-self: stretch;
  font-family: var(--body-14-medium-font-family);
  font-weight: var(--body-14-medium-font-weight);
  font-size: var(--body-14-medium-font-size);
  text-align: right;
  position: relative;
  color: var(--typographyblue);
  letter-spacing: var(--body-14-medium-letter-spacing);
  line-height: var(--body-14-medium-line-height);
  font-style: var(--body-14-medium-font-style);
}

.side-panel .frame-19 {
  position: relative;
  align-self: stretch;
  width: 10px;
  margin-right: -10px;
}

.side-panel .overlap-group-2 {
  position: relative;
  height: 94px;
  top: 8px;
}

.side-panel .rectangle-2 {
  position: absolute;
  width: 2px;
  height: 94px;
  top: 0;
  left: 4px;
  background-color: #d4eaff;
  border-radius: 11px;
}

.side-panel .ellipse-2 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  left: 0;
  background-color: #fcf3f3;
  border-radius: 5px;
  border: 3px solid;
  border-color: var(--primaryblue);
}

.side-panel .frame-20 {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.side-panel .frame-21 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.side-panel .container-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.side-panel .container-2 {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 4px;
  position: relative;
}

.side-panel .img-2 {
  position: relative;
  width: 16px;
  height: 16px;
}

.side-panel .text-4 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--body-14-medium-font-family);
  font-weight: var(--body-14-medium-font-weight);
  color: var(--typographyblue);
  font-size: var(--body-14-medium-font-size);
  letter-spacing: var(--body-14-medium-letter-spacing);
  line-height: var(--body-14-medium-line-height);
  font-style: var(--body-14-medium-font-style);
}

.side-panel .frame-22 {
  display: flex;
  height: 52px;
  align-items: flex-start;
  gap: 22px;
  position: relative;
  /* align-self: stretch; */
  width: 100%;
}

.side-panel .ellipse-3 {
  position: relative;
  height: 10px;
  top: 7px;
  background-color: #fcf3f3;
  border-radius: 5px;
  border: 3px solid;
  border-color: var(--primaryblue);
}

.side-panel .frame-23 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 16px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #f6f9f0;
  border-radius: 8px;
}

.side-panel .frame-24 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.side-panel .frame-25 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}
.side-panel .frame-25 p{
  padding-bottom:10px;
}

.side-panel .p {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--body-14-medium-font-family);
  font-weight: var(--body-14-medium-font-weight);
  color: var(--typographyblue);
  font-size: var(--body-14-medium-font-size);
  letter-spacing: var(--body-14-medium-letter-spacing);
  line-height: var(--body-14-medium-line-height);
  font-style: var(--body-14-medium-font-style);
}

.side-panel .frame-26 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.side-panel .tag-invoice {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 4px;
  border: 0.7px solid;
  border-color: #c4c4c4;
}

.side-panel .frame-27 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  position: relative;
  flex: 0 0 auto;
}

.side-panel .text-5 {
  width: fit-content;
  margin-top: -0.5px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  font-size: 12px;
  position: relative;
  color: var(--colors-secondary-dark-blue-gray-950);
  letter-spacing: 0;
  line-height: normal;
}

.side-panel .tag-invoice-2 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 4px 6px;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 4px;
  border: 0.7px solid;
  border-color: #c4c4c4;
}

.side-panel .frame-28 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.side-panel .frame-29 {
  display: flex;
  height: 86px;
  align-items: flex-start;
  gap: 22px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.side-panel .footer {
  display: flex;
  width: 430px;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 24px;
  position: absolute;
  top: 467px;
  bottom: 0;
  background-color: #ffffff;
}

.side-panel .buttons {
 cursor: pointer;
  box-sizing: border-box;
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 12px 28px 12px 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  border-radius: 24px;
  border: 1px solid;
  border-color: #fa1616;
}

.side-panel .cancel {
  position: relative;
  width: fit-content;
  margin-top: -1.5px;
  font-family: "Inter", Helvetica;
  font-weight: 500;
  color: #fa1616;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.side-panel .buttons-2 {
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #1935cd;
  border-radius: 24px;
  cursor: pointer;
}

.side-panel .add {
  position: relative;
  width: fit-content;
  font-family: var(--body-1-bold-font-family);
  font-weight: var(--body-1-bold-font-weight);
  color: #ffffff;
  font-size: var(--body-1-bold-font-size);
  letter-spacing: var(--body-1-bold-letter-spacing);
  line-height: var(--body-1-bold-line-height);
  font-style: var(--body-1-bold-font-style);
}