#edit-field-topics .form-radios{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-top: 2rem;
}

#edit-field-topics .form-radios .form-item{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 6rem;
    margin-right: 0;
    border-radius: var(--border-radius);
    background-color: var(--c-white);
    transition: var(--transition);
    width: 8.25rem;
    min-height: 7.9rem;
}
@media(width > 48rem){
    #edit-field-topics .form-radios .form-item{
        width: initial;
        min-height: initial;
    }
}

#edit-field-topics .form-radios .form-item.radio{
    margin-top: 0;
    margin-bottom: 0;
}

#edit-field-topics .form-radios .form-item label{
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 0.5rem;
    padding: 1.15rem 0.75rem 1.25rem;
    cursor: pointer;
    font-size: 0.85rem
}
@media(min-width:48rem){
    #edit-field-topics .form-radios .form-item label{
        min-height: 7rem;
    }

}

#edit-field-topics .form-radios .form-item img{
    display: block;
    height: 2rem;
    width: auto;
    max-width: 2rem;
    transition: var(--transition);
}

#edit-field-topics .form-radios .form-item input.form-radio{
    display: none;
}

#edit-field-topics .form-radios .form-item:hover,
#edit-field-topics .form-radios .form-item:has(input.form-radio:checked){
    background-color: var(--c-primary);
    color: var(--c-white);
}

#edit-field-topics .form-radios .form-item:hover img,
#edit-field-topics .form-radios .form-item:has(input.form-radio:checked) img{
    filter: invert(100) brightness(100);
}

#edit-field-topics .form-radios .form-item label[for="edit-field-topics-all"]:after {
    content: url('data:image/svg+xml,<svg viewBox="0 0 82 76" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M74.0527 38C74.0527 57.879 57.9317 74 38.0527 74C18.1737 74 2.05273 57.879 2.05273 38C2.05273 18.121 18.1737 2 38.0527 2C40.4783 2.12766 46.0953 2.84255 49.1591 4.68085" stroke="%239D3839" stroke-width="3.85" stroke-miterlimit="10" stroke-linecap="round"/><path d="M20.3726 33.4044L35.8752 48.9069L74.3563 10.4257" stroke="%239D3839" stroke-width="3.85" stroke-linecap="round"/></svg>');
    width: 1.75rem;
    max-height: 2rem;
    height: auto;
    display: block;
}

#edit-field-topics .form-radios .form-item:hover label[for="edit-field-topics-all"]:after,
#edit-field-topics .form-radios .form-item:has(input.form-radio:checked) label[for="edit-field-topics-all"]:after {
    content: url('data:image/svg+xml,<svg viewBox="0 0 82 76" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M74.0527 38C74.0527 57.879 57.9317 74 38.0527 74C18.1737 74 2.05273 57.879 2.05273 38C2.05273 18.121 18.1737 2 38.0527 2C40.4783 2.12766 46.0953 2.84255 49.1591 4.68085" stroke="%23FFFFFF" stroke-width="3.85" stroke-miterlimit="10" stroke-linecap="round"/><path d="M20.3726 33.4044L35.8752 48.9069L74.3563 10.4257" stroke="%23FFFFFF" stroke-width="3.85" stroke-linecap="round"/></svg>');
}