/*! ui/foundation/header/HeaderAccountBadge.less */.react.react-st .common-layout-react-HeaderAccountBadge{text-decoration:inherit}.react.react-st .common-layout-react-HeaderAccountBadge.with-separator .account-label{position:relative;padding:0 13px;margin:0}.react.react-st .common-layout-react-HeaderAccountBadge.with-separator .account-label:after{background-color:#0000001a;content:""!important;display:block!important;border:none;top:18px;bottom:auto;width:1px;height:24px;position:absolute}html:not([dir=rtl]) .react.react-st .common-layout-react-HeaderAccountBadge.with-separator .account-label:after{left:auto;right:0}html[dir=rtl] .react.react-st .common-layout-react-HeaderAccountBadge.with-separator .account-label:after{right:auto;left:0}.react.react-st .common-layout-react-HeaderAccountBadge.account-label__wrapper--with-badge{display:flex;align-items:center}.react.react-st .common-layout-react-HeaderAccountBadge .account-badge{color:var(--color-global-link-primary);background-color:var(--color-global-theme-bg-primary);padding:0 4px;margin-top:2px;border-radius:2px}.react.react-st .common-layout-react-HeaderAccountBadge .account-label{display:inline-block;line-height:62px;transition:color .2s ease;text-decoration:inherit}.react.react-st .common-layout-react-HeaderAccountBadge .account-label--with-badge{line-height:18px}html:not([dir=rtl]) .react.react-st .common-layout-react-HeaderAccountBadge .account-label--with-badge{text-align:right}html[dir=rtl] .react.react-st .common-layout-react-HeaderAccountBadge .account-label--with-badge{text-align:left}.react.react-st .common-layout-react-HeaderAccountBadge .account-label__inner{display:flex;align-items:center}.react.react-st .common-layout-react-HeaderAccountBadge .account-label__inner--with-badge{justify-content:flex-end}.react.react-st .common-layout-react-HeaderAccountBadge .account-name{max-width:115px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html:not([dir=rtl]) .react.react-st .common-layout-react-HeaderAccountBadge .account-name{margin-left:2px}html[dir=rtl] .react.react-st .common-layout-react-HeaderAccountBadge .account-name{margin-right:2px}.react.react-st .common-layout-react-HeaderAccountBadge .account-name.booking-for{max-width:200px}.react.react-st .common-layout-react-HeaderAccountBadge .account-label__svg{display:none;margin-top:2px;height:10px!important;width:10px!important}html:not([dir=rtl]) .react.react-st .common-layout-react-HeaderAccountBadge .account-label__svg{margin-left:5px}html[dir=rtl] .react.react-st .common-layout-react-HeaderAccountBadge .account-label__svg{margin-right:5px}@media (min-width: 1024px){.react.react-st .common-layout-react-HeaderAccountBadge .account-label__svg{display:inline}}
