/* Header logo wrapper: show only the active variant */
.header-logo-wrapper {
    width: 60px;
    height: 60px;
    margin: 0 auto 0;
    position: relative;
}
.header-logo-wrapper .header-logo-variant {
    display: none;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}
.header-logo-wrapper .header-logo-variant img {
    display: block;
}
.header-logo-wrapper[data-logo-style="helmet"] .header-logo-variant[data-variant="helmet"],
.header-logo-wrapper[data-logo-style="motorcycle"] .header-logo-variant[data-variant="motorcycle"],
.header-logo-wrapper[data-logo-style="bicycle"] .header-logo-variant[data-variant="bicycle"],
.header-logo-wrapper[data-logo-style="icon-192"] .header-logo-variant[data-variant="icon-192"],
.header-logo-wrapper[data-logo-style="icon-512"] .header-logo-variant[data-variant="icon-512"],
.header-logo-wrapper[data-logo-style="icon-192-circle"] .header-logo-variant[data-variant="icon-192-circle"] {
    display: flex;
}

.header-logo-wrapper .header-logo-svg svg {
    display: block;
    margin: 0 auto;
}