/* Shared outlined logo, with readable lettering on dark surfaces. */
.ps-brand{display:inline-flex;flex:none;align-items:center;line-height:0}
.ps-brand-lockup{display:block;width:180px;height:36px;max-width:none}
.ps-brand-dark,.ps-brand-icon{display:none}
.ps-brand-icon{width:32px;height:32px;max-width:none}
:where([data-scheme="dark"],[data-admin-scheme="dark"],[data-theme="dark"]) .ps-brand-light{display:none}
:where([data-scheme="dark"],[data-admin-scheme="dark"],[data-theme="dark"]) .ps-brand-dark{display:block}
@media(prefers-color-scheme:dark){
  html:not([data-scheme]):not([data-admin-scheme]):not([data-theme="light"]) .ps-brand-light{display:none}
  html:not([data-scheme]):not([data-admin-scheme]):not([data-theme="light"]) .ps-brand-dark{display:block}
}
.ps-brand.ps-brand-on-dark .ps-brand-light{display:none}
.ps-brand.ps-brand-on-dark .ps-brand-dark{display:block}
.ui-public-brand .ps-brand-lockup{width:200px;height:40px}
.ui-auth-side .ps-brand-lockup{width:230px;height:46px}
@media(max-width:560px){
  .ui-top .ps-brand-lockup{display:none}
  .ui-top .ps-brand-icon{display:block}
  .ui-public-brand .ps-brand-lockup{width:clamp(110px,calc(100vw - 250px),140px);height:auto;aspect-ratio:5}
}