.create-assignment-container {
    width: 100%;
    display: flex;
    overflow: auto;
    /* min-height: 100vh; */
    align-items: center;
    flex-direction: column;
  }
  .create-assignment-create-assignment {
    gap: 44px;
    width: 100%;
    height: auto;
    display: flex;
    padding: 80px;
    align-self: stretch;
    align-items: flex-start;
    justify-content: center;
    background-color: rgba(247, 246, 249, 1);
  }
  .create-assignment-frame {
    gap: 20px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  .create-assignment-frame1244832763 {
    margin: 23px;
    /* gap: 16px; */
    width: 297px;
    display: flex;
    padding: 28px;
    overflow: hidden;
    align-items: flex-start;
    flex-shrink: 0;
    border-color: rgba(251, 234, 144, 1);
    border-style: solid;
    border-width: 0 0 4px;
    border-radius: 24px;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 1);
  }
  .create-assignment-frame1244832775 {
    gap: 20px;
    display: flex;
    align-items: center;
  }

  .create-assignment-black {
    top: 31.30714988708496px;
    left: 2.8000001907348633px;
    width: 26.479999542236328px;
    height: 30.463151931762695px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }

  .create-assignment-text {
    color: var(--dl-color-default-accent);
    height: auto;
    font-size: 20px;
    font-style: Semi Bold;
    text-align: left;
    font-family: Inter;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    text-decoration: none;
  }
  .create-assignment-text02 {
    color: rgba(77, 63, 89, 1);
    height: auto;
    font-size: 14px;
    align-self: stretch;
    font-style: Regular;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    font-stretch: normal;
    text-decoration: none;
  }
  .create-assignment-frame1244832770 {
    margin: 23px;
    /* gap: 16px; */
    width: 297px;
    display: flex;
    padding: 28px;
    overflow: hidden;
    align-items: flex-start;
    flex-shrink: 0;
    border-color: rgba(255, 141, 148, 1);
    border-style: solid;
    border-width: 0 0 4px;
    border-radius: 24px;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 1);
  }
  .create-assignment-frame1244832776 {
    gap: 20px;
    display: flex;
    align-items: center;
  }

  .create-assignment-black1 {
    top: 29.33333396911621px;
    left: 4.16410493850708px;
    width: 23.62302589416504px;
    height: 26.70114517211914px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }

  .create-assignment-text04 {
    color: var(--dl-color-default-accent);
    height: auto;
    font-size: 20px;
    font-style: Semi Bold;
    text-align: left;
    font-family: Inter;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    text-decoration: none;
  }

  .create-assignment-frame1244832771 {
    margin: 23px;
    /* gap: 16px; */
    width: 297px;
    display: flex;
    padding: 28px;
    overflow: hidden;
    align-items: flex-start;
    flex-shrink: 0;
    border-color: rgba(147, 184, 255, 1);
    border-style: solid;
    border-width: 0 0 4px;
    border-radius: 24px;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 1);
  }
  .create-assignment-frame1244832777 {
    gap: 20px;
    display: flex;
    align-items: center;
  }

  .create-assignment-black2 {
    top: 27.485448837280273px;
    left: 4.413793087005615px;
    width: 23.246843338012695px;
    height: 23.0716552734375px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
  }

  .create-assignment-content {
    gap: 80px;
    width: 939px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
  .create-assignment-frame2610434 {
    gap: 24px;
    width: 939px;
    height: 737px;
    display: flex;
    padding: 24px;
    align-items: flex-start;
    flex-shrink: 0;
    border-color: rgba(245, 245, 245, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 1);
  }
  .create-assignment-header {
    gap: 16px;
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-direction: column;
  }
  .create-assignment-text12 {
    color: rgba(64, 64, 64, 1);
    height: auto;
    font-size: 20px;
    font-style: Semi Bold;
    text-align: left;
    font-family: Inter;
    font-weight: 700;
    line-height: 30px;
    font-stretch: normal;
    text-decoration: none;
  }
  .create-assignment-frame1244832690 {
    gap: 24px;
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .create-assignment-input {
    gap: 8px;
    width: 526px;
    height: 48px;
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
    flex-direction: column;
  }
  .create-assignment-input01 {
    gap: 105px;
    display: flex;
    padding: 16px;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
    border-color: rgba(212, 212, 212, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 12px;
  }
  .create-assignment-frame47595 {
    gap: 12px;
    display: flex;
    align-items: center;
  }
  .create-assignment-frame47594 {
    gap: 8px;
    display: flex;
    align-items: center;
  }
  .create-assignment-text14 {
    color: var(--dl-color-neutral-500);
    height: auto;
    font-size: 14px;
    font-style: Regular;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 20px;
    font-stretch: normal;
    text-decoration: none;
  }
  .create-assignment-input02 {
    gap: 8px;
    width: 341px;
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    flex-shrink: 0;
    flex-direction: column;
  }
  .create-assignment-input03 {
    gap: 105px;
    display: flex;
    padding: 16px;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
    border-color: rgba(212, 212, 212, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 12px;
  }
  .create-assignment-frame475951 {
    gap: 12px;
    display: flex;
    align-items: center;
  }
  .create-assignment-frame475941 {
    gap: 8px;
    display: flex;
    align-items: center;
  }
  .create-assignment-text16 {
    color: var(--dl-color-neutral-500);
    height: auto;
    font-size: 14px;
    font-style: Regular;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 20px;
    font-stretch: normal;
    text-decoration: none;
  }
  .create-assignment-frame1244832691 {
    gap: 24px;
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .create-assignment-input04 {
    gap: 8px;
    width: 281px;
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    flex-shrink: 0;
    flex-direction: column;
  }
  .create-assignment-input05 {
    gap: 105px;
    display: flex;
    padding: 16px;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
    border-color: rgba(212, 212, 212, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 12px;
  }
  .create-assignment-frame475952 {
    gap: 12px;
    display: flex;
    align-items: center;
  }
  .create-assignment-frame475942 {
    gap: 8px;
    display: flex;
    align-items: center;
  }
  .create-assignment-text18 {
    color: var(--dl-color-neutral-500);
    height: auto;
    font-size: 14px;
    font-style: Regular;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 20px;
    font-stretch: normal;
    text-decoration: none;
  }
  .create-assignment-input06 {
    gap: 8px;
    width: 281px;
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    flex-shrink: 0;
    flex-direction: column;
  }
  
  .create-assignment-frame475953 {
    gap: 12px;
    display: flex;
    align-items: center;
  }
  .create-assignment-frame475943 {
    gap: 8px;
    display: flex;
    align-items: center;
  }
  .create-assignment-text20 {
    color: var(--dl-color-neutral-500);
    height: auto;
    font-size: 14px;
    font-style: Regular;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 20px;
    font-stretch: normal;
    text-decoration: none;
  }
  .create-assignment-input08 {
    gap: 8px;
    width: 281px;
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    flex-shrink: 0;
    flex-direction: column;
  }

  .create-assignment-frame475954 {
    gap: 12px;
    display: flex;
    align-items: center;
  }
  .create-assignment-frame475944 {
    gap: 8px;
    display: flex;
    align-items: center;
  }
  .create-assignment-text22 {
    color: var(--dl-color-neutral-500);
    height: auto;
    font-size: 14px;
    font-style: Regular;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 20px;
    font-stretch: normal;
    text-decoration: none;
  }
  .create-assignment-frame1244832693 {
    gap: 24px;
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .create-assignment-input10 {
    gap: 8px;
    width: 891px;
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    flex-shrink: 0;
    flex-direction: column;
  }
  .create-assignment-input11 {
    gap: 105px;
    display: flex;
    padding: 16px;
    flex-grow: 1;
    align-self: stretch;
    align-items: flex-start;
    border-color: rgba(212, 212, 212, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 12px;
  }
  .create-assignment-frame475955 {
    gap: 12px;
    display: flex;
    align-items: center;
  }
  .create-assignment-frame475945 {
    gap: 8px;
    display: flex;
    align-items: center;
  }
  .create-assignment-text24 {
    color: var(--dl-color-neutral-500);
    height: auto;
    font-size: 14px;
    font-style: Regular;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 20px;
    font-stretch: normal;
    text-decoration: none;
  }
  .create-assignment-input12 {
    gap: 8px;
    width: 345.3333435058594px;
    height: 48px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .create-assignment-input13 {
    gap: 105px;
    top: 0px;
    left: 0px;
    width: 345px;
    height: 48px;
    display: flex;
    padding: 16px;
    overflow: hidden;
    position: absolute;
    align-items: center;
    flex-shrink: 0;
    border-color: rgba(212, 212, 212, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 12px;
  }
  .create-assignment-frame475956 {
    gap: 12px;
    top: 14px;
    left: 16px;
    width: 146px;
    display: flex;
    position: absolute;
    align-items: center;
    flex-shrink: 0;
  }
  .create-assignment-frame475946 {
    gap: 8px;
    display: flex;
    align-items: center;
  }
  .create-assignment-text26 {
    color: var(--dl-color-neutral-500);
    height: auto;
    font-size: 14px;
    font-style: Regular;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 20px;
    font-stretch: normal;
    text-decoration: none;
  }
  .create-assignment-frame1244832766 {
    gap: 4px;
    top: 0px;
    left: 278px;
    width: 67px;
    height: 48px;
    display: flex;
    padding: 5px 6px;
    overflow: hidden;
    position: absolute;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    background-color: rgba(212, 212, 212, 1);
  }
  .create-assignment-text28 {
    color: var(--dl-color-neutral-500);
    height: auto;
    font-size: 14px;
    font-style: Regular;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 20px;
    font-stretch: normal;
    text-decoration: none;
  }
  .create-assignment-frame1244832778 {
    gap: 9px;
    display: flex;
    align-items: flex-start;
  }
  .create-assignment-frame1244832779 {
    width: 16px;
    height: 21px;
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .create-assignment-selectiontools {
    top: 4px;
    left: 0px;
    width: 16px;
    height: 16px;
    display: flex;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .create-assignment-checkbox {
    top: 0px;
    left: 0px;
    width: 16px;
    height: 16px;
    display: flex;
    overflow: hidden;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 0;
    border-color: rgba(115, 115, 115, 1);
    border-style: solid;
    border-width: 1.5px;
    border-radius: 4px;
  }
  .create-assignment-text30 {
    color: var(--dl-color-neutral-500);
    width: 863px;
    height: auto;
    font-size: 14px;
    font-style: Regular;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 20px;
    font-stretch: normal;
    text-decoration: none;
  }
  .create-assignment-admin {
    color: gray;
    width: 863px;
    height: auto;
    font-size: 14px;
    font-style: Regular;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 20px;
    font-stretch: normal;
    text-decoration: none;
  }
  .create-assignment-frame1244832784 {
    gap: 12px;
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-direction: column;
  }
  .create-assignment-frame12448327781 {
    gap: 9px;
    display: flex;
    align-items: flex-start;
  }
  .create-assignment-text32 {
    color: var(--dl-color-neutral-500);
    width: 863px;
    height: auto;
    font-size: 14px;
    font-style: Regular;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 20px;
    font-stretch: normal;
    text-decoration: none;
  }
  .create-assignment-frame1244832786 {
    gap: 16px;
    display: flex;
    align-items: center;
  }
  .create-assignment-frame1244832785 {
    gap: 4px;
    display: flex;
    padding: 8px;
    align-items: center;
    border-radius: 23px;
    background-color: rgba(237, 242, 247, 1);
  }
  .create-assignment-mdiemail {
    width: 24px;
    height: 24px;
  }
  .create-assignment-text34 {
    color: var(--dl-color-neutral-500);
    width: 173px;
    height: auto;
    font-size: 14px;
    font-style: Regular;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 20px;
    font-stretch: normal;
    text-decoration: none;
  }
  .create-assignment-cta {
    gap: 8px;
    height: 48px;
    display: flex;
    padding: 8px 32px;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    justify-content: center;
    background-color: rgba(37, 62, 84, 1);
  }
  .create-assignment-text36 {
    color: var(--dl-color-default-purewhite);
    height: auto;
    font-size: 16px;
    font-style: Semi Bold;
    text-align: right;
    font-family: Inter;
    font-weight: 700;
    line-height: 16px;
    font-stretch: normal;
    text-decoration: none;
  }

  .content-frame2610434 {
    gap: 24px;
    width: 939px;
    display: flex;
    padding: 24px;
    position: relative;
    align-items: center;
    flex-shrink: 0;
    border-color: rgba(245, 245, 245, 1);
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    flex-wrap: wrap;
    right: 200px;
}

.content-frame1244832782 {
    gap: 12px;
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-direction: column;
}
.content-frame1244832783 {
    gap: 12px;
    display: flex;
    z-index: 1;
    align-self: stretch;
    align-items: flex-start;
    flex-direction: column;
}
.content-frame1244832780 {
    gap: 24px;
    width: 888px;
    display: flex;
    z-index: 3;
    align-items: flex-start;
    flex-shrink: 0;
    justify-content: flex-end;
}
.content-header {
    gap: 16px;
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-direction: column;
}
.content-text {
    color: rgba(64, 64, 64, 1);
    height: auto;
    font-size: 20px;
    font-style: Semi Bold;
    text-align: left;
    font-family: Inter;
    font-weight: 700;
    line-height: 30px;
    font-stretch: normal;
    text-decoration: none;
}

.content-header1 {
    gap: 16px;
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-direction: column;
}
.content-text04 {
    color: rgba(64, 64, 64, 1);
    height: auto;
    font-size: 20px;
    font-style: Semi Bold;
    text-align: left;
    font-family: Inter;
    font-weight: 700;
    line-height: 30px;
    font-stretch: normal;
    text-decoration: none;
}
.content-text06 {
    color: gray;
    width: 863px;
    height: auto;
    font-size: 14px;
    font-style: Regular;
    text-align: left;
    font-family: Inter;
    font-weight: 400;
    line-height: 20px;
    font-stretch: normal;
    text-decoration: none;
    flex-wrap: wrap;
}
.content-cta {
    gap: 8px;
    height: 48px;
    display: flex;
    padding: 8px 32px;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    justify-content: center;
    background-color: rgba(227, 230, 232, 1);
}
.content-text20 {
    color: rgba(133, 133, 133, 1);
    height: auto;
    font-size: 16px;
    font-style: Semi Bold;
    text-align: right;
    font-family: Inter;
    font-weight: 700;
    line-height: 16px;
    font-stretch: normal;
    text-decoration: none;
}
.content-cta1 {
    gap: 8px;
    height: 48px;
    display: flex;
    padding: 8px 32px;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    justify-content: center;
    background-color: rgba(37, 62, 84, 1);
}
.content-text22 {
    color: #ffff;
    height: auto;
    font-size: 16px;
    font-style: Semi Bold;
    text-align: right;
    font-family: Inter;
    font-weight: 700;
    line-height: 16px;
    font-stretch: normal;
    text-decoration: none;
}
.content-group8 {
    top: 29px;
    left: 915px;
    width: 9px;
    height: 556px;
    display: flex;
    z-index: 4;
    position: absolute;
    align-items: flex-start;
    flex-shrink: 1;
    background-color: rgba(217, 217, 217, 1);
}