.immortal-topsites { position: static; z-index: auto; flex: 0 0 190px; width: 190px; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; box-sizing: border-box; order: 2; }
.immortal-topsites__grid { display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; gap: 10px; }
.immortal-topsite { display: flex; flex: 1 1 0; min-width: 0; min-height: 44px; align-items: center; justify-content: center; padding: 0; border: 0; background: none; text-decoration: none; }
.immortal-topsite:focus-visible { outline: 2px solid #c49a91; outline-offset: 2px; }
.immortal-topsite__logo { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 9 / 5; }
.immortal-topsite__logo img { display: block; width: 100%; height: auto; aspect-ratio: 9 / 5; max-width: 100%; max-height: none; object-fit: fill; }
.immortal-topsite__logo img[hidden] { display: none; }
.immortal-topsite__fallback { display: none; }
.immortal-topsite__logo img[hidden] + .immortal-topsite__fallback { display: block; }
.immortal-topsite__wordmark, .immortal-topsite__fallback { color: #c49a91; font: bold 11px/1.2 Georgia, serif; letter-spacing: 0; text-align: center; }
.immortal-topsite__wordmark small { display: block; margin-top: 3px; color: #9f8c85; font: 5px/1.2 Arial, sans-serif; letter-spacing: .1em; }
.immortal-topsite-nav .navigation__box_side_right { gap: 12px; }
.immortal-topsite-nav .navigation__box_side_right > .auth { order: 1; gap: 12px; flex-wrap: nowrap; }
.immortal-topsite-nav .navigation__box_side_right > .navigation__lang { order: 0; }
@media (min-width: 1300px) {
    .immortal-topsite-nav .navigation__box_side_left { margin-right: 16px; padding-left: 20px; }
    .immortal-topsite-nav .navigation__box_side_left .logo__img { width: 144px; }
    .immortal-topsite-nav .navigation__box_side_right { margin-left: 16px; padding-right: 20px; }
    .immortal-topsite-nav .navigation__lang { margin-inline: 0; }
}
@media (min-width: 1600px) {
    .immortal-topsites { width: 240px; flex-basis: 240px; }
    .immortal-topsite__wordmark, .immortal-topsite__fallback { font-size: 13px; }
}
@media (max-width: 1299px) {
    .immortal-topsite-nav .navigation__box_side_right { flex: 1 1 auto; min-width: 0; justify-content: flex-end; margin-inline: 12px; padding: 0; }
    .immortal-topsite-nav .navigation__box_side_right > .navigation__lang { order: 3; margin: 0; }
    .immortal-topsites { flex: 0 1 240px; width: 240px; max-width: 240px; }
}
@media (max-width: 600px) {
    .immortal-topsite-nav [data-container="navigation"] { padding-inline: 12px; width: 100%; max-width: 100%; }
    .immortal-topsite-nav .navigation__box_side_left .logo__img { width: 18vw; max-width: 80px; }
    .immortal-topsite-nav .navigation__box_side_right { gap: 10px; margin-inline: 10px; }
    .immortal-topsite-nav .navigation__box_side_right > .navigation__lang { width: 36px; padding: 0; }
    .immortal-topsite-nav .navigation__lang .lang__current { width: 36px; }
    .immortal-topsites { flex: 1 1 auto; width: auto; max-width: 192px; min-width: 0; }
    .immortal-topsites__grid { gap: 8px; }
    .immortal-topsite__wordmark, .immortal-topsite__fallback { font-size: 9px; }
    .immortal-topsite__wordmark small { font-size: 4px; }
}
