.entry-150bfe9bzPYduJ {
  display: flex;
  gap: 12px;

  }


.entry-150bfe9bzPYduJ2 {
      padding-block-end: 16px;
      padding-block-start: 16px;
    }

.entry-150bfe9bzPYduJ3 {
      flex-direction: column;
      padding-block-end: 0;
      padding-block-start: 0;
    }


.entry-150bfe9bzPYduJ4 {
  flex-grow: 1;

  & > * {
    align-items: flex-start;
    display: flex;
  }

  & > *:last-child {
    margin-block-end: 0;
  }

  & [data-xds='Flag'] {
    display: inline-flex;
    vertical-align: top;
  }
}

.entry-150bfe9bzPYduJ5 {
          & > * {
            margin-block-end: 4px;
          }
        }

.entry-150bfe9bzPYduJ6 {
          & > * {
            margin-block-end: 2px;
          }
        }


.entry-150bfe9bzPYduJ7 {
  flex-shrink: 0;
  justify-content: top;

  & [data-xds='ProfileImage'] {
    display: block;
  }
}


.entry-150bfe9bzPYduJ8 {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
}

.entry-150bfe9bjoq5vp {
  inset-block-start: 50%;
  inset-inline-start: 50%;
  outline: 0;
  position: fixed;
  transform: translate(-50%, -50%);
  width: inherit;
  z-index: 300;
}


.entry-150bfe9bjoq5vp1 {
  background-color: var(--xdlColorBackground);
  border-color: var(--xdlColorModalBorder);
  border-radius: 16px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-height: 90vh;
  overflow: hidden;
  padding-block-end: 24px;
  padding-block-start: 24px;
  padding-inline-end: 16px;
  padding-inline-start: 16px;
  position: relative;
  width: 320px;

  @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
    min-height: 400px;
    padding: 32px;
    width: 600px;
  }

  &: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;
  }

  /* Pop Up Window Animation */
  &.slideFade-enter {
    opacity: 0;
    transform: translateY(24px);
  }

  &.slideFade-appear {
    opacity: 0;
    transform: translateY(24px);
  }

  &.slideFade-enter-active {
    opacity: 1;
    transform: translateY(0);
    transition-duration: 150ms, 400ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  &.slideFade-appear-active {
    opacity: 1;
    transform: translateY(0);
    transition-duration: 150ms, 400ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1), cubic-bezier(0, 0, 0.2, 1);
  }

  &.slideFade-enter-done {
    opacity: 1;
    transform: translateY(0);
  }

  &.slideFade-appear-done {
    opacity: 1;
    transform: translateY(0);
  }

  &.slideFade-exit {
    opacity: 1;
    transform: translateY(0);
  }

  &.slideFade-exit-active {
    opacity: 0;
    transform: translateY(24px);
    transition-duration: 400ms, 400ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1), cubic-bezier(0.4, 0, 1, 1);
  }

  &.slideFade-exit-done {
    opacity: 0;
    transform: translateY(24px);
  }
}

.entry-150bfe9bjoq5vp2 {
      && {
        padding: 0;
      }
    }


.entry-150bfe9bjoq5vp3 {
  && {
    inset-block-start: 0;
    inset-inline-end: 0;
    position: absolute;
  }
}


.entry-150bfe9bjoq5vp4 {
  /* Dimmer Animation */
  &.fade-enter {
    opacity: 0;
  }

  &.fade-appear {
    opacity: 0;
  }

  &.fade-enter-active {
    opacity: 60%;
    transition-duration: var(--entry-150bfe9bjoq5vp5);
    transition-property: opacity;
    transition-timing-function: var(--entry-150bfe9bjoq5vp6);
  }

  &.fade-appear-active {
    opacity: 60%;
    transition-duration: var(--entry-150bfe9bjoq5vp7);
    transition-property: opacity;
    transition-timing-function: var(--entry-150bfe9bjoq5vp8);
  }

  &.fade-enter-done {
    opacity: 60%;
  }

  &.fade-appear-done {
    opacity: 60%;
  }

  &.fade-exit {
    opacity: 60%;
  }

  &.fade-exit-active {
    opacity: 0;
    transition-duration: var(--entry-150bfe9bjoq5vp9);
    transition-property: opacity;
    transition-timing-function: var(--entry-150bfe9bjoq5vp10);
  }

  &.fade-exit-done {
    opacity: 0;
  }
}

.entry-150bfe9bPfDQJY {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;

  }

.entry-150bfe9bPfDQJY1 {
      padding-block-start: 24px;
      padding-block-end: 24px;
      padding-inline-start: 16px;
      padding-inline-end: 16px;
    }

.entry-150bfe9bPfDQJY2 {
      padding-block-start: 32px;
      padding-block-end: 32px;
      padding-inline-start: 24px;
      padding-inline-end: 24px;
    }

.entry-150bfe9bPfDQJY3 {
      background-color: var(--entry-150bfe9bPfDQJY4);
      border-radius: var(--entry-150bfe9bPfDQJY5);
    }


.entry-150bfe9bPfDQJY6 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  text-wrap: balance;

  }

.entry-150bfe9bPfDQJY7 {
      max-width: 284px;
    }

.entry-150bfe9bPfDQJY8 {
      max-width: 432px;
    }

.entry-150bfe9bPfDQJY9 {
    & > * {
      color: var(--xdlColorTextSecondary);
    }
  }

.entry-150bfe9bPfDQJY10 {
    & > * {
      color: var(--xdlColorText);
    }
  }

.entry-150bfe9bY5E7X1 {
  align-content: center;
  align-items: center;
  display: flex;
  flex-grow: 1;
  padding-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 24px;
  position: relative;

  }

.entry-150bfe9bY5E7X11 {
    background-color: var(--xdlColorBackgroundTertiary);
  }

.entry-150bfe9bY5E7X12 {
    background-color: var(--xdlColorBackground);
    box-shadow: 0 2px 14px 2px rgba(33, 42, 54, 0.08);
  }

.entry-150bfe9bY5E7X13 {
    background-color: var(--xdlColorPremiumTertiary);
  }

.entry-150bfe9bY5E7X14 {
    background-color: var(--xdlColorProJobsTertiary);
  }

.entry-150bfe9bY5E7X15 {
    background-color: var(--xdlColorProBusinessTertiary);
  }

.entry-150bfe9bY5E7X16 {

          bottom: 0;
          left: 0;
          position: fixed;
          transform: translate3d(0, 100%, 0);
          z-index: 200;

          /* Animation */
          &.slide-enter {
            transform: translate3d(0, 99.9%, 0);
          }

          &.slide-enter-active {
            transform: translate3d(0, 0%, 0);
            transition-duration: 240ms;
            transition-property: transform;
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          }

          &.slide-enter-done {
            transform: translate3d(0, 0%, 0);
            transition-duration: 240ms;
            transition-property: transform;
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          }

          &.slide-exit {
            transform: translate3d(0, 0%, 0);
          }

          &.slide-exit-active {
            transform: translate3d(0, 99.9%, 0);
            transition-duration: 240ms;
            transition-property: transform;
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
          }

          &.slide-exit-done {
            transform: translate3d(0, 100%, 0);
            transition-duration: 240ms;
            transition-property: transform;
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
          }

          }

.entry-150bfe9bY5E7X17 {
      position: fixed;
      width: 100%;
      z-index: 200;
    }

.entry-150bfe9bY5E7X18 {
            /* Keep extra space of icon size + 2x space for fixed version */
            padding-right: calc(16px + 42px + 16px);
          }

.entry-150bfe9bY5E7X19 {
            border-top-color: var(--xdlColorModalBorder);
            border-top-width: 1px;
            border-top-style: solid;
          }

.entry-150bfe9bY5E7X110 {
      border-radius: 16px;
      position: relative;
      width: 100%;
    }

.entry-150bfe9bY5E7X111 {
          padding: 0;
        }


.entry-150bfe9bY5E7X112 {
  && {
    position: absolute;
    right: 0;

    
  }
}

.entry-150bfe9bY5E7X113 {&& {
      top: 0;

      @media (min-width: 740px) {
        margin-right: 16px;
        top: auto;
      }
    }}

.entry-150bfe9bY5E7X114 {&& {
      top: 0;
    }}

.entry-150bfe9biFBi46 {
  box-sizing: border-box;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  display: flex;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;

  @media (prefers-contrast: more) {
    border-width: 2px;
    border-style: solid;
    border-color: var(--xdlColorA11yBorder);
  }

  }

.entry-150bfe9biFBi461 {
      background-color: var(--xdlColorErrorSoft);
    }

.entry-150bfe9biFBi462 {
      background-color: var(--xdlColorInfoSoft);
    }

.entry-150bfe9biFBi463 {
      background-color: var(--xdlColorSuccessSoft);
    }

.entry-150bfe9biFBi464 {
          bottom: 0;
          left: 0;
          position: fixed;
          transform: translate3d(0, 100%, 0);
          z-index: 200;

          /* Animation */
          &.slide-enter {
            transform: translate3d(0, 99.9%, 0);
          }

          &.slide-enter-active {
            transform: translate3d(0, 0%, 0);
            transition-duration: 240ms;
            transition-property: transform;
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          }

          &.slide-enter-done {
            transform: translate3d(0, 0%, 0);
            transition-duration: 240ms;
            transition-property: transform;
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          }

          &.slide-exit {
            transform: translate3d(0, 0%, 0);
          }

          &.slide-exit-active {
            transform: translate3d(0, 99.9%, 0);
            transition-duration: 240ms;
            transition-property: transform;
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
          }

          &.slide-exit-done {
            transform: translate3d(0, 100%, 0);
            transition-duration: 240ms;
            transition-property: transform;
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
          }
        }


.entry-150bfe9biFBi465 {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding-bottom: 16px;
  padding-top: 16px;
}


.entry-150bfe9biFBi466 {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  width: 24px;

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

  }

.entry-150bfe9biFBi467 {
      color: var(--xdlColorError);
    }

.entry-150bfe9biFBi468 {
      color: var(--xdlColorText);
    }

.entry-150bfe9biFBi469 {
      color: var(--xdlColorText);
    }


.entry-150bfe9biFBi4610 {
  && {
    margin-bottom: 0;
    margin-top: 2px;
    max-width: inherit;
    padding-left: 12px;

    
  }
}

.entry-150bfe9biFBi4611 {&& {
      color: var(--xdlColorError);
    }}

.entry-150bfe9biFBi4612 {&& {
      color: var(--xdlColorText);
    }}

.entry-150bfe9biFBi4613 {&& {
      color: var(--xdlColorText);
    }}


.entry-150bfe9biFBi4614 {
  && {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    margin-left: 12px;
    margin-top: 8px;

    
  }
}

.entry-150bfe9biFBi4615 {&& {
      color: var(--xdlColorTextOnLight);
    }}

.entry-150bfe9biFBi4616 {&& {
      color: var(--xdlColorText);
    }}

.entry-150bfe9biFBi4617 {&& {
      color: var(--xdlColorText);
    }}

.entry-150bfe9bJhZgA7 {
  display: inline-flex;
  flex-shrink: 0;
  height: 24px;
  position: relative;
  width: 24px;
}


.entry-150bfe9bJhZgA71 {
  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;
  }
}

.entry-150bfe9bJhZgA72 {
  border-color: var(--xdlColorError);
  border-style: solid;
}

.entry-150bfe9bJhZgA73 {&:checked {
      }}

.entry-150bfe9bJhZgA74 {&:checked {
  border-color: var(--xdlColorError);
  border-style: solid;
}}


.entry-150bfe9bJhZgA75 {
  color: var(--xdlColorControlFill);
  height: 24px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 24px;
  z-index: 1;

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

.entry-150bfe9bjaq1KN {
  background-color: var(--xdlColorBorderSoft);
  border: none;
  clear: both;
  height: 1px;
  margin: 0;
  width: 100%;
}


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