.noscript-container { position: fixed; inset: 0; background-color: #b9b9b9; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 1rem; gap: 1rem; } .noscript-modal { background-color: #ffffff; border-radius: 0.5rem; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); max-width: 28rem; width: 100%; padding: 2rem; text-align: center; } .noscript-icon { width: 3rem; height: 3rem; margin: auto; color: #ffc04a; } .noscript-icon-container { border-radius: 9999px; padding: 1rem; width: 4rem; height: 4rem; display: flex; margin: auto; background-color: #ffed4a33; } .noscript-title { font-size: 1.5rem; font-weight: 600; color: #000000; margin-bottom: 1rem; font-family: -apple-system, sans-serif; } .noscript-text { color: #1e1e1e; margin-bottom: 1.5rem; line-height: 1.5; font-family: -apple-system, sans-serif; } .noscript-button { display: block; background-color: #ffed4a; color: #111827; font-weight: 600; padding: 0.75rem 1.5rem; border-radius: 0.5rem; text-decoration: none; transition: background-color 0.2s; font-family: -apple-system, sans-serif; } .noscript-button:hover { background-color: #ffed4a; opacity: 0.9; } .noscript-branding { margin-top: 1.5rem; height: 3rem; opacity: 0.5; }