.tnp .tnp-field:not(.tnp-field-list) label {
    margin-bottom: 0.3em;
    display: block;
}

.tnp .tnp-lists {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1em;
}

.tnp .tnp-field-list {
    width: 100%;
    margin: 0;
}

.tnp .tnp-field-list input {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
}

.tnp .tnp-field-list .tnp-list-label {
    position: relative;
    display: flex;
    font-weight: 400;
    cursor: pointer;
    align-items: baseline;
}
    .tnp .tnp-field-list .tnp-list-label::before,
    .tnp .tnp-field-list .tnp-list-label::after {
        content: none;
    }

.tnp .tnp-field-list .tnp-list-label::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    font-size: 1.5rem;
    margin-right: 0.5em;
    transform: translate(0, 10%);
}
    .tnp .tnp-field-list label:hover .tnp-list-label::before,
    .tnp .tnp-field-list input:focus + .tnp-list-label::before {
        color: var(--theme--color--primary);
    }
    .tnp .tnp-field-list:has(input[type="checkbox"]) .tnp-list-label::before {
        content: '\f0c8';
    }
        .tnp .tnp-field-list:has(input[type="checkbox"]) input:checked + .tnp-list-label::before  {
            content: '\f14a';
            font-weight: 900;
        }
    .tnp .tnp-field-list:has(input[type="radio"]) .tnp-list-label::before {
        content: '\f111';
    }
        .tnp .tnp-field-list:has(input[type="radio"]) input:checked + .tnp-list-label::before {
            content: '\f192';
            font-weight: 900;
        }