/* Compact website switcher beside the selected website name. */
.main-dashboard:not(.simple-dashboard-view) .my-websites-heading #websiteSelectorMount{display:none}
.website-title-row{display:flex;align-items:center;min-width:0}
.website-title-row h3{display:none}
.website-switcher-in-card{position:relative;flex:none}
.website-switcher-in-card .selector-wrap{position:relative;margin:0}
.website-switcher-in-card .website-selector-button{width:clamp(150px,22vw,230px);min-height:38px;height:38px;padding:0 10px!important;border-radius:10px;gap:8px!important;box-shadow:none}
.website-switcher-in-card .site-mark,.website-switcher-in-card .website-logo-mark,.website-switcher-in-card .selector-status{display:none}
.website-switcher-in-card .selector-current{display:block;min-width:0;flex:1}
.website-switcher-in-card .selector-identity{display:block;min-width:0}
.website-switcher-in-card .selector-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}
.website-switcher-in-card .selector-identity small{display:none}
.website-switcher-in-card .selector-switch{width:auto;min-height:32px;padding:0;border:0;justify-content:center;gap:0}
.website-switcher-in-card .selector-switch>span:first-child{display:none}
.website-switcher-in-card .selector-menu{left:0;right:auto;top:42px;width:min(380px,calc(100vw - 44px))}
@media(max-width:640px){
  .main-dashboard:not(.simple-dashboard-view) .websites-intro{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;justify-content:normal!important;gap:8px!important}
  .main-dashboard:not(.simple-dashboard-view) .my-websites-heading{flex:1;min-width:0}
  .main-dashboard:not(.simple-dashboard-view) .my-websites-heading h2{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:20px!important}
  .main-dashboard:not(.simple-dashboard-view) .websites-intro>.create-website-button{width:auto!important;max-width:108px!important;min-width:0!important;justify-self:end;flex:none;height:34px!important;min-height:34px!important;padding:0 9px!important;font-size:10.5px!important;white-space:nowrap!important;overflow:hidden}
  .main-dashboard:not(.simple-dashboard-view) .create-website-label{font-size:0}
  .main-dashboard:not(.simple-dashboard-view) .create-website-label:after{content:'New Website';font-size:10.5px}
  .website-title-row{align-items:flex-start}
  .website-switcher-in-card{width:min(100%,220px)}
  .website-switcher-in-card .website-selector-button{width:100%;min-width:0;padding:0 10px!important}
  .website-switcher-in-card .selector-switch{justify-content:center}
  .website-switcher-in-card .selector-chevron{width:16px}
  .website-switcher-in-card .selector-menu{left:calc(-1 * var(--mobile-menu-offset,0px));right:auto;width:min(340px,calc(100vw - 28px))}
}