/* Colours = what «Подборки» render on the live site (their CSS is theme-recoloured; this file is served as is).
   Tab switches everywhere look like «Подборки» (11.11.2026): the selected tab's own fill gives way to one sliding pill. */
html body .mk-ink-bar{isolation:isolate!important}
html body .mk-ink-bar.mk-ink-rel{position:relative}
/* !important: page styles such as «#releaseSchedule .strip>span» must not restyle the pill */
html body .mk-ink-bar>.mk-ink{display:block!important;position:absolute!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;z-index:-1!important;margin:0!important;padding:0!important;border:0!important;width:0;height:0;pointer-events:none!important;opacity:0;border-radius:11px;
 background:linear-gradient(135deg,rgba(239,77,157,.18),rgba(245,144,181,.12))!important;box-shadow:inset 0 0 0 1px rgba(239,77,157,.28),0 6px 18px -10px #ef4d9d!important;animation:none!important;
 transition:transform .45s cubic-bezier(.16,1,.3,1),width .45s cubic-bezier(.16,1,.3,1),height .45s cubic-bezier(.16,1,.3,1),opacity .2s!important}
html body .mk-ink-bar>.mk-ink.is-still{transition:none!important}
html body .mk-ink-bar [role=tab]:is([aria-selected=true],.on,.active,.is-active){background:none!important;background-image:none!important;box-shadow:none!important;border-color:transparent!important;color:#fff}
/* hover like «Подборки»: only the text brightens; the site-wide pink button hover/press must not fill a tab */
html body .mk-ink-bar [role=tab]:not([aria-selected=true],.on,.active,.is-active):is(:hover,:active,:focus){background:transparent!important;background-image:none!important;box-shadow:none!important;border-color:transparent!important;color:#f2f2f4}
/* the bars' own sliding pills give way to the shared one */
html body .mk-ink-bar>:is(.tp-ind,.ind,.ti,.auth-tab-indicator,.settings-indicator,.strip__pill){display:none!important}
html body .mk-ink-bar [role=tab]{position:relative;transition:color .25s}
.mk-ink-bar [role=tab] svg{transition:color .25s,transform .35s cubic-bezier(.34,1.56,.64,1)}
.mk-ink-bar [role=tab]:is([aria-selected=true],.on,.active,.is-active) svg{color:#ff9bcf}
.mk-ink-bar [role=tab].mk-ink-pop svg{animation:mk-ink-pop .55s cubic-bezier(.34,1.56,.64,1)}
@keyframes mk-ink-pop{0%{transform:scale(1)}40%{transform:scale(1.22) rotate(-6deg)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){html body .mk-ink-bar>.mk-ink,.mk-ink-bar [role=tab] svg{transition:none!important;animation:none!important}}