.cashier-management-page .cashier-security-password-form .cashier-field > span {
  display: block;
  line-height: 1.25;
  overflow-wrap: anywhere;
  white-space: normal;
}

.cashier-management-page .cashier-security-password-input {
  min-width: 0;
  position: relative;
  width: 100%;
}

.cashier-management-page .cashier-security-password-input > input {
  padding-inline-end: 48px;
}

.cashier-management-page .cashier-security-password-eye {
  align-items: center;
  background: transparent;
  border: 0;
  color: #5e6361;
  display: inline-flex;
  height: 44px;
  inset-inline-end: 4px;
  justify-content: center;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
}

.cashier-management-page .cashier-security-password-eye > svg {
  height: 18px;
  width: 18px;
}

@media (max-width: 900px),
  (orientation: landscape) and (min-width: 901px) and (max-width: 1024px) and (max-height: 600px) {
  .bb-header-root:is([data-user-role="agent"], [data-user-role="distributor"])
    header.bb-top.bb-top-mobile
    .bb-mobile-account
    .bb-mobile-user-stack {
    align-items: flex-end !important;
    flex-direction: column !important;
    height: auto !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    max-width: calc(100vw - 8px);
    position: absolute !important;
    right: calc(4px - 4vw) !important;
    top: 11px !important;
    width: max-content !important;
  }

  .bb-header-root:is([data-user-role="agent"], [data-user-role="distributor"])
    header.bb-top.bb-top-mobile
    .bb-mobile-account
    .bb-mobile-user-btn {
    margin-right: calc(13.5vw - 29.4609375px) !important;
  }

  .bb-header-root:is([data-user-role="agent"], [data-user-role="distributor"])
    header.bb-top.bb-top-mobile
    .bb-mobile-account
    .bb-mobile-user-balance {
    margin-top: -5px !important;
    max-width: calc(100vw - 8px);
    overflow: hidden;
    position: static !important;
    text-overflow: ellipsis;
    transform: none !important;
    white-space: nowrap;
  }

  html[lang^="el"]
    .bb-header-root:is([data-user-role="agent"], [data-user-role="distributor"])
    header.bb-top.bb-top-mobile
    .bb-mobile-account
    .bb-mobile-user-btn {
    margin-right: calc(13.5vw - 36.8046875px) !important;
  }
}

@media (max-width: 400px) {
  .bb-header-root:is([data-user-role="agent"], [data-user-role="distributor"])
    header.bb-top.bb-top-mobile
    .bb-mobile-account
    .bb-mobile-user-btn {
    margin-right: calc(13.5vw - 29.4453125px) !important;
  }

  html[lang^="el"]
    .bb-header-root:is([data-user-role="agent"], [data-user-role="distributor"])
    header.bb-top.bb-top-mobile
    .bb-mobile-account
    .bb-mobile-user-btn {
    margin-right: calc(13.5vw - 36.7890625px) !important;
  }
}