.bg-background.animate-in.data-\[state\=open\]\:fade-in-90.fixed.z-50.grid.w-full.sm\:max-w-lg { max-width: 62rem !important; } /* --------------------------------------------------------------------------- Logo replacement: hide Documenso SVG, show Bare Media PNG instead. The SVG is uniquely identified by viewBox="0 0 2248 320". Selectors target any parent containing the SVG so the replacement applies on every page (home /, team pages /t/xxx, and PDF signing certificates). --------------------------------------------------------------------------- */ /* Hide all instances of the Documenso wordmark SVG */ svg[viewBox="0 0 2248 320" i] { display: none !important; } /* Target every container of the logo (e.g. in header,
in certificate) */ :has(> svg[viewBox="0 0 2248 320" i])::after { content: ""; display: inline-block !important; width: 140px; height: 1.75rem; /* ~28 px — matches the SVG's h-6 class */ background-image: url("/bare_media_logo.png"); background-repeat: no-repeat; background-size: contain; background-position: left center; /* Invert to white for dark mode backgrounds */ filter: brightness(0) invert(1); /* Prevent shrinking in flex containers */ flex-shrink: 0; } /* Ensure the logo scales down appropriately when printed to PDF */ @media print { :has(> svg[viewBox="0 0 2248 320" i])::after { height: 1rem; /* matches the print:max-h-4 class used in PDF */ width: 80px; } } /* Light mode / Print mode: keep the original colours (black text) */ @media (prefers-color-scheme: light), print { :has(> svg[viewBox="0 0 2248 320" i])::after { filter: none; } } /* Documenso also exposes a data-theme attribute on */ html[data-theme="light"] :has(> svg[viewBox="0 0 2248 320" i])::after { filter: none; } /* --------------------------------------------------------------------------- Alternative icon mark (swirl only) used in some places: viewBox="0 0 320 320" --------------------------------------------------------------------------- */ /* Hide the Documenso icon mark SVG */ svg[viewBox="0 0 320 320" i] { display: none !important; } :has(> svg[viewBox="0 0 320 320" i])::before { content: ""; display: inline-block; width: 80px; height: 1.1em; background-image: url("/bare_media_logo.png"); background-repeat: no-repeat; background-size: contain; background-position: left center; vertical-align: middle; margin-right: 0.25rem; filter: brightness(0) invert(1); } @media (prefers-color-scheme: light), print { :has(> svg[viewBox="0 0 320 320" i])::before { filter: none; } } html[data-theme="light"] :has(> svg[viewBox="0 0 320 320" i])::before { filter: none; }