.tbk-checkbox-element {
    display: flex;
    align-items: center;
    color: var(--sd-ec-color-brand-tertiary-100);
    font-size: var(--sd-ec-text-label-input-medium-fontsize);
    gap: 0.5rem;
}

.tbk-checkbox-element img {
    width: 1.5rem;
    height: 1.5rem;
    filter: var(--sd-ec-color-filter-default);
}

.tbk-checkbox-element:hover img {
    filter: invert(19%) sepia(99%) saturate(1391%) hue-rotate(186deg) brightness(101%) contrast(99%);
}

.tbk-checkbox-element:active img {
    filter: invert(17%) sepia(37%) saturate(4084%) hue-rotate(190deg) brightness(90%) contrast(99%);
}

.tbk-checkbox-element input {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    appearance: none;
}

.tbk-checkbox-element label {
    margin: 0;
}

.tbk-checkbox-element.disabled label {
    opacity: 0.5;
}

.tbk-checkbox-element.disabled img {
    filter: var(--sd-ec-color-filter-disabled);
}

.tbk-checkbox-element input:focus,
.tbk-checkbox-element img:focus {
    outline: none;
}

.tbk-checkbox-element input:focus-visible {
    border-radius: var(--sd-ec-border-radius-x-small, 0.25rem);
    box-shadow: 0 0 0 var(--sd-border-base-size-xx-small) var(--sd-color-base-blue-145), 0 0 0 var(--sd-boxshadow-base-size-x-small) var(--sd-ec-color-brand-secondary-100), 0 0 0 var(--sd-boxshadow-base-size-small) var(--sd-color-base-blue-145);
}