{} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } body { font-family: 'Inter', sans-serif; background-color: #f3f4f6; display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 20px; box-sizing: border-box; } input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 1.25rem; height: 1.25rem; border-radius: 50%; border: 2px solid #D1D5DB; outline: none; cursor: pointer; transition: all 0.2s ease-in-out; flex-shrink: 0; } input[type="radio"]:checked { border-color: #2563EB; background-color: #2563EB; position: relative; } input[type="radio"]:checked::before { content: ''; display: block; width: 0.5rem; height: 0.5rem; background-color: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hidden { display: none !important; }