.hidden {
    display: none !important;
}

.css-1x8jp4y.Mui-error {
    color: rgb(231, 38, 17);
  }
  .css-1x8jp4y {
    color: rgba(20, 29, 31, 0.7);
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
    letter-spacing: 0.03333em;
    text-align: left;
    margin: 3px 14px 0px;
  }

.css-zf0iqh {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }

  .css-rzarii {
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    background: rgb(0, 79, 230);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px, rgba(0, 0, 0, 0.08) 0px 1px 3px 1px;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
    position: relative;
    color: rgb(255, 255, 255);
  }
  *, ::before, ::after {
    box-sizing: inherit;
  }
  @media (min-width: 1280px) and (max-width: 1535.95px) {
    body {
      font-size: 1rem;
    }
  }
  body {
    color: rgb(20, 29, 31);
    font-size: 1rem;
    line-height: 1.38;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    letter-spacing: 0.00938em;
  }

@media (min-width: 425px) {
  .css-1wf9k7t {
    min-height: 64px;

  }
}
@media (min-width: 325px) {
  @media (orientation: landscape) {
    .css-1wf9k7t {
      min-height: 48px;

    }
  }
}
@media (min-width: 425px) {
  .css-1wf9k7t {
    padding-left: 24px;

    padding-right: 24px;

  }
}
.css-1wf9k7t {
  position: relative;

  display: flex;

  -moz-box-align: center;

  align-items: center;

  padding-left: 16px;

  padding-right: 16px;

  min-height: 56px;

  background: rgb(255, 255, 255);

  border-top: 8px solid rgb(20, 29, 31);

}

@media (min-width: 850px) {
    .css-1h0jyqh {
      min-height: 100px;
    }
  }
  .css-1h0jyqh {
    display: flex;
    flex-direction: row;
    -moz-box-flex: 1;
    flex-grow: 1;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    min-height: 80px;
  }

  .css-3idkak {
    margin: 0px;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: rgb(0, 79, 230);
    font-family: IBMPlexSans, Roboto, sans-serif;
    text-decoration: none;
  }

  .css-1uo9e66 {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1.5rem;
    width: 182px !important;
    height: 36px !important;
    fill: rgb(20, 29, 31);
  }



  .css-1ylu0bo {
    display: flex;
    flex-direction: column;
    -moz-box-flex: 1;
    flex-grow: 1;
  }

  .css-a0y2e3 {
    height: 0px;
    overflow: hidden;
    transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
  }

  .css-hboir5 {
    display: flex;
    width: 100%;
  }

  .css-8atqhb {
    width: 100%;
  }

  .css-tqpcm2 {
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    background: rgb(255, 218, 212);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px, rgba(0, 0, 0, 0.08) 0px 1px 3px 1px;
    border-radius: 0px;
    color: rgb(64, 2, 0);
  }

  @media (min-width: 1280px) {
    .css-bwkqqy {
      max-width: 1200px;
    }
  }
  @media (min-width: 960px) {
    .css-bwkqqy {
      max-width: 1024px;
    }
  }
  @media (min-width: 425px) {
    .css-bwkqqy {
      padding-left: 12px;
      padding-right: 12px;
    }
  }
  @media (min-width: 960px) {
    .css-bwkqqy {
      max-width: 960px;
    }
  }
  @media (min-width: 425px) {
    .css-bwkqqy {
      padding-left: 24px;
      padding-right: 24px;
    }
  }
  .css-bwkqqy {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    padding-left: 12px;
    padding-right: 12px;
    max-width: 1024px;
  }

  .css-bemg7i {
    display: flex;
    flex-direction: row;
    -moz-box-align: center;
    align-items: center;
    row-gap: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .css-h5a9ss {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1.5rem;
    width: 24px;
    height: 24px;
    fill: rgb(231, 38, 17);
  }

  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-1j9oqq3 {
      font-size: 0.88rem;
    }
  }
  .css-1j9oqq3 {
    margin: 0px;
    font-size: 0.88rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    font-family: IBMPlexSans, Roboto, sans-serif;
    font-weight: inherit;
    -moz-box-flex: 1;
    flex-grow: 1;
    padding-left: 16px;
  }

  .css-ond49c {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: IBMPlexSans, Roboto, Helvetica, sans-serif;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .css-1xh7mtn {
    user-select: none;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1.5rem;
    width: 24px;
    height: 24px;
  }

  .css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
  }

  .css-1bmt8ay {
    background: rgb(255, 255, 255);
    -moz-box-flex: 1;
    flex-grow: 1;
    padding-top: 40px;
  }

  @media (min-width: 1280px) {
    .css-bwkqqy {
      max-width: 1200px;
    }
  }
  @media (min-width: 960px) {
    .css-bwkqqy {
      max-width: 1024px;
    }
  }
  @media (min-width: 425px) {
    .css-bwkqqy {
      padding-left: 12px;
      padding-right: 12px;
    }
  }
  @media (min-width: 960px) {
    .css-bwkqqy {
      max-width: 960px;
    }
  }
  @media (min-width: 425px) {
    .css-bwkqqy {
      padding-left: 24px;
      padding-right: 24px;
    }
  }
  .css-bwkqqy {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    padding-left: 12px;
    padding-right: 12px;
    max-width: 1024px;
  }

  .css-1rb0mwg {
    --Grid-columns: 12;
    --Grid-columnSpacing: 0px;
    --Grid-rowSpacing: 0px;
    flex-flow: wrap;
    min-width: 0px;
    box-sizing: border-box;
    display: flex;
    margin: calc(var(--Grid-rowSpacing) / -2) calc(var(--Grid-columnSpacing) / -2);
    -moz-box-pack: center;
    justify-content: center;
  }

  @media (min-width: 850px) {
    .css-1ou81rj {
      -moz-box-flex: 0;
      flex-grow: 0;
      flex-basis: auto;
      width: calc(100% * 8 / var(--Grid-columns));
    }
  }
  .css-1ou81rj {
    -moz-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 12 / var(--Grid-columns));
    min-width: 0px;
    box-sizing: border-box;
    padding-top: ;
    padding-right: ;
    padding-left: ;
    padding-bottom: 24px;
  }

  @media (min-width: 850px) {
    .css-hlj6lz {
      width: 420px;
      max-width: 100%;
    }
  }
  .css-hlj6lz {
    display: flex;
    padding-left: 16px;
    padding-right: 16px;
    flex-direction: column;
    -moz-box-align: stretch;
    align-items: stretch;
    padding-top: 24px;
    /* width: 100%; */
    margin-left: auto;
    margin-right: auto;
  }

  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-4d6538 {
      font-size: 1.63rem;
    }
  }
  .css-4d6538 {
    margin: 0px;
    font-size: 1.63rem;
    letter-spacing: -0.1px;
    line-height: 1.23;
    text-align: center;
    font-family: IBMPlexSans, Roboto, sans-serif;
    font-weight: inherit;
    padding-top: 16px;
    padding-bottom: 24px;
  }

  .css-6q7m68 {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  }

  .css-feqhe6 {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
  }

  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-5l6a33 {
      font-size: 1rem;
    }
  }
  .css-5l6a33 {
    color: rgba(20, 29, 31, 0.7);
    font-size: 1rem;
    line-height: 1.4375em;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    letter-spacing: 0.00938em;
    padding: 0px;
    display: block;
    transform-origin: left top 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 24px);
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translate(12px, 16px) scale(1);
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1);
    z-index: 1;
    pointer-events: none;
  }

  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-15gfit2 {
      font-size: 1rem;
    }
  }
  .css-15gfit2 {
    font-size: 1rem;
    line-height: 1.4375em;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: rgb(20, 29, 31);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    background-color: rgba(0, 0, 0, 0.06);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1);
  }

  
.css-15gfit2::before {
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
  
    left: 0px;
  
    bottom: 0px;
  
    content: " ";
  
    position: absolute;
  
    right: 0px;
  
    transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  
    pointer-events: none;
  
  }

  .css-1n52bh3 {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16px 12px 16px;
  }

  .css-1n52bh3:hover {
    outline: none;
  }

  .css-15gfit2::after {
    border-bottom: 2px solid rgb(0, 79, 230);
    left: 0px;
    bottom: 0px;
    content: "";
    position: absolute;
    right: 0px;
    transform: scaleX(0);
    transition: transform 200ms cubic-bezier(0, 0, 0.2, 1);
    pointer-events: none;
  }

  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-5l6a33 {
      font-size: 1rem;
    }
  }
  .css-5l6a33 {
    color: rgba(20, 29, 31, 0.7);
    font-size: 1rem;
    line-height: 1.4375em;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    letter-spacing: 0.00938em;
    padding: 0px;
    display: block;
    transform-origin: left top 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 24px);
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translate(12px, 16px) scale(1);
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1);
    z-index: 1;
    pointer-events: none;
  }

  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-onut8f {
      font-size: 1rem;
    }
  }
  .css-onut8f {
    font-size: 1rem;
    line-height: 1.4375em;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: rgb(20, 29, 31);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    background-color: rgba(0, 0, 0, 0.06);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1);
    padding-right: 12px;
  }

  .css-onut8f::before {
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
    left: 0px;
    bottom: 0px;
    content: " ";
    position: absolute;
    right: 0px;
    transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
  }
  *, ::before, ::after {
    box-sizing: inherit;
  }

  .css-1sk67vh {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16px 12px 16px;
  }

  .css-1sk67vh:hover {
    outline: none !important;
  }

  .css-1mzf9i9 {
    display: flex;
    height: 0.01em;
    max-height: 2em;
    -moz-box-align: center;
    align-items: center;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.54);
    margin-left: 8px;
  }

  .css-ond49c {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: IBMPlexSans, Roboto, Helvetica, sans-serif;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .css-vubbuv {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1.5rem;
  }

  .css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
  }

  .css-onut8f::after {
    border-bottom: 2px solid rgb(0, 79, 230);
    left: 0px;
    bottom: 0px;
    content: "";
    position: absolute;
    right: 0px;
    transform: scaleX(0);
    transition: transform 200ms cubic-bezier(0, 0, 0.2, 1);
    pointer-events: none;
  }

  @media (min-width: 850px) {
    .css-8wucht {
      padding-left: 16px;
    }
  }
  .css-8wucht {
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center;
    flex-direction: row;
    text-align: start;
    column-gap: 0px;
  }

  .css-lquufv {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    cursor: pointer;
    vertical-align: middle;
    margin-left: -11px;
    margin-right: 16px;
  }

  .css-1l3zsht {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: IBMPlexSans, Roboto, Helvetica, sans-serif;
    padding: 9px;
    border-radius: 50%;
    /* color: rgba(20, 29, 31, 0.7); */
    color: rgb(0, 79, 230);

  }

  .css-1l3zsht.Mui-checked, .css-1l3zsht.MuiCheckbox-indeterminate {
    color: rgb(0, 79, 230);
  }

  .css-1m9pwf3 {
    cursor: inherit;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 1;
  }

  .css-vubbuv {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1.5rem;
  }

  .css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
  }

  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-cnlm12 {
      font-size: 1rem;
    }
  }
  .css-cnlm12 {
    margin: 0px;
    font-size: 1rem;
    line-height: 1.38;
    font-weight: 400;
    letter-spacing: 0.00938em;
    font-family: IBMPlexSans, Roboto, sans-serif;
  }

  .css-1t193bf.Mui-error {
    color: rgb(231, 38, 17);
  }
  .css-1t193bf {
    color: rgba(20, 29, 31, 0.7);
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.66;
    letter-spacing: 0.03333em;
    text-align: left;
    margin: 3px 0px 0px;
  }

  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-1dbh3md {
      font-size: 0.88rem;
    }
  }
  .css-1dbh3md {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-size: 0.88rem;
    line-height: 1.43;
    letter-spacing: 0.02857em;
    min-width: 64px;
    padding: 6px 16px;
    font-family: IBMPlexSans, Roboto, Helvetica, sans-serif;
    text-transform: none;
    font-weight: bold;
    border-radius: 12px;
    color: rgb(0, 79, 230);
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
  }

  .css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
  }


.css-170bo5o.Mui-error {
  color: rgb(231, 38, 17);
}
.css-170bo5o {
  color: rgba(20, 29, 31, 0.7);
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.66;
  letter-spacing: 0.03333em;
  margin: 3px 0px 0px;
  text-align: center;
}





@media (min-width: 850px) {
    .css-b1a0ig {
      padding: 32px 24px 8px;
    }
  }
  .css-b1a0ig {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    -moz-box-align: center;
    align-items: center;
    padding: 16px 16px 8px;
  }

  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-5ocdbe {
      font-size: 1rem;
    }
  }
  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-5ocdbe {
      font-size: 0.88rem;
    }
  }
  .css-5ocdbe {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    letter-spacing: 0.02857em;
    padding: 7px 16px 6px;
    font-family: IBMPlexSans, Roboto, Helvetica, sans-serif;
    text-transform: none;
    font-weight: bold;
    border-radius: 6px;
    box-shadow: none;
    font-size: 1rem;
    line-height: 1.38;
    background: rgb(0, 79, 230);
    color: rgb(255, 255, 255);
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 220px;
    min-height: 48px;
    white-space: nowrap;
  }

  .css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
  }

  @media (min-width: 850px) {
    .css-1wq1leu {
      width: 420px;
    }
  }
  @media (min-width: 0px) {
    .css-1wq1leu {
      width: 100%;
    }
  }
  .css-1wq1leu {
    max-width: 100%;
  }

  .css-89uhbr {
    margin: 0px;
    flex-shrink: 0;
    display: flex;
    white-space: nowrap;
    text-align: center;
    border: 0px;
  }

  .css-89uhbr::before, .css-89uhbr::after {
    position: relative;
    width: 100%;
    border-top: thin solid rgba(191, 200, 202, 0.7);
    top: 50%;
    content: "";
    transform: translateY(50%);
  }

.css-c1ovea {
  display: inline-block;

  padding-left: calc(9.6px);

  padding-right: calc(9.6px);

}

.css-89uhbr::before, .css-89uhbr::after {
    position: relative;
    width: 100%;
    border-top: thin solid rgba(191, 200, 202, 0.7);
    top: 50%;
    content: "";
    transform: translateY(50%);
  }

  .css-1er2xlb {
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center;
    flex-direction: row;
    text-align: start;
    column-gap: 12px;
  }

  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-s54ho1 {
      font-size: 0.88rem;
    }
  }
  .css-s54ho1 {
    margin: 0px;
    font-size: 0.88rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    font-family: IBMPlexSans, Roboto, sans-serif;
    font-weight: inherit;
  }

  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-1dbh3md {
      font-size: 0.88rem;
    }
  }
  .css-1dbh3md {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-size: 0.88rem;
    line-height: 1.43;
    letter-spacing: 0.02857em;
    min-width: 64px;
    padding: 6px 16px;
    font-family: IBMPlexSans, Roboto, Helvetica, sans-serif;
    text-transform: none;
    font-weight: bold;
    border-radius: 12px;
    color: rgb(0, 79, 230);
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
  }

  .css-w0pj6f {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
  }
  *, ::before, ::after {
    box-sizing: inherit;
  }
  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-1dbh3md {
      font-size: 0.88rem;
    }
  }
  .css-1dbh3md {
    cursor: pointer;
    font-size: 0.88rem;
    line-height: 1.43;
    letter-spacing: 0.02857em;
    font-family: IBMPlexSans, Roboto, Helvetica, sans-serif;
    text-transform: none;
    font-weight: bold;
    color: rgb(0, 79, 230);
    white-space: nowrap;
  }


  .css-1vbdr2n {
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    border-radius: 0px;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
  }

  @media (min-width: 1280px) {
    .css-bwkqqy {
      max-width: 1200px;
    }
  }
  @media (min-width: 960px) {
    .css-bwkqqy {
      max-width: 1024px;
    }
  }
  @media (min-width: 425px) {
    .css-bwkqqy {
      padding-left: 12px;
      padding-right: 12px;
    }
  }
  @media (min-width: 960px) {
    .css-bwkqqy {
      max-width: 960px;
    }
  }
  @media (min-width: 425px) {
    .css-bwkqqy {
      padding-left: 24px;
      padding-right: 24px;
    }
  }
  .css-bwkqqy {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    padding-left: 12px;
    padding-right: 12px;
    max-width: 1024px;
  }

  .jss1 {
    width: 100%;
    display: flex;
    padding: 18px;
    max-width: 100%;
    box-sizing: border-box;
    align-items: center;
    flex-direction: column;
  }

  .css-1hvqd38 {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1.5rem;
    width: 122px !important;
    height: 24px !important;
    fill: rgb(20, 29, 31);
  }

  .jss2 {
    display: flex;
    padding: 14px 0px 12px;
  }

  .jss2 a {
    color: #E9F2F4;
    margin-right: 30px;
  }
  .css-3idkak {
    margin: 0px;
      margin-right: 0px;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: rgb(0, 79, 230);
    font-family: IBMPlexSans, Roboto, sans-serif;
    text-decoration: none;
  }

  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-s54ho1 {
      font-size: 0.88rem;
    }
  }
  .css-s54ho1 {
    margin: 0px;
    font-size: 0.88rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    font-family: IBMPlexSans, Roboto, sans-serif;
    font-weight: inherit;
  }



  
.jss2 a:last-child {
  margin-right: 0px;

}
.jss2 a {
  color: #E9F2F4;

  margin-right: 30px;

}
.css-3idkak {
  margin: 0px;

    margin-right: 0px;

  font-weight: inherit;

  font-size: inherit;

  line-height: inherit;

  letter-spacing: inherit;

  color: rgb(0, 79, 230);

  font-family: IBMPlexSans, Roboto, sans-serif;

  text-decoration: none;

}
  
@media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-s54ho1 {
      font-size: 0.88rem;
    }
  }
  .css-s54ho1 {
    margin: 0px;
    font-size: 0.88rem;
    line-height: 1.43;
    letter-spacing: 0.01071em;
    font-family: IBMPlexSans, Roboto, sans-serif;
    font-weight: inherit;
  }

  .jss3 {
    width: 1200px;
    display: flex;
    padding: 12px 18px 0px;
    max-width: 100%;
    border-top: 1px solid rgba(191, 200, 202, 0.7);
    justify-content: center;
  }

  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-tmyj4b {
      font-size: 0.63rem;
    }
  }
  .css-tmyj4b {
    margin: 0px;
    font-size: 0.63rem;
    line-height: 1.4;
    font-family: IBMPlexSans, Roboto, sans-serif;
    font-weight: inherit;
  }


  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-5l6a33 {
      font-size: 1rem;
    }
  }
  .css-5l6a33 {
    color: rgba(20, 29, 31, 0.7);
    font-size: 1rem;
    line-height: 1.4375em;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    letter-spacing: 0.00938em;
    padding: 0px;
    display: block;
    transform-origin: left top 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 24px);
    position: absolute;
    left: 0px;
    top: 0px;
    transform: translate(12px, 16px) scale(1);
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1);
    z-index: 1;
    pointer-events: none;
  }

  @media (min-width: 1280px) and (max-width: 1535.95px) {
    .css-onut8f {
      font-size: 1rem;
    }
  }
  .css-onut8f {
    font-size: 1rem;
    line-height: 1.4375em;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    letter-spacing: 0.00938em;
    color: rgb(20, 29, 31);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    background-color: rgba(0, 0, 0, 0.06);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1);
    padding-right: 12px;
  }
  
  .css-onut8f::before {
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
    left: 0px;
    bottom: 0px;
    content: " ";
    position: absolute;
    right: 0px;
    transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
  }

  .css-1sk67vh {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 16px 12px 16px;
  }

  .css-1sk67vh:hover {
    outline: none;
  }

  .css-onut8f::after {
    border-bottom: 2px solid rgb(0, 79, 230);
    left: 0px;
    bottom: 0px;
    content: "";
    position: absolute;
    right: 0px;
    transform: scaleX(0);
    transition: transform 200ms cubic-bezier(0, 0, 0.2, 1);
    pointer-events: none;
  }