.radio-inputs{position:relative;display:flex;flex-wrap:wrap;border-radius:.5rem;background-color:#1f2937;box-sizing:border-box;box-shadow:0 0 0 1px #374151;padding:.25rem;width:100%;font-size:14px;margin-bottom:1rem}.radio-inputs .radio{flex:1 1 auto;text-align:center}.radio-inputs .radio input{display:none}.radio-inputs .radio .name{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;border:none;padding:.5rem .75rem;color:#9ca3af;transition:all .15s ease-in-out;font-weight:500;font-size:.875rem;line-height:1.25rem}.radio-inputs .radio input:checked+.name{background-color:#3b82f6;color:white;font-weight:600;box-shadow:0 0 0 1px #3b82f6}.radio-inputs .radio input:checked+.name:hover{background-color:#2563eb}.radio-inputs .radio .name:hover{background-color:#374151;color:#d1d5db}@media (max-width:640px){.radio-inputs{flex-direction:column}.radio-inputs .radio{flex:none}.radio-inputs .radio .name{padding:.75rem 1rem;font-size:.8rem}}@media (prefers-color-scheme:dark){.radio-inputs{background-color:#111827;box-shadow:0 0 0 1px #374151}.radio-inputs .radio .name{color:#9ca3af}.radio-inputs .radio .name:hover{background-color:#1f2937;color:#e5e7eb}}