.checkbox__box
{
    align-items: center;
    display: flex;
    justify-content: center;
}
@keyframes skeleton-loading
{
    to
    {
        background-position: 100% 0,0 0,0 40px,0 80px,0 120px,0 160px;
    }
}
:root
{
    --radius-0: 4px;
    --radius-0-5: 6px;
    --radius-1: 8px;
    --radius-5: 10px;
    --radius-2: 12px;
    --radius-3: 16px;
    --radius-4: 20px;
    --radius-6: 24px;
}
.checkbox__label
{
    cursor: pointer;
    display: flex;
    gap: .5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
}
@media(hover: hover)
{
    .checkbox__label:hover .checkbox__box
    {
        background: var(--bg-check-box-hover);
        box-shadow: var(--bg-check-box-shadow);
    }
}
.checkbox__label:active .checkbox__box
{
    background: var(--bg-check-box-pressed);
    box-shadow: var(--bg-check-box-shadow-pressed);
}
@media(hover: hover)
{
    .checkbox__label--checked:hover .checkbox__box
    {
        box-shadow: none;
    }
}
.checkbox__label--checked:active .checkbox__box
{
    box-shadow: none;
}
.checkbox__input
{
    display: none;
}
.checkbox__box
{
    background: var(--bg-check-box);
    border: .03125rem solid var(--stroke-button-tertiary);
    border-radius: .25rem;
    height: 1.25rem;
    position: relative;
    transition: all .2s ease;
    width: 1.25rem;
}
.checkbox__input:checked+.checkbox__box
{
    background-color: var(--bg-check-box-active);
    border-color: var(--bg-check-box-active);
}
.checkbox__icon
{
    color: var(--color-naturale-0);
    opacity: 0;
    transition: opacity .2s ease;
}
.checkbox__input:checked+.checkbox__box .checkbox__icon
{
    opacity: 1;
}
.checkbox__text
{
    color: var(--content-primary);
    font-size: var(--font-size,.875rem);
    font-weight: var(--font-weight,400);
    letter-spacing: var(--letter-spacing,0);
    line-height: var(--line-height,1.5);
}