/* Independent of Tailwind, so the update screen also works in older browsers. */
html:not([data-browser-supported="true"]) #root { display: none; }
html[data-browser-supported="true"] #browser-support { display: none; }
#browser-support { box-sizing: border-box; max-width: 36rem; margin: 12vh auto; padding: 2rem; font: 16px/1.6 system-ui, sans-serif; color: #f4f4f5; background: #18181b; border: 1px solid #52525b; border-radius: 12px; }
#browser-support h1 { margin: 0 0 1rem; font-size: 1.5rem; line-height: 1.3; font-weight: 600; }
#browser-support p { margin: 1rem 0 0; }
#browser-support-versions { color: #d4d4d8; font-size: .875rem; }
@media (max-width: 40rem) { #browser-support { margin: 8vh 1rem; padding: 1.5rem; } }