.main-logged-out-58e5f421JhZgA7 {
  display: inline-flex;
  flex-shrink: 0;
  height: 24px;
  position: relative;
  width: 24px;
}


.main-logged-out-58e5f421JhZgA71 {
  appearance: none;
  background-color: var(--xdlColorControlFill);
  border-color: var(--xdlColorControlBorder);
  border-radius: 2px;
  border-style: solid;
  border-width: 2px;
  box-sizing: border-box;
  display: inline-flex;
  flex-shrink: 0;
  height: 24px;
  margin: 0;
  width: 24px;

  &:hover {
    cursor: pointer;
  }

  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:checked {
    border-color: var(--xdlColorSelected);
    border-style: solid;
    border-width: calc(24px / 2);
    transition-duration: 150ms;
    transition-property: border;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    }

  &[disabled] {
    border-color: var(--xdlColorDisabledSoft);
  }

  &[disabled]:hover {
    cursor: default;
  }
}

.main-logged-out-58e5f421JhZgA72 {
  border-color: var(--xdlColorError);
  border-style: solid;
}

.main-logged-out-58e5f421JhZgA73 {&:checked {
      }}

.main-logged-out-58e5f421JhZgA72 {
  border-color: var(--xdlColorError);
  border-style: solid;
}


.main-logged-out-58e5f421JhZgA74 {
  color: var(--xdlColorControlFill);
  height: 24px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 24px;
  z-index: 1;

  .main-logged-out-58e5f421JhZgA71:checked ~ & {
    opacity: 1;
    transition-delay: 150ms;
    transition-duration: 240ms;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}

.main-logged-out-58e5f421jaq1KN {
  background-color: var(--xdlColorBorderSoft);
  border: none;
  clear: both;
  height: 1px;
  margin: 0;
  width: 100%;
}


.main-logged-out-58e5f421OHNkOA1 {
          && {
            color: var(--xdlColorError);
          }
        }

.main-logged-out-58e5f421OHNkOA2 {
          color: var(--xdlColorTextSecondary);
        }

.main-logged-out-58e5f421Kf8urC {
  position: relative;
}


.main-logged-out-58e5f421Kf8urC1 {
  position: relative;
}


.main-logged-out-58e5f421Kf8urC2 {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-block-start: 4px;
}


.main-logged-out-58e5f421Kf8urC3 {
  flex-grow: 1;
  text-align: end;
}


.main-logged-out-58e5f421Kf8urC4 {
  align-items: center;
  color: var(--xdlColorTextSecondary);
  display: flex;
  flex-grow: 1;
  gap: 2px;

  }

.main-logged-out-58e5f421Kf8urC5 {
  && {
    color: var(--xdlColorError);
  }
}

.main-logged-out-58e5f421Kf8urC6 {
      && {
        color: var(--xdlColorDisabledStrong);
      }
    }


.main-logged-out-58e5f421Kf8urC7 {
  flex-shrink: 0;
  height: 12px;
  width: 12px;
}


.main-logged-out-58e5f421Kf8urC8 {
  flex-shrink: 0;
  height: 12px;
  width: 12px;
}


.main-logged-out-58e5f421Kf8urC9 {
  background-color: var(--xdlColorControlFillSecondary);
  border-block-end: 2px solid var(--xdlColorControlBorder);
  border-block-start: 1px solid var(--xdlColorA11yBorder);
  border-inline-end: 1px solid var(--xdlColorA11yBorder);
  border-inline-start: 1px solid var(--xdlColorA11yBorder);
  border-radius: 4px 4px 0 0;
  color: var(--xdlColorTextSecondary);
  display: inline-block;
  outline: none;
  padding-inline-end: 12px;
  padding-inline-start: 16px;
  width: 100%;

  @media (prefers-contrast: more) {
    & {
      border-block-end-width: 3px !important;
      border-block-start-width: 2px !important;
      border-inline-end-width: 2px !important;
      border-inline-start-width: 2px !important;
    }
  }

  &:focus {
    background-color: var(--xdlColorControlFill);
    border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
    border-block-start: 1px solid var(--xdlColorControlBorder);
    border-inline-end: 1px solid var(--xdlColorControlBorder);
    border-inline-start: 1px solid var(--xdlColorControlBorder);
    outline-offset: 2px;
    outline: 2px solid var(--xdlColorFocusRing);
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:hover {
    border-block-end: 2px solid var(--xdlColorControlBorderSecondary);

    @media (prefers-contrast: more) {
      border-width: 2px;
      box-shadow: inset 0 0 0 1px var(--xdlColorControlBorderSecondary);
    }
  }


  

  

  &:not(:placeholder-shown) ~ &,
  :-webkit-autofill ~ &,
  :autofill ~ & {
    
  background-color: var(--xdlColorControlFill);
  font-size: 12px;
  inset-block-start: -9px;
  inset-inline-start: -4px;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 4px;
  padding-inline-start: 4px;
  transform: none;
}
}

.main-logged-out-58e5f421Kf8urC10 {
  && {
    background-color: var(--xdlColorControlFill);
    border-block-end: 2px solid var(--xdlColorControlBorder);
    border-block-start: 1px solid var(--xdlColorControlBorder);
    border-inline-end: 1px solid var(--xdlColorControlBorder);
    border-inline-start: 1px solid var(--xdlColorControlBorder);

    &:hover,
    &:focus {
      border-block-end-color: var(--xdlColorControlBorderSecondary);
    }
  }
}

.main-logged-out-58e5f421Kf8urC11 {
      font-size: 14px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
    }

.main-logged-out-58e5f421Kf8urC12 {
      font-size: 16px;
      height: 48px;
      padding-block-end: 12px;
      padding-block-start: 12px;
    }

.main-logged-out-58e5f421Kf8urC13 {
      font-size: 16px;
      height: 54px;
      padding-block-end: 15px;
      padding-block-start: 15px;
    }

.main-logged-out-58e5f421Kf8urC14 {
          @media (min-width: 740px) {
            
      font-size: 14px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC15 {
          @media (min-width: 740px) {
            
      font-size: 16px;
      height: 48px;
      padding-block-end: 12px;
      padding-block-start: 12px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC16 {
          @media (min-width: 740px) {
            
      font-size: 16px;
      height: 54px;
      padding-block-end: 15px;
      padding-block-start: 15px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC17 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 14px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC18 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 16px;
      height: 48px;
      padding-block-end: 12px;
      padding-block-start: 12px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC19 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 16px;
      height: 54px;
      padding-block-end: 15px;
      padding-block-start: 15px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC20 {
      padding-inline-start: 35px;
    }

.main-logged-out-58e5f421Kf8urC21 {
      padding-inline-start: 40px;
    }

.main-logged-out-58e5f421Kf8urC22 {
      padding-inline-start: 40px;
    }

.main-logged-out-58e5f421Kf8urC23 {
      padding-inline-end: 40px;
    }

.main-logged-out-58e5f421Kf8urC24 {
  background-color: var(--xdlColorControlFill);
  border-block-end: 2px solid var(--xdlColorControlBorder);
  border-block-start: 1px solid var(--xdlColorControlBorder);
  border-inline-end: 1px solid var(--xdlColorControlBorder);
  border-inline-start: 1px solid var(--xdlColorControlBorder);
  color: var(--xdlColorText);
}

.main-logged-out-58e5f421Kf8urC25 {
  && {
    border-block-end: 2px solid var(--xdlColorSuccess);

    &:hover,
    &:focus {
      border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
    }
  }
}

.main-logged-out-58e5f421Kf8urC26 {
  && {
    border-block-end: 2px solid var(--xdlColorError);

    &:hover,
    &:focus {
      border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
    }
  }
}

.main-logged-out-58e5f421Kf8urC27 {
  border-color: var(--xdlColorDisabledSoft) !important;
  color: var(--xdlColorDisabledStrong);
  pointer-events: none;
}

.main-logged-out-58e5f421Kf8urC28 {
  border-block-end: 2px solid var(--xdlColorDisabledSoft) !important;
  border-block-start: 1px solid var(--xdlColorDisabledSoft) !important;
  border-inline-end: 1px solid var(--xdlColorDisabledSoft) !important;
  border-inline-start: 1px solid var(--xdlColorDisabledSoft) !important;
  color: var(--xdlColorDisabledStrong) !important;
  pointer-events: none;
}

.main-logged-out-58e5f421Kf8urC29 {
      && {
        border: 0;
      }
    }


.main-logged-out-58e5f421Kf8urC30 {
  background-color: var(--xdlColorControlFillSecondary);
  border-block-end: 2px solid var(--xdlColorControlBorder);
  border-block-start: 1px solid var(--xdlColorA11yBorder);
  border-inline-end: 1px solid var(--xdlColorA11yBorder);
  border-inline-start: 1px solid var(--xdlColorA11yBorder);
  border-radius: 4px 4px 0 0;
  color: var(--xdlColorTextSecondary);
  display: inline-block;
  outline: none;
  padding-inline-end: 12px;
  padding-inline-start: 16px;
  width: 100%;

  @media (prefers-contrast: more) {
    & {
      border-block-end-width: 3px !important;
      border-block-start-width: 2px !important;
      border-inline-end-width: 2px !important;
      border-inline-start-width: 2px !important;
    }
  }

  &:focus {
    background-color: var(--xdlColorControlFill);
    border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
    border-block-start: 1px solid var(--xdlColorControlBorder);
    border-inline-end: 1px solid var(--xdlColorControlBorder);
    border-inline-start: 1px solid var(--xdlColorControlBorder);
    outline-offset: 2px;
    outline: 2px solid var(--xdlColorFocusRing);
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:hover {
    border-block-end: 2px solid var(--xdlColorControlBorderSecondary);

    @media (prefers-contrast: more) {
      border-width: 2px;
      box-shadow: inset 0 0 0 1px var(--xdlColorControlBorderSecondary);
    }
  }

  height: auto;
  overflow-y: hidden;
  resize: none;
  width: 100%;

  }

.main-logged-out-58e5f421Kf8urC10 {
  && {
    background-color: var(--xdlColorControlFill);
    border-block-end: 2px solid var(--xdlColorControlBorder);
    border-block-start: 1px solid var(--xdlColorControlBorder);
    border-inline-end: 1px solid var(--xdlColorControlBorder);
    border-inline-start: 1px solid var(--xdlColorControlBorder);

    &:hover,
    &:focus {
      border-block-end-color: var(--xdlColorControlBorderSecondary);
    }
  }
}

.main-logged-out-58e5f421Kf8urC11 {
      font-size: 14px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
    }

.main-logged-out-58e5f421Kf8urC12 {
      font-size: 16px;
      height: 48px;
      padding-block-end: 12px;
      padding-block-start: 12px;
    }

.main-logged-out-58e5f421Kf8urC13 {
      font-size: 16px;
      height: 54px;
      padding-block-end: 15px;
      padding-block-start: 15px;
    }

.main-logged-out-58e5f421Kf8urC31 {
          @media (min-width: 740px) {
            
      font-size: 14px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC32 {
          @media (min-width: 740px) {
            
      font-size: 16px;
      height: 48px;
      padding-block-end: 12px;
      padding-block-start: 12px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC33 {
          @media (min-width: 740px) {
            
      font-size: 16px;
      height: 54px;
      padding-block-end: 15px;
      padding-block-start: 15px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC34 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 14px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC35 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 16px;
      height: 48px;
      padding-block-end: 12px;
      padding-block-start: 12px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC36 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 16px;
      height: 54px;
      padding-block-end: 15px;
      padding-block-start: 15px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC24 {
  background-color: var(--xdlColorControlFill);
  border-block-end: 2px solid var(--xdlColorControlBorder);
  border-block-start: 1px solid var(--xdlColorControlBorder);
  border-inline-end: 1px solid var(--xdlColorControlBorder);
  border-inline-start: 1px solid var(--xdlColorControlBorder);
  color: var(--xdlColorText);
}

.main-logged-out-58e5f421Kf8urC25 {
  && {
    border-block-end: 2px solid var(--xdlColorSuccess);

    &:hover,
    &:focus {
      border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
    }
  }
}

.main-logged-out-58e5f421Kf8urC26 {
  && {
    border-block-end: 2px solid var(--xdlColorError);

    &:hover,
    &:focus {
      border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
    }
  }
}

.main-logged-out-58e5f421Kf8urC27 {
  border-color: var(--xdlColorDisabledSoft) !important;
  color: var(--xdlColorDisabledStrong);
  pointer-events: none;
}

.main-logged-out-58e5f421Kf8urC28 {
  border-block-end: 2px solid var(--xdlColorDisabledSoft) !important;
  border-block-start: 1px solid var(--xdlColorDisabledSoft) !important;
  border-inline-end: 1px solid var(--xdlColorDisabledSoft) !important;
  border-inline-start: 1px solid var(--xdlColorDisabledSoft) !important;
  color: var(--xdlColorDisabledStrong) !important;
  pointer-events: none;
}

.main-logged-out-58e5f421Kf8urC37 {
        && {
          border: 0;
        }
      }


.main-logged-out-58e5f421Kf8urC38 {
  color: var(--xdlColorTextSecondary);
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  inset-inline-start: 0;
  margin-inline-start: 16px;
  pointer-events: none;
  position: absolute;
  transition: all 0.2s ease-in-out;
  z-index: 1;

  

  

  .main-logged-out-58e5f421Kf8urC30:focus ~ & {
    }

  }

.main-logged-out-58e5f421Kf8urC39 {
      font-size: 14px;
      inset-block-start: 10px;
    }

.main-logged-out-58e5f421Kf8urC40 {
      font-size: 16px;
      inset-block-start: 12px;
    }

.main-logged-out-58e5f421Kf8urC41 {
      font-size: 16px;
      inset-block-start: 15px;
    }

.main-logged-out-58e5f421Kf8urC42 {
  background-color: var(--xdlColorControlFill);
  font-size: 12px;
  inset-block-start: -9px;
  inset-inline-start: -4px;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 4px;
  padding-inline-start: 4px;
  transform: none;
}

.main-logged-out-58e5f421Kf8urC42 {
  background-color: var(--xdlColorControlFill);
  font-size: 12px;
  inset-block-start: -9px;
  inset-inline-start: -4px;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 4px;
  padding-inline-start: 4px;
  transform: none;
}

.main-logged-out-58e5f421Kf8urC43 {
      color: var(--xdlColorDisabledStrong);
    }

.main-logged-out-58e5f421Kf8urC44 {
      inset-inline-start: -25px;
    }

.main-logged-out-58e5f421Kf8urC45 {
      inset-inline-start: -25px;
    }

.main-logged-out-58e5f421Kf8urC46 {
      margin-inline-start: 35px;
    }

.main-logged-out-58e5f421Kf8urC47 {
      margin-inline-start: 39px;
    }

.main-logged-out-58e5f421Kf8urC48 {
      margin-inline-start: 39px;
    }

.main-logged-out-58e5f421Kf8urC42 {:focus ~ & {
  background-color: var(--xdlColorControlFill);
  font-size: 12px;
  inset-block-start: -9px;
  inset-inline-start: -4px;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 4px;
  padding-inline-start: 4px;
  transform: none;
}}

.main-logged-out-58e5f421Kf8urC49 {
          @media (min-width: 740px) {
            
      font-size: 14px;
      inset-block-start: 10px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC50 {
          @media (min-width: 740px) {
            
      font-size: 16px;
      inset-block-start: 12px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC51 {
          @media (min-width: 740px) {
            
      font-size: 16px;
      inset-block-start: 15px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC52 {
        @media (min-width: 740px) {
          
  background-color: var(--xdlColorControlFill);
  font-size: 12px;
  inset-block-start: -9px;
  inset-inline-start: -4px;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 4px;
  padding-inline-start: 4px;
  transform: none;

        }
      }

.main-logged-out-58e5f421Kf8urC53 {
          @media (min-width: 740px) {
            margin-inline-start: 39px;
          }
        }

.main-logged-out-58e5f421Kf8urC54 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 14px;
      inset-block-start: 10px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC55 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 16px;
      inset-block-start: 12px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC56 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      font-size: 16px;
      inset-block-start: 15px;
    
          }
        }

.main-logged-out-58e5f421Kf8urC57 {
        @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
          
  background-color: var(--xdlColorControlFill);
  font-size: 12px;
  inset-block-start: -9px;
  inset-inline-start: -4px;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 4px;
  padding-inline-start: 4px;
  transform: none;

        }
      }

.main-logged-out-58e5f421Kf8urC58 {
        @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
          inset-inline-start: -25px;
        }
      }


.main-logged-out-58e5f421Kf8urC59 {
  color: var(--xdlColorTextSecondary);
  inset-block-start: 50%;
  inset-inline-end: 12px;
  position: absolute;
  transform: translateY(-50%);

  }


.main-logged-out-58e5f421Kf8urC61 {
      pointer-events: none;

      & > *,
      & * {
        pointer-events: none !important;
      }

      & > button,
      & > a {
        color: var(--xdlColorDisabledStrong);
      }
    }

.main-logged-out-58e5f421Kf8urC62 {
      & > button,
      & > a {
        color: var(--xdlColorText);
      }
    }


.main-logged-out-58e5f421Kf8urC63 {
  color: var(--xdlColorTextSecondary);
  inset-block-start: 50%;
  inset-inline-start: 10px;
  margin-inline-end: 8px;
  position: absolute;
  transform: translateY(-50%);

  }

.main-logged-out-58e5f421Kf8urC64 {
          height: 18px;
          width: 18px;
        }

.main-logged-out-58e5f421Kf8urC65 {
          height: 24px;
          width: 24px;
        }

.main-logged-out-58e5f421Kf8urC66 {
      && {
        color: var(--xdlColorDisabledStrong);
      }
    }

.main-logged-out-58e5f421Kf8urC67 {
      color: var(--xdlColorText);
    }

.main-logged-out-58e5f421mZgO00 {
  position: relative;
  z-index: 0;
}


.main-logged-out-58e5f421mZgO0041 {
  appearance: none;
  display: block;
  line-height: 1.5;
  resize: none;
  width: 100%;

  &[disabled] {
    pointer-events: none;
  }
}

.main-logged-out-58e5f421mZgO001 {
      background-color: var(--xdlColorControlFillSecondary);
      border-color: var(--xdlColorA11yBorder);
      border-style: solid;
      border-width: 1px;
      color: var(--xdlColorTextTertiary);
      outline: none;

      &:focus {
        background-color: var(--xdlColorControlFill);
        border-color: var(--xdlColorFocusRing);
        border-width: 2px;
      }

      &:hover {
        background-color: var(--xdlColorHoverSecondary);
        border-color: var(--xdlColorControlBorderSecondary);
        border-width: 1px;

        @media (prefers-contrast: more) {
          border-width: 1px;
          box-shadow: inset 0 0 0 2px var(--xdlColorControlBorderSecondary);
        }
      }

      &::placeholder {
        color: var(--xdlColorTextTertiary);
        font-size: 14px;
      }

      &:-ms-input-placeholder {
        color: var(--xdlColorTextTertiary);
        font-size: 14px;
      }

      &[disabled] {
        background-color: var(--xdlColorDisabledSoft);
        color: var(--xdlColorDisabledStrong);

        &::placeholder {
          color: var(--xdlColorDisabledStrong);
        }

        &:-ms-input-placeholder {
          color: var(--xdlColorDisabledStrong);
        }
      }
    }

.main-logged-out-58e5f421mZgO002 {
      background-color: var(--xdlColorControlFill);
      border-color: var(--xdlColorControlBorder);
      border-style: solid;
      border-width: 1px;
      color: var(--xdlColorText);

      &[disabled] {
        background-color: var(--xdlColorControlFill);
        border-color: var(--xdlColorDisabledSoft);
        color: var(--xdlColorDisabledStrong);
      }
    }
.main-logged-out-58e5f421mZgO003 {
      background-color: var(--xdlColorControlFill);
      border-color: var(--xdlColorA11yBorder);
      border-style: solid;
      border-width: 2px;
      color: var(--xdlColorTextTertiary);
      outline: none;

      &:focus {
        background-color: var(--xdlColorControlFill);
        border-color: var(--xdlColorControlBorderSecondary);
        border-width: 2px;
        color: var(--xdlColorText);
      }

      &:hover {
        background-color: var(--xdlColorBackground);
        border-color: var(--xdlColorControlBorderSecondary);
        border-width: 1px;
        color: var(--xdlColorText);

        @media (prefers-contrast: more) {
          border-width: 1px;
          box-shadow: inset 0 0 0 2px var(--xdlColorControlBorderSecondary);
        }
      }

      &::placeholder {
        color: var(--xdlColorTextTertiary);
        font-size: 14px;
      }

      &:-ms-input-placeholder {
        color: var(--xdlColorTextTertiary);
        font-size: 14px;
      }

      &[disabled] {
        background-color: var(--xdlColorDisabledSoft);
        color: var(--xdlColorDisabledStrong);

        &::placeholder {
          color: var(--xdlColorDisabledStrong);
        }

        &:-ms-input-placeholder {
          color: var(--xdlColorDisabledStrong);
        }
      }
    }

.main-logged-out-58e5f421mZgO004 {
      background-color: var(--xdlColorControlFill);
      color: var(--xdlColorText);

      &[disabled] {
        background-color: var(--xdlColorControlFill);
        color: var(--xdlColorDisabledStrong);
      }
    }

.main-logged-out-58e5f421mZgO005 {
      border-radius: calc(32px / 2);
      font-size: 14px;
      height: 32px;
      padding-block-end: 5px;
      padding-block-start: 5px;
      padding-inline-end: 16px;
      padding-inline-start: 16px;

      &::placeholder {
        font-size: 14px;
        font-weight: 500;
      }
    }
.main-logged-out-58e5f421mZgO006 {
      border-radius: calc(42px / 2);
      font-size: 16px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
      padding-inline-end: 18px;
      padding-inline-start: 18px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    }
.main-logged-out-58e5f421mZgO007 {
      border-radius: calc(48px / 2);
      font-size: 16px;
      height: 48px;
      padding-block-end: 13px;
      padding-block-start: 13px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    }
.main-logged-out-58e5f421mZgO008 {
      border-radius: calc(60px / 2);
      font-size: 18px;
      height: 60px;
      padding-block-start: 19px;
      padding-block-end: 19px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 18px;
        font-weight: 500;
      }
    }

.main-logged-out-58e5f421mZgO009 {
          @media (min-width: 740px) {
            
      border-radius: calc(32px / 2);
      font-size: 14px;
      height: 32px;
      padding-block-end: 5px;
      padding-block-start: 5px;
      padding-inline-end: 16px;
      padding-inline-start: 16px;

      &::placeholder {
        font-size: 14px;
        font-weight: 500;
      }
    
          }
        }
.main-logged-out-58e5f421mZgO0010 {
          @media (min-width: 740px) {
            
      border-radius: calc(42px / 2);
      font-size: 16px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
      padding-inline-end: 18px;
      padding-inline-start: 18px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    
          }
        }
.main-logged-out-58e5f421mZgO0011 {
          @media (min-width: 740px) {
            
      border-radius: calc(48px / 2);
      font-size: 16px;
      height: 48px;
      padding-block-end: 13px;
      padding-block-start: 13px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    
          }
        }
.main-logged-out-58e5f421mZgO0012 {
          @media (min-width: 740px) {
            
      border-radius: calc(60px / 2);
      font-size: 18px;
      height: 60px;
      padding-block-start: 19px;
      padding-block-end: 19px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 18px;
        font-weight: 500;
      }
    
          }
        }

.main-logged-out-58e5f421mZgO0013 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      border-radius: calc(32px / 2);
      font-size: 14px;
      height: 32px;
      padding-block-end: 5px;
      padding-block-start: 5px;
      padding-inline-end: 16px;
      padding-inline-start: 16px;

      &::placeholder {
        font-size: 14px;
        font-weight: 500;
      }
    
          }
        }
.main-logged-out-58e5f421mZgO0014 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      border-radius: calc(42px / 2);
      font-size: 16px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
      padding-inline-end: 18px;
      padding-inline-start: 18px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    
          }
        }
.main-logged-out-58e5f421mZgO0015 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      border-radius: calc(48px / 2);
      font-size: 16px;
      height: 48px;
      padding-block-end: 13px;
      padding-block-start: 13px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    
          }
        }
.main-logged-out-58e5f421mZgO0016 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      border-radius: calc(60px / 2);
      font-size: 18px;
      height: 60px;
      padding-block-start: 19px;
      padding-block-end: 19px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 18px;
        font-weight: 500;
      }
    
          }
        }

.main-logged-out-58e5f421mZgO0017 {
      padding-inline-start: calc(16px + 18px + 8px);
    }

.main-logged-out-58e5f421mZgO0018 {
      padding-inline-end: calc(32px + 8px);
    }
.main-logged-out-58e5f421mZgO0019 {
      padding-inline-start: calc(18px + 24px + 8px);
    }

.main-logged-out-58e5f421mZgO0020 {
      padding-inline-end: calc(42px + 8px);
    }
.main-logged-out-58e5f421mZgO0021 {
      padding-inline-start: calc(20px + 24px + 8px);
    }

.main-logged-out-58e5f421mZgO0022 {
      padding-inline-end: calc(48px + 8px);
    }
.main-logged-out-58e5f421mZgO0023 {
      padding-inline-start: calc(20px + 24px + 8px);
    }

.main-logged-out-58e5f421mZgO0024 {
      padding-inline-end: calc(48px + 8px);
    }

.main-logged-out-58e5f421mZgO0025 {
          @media (min-width: 740px) {
            }
        }

.main-logged-out-58e5f421mZgO0017 {
      padding-inline-start: calc(16px + 18px + 8px);
    }

.main-logged-out-58e5f421mZgO0018 {
      padding-inline-end: calc(32px + 8px);
    }
.main-logged-out-58e5f421mZgO0026 {
          @media (min-width: 740px) {
            }
        }

.main-logged-out-58e5f421mZgO0019 {
      padding-inline-start: calc(18px + 24px + 8px);
    }

.main-logged-out-58e5f421mZgO0020 {
      padding-inline-end: calc(42px + 8px);
    }
.main-logged-out-58e5f421mZgO0027 {
          @media (min-width: 740px) {
            }
        }

.main-logged-out-58e5f421mZgO0021 {
      padding-inline-start: calc(20px + 24px + 8px);
    }

.main-logged-out-58e5f421mZgO0022 {
      padding-inline-end: calc(48px + 8px);
    }
.main-logged-out-58e5f421mZgO0028 {
          @media (min-width: 740px) {
            }
        }

.main-logged-out-58e5f421mZgO0023 {
      padding-inline-start: calc(20px + 24px + 8px);
    }

.main-logged-out-58e5f421mZgO0024 {
      padding-inline-end: calc(48px + 8px);
    }

.main-logged-out-58e5f421mZgO0029 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            }
        }

.main-logged-out-58e5f421mZgO0017 {
      padding-inline-start: calc(16px + 18px + 8px);
    }

.main-logged-out-58e5f421mZgO0018 {
      padding-inline-end: calc(32px + 8px);
    }
.main-logged-out-58e5f421mZgO0030 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            }
        }

.main-logged-out-58e5f421mZgO0019 {
      padding-inline-start: calc(18px + 24px + 8px);
    }

.main-logged-out-58e5f421mZgO0020 {
      padding-inline-end: calc(42px + 8px);
    }
.main-logged-out-58e5f421mZgO0031 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            }
        }

.main-logged-out-58e5f421mZgO0021 {
      padding-inline-start: calc(20px + 24px + 8px);
    }

.main-logged-out-58e5f421mZgO0022 {
      padding-inline-end: calc(48px + 8px);
    }
.main-logged-out-58e5f421mZgO0032 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            }
        }

.main-logged-out-58e5f421mZgO0023 {
      padding-inline-start: calc(20px + 24px + 8px);
    }

.main-logged-out-58e5f421mZgO0024 {
      padding-inline-end: calc(48px + 8px);
    }


.main-logged-out-58e5f421mZgO0042 {
  appearance: none;
  display: block;
  line-height: 1.5;
  resize: none;
  width: 100%;

  &[disabled] {
    pointer-events: none;
  }
height: auto;
  resize: none;
  width: 100%;
}

.main-logged-out-58e5f421mZgO001 {
      background-color: var(--xdlColorControlFillSecondary);
      border-color: var(--xdlColorA11yBorder);
      border-style: solid;
      border-width: 1px;
      color: var(--xdlColorTextTertiary);
      outline: none;

      &:focus {
        background-color: var(--xdlColorControlFill);
        border-color: var(--xdlColorFocusRing);
        border-width: 2px;
      }

      &:hover {
        background-color: var(--xdlColorHoverSecondary);
        border-color: var(--xdlColorControlBorderSecondary);
        border-width: 1px;

        @media (prefers-contrast: more) {
          border-width: 1px;
          box-shadow: inset 0 0 0 2px var(--xdlColorControlBorderSecondary);
        }
      }

      &::placeholder {
        color: var(--xdlColorTextTertiary);
        font-size: 14px;
      }

      &:-ms-input-placeholder {
        color: var(--xdlColorTextTertiary);
        font-size: 14px;
      }

      &[disabled] {
        background-color: var(--xdlColorDisabledSoft);
        color: var(--xdlColorDisabledStrong);

        &::placeholder {
          color: var(--xdlColorDisabledStrong);
        }

        &:-ms-input-placeholder {
          color: var(--xdlColorDisabledStrong);
        }
      }
    }

.main-logged-out-58e5f421mZgO002 {
      background-color: var(--xdlColorControlFill);
      border-color: var(--xdlColorControlBorder);
      border-style: solid;
      border-width: 1px;
      color: var(--xdlColorText);

      &[disabled] {
        background-color: var(--xdlColorControlFill);
        border-color: var(--xdlColorDisabledSoft);
        color: var(--xdlColorDisabledStrong);
      }
    }
.main-logged-out-58e5f421mZgO003 {
      background-color: var(--xdlColorControlFill);
      border-color: var(--xdlColorA11yBorder);
      border-style: solid;
      border-width: 2px;
      color: var(--xdlColorTextTertiary);
      outline: none;

      &:focus {
        background-color: var(--xdlColorControlFill);
        border-color: var(--xdlColorControlBorderSecondary);
        border-width: 2px;
        color: var(--xdlColorText);
      }

      &:hover {
        background-color: var(--xdlColorBackground);
        border-color: var(--xdlColorControlBorderSecondary);
        border-width: 1px;
        color: var(--xdlColorText);

        @media (prefers-contrast: more) {
          border-width: 1px;
          box-shadow: inset 0 0 0 2px var(--xdlColorControlBorderSecondary);
        }
      }

      &::placeholder {
        color: var(--xdlColorTextTertiary);
        font-size: 14px;
      }

      &:-ms-input-placeholder {
        color: var(--xdlColorTextTertiary);
        font-size: 14px;
      }

      &[disabled] {
        background-color: var(--xdlColorDisabledSoft);
        color: var(--xdlColorDisabledStrong);

        &::placeholder {
          color: var(--xdlColorDisabledStrong);
        }

        &:-ms-input-placeholder {
          color: var(--xdlColorDisabledStrong);
        }
      }
    }

.main-logged-out-58e5f421mZgO004 {
      background-color: var(--xdlColorControlFill);
      color: var(--xdlColorText);

      &[disabled] {
        background-color: var(--xdlColorControlFill);
        color: var(--xdlColorDisabledStrong);
      }
    }

.main-logged-out-58e5f421mZgO005 {
      border-radius: calc(32px / 2);
      font-size: 14px;
      height: 32px;
      padding-block-end: 5px;
      padding-block-start: 5px;
      padding-inline-end: 16px;
      padding-inline-start: 16px;

      &::placeholder {
        font-size: 14px;
        font-weight: 500;
      }
    }
.main-logged-out-58e5f421mZgO006 {
      border-radius: calc(42px / 2);
      font-size: 16px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
      padding-inline-end: 18px;
      padding-inline-start: 18px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    }
.main-logged-out-58e5f421mZgO007 {
      border-radius: calc(48px / 2);
      font-size: 16px;
      height: 48px;
      padding-block-end: 13px;
      padding-block-start: 13px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    }
.main-logged-out-58e5f421mZgO008 {
      border-radius: calc(60px / 2);
      font-size: 18px;
      height: 60px;
      padding-block-start: 19px;
      padding-block-end: 19px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 18px;
        font-weight: 500;
      }
    }

.main-logged-out-58e5f421mZgO009 {
          @media (min-width: 740px) {
            
      border-radius: calc(32px / 2);
      font-size: 14px;
      height: 32px;
      padding-block-end: 5px;
      padding-block-start: 5px;
      padding-inline-end: 16px;
      padding-inline-start: 16px;

      &::placeholder {
        font-size: 14px;
        font-weight: 500;
      }
    
          }
        }
.main-logged-out-58e5f421mZgO0010 {
          @media (min-width: 740px) {
            
      border-radius: calc(42px / 2);
      font-size: 16px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
      padding-inline-end: 18px;
      padding-inline-start: 18px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    
          }
        }
.main-logged-out-58e5f421mZgO0011 {
          @media (min-width: 740px) {
            
      border-radius: calc(48px / 2);
      font-size: 16px;
      height: 48px;
      padding-block-end: 13px;
      padding-block-start: 13px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    
          }
        }
.main-logged-out-58e5f421mZgO0012 {
          @media (min-width: 740px) {
            
      border-radius: calc(60px / 2);
      font-size: 18px;
      height: 60px;
      padding-block-start: 19px;
      padding-block-end: 19px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 18px;
        font-weight: 500;
      }
    
          }
        }

.main-logged-out-58e5f421mZgO0013 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      border-radius: calc(32px / 2);
      font-size: 14px;
      height: 32px;
      padding-block-end: 5px;
      padding-block-start: 5px;
      padding-inline-end: 16px;
      padding-inline-start: 16px;

      &::placeholder {
        font-size: 14px;
        font-weight: 500;
      }
    
          }
        }
.main-logged-out-58e5f421mZgO0014 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      border-radius: calc(42px / 2);
      font-size: 16px;
      height: 42px;
      padding-block-end: 10px;
      padding-block-start: 10px;
      padding-inline-end: 18px;
      padding-inline-start: 18px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    
          }
        }
.main-logged-out-58e5f421mZgO0015 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      border-radius: calc(48px / 2);
      font-size: 16px;
      height: 48px;
      padding-block-end: 13px;
      padding-block-start: 13px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 16px;
        font-weight: 500;
      }
    
          }
        }
.main-logged-out-58e5f421mZgO0016 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      border-radius: calc(60px / 2);
      font-size: 18px;
      height: 60px;
      padding-block-start: 19px;
      padding-block-end: 19px;
      padding-inline-end: 20px;
      padding-inline-start: 20px;

      &::placeholder {
        font-size: 18px;
        font-weight: 500;
      }
    
          }
        }

.main-logged-out-58e5f421mZgO0018 {
      padding-inline-end: calc(32px + 8px);
    }
.main-logged-out-58e5f421mZgO0020 {
      padding-inline-end: calc(42px + 8px);
    }
.main-logged-out-58e5f421mZgO0022 {
      padding-inline-end: calc(48px + 8px);
    }
.main-logged-out-58e5f421mZgO0024 {
      padding-inline-end: calc(48px + 8px);
    }

.main-logged-out-58e5f421mZgO0033 {
          @media (min-width: 740px) {
            
      padding-inline-end: calc(32px + 8px);
    
          }
        }
.main-logged-out-58e5f421mZgO0034 {
          @media (min-width: 740px) {
            
      padding-inline-end: calc(42px + 8px);
    
          }
        }
.main-logged-out-58e5f421mZgO0035 {
          @media (min-width: 740px) {
            
      padding-inline-end: calc(48px + 8px);
    
          }
        }
.main-logged-out-58e5f421mZgO0036 {
          @media (min-width: 740px) {
            
      padding-inline-end: calc(48px + 8px);
    
          }
        }

.main-logged-out-58e5f421mZgO0037 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      padding-inline-end: calc(32px + 8px);
    
          }
        }
.main-logged-out-58e5f421mZgO0038 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      padding-inline-end: calc(42px + 8px);
    
          }
        }
.main-logged-out-58e5f421mZgO0039 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      padding-inline-end: calc(48px + 8px);
    
          }
        }
.main-logged-out-58e5f421mZgO0040 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      padding-inline-end: calc(48px + 8px);
    
          }
        }


.main-logged-out-58e5f421mZgO0043 {
  color: var(--xdlColorText);
  inset-block-start: 50%;
  margin-inline-end: 8px;
  position: absolute;
  transform: translateY(-50%);

  }

.main-logged-out-58e5f421mZgO0044 {
        height: var(--main-logged-out-58e5f421mZgO0045);
        width: var(--main-logged-out-58e5f421mZgO0046);
      }

.main-logged-out-58e5f421mZgO0047 {
      color: var(--xdlColorText);

      [disabled] + & {
        color: var(--xdlColorDisabledStrong);
      }
    }

.main-logged-out-58e5f421mZgO0048 {
      color: var(--xdlColorText);

      [disabled] + & {
        color: var(--xdlColorDisabledStrong);
      }
    }

.main-logged-out-58e5f421mZgO0049 {
      inset-inline-start: 16px;
    }

.main-logged-out-58e5f421mZgO0050 {
      height: 24px;
      inset-inline-start: 18px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    }

.main-logged-out-58e5f421mZgO0051 {
      height: 24px;
      inset-inline-start: 20px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    }

.main-logged-out-58e5f421mZgO0052 {
      height: 24px;
      inset-inline-start: 20px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    }

.main-logged-out-58e5f421mZgO0053 {
          @media (min-width: 740px) {
            
      inset-inline-start: 16px;
    
          }
        }

.main-logged-out-58e5f421mZgO0054 {
          @media (min-width: 740px) {
            
      height: 24px;
      inset-inline-start: 18px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.main-logged-out-58e5f421mZgO0055 {
          @media (min-width: 740px) {
            
      height: 24px;
      inset-inline-start: 20px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.main-logged-out-58e5f421mZgO0056 {
          @media (min-width: 740px) {
            
      height: 24px;
      inset-inline-start: 20px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.main-logged-out-58e5f421mZgO0057 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      inset-inline-start: 16px;
    
          }
        }

.main-logged-out-58e5f421mZgO0058 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      height: 24px;
      inset-inline-start: 18px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.main-logged-out-58e5f421mZgO0059 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      height: 24px;
      inset-inline-start: 20px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.main-logged-out-58e5f421mZgO0060 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      height: 24px;
      inset-inline-start: 20px;
      width: 24px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }


.main-logged-out-58e5f421mZgO0061 {
  align-items: center;
  background: none;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  inset-inline-end: 8px;
  isolation: isolate;
  justify-content: center;
  padding: calc(8px - 1px);
  position: absolute;
  z-index: 10;

  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 1px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: -1px;
  }

  }

.main-logged-out-58e5f421mZgO0062 {
      color: var(--xdlColorText);

      &[disabled] {
        color: var(--xdlColorDisabledStrong);
      }
    }

.main-logged-out-58e5f421mZgO0063 {
      color: var(--xdlColorText);

      &[disabled] {
        color: var(--xdlColorDisabledStrong);
      }
    }

.main-logged-out-58e5f421mZgO0064 {
      inset-block-start: 0;
    }

.main-logged-out-58e5f421mZgO0065 {
      height: 38px;
      inset-block-start: 2px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    }

.main-logged-out-58e5f421mZgO0066 {
      height: 38px;
      inset-block-start: 5px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    }

.main-logged-out-58e5f421mZgO0067 {
      height: 38px;
      inset-block-start: 11px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    }

.main-logged-out-58e5f421mZgO0068 {
          @media (min-width: 740px) {
            
      inset-block-start: 0;
    
          }
        }

.main-logged-out-58e5f421mZgO0069 {
          @media (min-width: 740px) {
            
      height: 38px;
      inset-block-start: 2px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.main-logged-out-58e5f421mZgO0070 {
          @media (min-width: 740px) {
            
      height: 38px;
      inset-block-start: 5px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.main-logged-out-58e5f421mZgO0071 {
          @media (min-width: 740px) {
            
      height: 38px;
      inset-block-start: 11px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.main-logged-out-58e5f421mZgO0072 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      inset-block-start: 0;
    
          }
        }

.main-logged-out-58e5f421mZgO0073 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      height: 38px;
      inset-block-start: 2px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.main-logged-out-58e5f421mZgO0074 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      height: 38px;
      inset-block-start: 5px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }

.main-logged-out-58e5f421mZgO0075 {
          @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
            
      height: 38px;
      inset-block-start: 11px;
      width: 38px;

      & > svg {
        height: 24px;
        width: 24px;
      }
    
          }
        }


.main-logged-out-58e5f421mZgO0076 {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
}


.main-logged-out-58e5f421mZgO0077 {
  clip-path: inset(50%);
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.main-logged-out-58e5f421MxACF7 {
  position: relative;
}


.main-logged-out-58e5f421MxACF71 {
  background-color: var(--xdlColorBackground);
  border: none;
  border-radius: 0;
  color: var(--xdlColorText);
  outline: none;
  resize: none; /* remove the resize handle on the bottom right */

  &:focus {
    outline-offset: 2px;
    outline: 2px solid var(--xdlColorFocusRing);
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &::placeholder {
    color: var(--xdlColorTextTertiaryOnDark);
    font-size: 14px;
  }
}


.main-logged-out-58e5f421MxACF72 {
  background-color: var(--xdlColorBackground);
  border: none;
  border-radius: 0;
  color: var(--xdlColorText);
  outline: none;
  resize: none; /* remove the resize handle on the bottom right */

  &:focus {
    outline-offset: 2px;
    outline: 2px solid var(--xdlColorFocusRing);
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &::placeholder {
    color: var(--xdlColorTextTertiaryOnDark);
    font-size: 14px;
  }
}


.main-logged-out-58e5f421MxACF73 {
  clip-path: inset(50%);
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.main-logged-out-58e5f421iaUTE6 {
  width: 100%;
}


.main-logged-out-58e5f421iaUTE61 {
  position: relative;
}


.main-logged-out-58e5f421iaUTE65 {
  color: var(--xdlColorTextSecondary);
  font-weight: 400;
  inset-block-end: 0;
  inset-inline-start: 17px;
  pointer-events: none;
  position: absolute;
  z-index: 1;

  }

.main-logged-out-58e5f421iaUTE66 {
      font-size: 14px;
      inset-block-start: 12px;
    }

.main-logged-out-58e5f421iaUTE67 {
      font-size: 16px;
      inset-block-start: 14px;
    }

.main-logged-out-58e5f421iaUTE68 {
      font-size: 16px;
      inset-block-start: 16px;
    }

.main-logged-out-58e5f421iaUTE69 {
  background-color: var(--xdlColorControlFill);
  font-size: 12px;
  height: 12px;
  inset-block-start: -9px;
  inset-inline-start: 13px;
  padding: 0 4px 0 4px;
  transform: none;
}

.main-logged-out-58e5f421iaUTE610 {
      color: var(--xdlColorDisabledStrong);
    }

.main-logged-out-58e5f421iaUTE611 {
      border: 0;
      clip: rect(0, 0, 0, 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      white-space: nowrap;
      width: 1px;
    }


.main-logged-out-58e5f421iaUTE612 {
  background-color: var(--xdlColorControlFillSecondary);
  border-block-end: 2px solid var(--xdlColorControlBorder);
  border-block-start: 1px solid var(--xdlColorA11yBorder);
  border-inline-end: 1px solid var(--xdlColorA11yBorder);
  border-inline-start: 1px solid var(--xdlColorA11yBorder);
  border-radius: 4px 4px 0 0;
  color: var(--xdlColorTextSecondary);
  display: inline-block;
  outline: none;
  padding-inline-end: 12px;
  padding-inline-start: 16px;
  width: 100%;

  @media (prefers-contrast: more) {
    & {
      border-block-end-width: 3px !important;
      border-block-start-width: 2px !important;
      border-inline-end-width: 2px !important;
      border-inline-start-width: 2px !important;
    }
  }

  & option {
    color: var(--xdlColorTextSecondary) !important;
  }

  &:focus {
    && {
      background-color: var(--xdlColorControlFill);
      border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
      border-block-start: 1px solid var(--xdlColorControlBorder);
      border-inline-end: 1px solid var(--xdlColorControlBorder);
      border-inline-start: 1px solid var(--xdlColorControlBorder);
    }

    outline-offset: 2px;
    outline: 2px solid var(--xdlColorFocusRing);
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:hover {
    border-block-end: 2px solid var(--xdlColorControlBorderSecondary);

    @media (prefers-contrast: more) {
      border-width: 2px;
      box-shadow: inset 0 0 0 1px var(--xdlColorControlBorderSecondary);
    }
  }
appearance: none;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  padding-inline-end: calc(32px + 20px);

  

  &:-ms-expand {
    display: none;
  }

  & option {
    color: initial;
  }
}

.main-logged-out-58e5f421iaUTE613 {
      background-color: var(--xdlColorControlFill);
      border-block-end: 2px solid var(--xdlColorControlBorder);
      border-block-start: 1px solid var(--xdlColorControlBorder);
      border-inline-end: 1px solid var(--xdlColorControlBorder);
      border-inline-start: 1px solid var(--xdlColorControlBorder);

      &:focus {
        background-color: var(--xdlColorControlFill);
      }
    }

.main-logged-out-58e5f421iaUTE614 {
      font-size: 14px;
      height: 42px;
      padding-block-end: 5px;
      padding-block-start: 5px;
    }

.main-logged-out-58e5f421iaUTE615 {
      font-size: 16px;
      height: 48px;
      padding-block-end: 10px;
      padding-block-start: 10px;
    }

.main-logged-out-58e5f421iaUTE616 {
      font-size: 16px;
      height: 54px;
      padding-block-end: 12px;
      padding-block-start: 12px;
    }

.main-logged-out-58e5f421iaUTE617 {
  color: transparent;
  font-weight: 400;

  }

.main-logged-out-58e5f421iaUTE62 {
      font-size: 14px;
    }
.main-logged-out-58e5f421iaUTE63 {
      font-size: 16px;
    }
.main-logged-out-58e5f421iaUTE64 {
      font-size: 16px;
    }

.main-logged-out-58e5f421iaUTE618 {
  background-color: var(--xdlColorControlFill);
  border-block-end: 2px solid var(--xdlColorControlBorder);
  border-block-start: 1px solid var(--xdlColorControlBorder);
  border-inline-end: 1px solid var(--xdlColorControlBorder);
  border-inline-start: 1px solid var(--xdlColorControlBorder);
  color: var(--xdlColorText);
}

.main-logged-out-58e5f421iaUTE619 {
      background-color: var(--xdlColorBackground);
    }

.main-logged-out-58e5f421iaUTE620 {
  border-block-end: 2px solid var(--xdlColorSuccess);

  &:hover,
  &:focus {
    border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
  }
}

.main-logged-out-58e5f421iaUTE621 {
  border-block-end: 2px solid var(--xdlColorError);

  &:hover,
  &:focus {
    border-block-end: 2px solid var(--xdlColorControlBorderSecondary);
  }
}

.main-logged-out-58e5f421iaUTE622 {
  background-color: var(--xdlColorControlFill);
  border-block-end-width: 2px;
  border-color: var(--xdlColorDisabledSoft);
  border-style: solid;
  color: var(--xdlColorDisabledStrong);

  &:hover {
    background-color: var(--xdlColorControlFill);
    border-block-end-width: 2px;
    border-color: var(--xdlColorDisabledSoft);
    border-style: solid;

    @media (prefers-contrast: more) {
      box-shadow: none;
    }
  }
}

.main-logged-out-58e5f421iaUTE623 {
  background-color: var(--xdlColorControlFill);
  border-block-end: 2px solid var(--xdlColorDisabledSoft);
  border-block-start: 1px solid var(--xdlColorDisabledSoft);
  border-inline-end: 1px solid var(--xdlColorDisabledSoft);
  border-inline-start: 1px solid var(--xdlColorDisabledSoft);

  &:hover {
    background-color: var(--xdlColorControlFill);
  }

  &:hover,
  &:focus {
    border-block-end: 2px solid var(--xdlColorDisabledSoft);
    border-block-start: 1px solid var(--xdlColorDisabledSoft);
    border-inline-end: 1px solid var(--xdlColorDisabledSoft);
    border-inline-start: 1px solid var(--xdlColorDisabledSoft);
  }
}

.main-logged-out-58e5f421iaUTE624 {
  background-color: var(--xdlColorDisabledSoft);
  border: none;
  color: var(--xdlColorDisabledStrong);

  &:hover {
    background-color: var(--xdlColorDisabledSoft);
    border: none;

    @media (prefers-contrast: more) {
      box-shadow: none;
    }
  }
}

.main-logged-out-58e5f421iaUTE623 {
  background-color: var(--xdlColorControlFill);
  border-block-end: 2px solid var(--xdlColorDisabledSoft);
  border-block-start: 1px solid var(--xdlColorDisabledSoft);
  border-inline-end: 1px solid var(--xdlColorDisabledSoft);
  border-inline-start: 1px solid var(--xdlColorDisabledSoft);

  &:hover {
    background-color: var(--xdlColorControlFill);
  }

  &:hover,
  &:focus {
    border-block-end: 2px solid var(--xdlColorDisabledSoft);
    border-block-start: 1px solid var(--xdlColorDisabledSoft);
    border-inline-end: 1px solid var(--xdlColorDisabledSoft);
    border-inline-start: 1px solid var(--xdlColorDisabledSoft);
  }
}


.main-logged-out-58e5f421iaUTE626 {
  color: var(--xdlColorTextSecondary);
  inset-block-start: 50%;
  inset-inline-end: 20px;
  pointer-events: none;
  position: absolute;

  }

.main-logged-out-58e5f421iaUTE627 {
          height: 20px;
          margin-block-start: calc(20px / -2);
          width: 20px;
        }

.main-logged-out-58e5f421iaUTE628 {
          height: 24px;
          margin-block-start: calc(24px / -2);
          width: 24px;
        }

.main-logged-out-58e5f421iaUTE629 {
      color: var(--xdlColorText);
    }

.main-logged-out-58e5f421iaUTE630 {
      color: var(--xdlColorDisabledStrong);
    }


.main-logged-out-58e5f421iaUTE631 {
  align-items: flex-start;
  color: var(--xdlColorTextSecondary);
  display: flex;
  margin-block-start: 4px;
  transform: translateY(0);

  }

.main-logged-out-58e5f421iaUTE632 {
      && {
        color: var(--xdlColorError);
      }
    }

.main-logged-out-58e5f421iaUTE633 {
      && {
        color: var(--xdlColorDisabledStrong);
      }
    }


.main-logged-out-58e5f421iaUTE634 {
  flex-shrink: 0;
  height: 12px;
  margin-inline-end: 2px;
  width: 12px;
}


.main-logged-out-58e5f421iaUTE635 {
  flex-shrink: 0;
  height: 12px;
  margin-inline-end: 2px;
  width: 12px;
}


/*# sourceMappingURL=chunk-ls71mejp.css.map*/