I'm trying to inject some custom markup to a blank Sharepoint page using the "modern script editor" web part and it's not working.

I noticed then when the script is supposed to activate (on clicking an element), I get the following error in the console:

Error: Error: Idle tracking cookie is missing.
    IssoCookieMissingError https://statica.akamai.odsp.cdn.office.net/bld/_layouts/15/16.0.21827.12004/activitymonitor.js:14
    GetCookieValue https://statica.akamai.odsp.cdn.office.net/bld/_layouts/15/16.0.21827.12004/activitymonitor.js:365
    InitializeSettingsFromCookie https://statica.akamai.odsp.cdn.office.net/bld/_layouts/15/16.0.21827.12004/activitymonitor.js:349
    LogIssoActivity https://statica.akamai.odsp.cdn.office.net/bld/_layouts/15/16.0.21827.12004/activitymonitor.js:130
    HandleClick https://statica.akamai.odsp.cdn.office.net/bld/_layouts/15/16.0.21827.12004/activitymonitor.js:76

Does anyone know what's going on here? Here's a link to my Codepen which contains the HTML, CSS, and JS that I'm trying to incorporate: https://codepen.io/devin1229/pen/abWgzzv