.ui-form-fields-checkbox input:focus-visible+.label .label-input{outline:1px solid;outline-offset:2px}.ui-form-fields-checkbox .label-input{transition:background-color .25s var(--ease-power2Out)}.ui-form-fields-checkbox .svg-check{color:var(--color-white,#fff);transform:scale(0);transform-origin:50%;transition:transform .3s var(--ease-power2Out)}.ui-form-fields-checkbox input:checked+label .label-input .svg-check{transform:scale(1);transition-delay:.1s}.ui-form-fields-checkbox label a{background:linear-gradient(currentColor,currentColor) 0 100% no-repeat;background-position:100% var(--bg-y-position,95%);background-size:0 var(--bg-size,1px);display:inline;margin:calc(var(--link-padding,.05em)*-1) 0;padding:var(--link-padding,.05em) 0;transition:background-size .4s var(--ease-power2Out) 80ms}@media(any-hover:hover){.-hover:focus-visible :is(.ui-form-fields-checkbox label a),.-hover:hover :is(.ui-form-fields-checkbox label a),.ui-form-fields-checkbox label a:focus-visible,.ui-form-fields-checkbox label a:hover{background-position:0 var(--bg-y-position,95%);background-size:100% var(--bg-size,1px)}}.-active :is(.ui-form-fields-checkbox label a),.ui-form-fields-checkbox label a.-active{background-position:0 var(--bg-y-position,95%);background-size:100% var(--bg-size,1px)}@media(any-hover:hover){.-hover:focus-visible :is(.-active :is(.ui-form-fields-checkbox label a),.ui-form-fields-checkbox label a.-active),.-hover:hover :is(.-active :is(.ui-form-fields-checkbox label a),.ui-form-fields-checkbox label a.-active),:is(.-active :is(.ui-form-fields-checkbox label a),.ui-form-fields-checkbox label a.-active):focus-visible,:is(.-active :is(.ui-form-fields-checkbox label a),.ui-form-fields-checkbox label a.-active):hover{background-size:0 var(--bg-size,1px)}}.ui-form-fields-checkbox label a{background-position:0 var(--bg-y-position,95%);background-size:100% var(--bg-size,1px)}@media(any-hover:hover){.-hover:focus-visible :is(.ui-form-fields-checkbox label a),.-hover:hover :is(.ui-form-fields-checkbox label a),.ui-form-fields-checkbox label a:focus-visible,.ui-form-fields-checkbox label a:hover{background-size:0 var(--bg-size,1px)}}