@media screen {
    .tk-record-target {
        outline: none !important;
        scroll-margin-block: 24px;
    }

    [data-activity-record-id].tk-record-target {
        padding: 16px 20px;
        border-radius: var(--r-2, 6px);
        background: color-mix(in srgb, var(--bs-primary, #8154e8) 8%, var(--bg-1, #fff));
        box-shadow: inset 3px 0 var(--bs-primary, #8154e8),
            inset 0 0 0 1px color-mix(in srgb, var(--bs-primary, #8154e8) 30%, transparent);
    }

    tr.tk-record-target > td {
        --bs-table-accent-bg: transparent;
        --bs-table-bg-state: transparent;
        background: color-mix(in srgb, var(--bs-primary, #8154e8) 8%, var(--bg-1, #fff)) !important;
        box-shadow: inset 0 1px color-mix(in srgb, var(--bs-primary, #8154e8) 30%, transparent),
            inset 0 -1px color-mix(in srgb, var(--bs-primary, #8154e8) 30%, transparent) !important;
    }

    tr.tk-record-target > td:first-child {
        box-shadow: inset 3px 0 var(--bs-primary, #8154e8),
            inset 0 1px color-mix(in srgb, var(--bs-primary, #8154e8) 30%, transparent),
            inset 0 -1px color-mix(in srgb, var(--bs-primary, #8154e8) 30%, transparent) !important;
    }
}