:root {
    --my-custom-color: #2563eb;
}

.\[\&\:not\(\:has\(\.fi-ac-action\:focus\)\)\]\:focus-within\:ring-primary-600:focus-within:not(:has(.fi-ac-action:focus)) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));

    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

[type=checkbox]:checked, [type=radio]:checked,
[type=checkbox]:checked:hover, [type=checkbox]:checked:focus, [type=radio]:checked:hover, [type=radio]:checked:focus {
    border-color: transparent;
    background-color: var(--my-custom-color);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.fi-ac-btn-action {
    background-color: #2563eb;
}

.fi-ac-btn-action:hover {
    background-color: #1650cb;
}

.focus\:ring-primary-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: var(--my-custom-color);
}

.text-primary-600 {
    --tw-text-opacity: 1;
    color: rgba(var(--my-custom-color));
}

.checked\:focus\:ring-primary-500\/50:focus:checked {
    --tw-ring-color: rgba(var(--my-custom-color), .5);
}

.filepond--label-action:hover, .filepond--label-action {
    --tw-text-opacity: 1;
    color: var(--my-custom-color);
}

.table-repeater-container {
    box-shadow: unset !important;
}

.filepond--drop-label {
    cursor: pointer;
}

.table-repeater-empty-column {
    font-style: normal;
    text-align: left;
    padding: 0px;
    font-size: 15px;
}

td.table-repeater-column {
    padding: 0px;
}

.fi-fo-field-wrp-helper-text {
    font-size: 80%;
}