/* KISURE FE909 — follow menu portal, standings/logo spacing, lineup crest cleanup. */ /* Follow menus are portaled to by FE909 JS so rounded/themed heroes cannot clip them. */ .ks-follow-control{position:relative;z-index:40!important} .ks-follow-menu[data-kisure-portaled="1"]{ position:fixed!important; top:0; left:0; right:auto!important; margin:0!important; z-index:2147483640!important; max-width:min(320px,calc(100vw - 24px)); } .ks-follow-menu[data-kisure-portaled="1"][hidden]{display:none!important} /* My Kisure uses the exact same async Following control as entity pages. */ .ks-member-follow-row .ks-follow-control{justify-self:end;z-index:45!important} .ks-member-follow-row .ks-follow-control .ks-member-follow-button{ min-height:38px!important; padding:.48rem .72rem!important; font-size:.86rem!important; } @media(max-width:640px){ .ks-member-follow-row .ks-follow-control .ks-member-follow-button{padding:.46rem .58rem!important} .ks-member-follow-row .ks-follow-button__bell{display:none} } /* Match line-up team crest: a plain transparent logo holder with no legacy frame selectors. */ #lineups .football-lineup-card__crest-plain, .football-lineup-card__crest-plain{ display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 56px!important; width:56px!important; height:56px!important; margin:0!important; padding:0!important; background:transparent!important; background-image:none!important; border:0!important; outline:0!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important; clip-path:none!important; } #lineups .football-lineup-card__crest-image, .football-lineup-card__crest-image{ display:block!important; width:52px!important; height:52px!important; max-width:52px!important; max-height:52px!important; margin:0!important; padding:0!important; object-fit:contain!important; object-position:center!important; background:transparent!important; background-image:none!important; border:0!important; outline:0!important; border-radius:0!important; box-shadow:none!important; clip-path:none!important; } /* Standings competition crest stays transparent but gets a hairline edge around opaque PNG pixels. */ html[data-kisure-design="865"] body .football-page .football-standings-hero__title>img{ background:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; object-fit:contain!important; filter: drop-shadow(.35px 0 0 rgba(15,23,42,.24)) drop-shadow(-.35px 0 0 rgba(15,23,42,.24)) drop-shadow(0 .35px 0 rgba(15,23,42,.24)) drop-shadow(0 -.35px 0 rgba(15,23,42,.24))!important; } html[data-theme="dark"][data-kisure-design="865"] body .football-page .football-standings-hero__title>img{ filter: drop-shadow(.4px 0 0 rgba(255,255,255,.94)) drop-shadow(-.4px 0 0 rgba(255,255,255,.94)) drop-shadow(0 .4px 0 rgba(255,255,255,.94)) drop-shadow(0 -.4px 0 rgba(255,255,255,.94))!important; } /* Season selector: give both label and selected value real breathing room from the pill edges. */ html[data-kisure-design="865"] body .football-page .football-standings-hero .football-season-switcher--dropdown{ display:inline-flex!important; align-items:center!important; gap:8px!important; min-height:44px!important; padding:4px 5px 4px 14px!important; margin:0!important; border-radius:16px!important; box-sizing:border-box!important; overflow:visible!important; } html[data-kisure-design="865"] body .football-page .football-standings-hero .football-season-switcher--dropdown label{ flex:0 0 auto!important; margin:0!important; padding:0 3px 0 0!important; line-height:1!important; white-space:nowrap!important; } html[data-kisure-design="865"] body .football-page .football-standings-hero .football-season-switcher--dropdown select{ box-sizing:border-box!important; min-width:164px!important; min-height:36px!important; margin:0!important; padding:7px 36px 7px 14px!important; border-radius:12px!important; line-height:1.2!important; text-overflow:ellipsis!important; } /* Keep complete team logos visible in standings, including transparent/dark crests. */ .football-table-team img,.football-standings-card__team img{ object-fit:contain!important; object-position:center!important; clip-path:none!important; overflow:visible!important; } html[data-theme="dark"] .football-table-team img, html[data-theme="dark"] .football-standings-card__team img{ filter:drop-shadow(0 0 .45px rgba(255,255,255,.78))!important; } @media(max-width:760px){ html[data-kisure-design="865"] body .football-page .football-standings-hero .football-season-switcher--dropdown{ width:100%!important; min-width:0!important; padding:4px 5px 4px 12px!important; } html[data-kisure-design="865"] body .football-page .football-standings-hero .football-season-switcher--dropdown select{ min-width:0!important; flex:1 1 auto!important; } #lineups .football-lineup-card__crest-plain,.football-lineup-card__crest-plain{width:48px!important;height:48px!important;flex-basis:48px!important} #lineups .football-lineup-card__crest-image,.football-lineup-card__crest-image{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important} } /* FE910 — smooth Follow/Following state transitions and notification-state parity. */ .ks-follow-control, .ks-follow-control .ks-member-follow-button, .ks-follow-control .ks-follow-button__bell, .ks-follow-control .ks-follow-button__chevron, .ks-follow-control [data-follow-leading-icon], .ks-follow-menu__item, .ks-follow-menu__item [data-follow-notification-icon]{ transition: background-color .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease, transform .18s ease, box-shadow .18s ease!important; } .ks-follow-control.is-state-changing .ks-member-follow-button{transform:scale(.985)} .ks-follow-control.is-state-changing [data-follow-leading-icon], .ks-follow-control.is-state-changing .ks-follow-button__bell{transform:scale(.88);opacity:.78} .ks-follow-control.is-busy .ks-member-follow-button{cursor:progress;opacity:.86} .ks-follow-control.is-busy .ks-follow-menu__item{cursor:progress} .ks-follow-control.notifications-disabled .ks-follow-button__bell, .ks-member-follow-button.notifications-disabled .ks-follow-button__bell{opacity:.88} .ks-follow-menu[data-kisure-portaled="1"]{transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;transform-origin:top right} .ks-follow-menu[data-kisure-portaled="1"]:not([hidden]){animation:kisure-follow-menu-in .16s ease-out both} @keyframes kisure-follow-menu-in{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}} @media(prefers-reduced-motion:reduce){ .ks-follow-control,.ks-follow-control *, .ks-follow-menu[data-kisure-portaled="1"]{transition:none!important;animation:none!important} }