<commit_before>@import '../_utils/globals/variables.css';
@import '../_utils/globals/screens.css';

.container {
    display: flex;
    flex-direction: column;
    width: 100%
}

.radio span {
    margin-left: 10px;
    cursor: pointer;
    vertical-align: middle;
    user-select: none;
}

.radio {
    display: flex;
    align-items: center;
    border-radius: 8px;
    color: var(--moosendBlue);
    background: transparent;
    transition: background-color 0.3s;
    border: 1px solid var(--moosendBlue);
    padding: 12px;
    cursor: pointer;
}

.container + .container {
    margin-top: 10px;
}

.radio:hover {
    background-color: var(--radioHover);
    color: #fff;
    border-color: var(--radioHover);
}

.radio input[type='radio'] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    appearance: none;
    margin: 0 auto;
    cursor: pointer;
    width: 1.125rem;
    height: 1.125rem;
    background: #fff;
    border-radius:50%;
    border: 1px solid var(--moosendBlue);
}

.radio:hover input[type='radio']{
    border-color: var(--radioHover);
}

.radio input[type='radio']:checked::after {
    background:var(--moosendBlue);
    content:'';
    display:block;
    width: 0.375rem;
    height: 0.375rem;
    border-radius:50%; 
}

.radio label {
    display: flex;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    font-size: 0.875rem;
    width: 100%;
    height: 100%;
}

.checkedRadio {
    background: var(--moosendBlue);
    color: #fff;
}

.checkedRadio:hover {
    background: var(--moosendBlue);
    border-color: var(--moosendBlue);
}

.checkedRadio:hover input[type='radio']{
    border-color: var(--moosendBlue);
}

.content {
    color: #7b7b7b;
    font-size: 0.875rem;
    padding: 10px;
}

.visible {
    display: block;
}

.invisible {
    display: none;
}

@media (--deviceSmall){
    .radio label{
        font-size: 4vw;
    }

    .radio{
        padding: 2vw;
    }

    .radio input[type='radio']{
        height: 4vw;
        width: 4vw;
        padding: 1vw;
    }

    .radio input[type='radio']:checked::after{
        height: 1.7vw;
        width: 1.7vw;
    }

    .content{
        font-size: 3.3vw;
    }

}

@media (--deviceXsmall){
    .radio label{
        font-size: 4vw;
    }

    .radio{
        padding: 2vw;
    }

    .radio input[type='radio']{
        height: 4vw;
        width: 4vw;
        padding: 1vw;
    }

    .radio input[type='radio']:checked::after{
        height: 1.7vw;
        width: 1.7vw;
    }

    .content{
        font-size: 3.3vw;
    }

}<commit_msg>Removed height from RadioAccordion tab label.<commit_after>@import '../_utils/globals/variables.css';
@import '../_utils/globals/screens.css';

.container {
    display: flex;
    flex-direction: column;
    width: 100%
}

.radio span {
    margin-left: 10px;
    cursor: pointer;
    vertical-align: middle;
    user-select: none;
}

.radio {
    display: flex;
    align-items: center;
    border-radius: 8px;
    color: var(--moosendBlue);
    background: transparent;
    transition: background-color 0.3s;
    border: 1px solid var(--moosendBlue);
    padding: 12px;
    cursor: pointer;
}

.container + .container {
    margin-top: 10px;
}

.radio:hover {
    background-color: var(--radioHover);
    color: #fff;
    border-color: var(--radioHover);
}

.radio input[type='radio'] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    appearance: none;
    margin: 0 auto;
    cursor: pointer;
    width: 1.125rem;
    height: 1.125rem;
    background: #fff;
    border-radius:50%;
    border: 1px solid var(--moosendBlue);
}

.radio:hover input[type='radio']{
    border-color: var(--radioHover);
}

.radio input[type='radio']:checked::after {
    background:var(--moosendBlue);
    content:'';
    display:block;
    width: 0.375rem;
    height: 0.375rem;
    border-radius:50%; 
}

.radio label {
    display: flex;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    font-size: 0.875rem;
    width: 100%;
}

.checkedRadio {
    background: var(--moosendBlue);
    color: #fff;
}

.checkedRadio:hover {
    background: var(--moosendBlue);
    border-color: var(--moosendBlue);
}

.checkedRadio:hover input[type='radio']{
    border-color: var(--moosendBlue);
}

.content {
    color: #7b7b7b;
    font-size: 0.875rem;
    padding: 10px;
}

.visible {
    display: block;
}

.invisible {
    display: none;
}

@media (--deviceSmall){
    .radio label{
        font-size: 4vw;
    }

    .radio{
        padding: 2vw;
    }

    .radio input[type='radio']{
        height: 4vw;
        width: 4vw;
        padding: 1vw;
    }

    .radio input[type='radio']:checked::after{
        height: 1.7vw;
        width: 1.7vw;
    }

    .content{
        font-size: 3.3vw;
    }

}

@media (--deviceXsmall){
    .radio label{
        font-size: 4vw;
    }

    .radio{
        padding: 2vw;
    }

    .radio input[type='radio']{
        height: 4vw;
        width: 4vw;
        padding: 1vw;
    }

    .radio input[type='radio']:checked::after{
        height: 1.7vw;
        width: 1.7vw;
    }

    .content{
        font-size: 3.3vw;
    }

}
{'fraction_non_alphanumeric': 0.15364086923370188, 'fraction_numerical': 0.028402592451391536, 'mean_word_length': 2.302076777847703, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2879974', 'n_tokens_mistral': 2049, 'n_tokens_neox': 1926, 'n_words': 385}