/* The third comparison pass changes developer presentation only. */
html#shellDemo[data-v7="after"] #developerDialog.v6-dialog,
html#shellDemo[data-v7="after"] #apartmentDrawer.v6-dialog,
html#shellDemo[data-v7="after"] dialog.drawer,
html#shellDemo[data-v7="after"] #navDialog{border-radius:0!important}
html#shellDemo[data-v7="after"] #developerDialog.v6-dialog{
 position:fixed;inset:0 0 0 auto;margin:0;width:min(660px,100vw);max-width:100vw;
 height:100dvh;max-height:100dvh;border-top:0;border-right:0;border-bottom:0;border-left:1px solid var(--c-border)
}
html#shellDemo[data-v7="after"] #developerDialog.v6-dialog[open]{animation:v6-enter .2s ease-out}
html#shellDemo[data-v7="after"] #developerDialog .v6-dialog-content{flex:1}
html#shellDemo[data-v7="after"] #listScreen.v7-developer-page .sh-page-heading{margin-bottom:20px}
html#shellDemo[data-v7="after"] #listScreen.v7-developer-page .ex-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-bottom:24px}
html#shellDemo[data-v7="after"] #listScreen.v7-developer-page #localTools{margin:0;gap:12px;flex:0 1 350px;justify-content:flex-end}
html#shellDemo[data-v7="after"] #listScreen.v7-developer-page .sh-local-search{width:100%;min-width:180px}
html#shellDemo[data-v7="after"] #listScreen.v7-developer-page #resultCount:not(.ex-query-result){display:none}
html#shellDemo[data-v7="after"] #listScreen.v7-developer-page .sh-list-footer{display:none!important}
html#shellDemo[data-v7="after"] #listScreen.v7-developer-page .ex-favorite-developer-card{container-type:inline-size;container-name:favorite-card}
html#shellDemo[data-v7="after"] #listScreen.v7-developer-page .ex-favorite-developer-card .ps-description{min-height:0!important}
html#shellDemo[data-v7="after"] #listScreen :is(.ex-favorite-developer-card,.ex-favorite-flat-card):hover{transform:none!important}
html#shellDemo[data-v7="after"] #listScreen .ex-favorite-developer-card .ex-developer-action{background:var(--c-surface)!important;border-color:var(--c-content-action-border)!important;color:var(--c-content-action-ink)!important}
html#shellDemo[data-v7="after"] #listScreen .ex-favorite-developer-card .ex-developer-action:hover{background:var(--c-content-action-hover)!important;border-color:var(--c-content-action-hover-border)!important}
html#shellDemo[data-v7="after"] #listScreen.v7-developer-page .ex-favorite-developer-card .ex-developer-favorite{border-color:#eef4f9!important}
html#shellDemo[data-v7="after"] #listScreen.v7-developer-page .ex-developer-favorite[aria-pressed="false"]{color:var(--c-icon-ink)!important;background:var(--c-surface)!important}
html#shellDemo[data-v7="after"] #listScreen.v7-developer-page .ex-developer-favorite[aria-pressed="false"] .i{fill:none!important}
@media(max-width:1100px){html#shellDemo[data-v7="after"] #listScreen.v7-developer-page #localTools{flex:1 1 280px}}
@media(max-width:540px){
 html#shellDemo[data-v7="after"] #listScreen.v7-developer-page .ex-toolbar{display:block;margin-bottom:20px}
 html#shellDemo[data-v7="after"] #listScreen.v7-developer-page #localTools{margin-top:14px}
 html#shellDemo[data-v7="after"] #developerDialog.v6-dialog{border:0}
}
@media(prefers-reduced-motion:reduce){html#shellDemo[data-v7="after"] #developerDialog.v6-dialog[open]{animation:none}}