.product-block-checkbox-field
{
    display:flex;
    width:100%;
    flex-direction:column;
    gap:2px
}
.product-block-checkbox-field .form-input-hint
{
    font-size:12px
}
.product-block-checkbox-field .form-input-wrapper
{
    display:grid;
    grid-template-rows:1fr;
    align-items:start;
    text-align:start;
    grid-template-columns:minmax(0,auto) 1fr;
    gap:10px
}
.product-block-checkbox-field .form-input-wrapper .checkbox-input
{
    opacity:0;
    width:16px;
    height:16px;
    z-index:6;
    appearance:none;
    -webkit-appearance:none;
    border-bottom:0;
    margin:0;
    cursor:pointer
}
.product-block-checkbox-field .form-input-wrapper .checkbox-input:not(:checked)+.checkbox-box
{
    background-color:var(--color-primary-background)
}
.color-scheme--accent .product-block-checkbox-field .form-input-wrapper .checkbox-input:not(:checked)+.checkbox-box,
.color-scheme--dark .product-block-checkbox-field .form-input-wrapper .checkbox-input:not(:checked)+.checkbox-box,
.color-scheme--light .product-block-checkbox-field .form-input-wrapper .checkbox-input:not(:checked)+.checkbox-box
{
    background-color:var(--color-scheme-background-color)
}
.product-block-checkbox-field .form-input-wrapper .checkbox-input:hover+.checkbox-box
{
    outline:1px solid var(--text-color-transparent25)
}
.color-scheme--accent .product-block-checkbox-field .form-input-wrapper .checkbox-input:hover+.checkbox-box,
.color-scheme--dark .product-block-checkbox-field .form-input-wrapper .checkbox-input:hover+.checkbox-box,
.color-scheme--light .product-block-checkbox-field .form-input-wrapper .checkbox-input:hover+.checkbox-box
{
    outline:1px solid var(--color-scheme-border-color)
}
.product-block-checkbox-field .form-input-wrapper .checkbox-input:not(:checked)~.checkbox-icon
{
    color:transparent;
    visibility:hidden
}
.product-block-checkbox-field .form-input-wrapper .checkbox-input:checked+.checkbox-box
{
    background-color:var(--text-color)
}
.color-scheme--accent .product-block-checkbox-field .form-input-wrapper .checkbox-input:checked+.checkbox-box,
.color-scheme--dark .product-block-checkbox-field .form-input-wrapper .checkbox-input:checked+.checkbox-box,
.color-scheme--light .product-block-checkbox-field .form-input-wrapper .checkbox-input:checked+.checkbox-box
{
    background-color:var(--color-scheme-text-color)
}
.product-block-checkbox-field .form-input-wrapper .checkbox-input:checked~.checkbox-icon
{
    color:var(--color-primary-background);
    visibility:visible
}
.color-scheme--accent .product-block-checkbox-field .form-input-wrapper .checkbox-input:checked~.checkbox-icon,
.color-scheme--dark .product-block-checkbox-field .form-input-wrapper .checkbox-input:checked~.checkbox-icon,
.color-scheme--light .product-block-checkbox-field .form-input-wrapper .checkbox-input:checked~.checkbox-icon
{
    color:var(--color-scheme-background-color)
}
.product-block-checkbox-field .form-input-wrapper .checkbox-box,.product-block-checkbox-field .form-input-wrapper .checkbox-icon
{
    min-width:16px;
    min-height:16px;
    max-width:16px;
    max-height:16px;
    width:16px;
    height:16px;
    display:inline-block;
    margin:0;
    flex-shrink:0
}
.product-block-checkbox-field .form-input-wrapper .checkbox-icon
{
    background-color:transparent;
    visibility:hidden;
    z-index:5
}
.product-block-checkbox-field .form-input-wrapper .checkbox-box
{
    outline:1px solid transparent;
    transition:outline .25s ease,background-color .25s ease
}
.product-block-checkbox-field .form-input-wrapper .checkbox-box,
.product-block-checkbox-field .form-input-wrapper .checkbox-icon,
.product-block-checkbox-field .form-input-wrapper .checkbox-input
{
    position:relative;
    inset-block-start:calc((var(--line-height-base) * 1em - var(--checkbox-size))/ 2);
    grid-column-start:1;
    grid-column-end:2;
    grid-row-start:1;
    grid-row-end:2
}
.product-block-checkbox-field .form-input-wrapper .checkbox-label
{
    grid-column-start:2;
    grid-column-end:3;
    grid-row-start:1;
    grid-row-end:2;
    color:var(--text-color)
}
.color-scheme--accent .product-block-checkbox-field .form-input-wrapper .checkbox-label,
.color-scheme--dark .product-block-checkbox-field .form-input-wrapper .checkbox-label,
.color-scheme--light .product-block-checkbox-field .form-input-wrapper .checkbox-label
{
    color:var(--color-scheme-text-color)
}