.title {
  align-self: stretch;
  position: relative;
}
.description {
  width: 260px;
  position: relative;
  font-size: var(--m3-label-large-size);
  letter-spacing: 0.25px;
  line-height: 20px;
  font-family: var(--title-medium);
  display: none;
}
.title-description {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.arrow-back-ios-icon {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  min-height: 20px;
}
.button {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
}
.arrow-forward-ios-icon {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  min-height: 20px;
}
.arrow-back-ios-parent {
  height: 20px;
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.arrow-back-ios-icon1 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  min-height: 20px;
}
.button1 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
}
.arrow-forward-ios-icon1 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  min-height: 20px;
}
.arrow-back-ios-group {
  height: 20px;
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  color: var(--foundation-blue-b75);
}
.actions,
.content-container {
  justify-content: flex-start;
  gap: var(--gap-base);
}
.actions {
  align-self: stretch;
  display: none;
  flex-direction: row;
  align-items: center;
  font-size: var(--m3-label-large-size);
  color: var(--foundation-grey-g75);
  font-family: var(--title-medium);
}
.content-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.base {
  margin: 0;
  align-self: stretch;
  width: 24px;
  border-radius: var(--br-31xl);
  overflow: hidden;
  flex-shrink: 0;
}
.button2 {
  height: 24px;
  display: none;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 1;
}
.paper-plane-icon {
  position: absolute;
  top: 0;
  left: 21.8px;
  width: 79px;
  height: 79px;
  overflow: hidden;
}
.plane-container-child,
.plane-container-inner,
.plane-container-item {
  position: absolute;
  top: 76px;
  left: 47.8px;
  width: 0;
  height: 56px;
  object-fit: contain;
  z-index: 1;
}
.plane-container-inner,
.plane-container-item {
  left: 76.8px;
  height: 55px;
}
.plane-container-inner {
  left: 90.8px;
  height: 35px;
}
.cursor-icon,
.line-icon {
  position: absolute;
  top: 86px;
  left: 35.8px;
  width: 0;
  height: 21px;
  object-fit: contain;
}
.cursor-icon {
  top: -15px;
  left: 187px;
  width: 39.5px;
  height: 39.5px;
  overflow: hidden;
  z-index: 1;
}
.plane-container {
  height: 132px;
  width: 100.8px;
  position: absolute;
  margin: 0 !important;
  top: -100.8px;
  right: -72px;
}
.tooltipbasecontent {
  width: 217px;
  box-shadow: var(--below-elevation-10);
  border-radius: var(--br-xs);
  background-color: var(--text-inverse);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-base);
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-5xs);
}
.paper-plane-icon1 {
  width: 50px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.paper-plane-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-12xs) 0 0;
}
.paper-plane-icon2 {
  width: 50px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.paper-plane-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-12xs) 18px 0 0;
  box-sizing: border-box;
  min-width: 44px;
}
.paper-plane-icon3 {
  width: 50px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.plane-separator {
  position: absolute;
  margin: 0 !important;
  top: -100px;
  right: 330px;
  box-sizing: border-box;
  z-index: 1;
}
.single-plane {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 22px 0 0;
  box-sizing: border-box;
  position: relative;
  min-width: 47px;
}
.paper-plane-icon4,
.paper-plane-icon5,
.paper-plane-icon6 {
  width: 50px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.plane-icons {
  width: 417px;
  flex-direction: row;
  justify-content: center;
  padding: 0 2px 0 0;
  box-sizing: border-box;
  gap: 15px;
}
.nested-tooltip,
.plane-icons,
.plane-row,
.tooltip-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.plane-row {
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 0 0 40px;
  box-sizing: border-box;
}
.nested-tooltip,
.tooltip-wrapper {
  justify-content: flex-start;
}
.nested-tooltip {
  flex-direction: column;
  gap: 67.2px;
}
.tooltip-wrapper {
  flex-direction: row;
  padding: 0 var(--padding-9xs);
  box-sizing: border-box;
  text-align: left;
  font-size: 13px;
  color: var(--color-midnightblue);
  font-family: var(--font-poppins);
}
.shape-separators-icon {
  height: 250px;
  width: 70px;
  left: 39px;
  border-radius: var(--br-481xl);
}
.shape-container-child,
.shape-separators-icon,
.shape-separators-icon1 {
  position: absolute;
  margin: 0 !important;
  bottom: -186px;
}
.shape-container-child {
  height: 249px;
  width: 51px;
  right: 34px;
  border-radius: var(--br-481xl);
  object-fit: contain;
}
.shape-separators-icon1 {
  height: 250px;
  width: 91.5px;
  left: 119.5px;
}
.shape-container-inner,
.shape-container-item,
.vector-icon {
  position: absolute;
  margin: 0 !important;
  border-radius: var(--br-481xl);
}
.shape-container-item {
  height: 248px;
  width: 27px;
  bottom: -182px;
  left: 192px;
  z-index: 1;
}
.shape-container-inner,
.vector-icon {
  height: 221px;
  width: 62px;
  right: 125px;
  bottom: -186px;
}
.vector-icon {
  height: 252px;
  width: 24.3px;
  right: 208.3px;
  bottom: -184px;
}
.shape-separators,
.shape-separators1 {
  height: 130px;
  width: 2px;
  position: absolute;
  margin: 0 !important;
  top: -118px;
  left: 69px;
  border-right: 2px dashed var(--text-inverse);
  box-sizing: border-box;
  z-index: 1;
}
.shape-separators1 {
  left: 134px;
}
.shape-separators2 {
  position: absolute;
  margin: 0 !important;
  left: 219px;
}
.shape-separators2,
.shape-separators3,
.shape-separators4 {
  height: 130px;
  width: 2px;
  top: -118px;
  border-right: 2px dashed var(--text-inverse);
  box-sizing: border-box;
}
.shape-separators3 {
  position: absolute;
  margin: 0 !important;
  right: 209px;
}
.shape-separators4 {
  right: 144px;
}
.rectangle-div,
.shape-separators4,
.shape-separators5 {
  position: absolute;
  margin: 0 !important;
}
.shape-separators5 {
  height: 130px;
  width: 2px;
  top: -118px;
  right: 77px;
  border-right: 2px dashed var(--text-inverse);
  box-sizing: border-box;
}
.rectangle-div {
  height: 18px;
  width: 634px;
  top: -17px;
  right: -59px;
  background: linear-gradient(
    90deg,
    #131955 7.9%,
    #f0da6a 49.5%,
    #131955 91.4%
  );
  z-index: 2;
}
.title1 {
  align-self: stretch;
  position: relative;
}
.description1 {
  width: 260px;
  position: relative;
  letter-spacing: 0.25px;
  line-height: 20px;
  font-family: var(--title-medium);
  display: none;
}
.title-description1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.arrow-back-ios-icon2 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  min-height: 20px;
}
.button3 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
}
.arrow-forward-ios-icon2 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  min-height: 20px;
}
.arrow-back-ios-container {
  height: 20px;
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.arrow-back-ios-icon3 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  min-height: 20px;
}
.button4 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.1px;
  line-height: 20px;
  font-weight: 500;
}
.arrow-forward-ios-icon3 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  min-height: 20px;
}
.frame-div {
  height: 20px;
  border-radius: var(--br-9xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  color: var(--foundation-blue-b75);
}
.actions1,
.content-container1 {
  justify-content: flex-start;
  gap: var(--gap-base);
}
.actions1 {
  width: 236px;
  display: none;
  flex-direction: row;
  align-items: center;
  color: var(--foundation-grey-g75);
  font-family: var(--title-medium);
}
.content-container1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}
.cross-icon {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.action,
.placeholder-icon {
  position: relative;
  display: none;
}
.action {
  width: 47px;
  font-weight: 500;
}
.placeholder-icon {
  height: 16px;
  width: 16px;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 16px;
}
.base1 {
  border-radius: var(--br-31xl);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-9xs);
  gap: var(--gap-9xs);
}
.button5,
.tooltipbasecontent1 {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.button5 {
  display: none;
  text-align: center;
  font-size: var(--title-medium-size);
  color: var(--text-inverse);
  font-family: var(--title-medium);
}
.tooltipbasecontent1 {
  flex: 1;
  box-shadow: var(--below-elevation-10);
  border-radius: var(--br-xs);
  background-color: var(--text-inverse);
  display: flex;
  padding: var(--padding-base);
  box-sizing: border-box;
  gap: var(--gap-5xs);
  max-width: 100%;
  z-index: 3;
}
.indicator-icon {
  height: 10px;
  width: 24px;
  position: absolute;
  margin: 0 !important;
  right: 81.1px;
  bottom: 14px;
  z-index: 4;
}
.root,
.shape-container {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.shape-container {
  width: 517px;
  flex-direction: row;
  max-width: 100%;
  text-align: left;
  font-size: var(--m3-label-large-size);
  color: var(--color-midnightblue);
  font-family: var(--font-poppins);
}
.root {
  width: 100%;
  background-color: transparent;
  overflow: hidden;
  flex-direction: column;
  padding: 100.8px 58px 244px;
  box-sizing: border-box;
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 625px) {
  .root {
    padding-left: var(--padding-10xl);
    padding-right: var(--padding-10xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 450px) {
  .paper-plane-container,
  .single-plane {
    flex: 1;
  }
  .plane-icons {
    flex-wrap: wrap;
  }
  .nested-tooltip {
    gap: 34px;
  }
  .root {
    gap: 29px;
  }
}


.item {
    align-items: center;
    display: grid;
    text-align: center;
}

.edit{
  animation: float 1s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-6px);
  }
  100% {
    transform: translatey(0px);
  }
}


.edit2{
  animation: float 2s ease-in-out infinite;
}

@keyframes float2 {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-6px);
  }
  100% {
    transform: translatey(0px);
  }
}