.divbody {
  position: relative;
  width: 1425px;
  height: 1927px;
  background-color: #ffffff;
}

.divbody .tab-bar-ipad {
  display: flex;
  width: 769px;
  align-items: flex-start;
  padding: 4px;
  position: absolute;
  top: 370px;
  left: 328px;
}

.divbody .platter {
  position: absolute;
  width: 769px;
  height: 40px;
  top: 0;
  left: 0;
  background-color: #333333;
  border-radius: 100px;
  backdrop-filter: blur(50px) brightness(100%);
  -webkit-backdrop-filter: blur(50px) brightness(100%);
}

.divbody .stretch {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.divbody .tab {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 32.5px;
  background-color: var(--system-colors-miscellaneous-floating-tab-pill-fill);
  border-radius: 100px;
  box-shadow: 0px 2px 16px #00000014;
}

.divbody .label {
  font-family: "SF Pro-Bold", Helvetica;
  font-weight: 700;
  color: var(--system-colors-miscellaneous-floating-tab-text-selected);
  font-size: 17px;
  position: absolute;
  width: 95px;
  height: 32px;
  top: -1px;
  left: 28px;
  text-align: center;
  letter-spacing: -0.23px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.divbody .label-wrapper {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 32.5px;
}

.divbody .text-wrapper {
  font-family: "SF Pro-Medium", Helvetica;
  font-weight: 500;
  color: var(--system-colors-miscellaneous-floating-tab-text-unselected);
  font-size: 15px;
  position: absolute;
  width: 95px;
  height: 32px;
  top: -1px;
  left: 28px;
  text-align: center;
  letter-spacing: -0.23px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.divbody .div-wrapper {
  position: absolute;
  width: 152px;
  height: 32px;
  top: 0;
  left: 152px;
}

.divbody .pagination-list {
  gap: var(--size-space-200);
  position: absolute;
  top: 1192px;
  left: 575px;
  display: inline-flex;
  align-items: center;
}

.divbody .pagination-page {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--size-space-200) var(--size-space-300) var(--size-space-200) var(--size-space-300);
  position: relative;
  flex: 0 0 auto;
  background-color: #007aff;
  border-radius: var(--size-radius-200);
}

.divbody .div {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--single-line-body-base-font-family);
  font-weight: var(--single-line-body-base-font-weight);
  color: var(--color-text-brand-on-brand);
  font-size: var(--single-line-body-base-font-size);
  letter-spacing: var(--single-line-body-base-letter-spacing);
  line-height: var(--single-line-body-base-line-height);
  white-space: nowrap;
  font-style: var(--single-line-body-base-font-style);
}

.divbody .element-wrapper {
  flex-direction: column;
  justify-content: center;
  padding: var(--size-space-200) var(--size-space-300) var(--size-space-200) var(--size-space-300);
  position: relative;
  flex: 0 0 auto;
  border-radius: var(--size-radius-200);
  display: inline-flex;
  align-items: center;
}

.divbody .element {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--single-line-body-base-font-family);
  font-weight: var(--single-line-body-base-font-weight);
  color: var(--color-text-default-default);
  font-size: var(--single-line-body-base-font-size);
  letter-spacing: var(--single-line-body-base-letter-spacing);
  line-height: var(--single-line-body-base-line-height);
  white-space: nowrap;
  font-style: var(--single-line-body-base-font-style);
}

.divbody .pagination-gap {
  flex-direction: column;
  justify-content: center;
  padding: var(--size-space-200) var(--size-space-400) var(--size-space-200) var(--size-space-400);
  position: relative;
  flex: 0 0 auto;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
}

.divbody .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--body-base-bold-font-family);
  font-weight: var(--body-base-bold-font-weight);
  color: var(--colors-black-100);
  font-size: var(--body-base-bold-font-size);
  letter-spacing: var(--body-base-bold-letter-spacing);
  line-height: var(--body-base-bold-line-height);
  white-space: nowrap;
  font-style: var(--body-base-bold-font-style);
}

.divbody .overlap {
  position: absolute;
  width: 1425px;
  height: 609px;
  left: -1px;
}

.divbody .page-accordion {
  display: flex;
  flex-direction: column;
  width: 1425px;
  align-items: center;
  gap: 13px;
  padding: 20px var(--size-space-1600) var(--size-space-1600) var(--size-space-1600);
  position: absolute;
  top: 44px;
  left: 0;
  background-color: var(--color-background-default-default);
}

.divbody .accordion-item {
  display: flex;
  flex-direction: column;
  width: 1145px;
  height: 213px;
  align-items: flex-start;
  gap: var(--size-space-200);
  padding: var(--size-padding-lg);
  position: relative;
  background-color: var(--color-background-default-default);
  border-radius: var(--size-radius-200);
  border: 1px solid;
  border-color: var(--color-border-default-default);
}

.divbody .frame {
  display: flex;
  width: 604px;
  height: 15px;
  align-items: center;
  gap: 16px;
  position: relative;
}

.divbody .button {
  all: unset;
  box-sizing: border-box;
  display: flex;
  width: 200px;
  height: 21px;
  align-items: center;
  justify-content: center;
  gap: var(--size-space-200);
  padding: var(--size-space-300);
  position: relative;
  margin-top: -3px;
  margin-bottom: -3px;
  background-color: var(--color-background-warning-tertiary-hover);
  border-radius: var(--size-radius-200);
  overflow: hidden;
  border: 1px solid;
  border-color: var(--color-border-danger-tertiary);
}

.divbody .buttongreen {
  all: unset;
  box-sizing: border-box;
  display: flex;
  width: 129px;
  height: 21px;
  align-items: center;
  justify-content: center;
  gap: var(--size-space-200);
  padding: var(--size-space-300);
  position: relative;
  margin-top: -3px;
  margin-bottom: -3px;
  background-color: rgba(175,244,198,1);
  border-radius: var(--size-radius-200);
  overflow: hidden;
  border: 1px solid;
  border-color: rgba(0,153,81,1);
}

.divbody .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -9.5px;
  margin-bottom: -7.5px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--color-text-neutral-default);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
  white-space: nowrap;
}

.divbody .text-wrapper-green {
  position: relative;
  width: fit-content;
  margin-top: -9.5px;
  margin-bottom: -7.5px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: rgba(0,153,81,1);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
  white-space: nowrap;
}

.divbody .button-2 {
  all: unset;
  box-sizing: border-box;
  display: flex;
  width: 129px;
  height: 21px;
  align-items: center;
  justify-content: center;
  gap: var(--size-space-200);
  padding: var(--size-space-300);
  position: relative;
  margin-top: -3px;
  margin-bottom: -3px;
  background-color: var(--color-background-danger-secondary);
  border-radius: var(--size-radius-200);
  overflow: hidden;
  border: 1px solid;
  border-color: var(--color-border-danger-tertiary);
}

.divbody .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -9.5px;
  margin-bottom: -7.5px;
  margin-left: -4.5px;
  margin-right: -4.5px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--color-text-neutral-default);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
  white-space: nowrap;
}

.divbody .p {
  position: relative;
  width: 412px;
  height: 22px;
  font-family: var(--body-small-font-family);
  font-weight: var(--body-small-font-weight);
  color: var(--color-text-default-default);
  font-size: var(--body-small-font-size);
  letter-spacing: var(--body-small-letter-spacing);
  line-height: var(--body-small-line-height);
  white-space: nowrap;
  font-style: var(--body-small-font-style);
}

.divbody .accordion-title {
  display: flex;
  align-items: center;
  gap: var(--size-space-200);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.divbody .text-wrapper-5 {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--body-strong-font-family);
  font-weight: var(--body-strong-font-weight);
  color: var(--color-text-default-default);
  font-size: var(--body-strong-font-size);
  letter-spacing: var(--body-strong-letter-spacing);
  line-height: var(--body-strong-line-height);
  font-style: var(--body-strong-font-style);
}

.divbody .img {
  position: relative;
  width: 20px;
  height: 20px;
}

.divbody .accordion-content {
  justify-content: center;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  position: relative;
}

.divbody .text-wrapper-6 {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--body-base-font-family);
  font-weight: var(--body-base-font-weight);
  color: var(--color-text-default-default);
  font-size: var(--body-base-font-size);
  letter-spacing: var(--body-base-letter-spacing);
  line-height: var(--body-base-line-height);
  font-style: var(--body-base-font-style);
}

.divbody .frame-2 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.divbody .button-wrapper {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--size-space-200);
  padding: var(--size-space-300);
  position: relative;
  flex: 0 0 auto;
  background-color: var(--color-background-brand-default);
  border-radius: var(--size-radius-200);
  overflow: hidden;
  border: 1px solid;
  border-color: var(--color-border-brand-default);
}

.divbody .button-3 {
  all: unset;
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--single-line-body-base-font-family);
  font-weight: var(--single-line-body-base-font-weight);
  color: var(--color-text-brand-on-brand);
  font-size: var(--single-line-body-base-font-size);
  letter-spacing: var(--single-line-body-base-letter-spacing);
  line-height: var(--single-line-body-base-line-height);
  white-space: nowrap;
  font-style: var(--single-line-body-base-font-style);
}

.divbody .button-4 {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--size-space-200);
  padding: var(--size-space-300);
  position: relative;
  flex: 0 0 auto;
  background-color: var(--color-background-neutral-tertiary);
  border-radius: var(--size-radius-200);
  overflow: hidden;
  border: 1px solid;
  border-color: var(--color-border-neutral-secondary);
}

.divbody .button-5 {
  all: unset;
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--single-line-body-base-font-family);
  font-weight: var(--single-line-body-base-font-weight);
  color: var(--color-text-default-default);
  font-size: var(--single-line-body-base-font-size);
  letter-spacing: var(--single-line-body-base-letter-spacing);
  line-height: var(--single-line-body-base-line-height);
  white-space: nowrap;
  font-style: var(--single-line-body-base-font-style);
}

.divbody .accordion-title-wrapper {
  width: 1145px;
  padding: var(--size-padding-lg);
  flex: 0 0 auto;
  background-color: var(--color-background-default-secondary);
  border-radius: var(--size-radius-200);
  border: 1px solid;
  border-color: var(--color-border-default-default);
  display: flex;
  align-items: center;
  position: relative;
}

.divbody .accordion-title-2 {
  gap: var(--size-space-200);
  flex: 1;
  flex-grow: 1;
  display: flex;
  align-items: center;
  position: relative;
}

.divbody .overlap-group-wrapper {
  position: absolute;
  width: 700px;
  height: 55px;
  top: 0;
  left: 140px;
}

.divbody .overlap-group {
  position: relative;
  width: 655px;
  height: 94px;
  top: -51px;
}

.divbody .text-wrapper-7 {
  position: absolute;
  top: 50px;
  left: 0;
  font-family: var(--body-base-font-family);
  font-weight: var(--body-base-font-weight);
  color: #000000;
  font-size: var(--body-base-font-size);
  letter-spacing: var(--body-base-letter-spacing);
  line-height: var(--body-base-line-height);
  font-style: var(--body-base-font-style);
}

.divbody .frame-3 {
  position: absolute;
  width: 655px;
  height: 55px;
  top: 0;
  left: 0;
}

.divbody .text-wrapper-8 {
  position: absolute;
  top: -1px;
  left: 0;
  font-family: var(--subheading-font-family);
  font-weight: var(--subheading-font-weight);
  color: #000000;
  font-size: var(--subheading-font-size);
  letter-spacing: var(--subheading-letter-spacing);
  line-height: var(--subheading-line-height);
  white-space: nowrap;
  font-style: var(--subheading-font-style);
}

.divbody .text-wrapper-9 {
  position: absolute;
  top: 455px;
  left: 139px;
  font-family: var(--subtitle-font-family);
  font-weight: var(--subtitle-font-weight);
  color: #000000;
  font-size: var(--subtitle-font-size);
  letter-spacing: var(--subtitle-letter-spacing);
  line-height: var(--subtitle-line-height);
  white-space: nowrap;
  font-style: var(--subtitle-font-style);
}