@layer component{.checkboxField{align-items:flex-start;gap:var(--gap-xs);padding-top:calc((var(--button-md) - var(--icon-sm-fill))/2);padding-bottom:calc((var(--button-md) - var(--icon-sm-fill))/2);border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.checkboxField input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.checkboxMark{width:var(--icon-sm-fill);height:var(--icon-sm-fill);border-radius:var(--radius-xs);border:var(--border-md)solid var(--border-primary);background-color:var(--surface-primary);transition:border-color var(--transition-fast),background-color var(--transition-fast);flex-shrink:0}.checkboxField:has(input[aria-invalid=true]) .checkboxMark{border-color:var(--red-primary)}.checkboxField:has(input:focus-visible) .checkboxMark{outline:var(--border-lg)solid var(--theme-primary);outline-offset:var(--border-sm)}.checkboxField:has(input:checked) .checkboxMark{border-color:var(--theme-primary);background-color:var(--theme-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8l3.5 3.5L13 5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px}.checkboxText{font-size:var(--text-xs);font-variation-settings:var(--body-variation-medium);letter-spacing:var(--tracking-md);color:var(--text-secondary);flex:1;line-height:normal}.checkboxField .fieldHint{margin-top:var(--gap-3xs);display:block}.checkboxBody{gap:var(--gap-3xs);flex-direction:column;flex:1;display:flex}.checkboxField:has(.checkboxDescription) .checkboxText{font-size:var(--text-md);font-weight:var(--weight-semi-bold);font-variation-settings:var(--body-variation-semi-bold)}.checkboxDescription{font-size:var(--text-sm);font-weight:var(--weight-regular);font-variation-settings:var(--body-variation-regular);color:var(--text-secondary);line-height:var(--leading-md)}.checkboxDescription a{color:var(--theme-primary)}.checkboxField.card{padding:var(--gap-sm);gap:var(--gap-sm);border:var(--border-sm)solid var(--border-quaternary);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.checkboxField.card:has(input[aria-invalid=true]){border-color:var(--red-primary)}.checkboxField.card:has(input:checked){border-color:var(--theme-primary);background-color:var(--theme-quaternary)}.checkboxField.card .checkboxText{font-variation-settings:var(--body-variation-semi-bold)}}