/* Font role variables */ .unity-compatibility-widget{ container-type: inline-size; container-name: unity-compat; --font-display: 'Refinery-75SemiBold', 'Barlow Condensed', sans-serif; --font-bold: 'Refinery-35Bold', 'Barlow Condensed', sans-serif; --font-medium: 'Refinery-35Medium', 'Barlow Condensed', sans-serif; --font-regular: 'Refinery-35Regular', 'Barlow Condensed', sans-serif; --font-light: 'Refinery-35Light', 'Barlow Condensed', sans-serif; } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;} .unity-compatibility-widget{ --bg:#1F1F1F; --panel:#181818; --drawer:#222222; --stroke:#616260; --muted:#ABAAA9; --orange:#FF4F00; --orange-hover:#e64700; --green-bg:#697665;--green-stroke:#383F36; --red-bg:#885053;--red-stroke:#4D2D2F; --tan-bg:#987854;--tan-stroke:#675139; --side-w:56px; --drawer-w:220px; --transition:.32s cubic-bezier(.4,0,.2,1); } .unity-compatibility-widget{font-family:var(--font-regular);color:#fff;line-height:1;} /* ── OUTER WRAPPER ── */ .unity-compatibility-widget .bc-outer{ background:var(--bg); width:100%; min-height:520px; display:flex; position:relative; overflow:hidden; } /* Mobile fullscreen takeover close button — hidden unless active. Uses #id (not .unity-compatibility-widget-scoped) since this button gets moved to a direct child of when the takeover opens, so it can't rely on being inside the widget's own DOM subtree. !important on the key visuals guards against the theme's own generic button styling (Salient applies !important border-radius/box-shadow rules to every