20:I[868422,["/_next/static/chunks/1dlft7ht-6kzk.js","/_next/static/chunks/3vkzaackgg_qg.js","/_next/static/chunks/1xt6zdl-o7wg3.js","/_next/static/chunks/3p652vdqlk1ce.js","/_next/static/chunks/0-dqqj6hfkr_n.js","/_next/static/chunks/2matreab0rub0.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Oswald/oswald-v49-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Oswald/oswald-v49-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Oswald/oswald-v49-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Oswald/oswald-v49-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] 11:["$","style",null,{"dangerouslySetInnerHTML":{"__html":"html{font-size:16px}"}}] 12:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 13:["$","link","font-preload-Oswald-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Oswald/oswald-v49-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Oswald-500",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Oswald/oswald-v49-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link","font-preload-Oswald-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Oswald/oswald-v49-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 16:["$","link","font-preload-Oswald-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Oswald/oswald-v49-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 17:["$","link","font-preload-Inter-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 18:["$","link","font-preload-Inter-500",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 19:["$","link","font-preload-Inter-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 1a:["$","link","font-preload-Inter-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 1e:T95e, !function(t,e){var o,n,p,r;e.__SV||(window.posthog && window.posthog.__loaded)||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}p||((p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",p.onerror=function(){p=null},(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r));var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="al ol ll init Il Rl Tl Ml Ol za El Dl Sl capture getExtension Pl nl Hl calculateEventProperties Bl register register_once register_for_session unregister unregister_for_session Vl Cl zl getFeatureFlag getFeatureFlagPayload getFeatureFlagResult getAllFeatureFlags isFeatureEnabled reloadFeatureFlags updateFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey displaySurvey cancelPendingSurvey canRenderSurvey canRenderSurveyAsync Gl identify setPersonProperties unsetPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset Zl shutdown setIdentity clearIdentity get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException addExceptionStep captureLog startExceptionAutocapture stopExceptionAutocapture loadToolbar get_property getSessionProperty Ul ql createPersonProfile setInternalOrTestUser Wl ul hl opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing get_explicit_consent_status is_capturing clear_opt_in_out_capturing $l debug Ua Jn getPageViewId captureTraceFeedback captureTraceMetric bl".split(" "),n=0;n= vh) continue; // below the fold if (r.width < MIN_PX || r.height < MIN_PX) continue; // icon or spacer c.push({ im: im, area: r.width * r.height }); } c.sort(function (a, b) { return b.area - a.area; }); // biggest = likely LCP for (i = 0; i < c.length && i < MAX; i++) { c[i].im.loading = 'eager'; if (i === 0) c[i].im.fetchPriority = 'high'; } } catch (e) { /* never let this break the page */ } } function schedule() { if (runs > 6) return; // stop eventually; no perpetual cost runs++; if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boost, { once: true }); } else { boost(); } setTimeout(boost, 1200); // catch images added during hydration } schedule(); window.addEventListener('load', boost); // Super is a Next.js SPA — client-side navigation swaps content without a reload. ['pushState', 'replaceState'].forEach(function (m) { var orig = history[m]; history[m] = function () { var v = orig.apply(this, arguments); setTimeout(schedule, 350); return v; }; }); window.addEventListener('popstate', function () { setTimeout(schedule, 350); }); })(); 1c:["$","script","8",{"dangerouslySetInnerHTML":{"__html":"$1f"},"children":null}] 21:T1f1c, 22:T4029,@charset "UTF-8"; /* ========================================================================== orsonlord.com — Super → Code → CSS Cleaned up 2026-08-18 (Claude session). Functionally equivalent to the live CSS except for the specific fixes/removals called out inline below. Everything is reorganised into labelled sections so future edits are easy to place. See the accompanying summary for a plain-English changelog. ========================================================================== */ /* ------------------------------------------------------------------------- 1. Page width ------------------------------------------------------------------------- */ :root { --max-width: 1150px; } .max-width { max-width: var(--max-width) !important; } /* ------------------------------------------------------------------------- 2. Notion's built-in colour variables, darkened to match the dark skin. FIX: this used to live inside `@media (prefers-color-scheme: dark)`, which only ever applied for visitors whose OS/browser was set to dark mode. The site is unconditionally dark (see section 5), so a light-mode visitor was getting Notion's original light-theme colours here — orange/green/purple callouts and tags would look wrong for them. Made unconditional. ------------------------------------------------------------------------- */ :root { --custom-saturation: 80% !important; --custom-lightness: 25% !important; --color-bg-brown-light: hsl(30, var(--custom-saturation), var(--custom-lightness)) !important; --color-bg-orange-light: hsl(40, var(--custom-saturation), var(--custom-lightness)) !important; --color-bg-yellow-light: hsl(50, 70%, var(--custom-lightness)) !important; --color-bg-green-light: hsl(150, var(--custom-saturation), var(--custom-lightness)) !important; --color-bg-blue-light: hsl(227, 30%, 10%) !important; --color-bg-purple-light: hsl(260, var(--custom-saturation), var(--custom-lightness)) !important; --color-bg-pink-light: hsl(330, var(--custom-saturation), var(--custom-lightness)) !important; --color-bg-red-light: hsl(0, var(--custom-saturation), var(--custom-lightness)) !important; } /* ------------------------------------------------------------------------- 3. Base link / button / image transitions FIX: this was previously declared twice (once near the top of the old CSS, once further down as its own "global transition" rule) — merged into one. ------------------------------------------------------------------------- */ .notion-link, .notion-semantic-string .link { opacity: 1 !important; } .notion-button__content, .notion-link, .notion-image img { transition: all 0.4s ease-in-out; } /* ------------------------------------------------------------------------- 4. Let glow / shadow effects escape their parent box ------------------------------------------------------------------------- */ .notion-callout, .notion-callout__content, #block-18bc4270216c80349a7dc6f60433732c { overflow: visible !important; } /* ------------------------------------------------------------------------- 5. Database / collection cards — hide raw .mp4 file links FIX: the old CSS had a second rule, `.notion-collection-card a { pointer- events:none }`, with no ".mp4" scoping — it silently disabled clicking on *every* link inside *any* database/gallery card sitewide (e.g. template galleries, guide indexes), not just the mp4 file links its own comment said it was for. Scoped down to match the sibling rule's intent. If any card links were deliberately non-clickable elsewhere, flag it and this can be widened back. ------------------------------------------------------------------------- */ .notion-collection-card a[href$=".mp4"], .notion-collection-card a[href*=".mp4"] { display: none !important; pointer-events: none; cursor: default; } /* ========================================================================== 6. Apple-style dark skin v1 (added 2026-07-30, unchanged) ========================================================================== */ :root { --bg:#000; --raised:#141414; --raised2:#1d1d1f; --text:#f5f5f7; --dim:#a1a1a6; --link:#2997ff; --radius:18px; } html, body { background: var(--bg) !important; color: var(--text); } body, .notion-root, .super-content, .super-navbar, h1, h2, h3, h4, p, li, a, div { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; } .notion-header__title { font-size: clamp(2.6rem, 5.5vw, 4.2rem) !important; font-weight: 700 !important; letter-spacing: -0.015em !important; line-height: 1.05 !important; text-transform: none !important; } .notion-root h1 { font-size: clamp(2rem, 4.4vw, 3.2rem) !important; font-weight: 700 !important; letter-spacing: -0.012em !important; text-transform: none !important; } .notion-root h2 { font-size: clamp(1.5rem, 3vw, 2.2rem) !important; font-weight: 600 !important; letter-spacing: -0.01em !important; } .notion-root h3 { font-size: 1.25rem !important; font-weight: 600 !important; } .notion-heading u, .notion-header__title u, .notion-semantic-string u { text-decoration: none !important; } .notion-heading [style*=color], .notion-heading .notion-link { color: var(--text) !important; } h1 span, h2 span, h3 span { color: inherit !important; } .notion-text [style*="rgb(255, 220, 73)"], .notion-semantic-string [class*=yellow] { color: var(--dim) !important; font-weight: 500; } .super-navbar { background: rgba(0, 0, 0, 0.72) !important; backdrop-filter: saturate(180%) blur(20px) !important; -webkit-backdrop-filter: saturate(180%) blur(20px) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; } .super-navbar a, .super-navbar__item, .super-navbar__logo, .super-navbar__logo * { color: var(--text) !important; } .super-navbar .notion-link { color: var(--text) !important; } .super-navbar svg { opacity: 0.75; } .notion-callout { background: var(--raised) !important; border: none !important; border-radius: var(--radius) !important; padding: 2rem !important; } .notion-callout .notion-callout { background: transparent !important; padding: 0.5rem 0 !important; border-radius: 0 !important; } .notion-callout .notion-callout .notion-callout { background: var(--raised2) !important; padding: 1.25rem !important; border-radius: 12px !important; } .notion-callout__icon { display: none !important; } .notion-button { background: transparent !important; padding: 0 !important; display: block !important; } .notion-button__content { display: inline-flex !important; align-items: center; gap: 0.5em; width: auto !important; background: var(--link) !important; color: #fff !important; border-radius: 980px !important; padding: 0.55em 1.4em !important; font-weight: 500 !important; font-size: 0.95rem !important; } .notion-button__content .notion-semantic-string, .notion-button__content span { color: #fff !important; } .notion-link { color: var(--link) !important; text-decoration: none !important; } .notion-link:hover { text-decoration: underline !important; } .notion-page { color: var(--link) !important; } .notion-image img, .notion-embed__container, iframe { border-radius: var(--radius) !important; } .notion-root > .notion-callout { margin: 3.5rem 0 !important; } h1, h2, h3, h4 { scroll-margin-top: 90px; } /* NOTE: the old CSS's legacy pre-Apple-skin hover rules are intentionally NOT carried over here — see the changelog for what they were and why. */ /* ===== end Apple skin v1 ===== */ /* ========================================================================== 7. Button styles v3 (added 2026-08-11, unchanged) Style is driven by how you colour the button in Notion: BACKGROUND colour set -> FILLED (blue pill, white text) TEXT colour set -> GHOST (transparent, coloured text + outline) ========================================================================== */ .notion-button__content[class*=color-] { background: transparent !important; background-color: transparent !important; box-shadow: inset 0 0 0 1px currentColor !important; border-color: transparent !important; } .notion-button__content[class*=color-]:hover { background: transparent !important; background-color: rgba(41, 151, 255, 0.12) !important; box-shadow: inset 0 0 0 1px currentColor !important; border-color: transparent !important; filter: none !important; transform: none !important; } .notion-button__content.color-blue, .notion-button__content.color-blue .notion-semantic-string, .notion-button__content.color-blue span, .notion-button__content.color-blue:hover, .notion-button__content.color-blue:hover .notion-semantic-string, .notion-button__content.color-blue:hover span { color: var(--link) !important; } .notion-button__content.color-red, .notion-button__content.color-red .notion-semantic-string, .notion-button__content.color-red span { color: var(--color-text-red) !important; } .notion-button__content.color-green, .notion-button__content.color-green .notion-semantic-string, .notion-button__content.color-green span { color: var(--color-text-green) !important; } .notion-button__content.color-orange, .notion-button__content.color-orange .notion-semantic-string, .notion-button__content.color-orange span { color: var(--color-text-orange) !important; } .notion-button__content.color-purple, .notion-button__content.color-purple .notion-semantic-string, .notion-button__content.color-purple span { color: var(--color-text-purple) !important; } .notion-button__content.color-gray, .notion-button__content.color-gray .notion-semantic-string, .notion-button__content.color-gray span { color: var(--color-text-gray) !important; } .notion-button__content:not([class*=color-]):hover { background: var(--link) !important; background-color: var(--link) !important; color: #fff !important; border-color: transparent !important; box-shadow: none !important; filter: brightness(1.12); transform: none !important; } .notion-button__content:not([class*=color-]):hover .notion-semantic-string, .notion-button__content:not([class*=color-]):hover span { color: #fff !important; } /* ========================================================================== 8. Column layout — left as Notion/Super's default (top-aligned) -------------------------------------------------------------------------- Tried: align-items:center on .notion-column-list, to close the dead gap left under a short paragraph when its partner column (a screenshot/video) is much taller. Orson reviewed and reverted it — centering pulled the paragraph away from the heading above it, which hurt scannability more than the gap hurt looks. Top-alignment keeps text grouped tightly with its heading; the dead-space gap is a cosmetic side effect, not a bug. If this needs revisiting, the fix is one line: .notion-column-list { align-items: center !important; } ========================================================================== */ /* ========================================================================== 9. Image spacing system v1 (added 2026-08-14, unchanged) -------------------------------------------------------------------------- Add a token to an image's filename before uploading to Notion to opt it into a spacing rule (Super slugifies the filename into the image URL): _tight1.._tight4 pull the NEXT block up (kills deadspace BELOW) _lift1.._lift3 pull the IMAGE up (kills deadspace ABOVE) _air1 / _air2 add breathing room both sides _flush zero all spacing _fade / _fade90/80/70 soften the bottom edge (reflections, shadows) ========================================================================== */ .notion-image:has(img[src*=_tight1]) { margin-bottom: -1rem !important; } .notion-image:has(img[src*=_tight2]) { margin-bottom: -2.5rem !important; } .notion-image:has(img[src*=_tight3]) { margin-bottom: -4rem !important; } .notion-image:has(img[src*=_tight4]) { margin-bottom: -7rem !important; } .notion-image:has(img[src*=_lift1]) { margin-top: -1rem !important; } .notion-image:has(img[src*=_lift2]) { margin-top: -2.5rem !important; } .notion-image:has(img[src*=_lift3]) { margin-top: -4rem !important; } .notion-image:has(img[src*=_air1]) { margin-block: 2rem !important; } .notion-image:has(img[src*=_air2]) { margin-block: 4rem !important; } .notion-image:has(img[src*=_flush]) { margin-block: 0 !important; } .notion-image:has(img[src*=_fade]) img { -webkit-mask-image: linear-gradient(to bottom, #000 82%, transparent 100%); mask-image: linear-gradient(to bottom, #000 82%, transparent 100%); } .notion-image:has(img[src*=_fade90]) img { -webkit-mask-image: linear-gradient(to bottom, #000 78%, transparent 90%); mask-image: linear-gradient(to bottom, #000 78%, transparent 90%); } .notion-image:has(img[src*=_fade80]) img { -webkit-mask-image: linear-gradient(to bottom, #000 66%, transparent 80%); mask-image: linear-gradient(to bottom, #000 66%, transparent 80%); } .notion-image:has(img[src*=_fade70]) img { -webkit-mask-image: linear-gradient(to bottom, #000 56%, transparent 70%); mask-image: linear-gradient(to bottom, #000 56%, transparent 70%); } /* rem margins don't shrink with the image — soften on phones */ @media (max-width: 640px) { .notion-image:has(img[src*=_tight3]) { margin-bottom: -2rem !important; } .notion-image:has(img[src*=_tight4]) { margin-bottom: -3.5rem !important; } } /* ------------------------------------------------------------------------- 10. Snap Animate hero crop (block-targeted, unchanged) The PNG is 592x916. The box ends at row ~650, the reflection runs to 916 but drops under 4% luminance by row ~805, so the bottom ~13% is invisible padding. aspect-ratio + object-fit crops that tail responsively at every viewport width; the mask keeps the cut soft. ------------------------------------------------------------------------- */ #block-3bcc4270216c80178f61ea59f0222def img { aspect-ratio: 592/800; object-fit: cover; object-position: top center; height: auto !important; -webkit-mask-image: linear-gradient(to bottom, #000 88%, transparent 100%); mask-image: linear-gradient(to bottom, #000 88%, transparent 100%); } #block-3bcc4270216c80178f61ea59f0222def { margin-bottom: -4rem !important; } /* ========================================================================== 11. NEW — "Brown text" repurposed as a center-align flag -------------------------------------------------------------------------- Trick: colour a span Brown in Notion's text-colour picker (not a background/highlight colour) purely as a signal. Super renders that as inside the paragraph/ heading/list-item/etc block. This does two things instead of turning the text brown: 1. The span's own colour is cancelled back to `inherit`, so it reads exactly the same off-white as the rest of the paragraph. 2. The whole block containing it gets centered. Same idea as the filename-token trick for images (section 9) — a Notion-side toggle, no code changes needed per use. Verified against the real markup Super emits for coloured text (confirmed live on the site, 2026-08-18): the class pair is always `.highlighted-color.color-`, direct child of the block element (.notion-text, h1/h2/h3, li, etc). ========================================================================== */ .notion-text:has(.highlighted-color.color-brown), .notion-heading:has(.highlighted-color.color-brown), h1:has(.highlighted-color.color-brown), h2:has(.highlighted-color.color-brown), h3:has(.highlighted-color.color-brown), li:has(.highlighted-color.color-brown), .notion-quote:has(.highlighted-color.color-brown), .notion-callout:has(.highlighted-color.color-brown) { text-align: center !important; } .highlighted-color.color-brown { color: inherit !important; } /* ===== end orsonlord.com custom CSS ===== */ /* Hide The Web Header */ h1.notion-header__title { display: none !important; }1d:["$","body",null,{"children":[["$","$L20",null,{"settings":{"siteId":"22907613-43bf-4c0f-b03e-668017ce1734","userId":"null","domainName":"orsonlord.com","name":"Orson Lord - DaVinci Resolve Plugins","active":true,"free":false,"tier":"pro","favicon":"https://assets.super.so/22907613-43bf-4c0f-b03e-668017ce1734/uploads/favicon/5c1a8816-e56d-4550-b2aa-0c74c878b382.png","fontFamily":"Inter","legacyTheme":null,"language":"en","languages":[],"notionPage":"18bc4270216c80be8cf9f83d892b74d4","indexPageId":"22907613-43bf-4c0f-b03e-668017ce1734:::6296b152-ec92-402a-ada3-06fdda1f3be7","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":true,"advancedSearch":true,"themeToggle":false,"mondayFirst":true,"loadLimits":true,"hidePersonInfo":true,"showPropertyIcons":false,"filterRedirectsFromSearch":false,"redirectSubdomain":null,"noIndex":false,"viewsExceeded":false,"cacheTTL":0,"manualSync":true,"syncStatus":"complete","publishedAt":"2026-09-12T04:16:23.148Z","custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"navbar":{"type":"balanced","style":{"height":56,"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)","ctaTextColor":"var(--color-text-default)","ctaBackgroundColor":"var(--color-bg-default)","isSticky":true,"shadow":{"type":"none","color":"rgba(0,0,0,1)","opacity":12}},"links":[{"id":"1e67ba11-ef2d-4f87-9a9c-c859e084b606","type":"page","label":"Products","link":"/products","pageId":"22907613-43bf-4c0f-b03e-668017ce1734:::51e3d0ea-e483-421d-9ddf-c0545d6bd40b","list":[]},{"id":"75f79893-ebb3-4aff-986a-779211a9539a","type":"list","label":"Help","list":[{"id":"1833b09b-68df-40b8-af1b-fdff61c8751b","type":"page","label":"Snap Captions 2 Help","link":"/snap-captions-2-customer-portal","pageId":"22907613-43bf-4c0f-b03e-668017ce1734:::8d181998-cbc0-4320-9e5a-f21c57ea170f","icon":"","description":"","list":[]},{"id":"c290042e-4392-4e04-b439-846f3b5eff79","type":"page","label":"Snap Captions 1 Help","link":"/help/snap-captions-1","pageId":"22907613-43bf-4c0f-b03e-668017ce1734:::74717177-cc24-4f3e-8532-e3cd348f1c18","icon":"","description":"","list":[]},{"id":"555f8c0c-216a-41f4-ae83-2fcdf29380a4","type":"page","label":"Snap Pod Help","link":"/snap-pod-help","pageId":"22907613-43bf-4c0f-b03e-668017ce1734:::967d0adb-0074-40c5-b1d6-9e9cf6207eb9","icon":"","description":"","list":[]}]},{"id":"64b7a40a-5163-458a-9ab2-8b66d1626d48","type":"page","label":"Tutorials","link":"/tutorials/tutorial-database","pageId":"22907613-43bf-4c0f-b03e-668017ce1734:::31af503a-f993-47bb-b465-4cfb91d0afb2","list":[]},{"id":"e1eeec59-6987-4779-907c-800b1fe9a99a","type":"url","label":"Community","link":"https://discord.gg/kdYDRZN5wD?utm_source=website&utm_medium=nav&utm_campaign=community-nav","icon":"","list":[]}],"logo":{"type":"text","width":90,"fontSize":16,"textContent":"Orson Lord","imageContent":null,"imageContentDark":null,"disabled":false},"cta":{"type":"page","label":"","link":"/tutorials/tutorial-database","pageId":"22907613-43bf-4c0f-b03e-668017ce1734:::31af503a-f993-47bb-b465-4cfb91d0afb2"},"isSticky":true,"breadcrumbs":true},"footer":{"type":"corners","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[{"id":"91358b65-f20b-44f0-afa2-cbfafe21d628","type":"page","label":"Software and License Agreement","link":"/licence","pageId":"22907613-43bf-4c0f-b03e-668017ce1734:::7050e37b-39c7-4f10-8e7f-eb155fce855e","icon":"","list":[]},{"id":"58829adc-a009-4f78-81ae-b5242a32f0ac","type":"page","label":"Terms and Conditions","link":"/terms","pageId":"22907613-43bf-4c0f-b03e-668017ce1734:::f9a92006-3b08-4f65-a12a-a5f782fbcf4c","icon":"","list":[]},{"id":"9ba6ee17-1112-4fcd-bf0b-83ac9e856f47","type":"page","label":"Privacy Policy","link":"/privacy","pageId":"22907613-43bf-4c0f-b03e-668017ce1734:::77ede9a0-150e-4dc5-a348-8638fc0eccf9","icon":"","list":[]},{"id":"92877120-fd87-47d0-a8ad-c5affb1b5997","type":"url","label":"Community","link":"https://discord.gg/8dpwf3t48K","icon":"","list":[]}],"logo":{"type":"text","width":90,"fontSize":16,"textContent":"Orson Lord","imageContent":null,"imageContentDark":null,"disabled":false},"socials":[],"footnote":"","divider":true},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":{"colorMode":"dark","layout":{"paddingLayout":0.9,"layoutMaxWidth":600,"columnSpacing":25,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":17,"pageDisplay":"none"},"header":{"coverHeight":50,"titleAlign":"center","iconAlign":"-112px 0 0 0","display":"block"},"collectionCard":{"gap":10,"shadow":"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px","coverHeightLarge":200,"coverHeightMedium":200,"coverHeightSmall":128,"titleSize":0.875,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"inline-flex"},"callout":{"iconDisplay":"none","shadow":"rgba(0, 0, 0, 1) 0px 20px 40px -10px"},"typography":{"primaryFont":"Oswald","secondaryFont":"Inter","fonts":[],"baseSize":16,"titleSize":2.5,"headingSize":1.35,"quoteSize":1.2,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":61,"shadow":"rgba(0, 0, 0, 0.91) 0px 20px 40px -10px"},"footer":{"height":0},"sidebar":{"width":272,"shadow":"none"},"colors":{"light":{"text":"#37352F","textLight":"#7d7c78","background":"#ffffff","borderColor":"#E9E9E7","checkboxBackground":"#2EAADC","hoverBackground":"#efefef","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F","hoverBackground":null},"footer":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#ffffff","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[36,2,46],"brown":[19,31,47],"orange":[30,87,45],"yellow":[38,62,49],"green":[149,31,39],"blue":[202,53,43],"purple":[274,32,54],"pink":[328,48,53],"red":[2,62,55],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#f0f0f0","textLight":"#f2f2f2","background":"#111111","borderColor":"#1F1F1F","checkboxBackground":"#222222","hoverBackground":"#1A1A1A","scrollbar":{"background":"#111111","handle":"#212121","border":"#111111"},"navbar":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#ffffff","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#f0f0f0","ctaText":"#f0f0f0","background":"#111111","hoverBackground":"#1A1A1A","ctaBackground":"#111111","border":"#1F1F1F"},"database":{"cardBackground":"#1A1A1A","cardHoverBackground":"#212121","calendarWeekendBackground":"#161616"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,59],"brown":[26,40,46],"orange":[21,80,41],"yellow":[60,100,51],"green":[151,83,39],"blue":[210,82,50],"purple":[262,81,54],"pink":[333,71,46],"red":[0,100,77]}}},"code":{"global":[{"id":"22907613-43bf-4c0f-b03e-668017ce1734:::534cd455-1ddd-40bb-994a-dbe4c518d2d7","content":"$21"}],"head":[],"body":[],"style":[],"css":"$22"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":[null,"$L23","$L24","$L25","$L26"]}],"$L27"]}]

Focus With BG