/* Approved Gymate identity; choose by surface, not only by OS theme. */
.gymate-logo{display:inline-block;width:160px;max-width:100%;aspect-ratio:1333/313;background:url("assets/branding/logo-light-vector.svg") center/contain no-repeat;vertical-align:middle;flex-shrink:0}
.auth-logo .gymate-logo{width:240px}.brand .gymate-logo{width:156px}#workbench .gymate-logo{width:192px}.activity-header .gymate-logo{width:105px}.demo-bar .gymate-logo{width:78px}
@media(prefers-color-scheme:dark){.gymate-logo{background-image:url("assets/branding/logo-dark-vector.svg")}}
[data-logo-surface="dark"] .gymate-logo{background-image:url("assets/branding/logo-dark-vector.svg")}
[data-logo-surface="light"] .gymate-logo{background-image:url("assets/branding/logo-light-vector.svg")}

.logo{display:inline-flex;align-items:center;letter-spacing:normal}.logo .gymate-logo{width:180px}header .logo .gymate-logo{background-image:url("assets/branding/logo-light-vector.svg")}footer .gymate-logo{background-image:url("assets/branding/logo-dark-vector.svg")}
@media(max-width:600px){.logo .gymate-logo{width:136px}}