/* Corporate YAT?STATS search drawer only. Visual result rules copied from microsite SearchDrawerTabs.tsx (read-only source) plus shell tokens. */ @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Barlow+Condensed:wght@500;600;700;800&family=Oswald:wght@400;500;600;700;800&display=swap'); :root {--yat-font-ui:"Archivo",Arial,sans-serif;--yat-font-compact:"Barlow Condensed",Arial,sans-serif;--fg:#f2f2f2;--ink:#e8e8e8;--muted:#c4c4c4;--line:rgba(255,255,255,.08);--card-bg:#171717;--yat-bracket-accent:#ffb21c;} #yatCorporateSearch, #yatCorporateSearch * {box-sizing:border-box;} .yat-global-mask {position:fixed;inset:0;z-index:10010;display:block;opacity:0;visibility:hidden;pointer-events:none;border:0;background:rgba(0,0,0,.45);transition:opacity .2s ease,visibility .2s ease;} #drawerLeft.yat-global-left-drawer {position:fixed;z-index:10020;top:0;bottom:0;left:0;width:min(86vw,360px);max-width:360px;overflow:hidden;color:var(--ink);background:rgba(6,6,6,.57);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:0 0 24px rgba(0,0,0,.35);border-right:1px solid var(--line);transform:translateX(-102%);visibility:hidden;transition:transform .28s ease,visibility .28s ease;} body.yat-global-search-open{overflow:hidden!important;} body.yat-global-search-open .yat-global-mask{visibility:visible;opacity:1;pointer-events:auto;} body.yat-global-search-open #drawerLeft.yat-global-left-drawer{visibility:visible;transform:translateX(0);} #drawerLeft .yat-left-search-content {height:100%;padding:24px 20px 10px;display:flex;flex-direction:column;overflow:hidden;} #drawerLeft .yat-search-drawer-title {max-width:100%;margin:0 0 8px;padding-right:42px;font:800 clamp(21px,2vw,25px)/1.05 var(--yat-font-compact);letter-spacing:.015em;text-transform:uppercase;color:var(--ink);} #drawerLeft .yat-search-drawer-sub {margin:0 0 12px;color:var(--muted);font:400 12px/1.4 var(--yat-font-ui);} #drawerLeft .yat-gs-input-wrap{display:flex;position:relative;margin-bottom:10px;} #drawerLeft .yat-gs-input {box-sizing:border-box;width:100%;height:42px;min-height:42px;padding:9px 38px 9px 12px!important;border:1px solid var(--line);border-radius:6px;background:var(--card-bg);color:var(--fg);font:400 14px/1.35 var(--yat-font-ui)!important;} #drawerLeft .yat-gs-input:focus{outline:2px solid var(--line);outline-offset:2px;} #drawerLeft .yat-search-input-icon{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;font:600 26px/1 sans-serif;} #drawerLeft .yat-gs-results{flex:1;min-height:0;max-height:none!important;overflow-y:auto;padding-bottom:12px;overscroll-behavior:contain;} #drawerLeft .yat-search-mode-tabs{flex:0 0 auto;} #drawerLeft .yat-search-mode-buttons{margin:10px 0 14px;} #drawerLeft .yat-bracket-symbol{display:block;width:24px;height:24px;background-color:currentColor;-webkit-mask:url('https://hamilton.az.yatstats.com/img/nav/fantasy-bracket.png') center/contain no-repeat;mask:url('https://hamilton.az.yatstats.com/img/nav/fantasy-bracket.png') center/contain no-repeat;} .yat-global-close {position:absolute;z-index:2;right:8px;top:8px;width:38px;height:38px;padding:0;color:var(--fg);border:0;background:transparent;cursor:pointer;font:400 29px/1 sans-serif;} .yat-global-close:focus-visible{outline:2px solid var(--fg);} @media(max-width:779px){#drawerLeft.yat-global-left-drawer{width:100vw;max-width:100vw;}} .yat-home-search-button{display:block;width:100%;height:32px;margin:8px 0 0;border:1px solid rgba(255,255,255,.55);border-radius:4px;background:rgba(10,10,10,.72);color:#f2f2f2;cursor:pointer;font:800 clamp(9px,1.3vw,12px)/1 Montserrat,Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;text-align:center;} .yat-home-search-button:hover,.yat-home-search-button:focus-visible{border-color:#ffb21c;color:#ffcf7a;} .yat-global-nav-search{order:1;display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;padding:4px;background:none;border:0;color:#f2f2f2;cursor:pointer;} .yat-global-nav-search svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;} .yat-global-nav-search:hover,.yat-global-nav-search:focus-visible{color:#ffcf7a;outline-offset:2px;} :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-mode-label { display: none !important; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-mode-buttons { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; margin: 10px 0 12px; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-mode-btn { min-height: 30px; padding: 5px 3px; border: 1px solid var(--line); border-radius: 6px; background: rgba(255,255,255,.04); color: var(--ink); font: 600 11px/1.2 var(--yat-font-ui); letter-spacing: 0; text-transform: none; cursor: pointer; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-mode-btn.active { background: rgba(255,255,255,.14); color: var(--fg); border-color: var(--fg) !important; box-shadow: inset 0 0 0 .5px var(--fg); } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-empty { color: var(--muted); font: 400 13px/1.4 var(--yat-font-ui); padding: 8px 0; } #drawerLeft .yat-search-status { color: var(--muted); font: 400 12px/1.4 var(--yat-font-ui); padding: 4px 0; overflow-wrap: anywhere; } #drawerLeft .yat-search-status[hidden] { display: none; } #drawerLeft .yat-search-load-more { display:block; width:100%; min-height:42px; margin:12px 0 20px; border:1px solid var(--line); border-radius:6px; background:transparent; color:var(--fg); font:600 13px/1.3 var(--yat-font-ui); cursor:pointer; } #drawerLeft .yat-search-load-more:disabled { opacity:.6; cursor:wait; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-section-label { margin: 12px 0 8px; color: var(--muted); font: 800 10px/1 Oswald, sans-serif; letter-spacing: .18em; text-transform: uppercase; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-state-label { color: var(--ink); font-size: 11px; letter-spacing: .16em; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-card-list { display: flex; flex-direction: column; gap: 6px; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-card { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.045); color: var(--ink); text-decoration: none; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-card:hover { color: var(--fg); background: rgba(255,255,255,.08); } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-thumb { width: 36px; height: 36px; object-fit: cover; border-radius: 5px; flex: 0 0 auto; background: rgba(255,255,255,.08); } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-school-thumb, :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-team-thumb { object-fit: contain; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-row-text { display: flex; min-width: 0; flex-direction: column; gap: 3px; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-row-text strong { font: 700 14px/1.05 Oswald, sans-serif; text-transform: uppercase; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-row-text small { color: var(--muted); font: 400 10px/1.2 Oswald, sans-serif; text-transform: uppercase; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-text-link small.yat-search-hs-line { color: var(--accent, #c8a96e); opacity: .85; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-school-card { align-items: stretch; flex-direction: column; gap: 8px; padding: 10px; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-school-card { padding: 8px 10px; } #drawerLeft .yat-search-school-card .yat-search-school-topline { grid-template-columns: 50px minmax(0, 1fr); align-items:center; gap: 10px; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-school-active-count { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 34px; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-school-active-count strong { font: 800 22px/1 Oswald, sans-serif; color: #00e08a; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-school-active-count small { margin-top: 4px; font: 600 8px/1 Oswald, sans-serif; letter-spacing: .05em; color: var(--muted); } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-school-topline { display: grid; grid-template-columns: minmax(0, 1fr) 54px; align-items: center; gap: 9px; width: 100%; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-school-crest-link { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-school-card .yat-search-school-thumb { width: 48px; height: 48px; object-fit:contain; border-radius:0; background:transparent; } #drawerLeft .yat-search-school-bracket-card .yat-search-school-topline { grid-template-columns: 50px minmax(0, 1fr) 34px; gap: 8px; } #drawerLeft .yat-search-school-gallery-link { display: block; min-width: 0; color: inherit; text-decoration: none; } #drawerLeft .yat-search-school-identity { display:flex; flex-direction:column; gap:1px; min-width:0; width:100%; } #drawerLeft .yat-search-school-identity .yat-search-school-location { font: 300 10px/1.1 Oswald, sans-serif; letter-spacing:.065em; text-transform:uppercase; color:var(--muted); white-space:normal; overflow-wrap:anywhere; } #drawerLeft .yat-search-school-identity strong { font:700 18px/1.03 "Bebas Neue",sans-serif; letter-spacing:.02em; text-transform:uppercase; overflow-wrap:anywhere; color:var(--ink); } #drawerLeft .yat-search-school-identity .yat-search-school-status { font:400 9px/1.25 Oswald,sans-serif; letter-spacing:.02em; text-transform:uppercase; color:var(--muted); white-space:normal; overflow:visible; } #drawerLeft .yat-search-school-global-card .yat-search-school-topline { grid-template-columns: 50px minmax(0, 1fr) 40px; } #drawerLeft .yat-search-school-global-card.yat-search-school-bracket-card .yat-search-school-topline { grid-template-columns: 50px minmax(0, 1fr) 34px 40px; } #drawerLeft .yat-search-school-global-card .yat-search-school-url { font: 400 10px/1.25 var(--yat-font-ui); letter-spacing: 0; text-transform: none; color: var(--accent, #c8a96e); text-decoration: underline; text-underline-offset: 2px; white-space: normal; overflow-wrap: anywhere; } #drawerLeft .yat-search-school-global-card .yat-search-school-count { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 40px; min-width: 0; text-align: center; } #drawerLeft .yat-search-school-global-card .yat-search-school-count strong { color: #00e08a; font: 800 24px/1 Oswald, sans-serif; } #drawerLeft .yat-search-school-global-card .yat-search-school-count small { margin-top: 4px; color: var(--muted); font: 600 8px/1.15 Oswald, sans-serif; letter-spacing: .04em; } #drawerLeft .yat-search-school-bracket-link { display: flex; align-items: center; justify-content: center; width: 34px; height: 44px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; outline: none; color: var(--yat-bracket-accent); text-decoration: none; cursor: pointer; } #drawerLeft .yat-search-school-bracket-link .yat-bracket-symbol { width: 22px; height: 22px; } #drawerLeft .yat-search-school-bracket-link:is(:hover, :focus-visible) .yat-bracket-symbol { filter: drop-shadow(0 0 3px currentColor); transform: scale(1.1); } #drawerLeft :is(.yat-search-school-gallery-link, .yat-search-school-gallery-crest-link):focus-visible { outline: none; } #drawerLeft .yat-search-school-gallery-link:focus-visible .yat-search-row-text strong { text-decoration: underline; text-underline-offset: 3px; } #drawerLeft .yat-search-school-gallery-crest-link:is(:hover, :focus-visible) .yat-search-school-thumb { filter: drop-shadow(0 0 4px var(--yat-bracket-accent)); } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-school-badge { border: 1px solid rgba(255,255,255,.18); border-radius: 5px; padding: 4px 6px; color: var(--muted); font: 700 8px/1 Oswald, sans-serif; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-school-badge.live { border-color: rgba(0,255,140,.55); color: #00ff8c; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-school-badge.candidate { border-color: rgba(255,209,102,.7); color: #ffd166; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-school-stats { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1px; border-top: 1px solid var(--line); padding-top: 7px; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-school-stats span { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-school-stats strong { color: var(--fg); font: 900 14px/1 Oswald, sans-serif; white-space: nowrap; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-school-stats small { color: var(--muted); font: 400 7px/1.1 Oswald, sans-serif; text-transform: uppercase; white-space: nowrap; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-team-group { margin: 12px 0 4px; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-team-heading { display: grid; grid-template-columns: 52px minmax(0,1fr); align-items: center; gap: 10px; margin-bottom: 7px; color: var(--fg); font: 800 12px/1.1 Oswald, sans-serif; letter-spacing: .05em; text-transform: uppercase; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-team-heading .yat-search-team-thumb { width: 46px; height: 46px; object-fit: contain; border-radius: 0; background: transparent; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-team-player-card { min-height: 52px; border-radius: 0; border-width: 0 0 1px; background: transparent; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-result { display: grid !important; grid-template-columns: 34px 52px minmax(0, 1fr) 46px; align-items: center; column-gap: 10px; padding: 8px 10px; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-result a { color: inherit; text-decoration: none; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-headshot-link { display: flex; align-items: center; justify-content: center; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-headshot { width: 46px; height: 46px; object-fit: cover; border-radius: 4px; background: rgba(0,0,0,.08); } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-text-link { display: flex; min-width: 0; flex-direction: column; gap: 3px; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-text-link strong { font: 900 14px/1.05 Oswald, sans-serif; text-transform: uppercase; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-text-link small { color: var(--muted); font: 400 10px/1.15 Oswald, sans-serif; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-flip-link { display: flex; align-items: center; justify-content: flex-end; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-hs-logo { width: 40px; height: 40px; object-fit: contain; border-radius: 0; background: transparent; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-fav-btn { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: none; background: transparent; color: var(--muted); font-size: 19px; line-height: 1; cursor: pointer; flex: 0 0 auto; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-fav-btn:hover { color: var(--accent, #c8a96e); } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-fav-btn.is-favorited { color: var(--accent, #c8a96e); } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-fav-btn[aria-disabled] { opacity: .5; cursor: wait; } .yat-search-fav-toast { position: fixed; bottom: 80px; left: 50%; transform: translateX(-50%) translateY(12px); background: var(--surface, #1a1a1a); border: 1px solid rgba(255,255,255,.2); padding: 10px 18px; border-radius: 8px; font: 700 12px/1.4 Oswald, sans-serif; letter-spacing: .06em; z-index: 9999; pointer-events: none; white-space: nowrap; box-shadow: 0 4px 16px rgba(0,0,0,.4); opacity: 0; transition: opacity .2s ease, transform .2s ease; } .yat-search-fav-toast.visible { opacity: 1; transform: translateX(-50%) translateY(0); } /* Global Search follows the approved Connect & Contribute list: Archivo titles, compact context, open rows and a neutral hover/focus highlight. Keep these rules scoped here because Contribute shares the renderers. */ body.yat-left-search-mode #drawerLeft { background: var(--bg); } #drawerLeft .yat-left-search-content { --yat-search-positive: #00e08a; color: var(--fg); font-family: var(--yat-font-ui); } body.light-theme #drawerLeft .yat-left-search-content { --yat-search-positive: #08784c; } #drawerLeft .yat-left-search-content .yat-search-drawer-title { font: 800 clamp(13px, 3.4vw, 23px)/1.05 Oswald,sans-serif; letter-spacing: -.025em; text-transform: uppercase; white-space:nowrap; color: var(--fg); } #drawerLeft .yat-left-search-content .yat-search-drawer-sub { line-height: 1.45; } #drawerLeft .yat-gs-input { min-height: 42px; border-radius: 6px; background: var(--card-bg); border-color: var(--line); } #drawerLeft .yat-gs-input:focus { border-color: var(--muted); outline: 2px solid var(--line); outline-offset: 2px; } #drawerLeft .yat-search-mode-buttons { gap: 4px; margin: 10px 0 14px; } #drawerLeft .yat-search-mode-btn { min-height: 36px; border: 0; border-radius: 4px; background: transparent; color: var(--muted); font-weight: 600; } #drawerLeft .yat-search-mode-btn:is(:hover, :focus-visible), #drawerLeft .yat-search-mode-btn.active { background: var(--line); color: var(--fg); box-shadow: none; } #drawerLeft .yat-search-mode-btn.active { font-weight: 800; } #drawerLeft .yat-search-mode-btn {font:800 clamp(10px,2.7vw,14px)/1.1 Oswald,sans-serif!important;text-transform:uppercase!important;letter-spacing:.015em!important;white-space:nowrap;} #drawerLeft .yat-search-mode-btn:focus-visible { outline: 2px solid var(--fg); outline-offset: 2px; } #drawerLeft .yat-search-section-label { margin: 16px 6px 5px; color: var(--muted); font: 600 11px/1.2 var(--yat-font-compact); font-family: var(--yat-font-compact) !important; letter-spacing: .07em; } #drawerLeft .yat-search-card-list { gap: 2px; } #drawerLeft .yat-search-card { min-height: 62px; padding: 10px 6px; border: 0; border-radius: 4px; background: transparent; color: var(--fg); box-shadow: none; transition: background-color .15s ease; } #drawerLeft .yat-search-card:is(:hover, :focus-within) { background: var(--line); color: var(--fg); } #drawerLeft .yat-search-card:focus-visible { outline: 2px solid var(--fg); outline-offset: 2px; } #drawerLeft .yat-search-school-identity { gap: 3px; } /* School result names match the approved condensed, uppercase player names. */ #drawerLeft .yat-search-school-global-card .yat-search-school-identity strong, #drawerLeft .yat-search-school-bracket-card .yat-search-school-identity strong { font:800 16px/1.1 Oswald,sans-serif!important; letter-spacing:0!important; text-transform:uppercase!important; } #drawerLeft .yat-search-school-identity strong, #drawerLeft .yat-search-player-text-link strong { color: var(--fg); font: 800 14px/1.2 var(--yat-font-ui); letter-spacing: -.02em; text-transform: none; overflow-wrap: anywhere; } #drawerLeft .yat-search-school-identity .yat-search-school-location, #drawerLeft .yat-search-school-identity .yat-search-school-status { color: var(--muted); font: 500 10px/1.2 var(--yat-font-compact); letter-spacing: .045em; } #drawerLeft .yat-search-school-global-card .yat-search-school-url { color: var(--muted); font: 400 10px/1.35 var(--yat-font-ui); text-decoration: none; } #drawerLeft .yat-search-school-global-card .yat-search-school-count strong { color: var(--yat-search-positive); font-family: var(--yat-font-compact); } #drawerLeft .yat-search-school-global-card .yat-search-school-count small { color: var(--muted); font-family: var(--yat-font-compact); } #drawerLeft .yat-search-school-global-card .yat-search-school-count.is-pending strong { color: var(--muted); } #drawerLeft .yat-search-count-note { display: block; margin-top: 3px; font-size: 7px; letter-spacing: .02em; } #drawerLeft .yat-search-player-text-link { gap: 3px; } #drawerLeft .yat-search-player-text-link small, #drawerLeft .yat-search-player-text-link small.yat-search-hs-line { color: var(--muted); opacity: 1; font: 500 11px/1.25 var(--yat-font-compact); text-transform: none; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; } #drawerLeft .yat-search-team-group { margin: 14px 0 6px; } #drawerLeft .yat-search-team-heading { margin: 0 6px 6px; color: var(--fg); font: 800 14px/1.25 var(--yat-font-ui); letter-spacing: -.02em; text-transform: none; } #drawerLeft .yat-search-team-player-card { border: 0; border-radius: 4px; } #drawerLeft .yat-search-player-headshot { border-radius: 4px; background: transparent; } body.light-theme #drawerLeft .yat-search-player-headshot[data-silhouette-fallback="true"] { filter: invert(1); } #drawerLeft .yat-search-fav-btn:is(:hover, .is-favorited) { color: var(--fg); } #drawerLeft .yat-search-school-badge.candidate { color: var(--muted); border-color: var(--line); } #drawerLeft :is(.yat-search-player-text-link, .yat-search-school-gallery-link):hover strong, #drawerLeft .yat-search-school-global-card:where(a):hover strong { text-decoration: underline; text-underline-offset: 3px; } #drawerLeft .yat-search-player-result a:focus-visible, #drawerLeft .yat-search-school-bracket-link:focus-visible { outline: 2px solid var(--fg); outline-offset: 2px; border-radius: 4px; } body.light-theme #drawerLeft .yat-search-school-bracket-link { color: var(--muted); } /* School searches use the exact result cards and uppercase condensed typography already approved for Player and Current Team. */ #drawerLeft .yat-search-school-list{gap:6px!important;} #drawerLeft .yat-search-school-list .yat-search-school-global-card{ border:1px solid var(--line)!important; border-radius:10px!important; background:rgba(255,255,255,.045)!important; min-height:64px!important; padding:8px 10px!important; box-shadow:none!important; } body.light-theme #drawerLeft .yat-search-school-list .yat-search-school-global-card{background:rgba(0,0,0,.035)!important;} #drawerLeft .yat-search-school-list .yat-search-school-identity strong{ font:800 15px/1.15 Oswald,sans-serif!important; text-transform:uppercase!important; letter-spacing:0!important; white-space:normal!important; overflow-wrap:anywhere!important; } /* Approved result reference: Beau Brieske in production Favorites. Match its condensed player typography, bordered cards and gold school location in every search context, without touching API or interaction. */ :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-list { gap:6px; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-result { min-height:64px; padding:8px 10px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.045); box-shadow:none; grid-template-columns:26px 46px minmax(0,1fr) 40px; column-gap:10px; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-text-link {gap:3px;} :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-text-link strong { font:800 15px/1.15 Oswald, sans-serif; letter-spacing:0; text-transform:uppercase; color:var(--fg); white-space:normal; overflow-wrap:anywhere; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-text-link small { font:400 11px/1.2 Oswald, sans-serif; text-transform:uppercase; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-text-link small.yat-search-hs-line { color:#c8a96e; opacity:1; font:400 11px/1.2 Oswald, sans-serif; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } body.light-theme :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-text-link small.yat-search-hs-line { color:#805600; } :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-result .yat-search-player-headshot {width:46px;height:46px;} :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-result .yat-search-player-hs-logo {width:34px;height:34px;} :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-result .yat-search-fav-btn {width:26px;color:var(--muted);} :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-result .yat-search-fav-btn.is-favorited {color:#ffb238;} body.light-theme :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-result {background:rgba(0,0,0,.035);} /* Theme-aware states: outlined/empty until saved; saved amber on dark backgrounds and deeper gold on light backgrounds. */ :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-result .yat-search-fav-btn:not(.is-favorited) {color:#111;} body:not(.light-theme) :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-result .yat-search-fav-btn:not(.is-favorited) {color:#f2f2f2;} :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-result .yat-search-fav-btn.is-favorited {color:#ffb21c;} body.light-theme :is(#drawerLeft, #drawerContribute, #drawerStory) .yat-search-player-result .yat-search-fav-btn.is-favorited {color:#a77412;} /* Keep the search drawer over the normal audience navigation. */ body.yat-global-search-open .nav-backdrop{pointer-events:none;} #drawerLeft .yat-search-school-crest-link, #drawerLeft .yat-search-player-headshot-link {flex-shrink:0;} #drawerLeft .yat-search-fav-btn{position:relative;} @media(max-width:779px){#drawerLeft .yat-search-mode-btn{font-size:clamp(10px,2.7vw,14px)!important;}} /* The corporate pages do not load Remix Icon. Supply visible heart glyphs locally so the search result favorite control never renders blank. */ #drawerLeft .yat-search-fav-btn .ri-heart-line::before{ content:"♡";display:inline-block;font:400 29px/1 Arial,sans-serif; vertical-align:middle; } #drawerLeft .yat-search-fav-btn .ri-heart-fill::before{ content:"♥";display:inline-block;font:400 25px/1 Arial,sans-serif; vertical-align:middle; }