1f:I[868422,["/_next/static/chunks/1dlft7ht-6kzk.js","/_next/static/chunks/1xt6zdl-o7wg3.js","/_next/static/chunks/2dqfxeq83i129.js","/_next/static/chunks/2matreab0rub0.js","/_next/static/chunks/1-tlhqto6-7lg.js","/_next/static/chunks/3cmvik1zogxvy.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/Poppins/poppins-v20-latin-ext_latin-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-500.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://sites.super.so/snippets/view-picker.css","style"] 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-Poppins-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Poppins-500",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-500.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link","font-preload-Poppins-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 16:["$","link","font-preload-Poppins-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 17:["$","link",null,{"rel":"preload","href":"https://sites.super.so/snippets/view-picker.css","as":"style"}] 18:["$","script","1",{"async":true,"src":"https://tally.so/widgets/embed.js","children":null}] 19:["$","link","link-https://sites.super.so/snippets/view-picker.css",{"rel":"stylesheet","href":"https://sites.super.so/snippets/view-picker.css"}] 1d:T6d8, document.addEventListener('DOMContentLoaded', function() { const toggleButton = document.getElementById('sidebarToggle'); const body = document.body; let sidebarHidden = false; function toggleSidebar() { sidebarHidden = !sidebarHidden; body.classList.toggle('sidebar-hidden', sidebarHidden); toggleButton.classList.toggle('sidebar-hidden', sidebarHidden); } // INITIAL STATE: hide sidebar by default on desktop if (window.innerWidth > 768) { // click handler if (toggleButton) { toggleButton.addEventListener('click', toggleSidebar); } // all keyboard shortcuts in one place document.addEventListener('keydown', function(e) { const tag = document.activeElement.tagName; // Ctrl/Cmd + B → toggle sidebar if ((e.ctrlKey || e.metaKey) && e.key === 'b') { e.preventDefault(); toggleSidebar(); } // Plain "S" → toggle sidebar (when not typing) else if (!e.ctrlKey && !e.metaKey && !e.altKey && e.key.toLowerCase() === 's' && tag !== 'INPUT' && tag !== 'TEXTAREA' && !document.activeElement.isContentEditable) { e.preventDefault(); toggleSidebar(); } // ← arrow → go back else if (!e.ctrlKey && !e.metaKey && !e.altKey && e.key === 'ArrowLeft' && tag !== 'INPUT' && tag !== 'TEXTAREA' && !document.activeElement.isContentEditable) { e.preventDefault(); window.history.back(); } // → arrow → go forward else if (!e.ctrlKey && !e.metaKey && !e.altKey && e.key === 'ArrowRight' && tag !== 'INPUT' && tag !== 'TEXTAREA' && !document.activeElement.isContentEditable) { e.preventDefault(); window.history.forward(); } }); }); 1a:["$","script","5",{"dangerouslySetInnerHTML":{"__html":"$1d"},"children":null}] 1e:T78a, /* Shared nav-button styles */ .nav-btn { position: fixed; top: 26px; width: 30px; height: 40px; border: none; background: transparent; cursor: pointer; font-size: 34px; line-height: 30px; padding: 0; z-index: 10000; margin-left: 90px; /* purple gradient on text */ background: #fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; transition: transform 0.2s ease; } /* Positioning */ #nav-back { left: 10px; } #nav-forward { left: 50px; } /* -------------------------------------------------- 1) Full-page blurred background -------------------------------------------------- */ /* use your own image or gradient here */ /*} body { position: relative; background: url('https://cdn.prod.website-files.com/647798cf71ec2048ea89ab07%2F67f8169515a5eaed9097834a_RPM-Header-Homepage-poster-00001.jpg') center/cover fixed no-repeat; overflow-x: hidden; } */ /* overlay a heavy blur over the background */ body::before { content: ''; position: fixed; inset: 0; backdrop-filter: blur(20px) brightness(0.4); -webkit-backdrop-filter: blur(20px) brightness(0.6); pointer-events: none; z-index: -1; } /* -------------------------------------------------- 2) Sidebar frosted-glass panel -------------------------------------------------- */ .super-sidebar { background: transparent !important; /* semi-transparent dark tint */ backdrop-filter: blur(20px) !important; /* the key glass effect */ -webkit-backdrop-filter: blur(20px) !important; border-right: 1px solid rgba(255,255,255,0.1) !important; box-shadow: 2px 0 20px rgba(0,0,0,0.5) !important; } /* ensure any elements behind the sidebar still show through */ .super-root, .super-content-wrapper { background: transparent !important; } 1b:["$","style","7",{"dangerouslySetInnerHTML":{"__html":"$1e"},"children":null}] 20:Tf21, 21:T1af1, 22:T787e, .notion-callout { background: #00000029 !important; border-radius: 20px !important; text-align: center !important; padding: 15px !important; border-color: black!important; flex-direction: column !important; align-items: center !important; margin: 0px; box-shadow: 0 0 12px rgba(75, 0, 130, 0.5), /* Inner glow */ 0 0 0px rgba(75, 0, 130, 0.3), inset 0 0 15px rgba(255, 255, 255, .2), /*/* Middle glow */ 0 0 20px rgba(75, 0, 130, 0.1) !important; /* Outer glow */ border: 1px solid rgba(138, 43, 226, 0.3) !important; /* Optional: subtle border */ margin: 3px; } .notion-callout__content { margin: 0 auto !important; } .notion-callout__icon { display: display !important; } .notion-callout h1 { letter-spacing: -1.5px !important; margin: 0 auto 8px !important; font-size: 65px !important; } .notion-callout .notion-callout { border-radius: 10px !important; width: fit-content !important; background: #000 !important; margin: 0 auto !important; color: #fff !important; padding: 0 !important; } .notion-callout .notion-callout a { padding: 5px 24px !important; display: block !important; opacity: 1 !important; } @media (max-width: 600px) { .notion-callout { padding: 24px !important; } .notion-callout .notion-heading { letter-spacing: -1px !important; font-size: 24px !important; } } .notion-pill { padding: 6px; border-radius: 3px; font-size: 17px; line-height: 1.125rem; white-space: nowrap; display: inline; margin: 3px 0; -webkit-margin-end: 6px; margin-inline-end: 6px; } .notion-page__property-name>span { font-size: 18px; line-height: .5; color: #fff ; } .notion-page__property-icon-wrapper { font-size: 0px; opacity: 1; margin-top: 5px; padding-right: 3px; color: #484844; } .notion-property__select.wrap { display: flex; } :root { /* Border radius */ --picker-border-radius: 18px!important; /* Active colors */ --picker-active-bg-color: rgb(233, 233, 233)!important; --picker-active-text-color: rgb(70, 70, 70)!important; /* Default colors */ --picker-border-color: rgb(73, 33, 213)!important; --picker-text-color: rgb(170, 170, 170)!important; /* Hover colors */ --picker-hover-bg-color: rgb(53, 8, 135)!important; --picker-hover-text-color: rgb(255, 255, 255)!important; --picker-hover-border-color: rgb(53, 8, 1353)!important; } /* Toggle Button Styles */ .sidebar-toggle { position: fixed; top: 20px; left: calc(var(--sidebar-width, 240px) - 25px); z-index: 9999; background: linear-gradient(135deg, #6b46c1, #9333ea); color: white; border: none; border-radius: 50%; width: 50px; height: 50px; cursor: pointer; box-shadow: 0 4px 15px rgba(139, 69, 19, 0.3); transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; font-size: 18px; } .sidebar-toggle:hover { transform: scale(1.1); background: linear-gradient(135deg, #7c3aed, #a855f7); } /* Hide/Show Icons */ .toggle-icon { transition: all 0.3s ease; } .hide-icon { display: block; } .show-icon { display: none; } body.sidebar-hidden .hide-icon { display: none; } body.sidebar-hidden .show-icon { display: block; } /* Smooth transitions on core elements */ .super-sidebar, .super-content, .notion-page, .notion-page-content { transition: all 0.3s ease; } /* ---------------------------------------------------- SIDEBAR HIDDEN STATE ---------------------------------------------------- */ /* 1. Hide the sidebar */ body.sidebar-hidden .super-sidebar { display: none !important; } /* 2. Reset the root container back to normal flow */ body.sidebar-hidden .super-root { display: block !important; /* revert from flex */ width: 100% !important; } /* 3. Just stretch your content wrapper to full width */ body.sidebar-hidden .super-content { margin-left: 0 !important; /* remove the gutter */ padding: 1rem !important; width: auto !important; max-width: none !important; } /* 4. Let Notion’s own wrappers handle their own layouts */ body.sidebar-hidden .notion-page, body.sidebar-hidden .notion-page-content, body.sidebar-hidden .notion-page-content-inner { margin: 0 auto !important; /* center if needed */ padding: 0 !important; /* don’t force them into 100% width; let them behave */ width: auto !important; max-width: none !important; } /* 1. Make sure each tab can show an icon + text */ .view-picker, .view-picker * { /* replace these selectors with the real classes if yours differ; open DevTools and look at the parent container around “VR AR MR…” */ } /* 2. Target the individual tab buttons */ .view-picker .view-picker-button { display: inline-flex !important; align-items: center !important; gap: 0.3em !important; } /* re-show Notion’s dropdown icons */ .notion-dropdown__option-icon { display: inline-flex !important; align-items: center; justify-content: center; } @media (max-width: 768px) { /* hide the sidebar toggle button */ .sidebar-toggle { display: none !important; } /* hide our back/forward buttons */ #nav-back, #nav-forward { display: none !important; } } @media (max-width: 600px) { .notion-callout .notion-heading { letter-spacing: .1px !important; font-size: 16px !important; padding: 1px !important; } } /* existing S hint */ .super-sidebar::after { content: "Press [S] to toggle sidebar"; position: absolute; bottom: 140px; left: 20px; color: #8c8c85; background: rgba(0,0,0,0.3); padding: 4px 8px; border-radius: 4px; font-size: 13px; font-family: Poppins, sans-serif; pointer-events: none; z-index: 10005 !important; } /* new arrow hint */ .super-sidebar::before { content: "Use ← → to navigate"; position: absolute; bottom: 100px; left: 20px; color: #8c8c85; background: rgba(0,0,0,0.3); padding: 4px 8px; border-radius: 4px; font-size: 13px; font-family: Poppins, sans-serif; pointer-events: none; z-index: 10005 !important; } /* When sidebar’s hidden, pin the toggle to 10px from the left edge */ body.sidebar-hidden .sidebar-toggle { left: 10px !important; } /* Normal state */ .super-content a, .super-content a:visited { color: #white !important; /* your desired link color */ text-decoration: none; /* remove underline if you like */ } /* Hover and focus state */ .super-content a:hover, .super-content a:focus, .super-content a:active { color: #e0cbff !important; /* your desired hover color */ text-decoration: none; /* add underline on hover if desired */ } /* 2) Logo wrapper: make it transparent */ .super-sidebar .super-logo, .super-sidebar .notion-header-logo { background: transparent !important; } /* 4) Remove any hard shadows or panels inside sidebar */ .super-sidebar .super-sidebar-section, .super-sidebar .notion-sidebar-content, .super-sidebar .notion-search-wrapper { background: transparent !important; box-shadow: none !important; } /* 5) Ensure sidebar buttons/text remain visible */ .super-sidebar a, .super-sidebar button, .super-sidebar .notion-sidebar-item, .super-sidebar .notion-search-input::placeholder { color: #fff !important; } .super-sidebar__heading { gap: 12px; padding: 12px 16px 8px; z-index: 1; background-color: transparent !important } /* 1) Give every collection card a transparent padded frame */ .notion-collection-card { position: relative !important; /*background: #ffffff08 !important;*/ background-color: rgba(0,0,0,0.4) !important; background-blend-mode: overlay !important; padding: 10px !important; padding: 10px !important; overflow: visible important; border-radius: 16px !important; content: '' !important; background-image: url(https://i.pinimg.com/1200x/d2/57/b5/d257b54187febf47c09911b1bc8966e4.jpg) !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .notion-collection-card::before { opacity: 0.2 !important; } .notion-collection-card a.notion-collection-card__anchor { display: block !important; background-color: ;: transparent!important; z-index: 2 !important; color: transparent !important; } /* Outer neon glow on hover */ .notion-collection-card:hover { /* keep your existing soft shadow + border if any */ box-shadow: 0 0 40px rgba(81, 16, 170, 1), /* neon purple outer glow */ inset 0 0 20px rgba(255, 255, 255, .3) /* existing inner glow */ !important; } /* Make sure your pseudo-element overlay stays behind the glow */ .notion-collection-card::before { z-index: 0 !important; } /* Lift the real image/content above everything */ .notion-collection-card > * { z-index: 1 !important; } .notion-collection-card__cover img[loading=lazy], img[loading=lazy].notion-collection-card__cover { border-radius: 16px; z-index: -1px; } /* 1. Fade-in on load */ .super-content { opacity: 0; animation: fadeInContent 0.4s ease forwards; } @keyframes fadeInContent { to { opacity: 1; } } /* 2. Fade-out when .fading is applied */ body.fading .super-content { opacity: 0 !important; transition: opacity 0.4s ease; } .notion-header__cover-image{ border-radius: 16px; } .notion-header__cover { border-radius: 16px !important; /* only a downward shadow */ box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.6) !important; } /* Responsive H1 - Base H1 size */ .notion-header__title { font-size: 38px !important; /* your default desktop size */ line-height: 1.2 !important; } /* Tablet & small desktop */ @media (max-width: 1024px) { .notion-header__title { font-size: 2.5rem !important; } } /* Large phones */ @media (max-width: 768px) { .notion-header__title { font-size: 25px !important; } } /* Small phones */ @media (max-width: 480px) { .notion-header__title { font-size: 27px !important; } } @media (max-width: 860px) { .super-navbar.hidden, .super-navbar__search.sidebar-search { display: flex; position: fixed; background: #00000000; backdrop-filter: blur(4px) brightness(0.9); } } .notion-page__property-name>span { font-size: 18px; line-height: 1.3; color: #ddc6ff; } .super-content-wrapper, .super-content { overscroll-behavior: contain !important; /* for iOS smoothness: */ -webkit-overflow-scrolling: touch !important; } /* 1) Put the background image on html so it’s always visible */ html { background: url(https://i.pinimg.com/originals/d8/e6/eb/d8e6eb6b345ada088e2448947c483ab4.gif) center/cover fixed no-repeat !important; /* fallback color if image fails */ background-color: #000 !important; } /* 2) Make body itself fully transparent */ body { background: transparent !important; } /* 3) If you’re using a ::before blur overlay on body, force it behind page content */ body::before { z-index: -1 !important; } /* 4) Prevent rubber-banding from ever revealing a solid fill */ .super-content-wrapper, .super-content { overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; } .super-navbar__menu { background: #181818e6; } .notion-bookmark { background-color: #00000047; border-radius: 16px; transition: box-shadow 0.4s ease-in-out; box-shadow: 0 0 0 rgba(147, 51, 234, 0); } .notion-bookmark:hover { /* keep the same background, add neon glow */ background-color: #00000047; box-shadow: inset 0 0 8px rgba(50, 0, 100, 0.6), /* subtle inner glow */ 0 0 12px rgba(147, 51, 234, 0.7), /* medium outer glow */ 0 0 24px rgba(147, 51, 234, 0.5); /* softer spread */ } .notion-collection-card__content .notion-property__select { width: 100%; display: flex; overflow: hidden; text-overflow: ellipsis; padding-top: 9px; padding-left: 24px; } .notion-collection-card__cover img[loading="lazy"], img[loading="lazy"].notion-collection-card__cover { border-radius: 16px; border: 6px solid #6d54cf36; } .notion-collection__header-wrapper .notion-dropdown__menu .notion-dropdown__option { border: 2px solid var(--picker-border-color) !important; box-shadow: inset 0 0 15px rgb(149 112 195 / 71%); } /* ========= Pulsating gradient orb for the sidebar toggle ========= */ /* Make sure the button can show the glow outside its bounds */ .sidebar-toggle { position: fixed !important; /* re-assert */ overflow: visible !important; /* allow the orb to extend */ z-index: 10010 !important; /* above most things */ } /* The orb behind the button */ .sidebar-toggle::after { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) scale(0.7); width: 140% !important; /* larger than the button */ height: 140% !important; border-radius: 50% !important; pointer-events: none !important; z-index: 0 !important; /* soft purple gradient that fades to transparent */ background: radial-gradient(circle at 50% 50%, rgba(255, 255, 234, 1) 0%, rgba(147, 51, 234, 1) 25%, rgba(99, 102, 241, 1) 55%, rgba(99, 102, 241, 1) 75%, rgba(0, 0, 0, 0) 100%) !important; filter: blur(10px); opacity: 0.95; animation: sidebarPulse 5s cubic-bezier(.2,.8,.2,1) infinite; } /* Keep the button’s icon above the orb */ .sidebar-toggle > * { position: relative; z-index: 1; } /* Pulse: expand & fade out to full transparency */ @keyframes sidebarPulse { 0% { transform: translate(-50%, -50%) scale(0.7); opacity: 0.95; } 60% { transform: translate(-50%, -50%) scale(1.8); opacity: 0; } 100% { transform: translate(-50%, -50%) scale(1.8); opacity: 0; } } /* Accessibility: reduce motion */ @media (prefers-reduced-motion: reduce) { .sidebar-toggle::after { animation: none !important; opacity: 0.35 !important; /* static hint, no motion */ } } /* OPTIONAL: only pulse when the sidebar is hidden (uncomment the block below if you want that behavior) */ .sidebar-toggle::after { opacity: 0; animation: none; } body.sidebar-hidden .sidebar-toggle::after { opacity: 0.85; animation: sidebarPulse 5s cubic-bezier(.2,.8,.2,1) infinite; } /* OPTIONAL: pause while hovering the button */ .sidebar-toggle:hover::after { animation-play-state: paused; opacity: 0.5; } /* --- Glow + motion hover for back/forward arrows --- */ /* give the arrows a juicy gradient fill (instead of plain white) */ .nav-btn { /* gradient text fill */ background-image: linear-gradient(35deg, #ffffff, #a855f7, #22d3ee) !important; background-size: 80% 100% !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; /* smooth animations */ transition: transform .18s ease, background-position .35s ease, text-shadow .25s ease, filter 1s ease; will-change: transform, background-position, filter; } /* shared hover: grow a bit, shift gradient, neon glow */ .nav-btn:hover { transform: scale(1.3); } /* directional motion on hover */ #nav-back:hover { transform: scale(1.3) translateX(1.5px); } #nav-forward:hover { transform: scale(1.3) ; } /* click/tap feedback */ .nav-btn:active { transform: scale(1.5); filter: drop-shadow(0 0 0.1px rgba(168,85,247,0.8)); } * { -webkit-tap-highlight-color: transparent; } .notion-page__details{ position: sticky; top: 0px; right: 0; height: 100vh; transition: width .2s ease-out, min-width .2s ease-out; z-index: 20; } .notion-page__details-content { background: transparent !important ; backdrop-filter: blur(20px) !important; position: center; padding-top: 40px; position: sticky; top: 0px; right: 0; height: 100%; overflow-x: hidden; border-left: 1.1px solid var(--color-border-default); } /* Icon for the right-side details button */ .notion-page__details-button { position: absolute; top: 12vh; left: -35px; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; background: #7541cdbd; border: 1px solid #656567; border-right: none; border-top-left-radius: 6px; border-bottom-left-radius: 6px; cursor: pointer; overflow: visible; /* let the glow show outside */ } /* Simple “info” glyph (change the content to taste: "⋯", "›", "ℹ", "i") */ .notion-page__details-button::before { content: "👁️"; font-size: 18px; line-height: 1; font-weight: 700; color: #fff; } /* Pulsing orb like your sidebar toggle */ .notion-page__details-button::after { content: ""; position: absolute; right: -7px; /* glow peeks out from the edge */ top: 50%; transform: translateY(-50%) scale(.7); width: 44px; height: 44px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle at 50% 50%, rgba(255,255,234,1) 0%, rgba(147,51,234,1) 25%, rgba(99,102,241,1) 55%, rgba(99,102,241,1) 75%, rgba(0,0,0,0) 100%); filter: blur(10px); opacity: .95; animation: kbPulse 5s cubic-bezier(.2,.8,.2,1) infinite; } @keyframes kbPulse { 0% { transform: translateY(-50%) scale(.7); opacity:.95; } 60% { transform: translateY(-50%) scale(1.8); opacity:0; } 100% { transform: translateY(-50%) scale(1.8); opacity:0; } } /* (Optional) hover feedback */ .notion-page__details-button:hover { filter: brightness(1.08); } /* Center the author pill under the title, on one line */ .author-inline{ display: block !important; /* intrinsic width so auto margins can center it */ width: fit-content; /* fallback next: */ width: -moz-fit-content; margin: .5rem auto 0 !important; /* centers left/right */ white-space: nowrap !important; /* keep “by James…” on one line */ overflow: hidden; text-overflow: ellipsis; padding: .35rem 1.5rem; border-radius: 999px; background: rgba(0,0,0,.35); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,.12); text-align: center; /* if the parent is flex/grid, self-center there too */ align-self: center !important; justify-self: center !important; } /* make inner bits inline so they don’t stack */ .author-inline > *{ display: inline !important; margin: 0 !important; } /* optional: softer “by” vs bold name */ .author-inline .by{ opacity:.75; } .author-inline .name{ font-weight:700; } /* if a stray
got inserted, hide it */ .author-inline br{ display:none !important; } /*-----------------------*/ /* ===== DESKTOP: one-column layout for the right properties panel ===== */ @media (min-width: 1025px) { /* If Notion/Super sets a grid with two columns, neutralize it */ .notion-page__details [style*="grid-template-columns"], .notion-page__details [style*="grid-auto-columns"] { display: block !important; } /* Each property becomes a vertical stack */ .notion-page__details .notion-page__property { display: flex !important; flex-direction: column !important; align-items: center !important; gap: .45rem !important; padding: .6rem 0 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; } .notion-page__details .notion-page__property:last-child { border-bottom: 0 !important; } /* Label full width, above the value */ .notion-page__details .notion-page__property-name, .notion-page__details [class*="__property-name"] { display: flex !important; align-items: center !important; gap: .5rem !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; } /* Value block spans the full width */ .notion-page__details .notion-page__property-value, .notion-page__details .notion-page__property-content, .notion-page__details .notion-property, .notion-page__details .notion-semantic-string { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } /* Multi-select pills wrap nicely */ .notion-page__details .notion-property__select.wrap { display: flex !important; flex-wrap: wrap !important; gap: .4rem .5rem !important; } /* Long URLs shouldn’t overflow */ .notion-page__details a { overflow-wrap: anywhere !important; word-break: break-word !important; } } /*------------------------------*/ /* MOBILE ONLY */ @media (max-width: 1024px) { /* Hide the native little details button on mobile */ .notion-page__details-button { display: none !important; } /* Only turn the panel into an overlay when JS marks the page as ready */ body.details-ready .notion-page__details { display: block !important; position: fixed !important; top: 0 !important; right: 0 !important; height: 100vh !important; width: min(92vw, 420px) !important; max-width: 92vw !important; background: rgba(12,12,20,0.45) !important; backdrop-filter: blur(18px) !important; -webkit-backdrop-filter: blur(18px) !important; border-left: 1px solid rgba(255,255,255,.12) !important; box-shadow: -24px 0 40px rgba(0,0,0,.45) !important; overflow: auto !important; overscroll-behavior: contain !important; transform: translateX(100%) !important; /* closed by default */ opacity: 0 !important; pointer-events: none !important; transition: transform .35s ease, opacity .25s ease !important; z-index: 10050 !important; /* under the toggle */ } /* Open state */ body.details-ready.details-open .notion-page__details { transform: translateX(0) !important; opacity: 1 !important; pointer-events: auto !important; } /* Single-column tidy layout inside */ .notion-page__details-content { background: transparent !important; position: static !important; height: auto !important; border: 0 !important; padding: 16px !important; width 90% } .notion-page__details [style*="grid-template-columns"], .notion-page__details [style*="grid-auto-columns"] { display: block !important; } .notion-page__details .notion-page__property { display: flex !important; flex-direction: column !important; gap: .5rem !important; padding: .6rem 0 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; } .notion-page__details .notion-page__property:last-child { border-bottom: 0 !important; } .notion-page__details .notion-page__property-name, .notion-page__details .notion-page__property-value, .notion-page__details .notion-property { width: 100% !important; min-width: 0 !important; } /* Floating “More info” button */ #detailsToggle.details-toggle { position: absolute !important; right: 12px !important; top: 43% !important; transform: translateY(-50%) !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; border: 1px solid rgba(255,255,255,.25) !important; background: linear-gradient(135deg, #6b46c1, #9333ea) !important; color: #fff !important; font-size: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; z-index: 10060 !important; box-shadow: 0 10px 30px rgba(0,0,0,.35) !important; } /* Pulsing halo (same vibe as your left sidebar button) */ #detailsToggle.details-toggle::after { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) scale(0.7); width: 140% !important; height: 140% !important; border-radius: 50% !important; pointer-events: none !important; background: radial-gradient(circle at 50% 50%, rgba(255,255,234,1) 0%, rgba(147,51,234,1) 25%, rgba(99,102,241,1) 55%, rgba(99,102,241,1) 75%, rgba(0,0,0,0) 100%); filter: blur(10px); opacity: .9; animation: detailsPulse 5s cubic-bezier(.2,.8,.2,1) infinite; } @keyframes detailsPulse { 0%,100% { transform: translate(-50%,-50%) scale(0.7); opacity:.9; } 50% { transform: translate(-50%,-50%) scale(1.05); opacity:.45; } } /* Hide the floating button while open (we show a close inside the drawer) */ body.details-ready.details-open #detailsToggle.details-toggle { display: none !important; } /* Close button inside */ .notion-page__details .details-close { position: sticky !important; top: 8px !important; float: right !important; margin: 8px !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; border: 1px solid rgba(255,255,255,.25) !important; background: rgba(0,0,0,.4) !important; color: #fff !important; font-size: 22px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; z-index: 999; } } /*--------------------------------*/ /* When JS is ready, we convert the panel into a right-overlay drawer */ @media (max-width: 546px){ body.details-ready .notion-page__details { position: fixed !important; top: 0 !important; right: 0 !important; height: 100vh !important; width: min(420px, 95vw) !important; background: rgba(12,12,20,0.45) !important; backdrop-filter: blur(18px) !important; -webkit-backdrop-filter: blur(18px) !important; border-left: 1px solid rgba(255,255,255,.12) !important; box-shadow: -24px 0 40px rgba(0,0,0,.45) !important; overflow: auto !important; overscroll-behavior: contain !important; transform: translateX(100%) !important; /* closed by default */ opacity: 0 !important; pointer-events: none !important; transition: transform .35s ease, opacity .25s ease !important; z-index: 10050 !important; } /* Open state */ body.details-ready.details-open .notion-page__details { transform: translateX(0) !important; opacity: 1 !important; pointer-events: auto !important; } /* Single-column tidy layout inside the drawer */ .notion-page__details-content { background: transparent !important; position: static !important; height: auto !important; border: 0 !important; padding: 16px !important; } .notion-page__details [style*="grid-template-columns"], .notion-page__details [style*="grid-auto-columns"] { display: block !important; } .notion-page__details .notion-page__property { display: flex !important; flex-direction: column !important; gap: .5rem !important; padding: .6rem 0 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; } .notion-page__details .notion-page__property:last-child { border-bottom: 0 !important; } .notion-page__details .notion-page__property-name, .notion-page__details .notion-page__property-value, .notion-page__details .notion-property { width: 100% !important; min-width: 0 !important; } /* Floating “More info” toggle */ #detailsToggle.details-toggle { position: absolute !important; right: 12px !important; top: 45% !important; transform: translateY(-50%) !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; border: 1px solid rgba(255,255,255,.25) !important; background: linear-gradient(135deg, #6b46c1, #9333ea) !important; color: #fff !important; font-size: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; z-index: 10 !important; box-shadow: 0 10px 30px rgba(0,0,0,.35) !important; } /* Pulsing halo (same style as your left sidebar button) */ #detailsToggle.details-toggle::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.7); width: 140%; height: 140%; border-radius: 50%; pointer-events: none; background: radial-gradient(circle at 50% 50%, rgba(255,255,234,1) 0%, rgba(147,51,234,1) 25%, rgba(99,102,241,1) 55%, rgba(99,102,241,1) 75%, rgba(0,0,0,0) 100%); filter: blur(10px); opacity: .9; animation: detailsPulse 5s cubic-bezier(.2,.8,.2,1) infinite; } @keyframes detailsPulse { 0%,100% { transform: translate(-50%,-50%) scale(0.7); opacity:.9; } 50% { transform: translate(-50%,-50%) scale(1.05); opacity:.45; } } /* Hide the floating button while open; we’ll show a close inside the drawer */ body.details-ready.details-open #detailsToggle.details-toggle { display: none !important; } /* Close button inside the drawer */ .notion-page__details .details-close { position: sticky !important; top: 8px !important; float: right !important; margin: 8px !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; border: 1px solid rgba(255,255,255,.25) !important; background: rgba(0,0,0,.4) !important; color: #fff !important; font-size: 22px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; } .notion-page__details .notion-page__properties-layout { width: 100%px; height: 100%; min-width: 320px; padding: 16px 20px; } @media (max-width: 546px) { .super-navbar__menu { background: rgb(19 8 32 / 94%) !important; min-width: 70%; min-height: 80%; } 1c:["$","body",null,{"children":[["$","$L1f",null,{"settings":{"siteId":"2d3f3ac7-9f52-4804-a0f0-9a2483906e69","userId":"890531eb-265a-445c-ac7a-fa2841f5b7ba","domainName":"cyberdelic-nexus-core.super.site","name":"Cyberdelic Nexus Core","active":true,"free":false,"tier":"personal","favicon":"https://assets.super.so/2d3f3ac7-9f52-4804-a0f0-9a2483906e69/uploads/favicon/4dd99f8d-8d53-4f56-a04a-41695c95c894.png","fontFamily":"Inter","legacyTheme":null,"language":"en","languages":[],"notionPage":"fcaca8b319674e74bd81db6c99638a3a","indexPageId":"2d3f3ac7-9f52-4804-a0f0-9a2483906e69:::9fc20b87-cb57-43a5-97ec-07c09e81f8a7","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":true,"advancedSearch":false,"themeToggle":false,"mondayFirst":true,"loadLimits":true,"hidePersonInfo":true,"showPropertyIcons":true,"filterRedirectsFromSearch":false,"redirectSubdomain":null,"noIndex":true,"viewsExceeded":false,"pagesExceeded":false,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"navbar":{"type":"hidden","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":"fe6334a4-bea1-42f4-a695-018cfa1e64aa","type":"page","label":"Home","link":"/","pageId":"2d3f3ac7-9f52-4804-a0f0-9a2483906e69:::9fc20b87-cb57-43a5-97ec-07c09e81f8a7","icon":"Home","list":[]}],"logo":{"type":"image","width":180,"fontSize":16,"textContent":"Cyberdelic Nexus Core","imageContent":"https://assets.super.so/2d3f3ac7-9f52-4804-a0f0-9a2483906e69/uploads/logo/d0f761db-c411-45f7-9b81-097e57cd7e51.png","imageContentDark":"https://assets.super.so/2d3f3ac7-9f52-4804-a0f0-9a2483906e69/uploads/logo/eca530fc-97d3-495c-88a7-1e5bb7ac4df1.png","disabled":false},"cta":{"type":"page","label":"","link":"/","pageId":""},"isSticky":false,"breadcrumbs":false},"footer":{"type":"none","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[],"logo":{"type":"image","width":151,"fontSize":16,"textContent":"Cyberdelic Nexus Core","imageContent":"https://assets.super.so/2d3f3ac7-9f52-4804-a0f0-9a2483906e69/uploads/logo/72a24a4d-b7c3-40ea-8bdc-53427f7de0bd.png","imageContentDark":null,"disabled":true},"socials":[],"footnote":"","divider":true},"sidebar":{"enabled":true,"links":[{"id":"9b6c9ec2-07b2-45bb-bc48-ea7e23617e15","type":"page","label":"Home","link":"/","pageId":"2d3f3ac7-9f52-4804-a0f0-9a2483906e69:::9fc20b87-cb57-43a5-97ec-07c09e81f8a7","icon":"Orbit","list":[]},{"id":"944ed539-d0a5-4f59-bed0-cf3b4280dd84","type":"page","label":"Cyberdelics","link":"/cyberdelics","pageId":"2d3f3ac7-9f52-4804-a0f0-9a2483906e69:::286cde01-f33b-4440-b48a-436cd7ab6378","icon":"Component","list":[]},{"id":"375d6263-a08a-42c1-bbbc-d285b1403290","type":"page","label":"Knowledge Bank","link":"/cyberdelic-knowledge-bank","pageId":"2d3f3ac7-9f52-4804-a0f0-9a2483906e69:::f5e4cca8-835c-46c7-a50b-3554bcb01c2a","icon":"FileBox","list":[]},{"id":"81948eeb-d55f-4b06-9fe8-78ac67d1fb90","type":"page","label":"Events","link":"/cyberdelic-events","pageId":"2d3f3ac7-9f52-4804-a0f0-9a2483906e69:::7df673bb-7e18-4cc9-a437-ff77d73490f0","icon":"Component","list":[]},{"id":"6d584806-692c-44b8-b461-8b13311705b0","type":"page","label":"RoadMap","link":"/roadmap","pageId":"2d3f3ac7-9f52-4804-a0f0-9a2483906e69:::b17b3825-dadb-422f-b091-62aac723c308","icon":"Map","description":"","list":[]},{"id":"9afe4494-0e44-40c0-a52b-2874de8a1435","type":"list","label":"Blogs & News","icon":"Shapes","list":[{"id":"1b8524d9-5ae7-4e1e-9e82-02036b4fd483","type":"page","label":"Cyberdelic Nexus Newsletter","link":"/newsletter","pageId":"2d3f3ac7-9f52-4804-a0f0-9a2483906e69:::21b63870-9617-415c-99d9-a80d9458e5b0","icon":"Newspaper","list":[]},{"id":"e6721cb9-da19-42ab-9340-4eefde4fc185","type":"page","label":"Cyberdelic Field Notes","link":"/field-notes-from-the-frontier-of-consciousness-art-technology","pageId":"2d3f3ac7-9f52-4804-a0f0-9a2483906e69:::4a3ff897-f812-47a6-b9a8-c44853ed3b2e","icon":"MountainSnow","list":[]}]},{"id":"cb5adda0-73e4-4d6e-afd2-d9f7664fba64","type":"list","label":"Participate","icon":"Sparkle","list":[{"id":"db8b5778-9cef-4bc7-8691-0004296a26ef","type":"page","label":"Local Chapters","link":"/cyberdelic-society-chapters","pageId":"2d3f3ac7-9f52-4804-a0f0-9a2483906e69:::47170079-a28d-4553-aa93-47be01ffc285","icon":"Shapes","list":[]},{"id":"b0cd1480-0258-405c-b6f2-9759febdf4b1","type":"page","label":"Contribute","link":"/contribute","pageId":"2d3f3ac7-9f52-4804-a0f0-9a2483906e69:::6869882f-dadf-4373-b2ae-a30115088cba","icon":"Waypoints","list":[]}]}],"cta":[{"id":"3452b88d-7752-4696-a296-08b4374d25df","type":"url","label":"My Dashboard","link":"https://cyberdelic.nexus/dashboard","icon":"QrCode","list":[]}],"logo":{"type":"image","width":52,"fontSize":16,"textContent":"Cyberdelic Nexus Core","imageContent":"https://assets.super.so/2d3f3ac7-9f52-4804-a0f0-9a2483906e69/uploads/logo/2a9a2da9-67ad-406f-9f0a-a01b6ed96db9.png","imageContentDark":null,"disabled":false},"searchEnabled":true},"theme":{"colorMode":"dark","layout":{"paddingLayout":0.9,"layoutMaxWidth":900,"columnSpacing":16,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":17,"pageDisplay":"flex"},"header":{"coverHeight":42,"titleAlign":"center","iconAlign":"-112px 0 0 0","display":"block"},"collectionCard":{"gap":19,"shadow":"rgba(0, 0, 0, 0.55) 0px 10px 20px -6px","coverHeightLarge":209,"coverHeightMedium":181,"coverHeightSmall":177,"titleSize":1.086,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"inline-flex"},"callout":{"iconDisplay":"block","shadow":"rgba(0, 0, 0, 0.74) 0px 10px 20px -6px"},"typography":{"primaryFont":"Poppins","secondaryFont":"Poppins","fonts":[],"baseSize":16,"titleSize":2.68,"headingSize":1.08,"quoteSize":1.22,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":73,"shadow":"rgba(0, 0, 0, 0.35) 0px 10px 20px -6px"},"footer":{"height":0},"sidebar":{"width":277,"shadow":"rgba(0, 0, 0, 0.79) 20px 0px 40px -10px"},"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":"#262626","hoverBackground":"#1A1A1A","scrollbar":{"background":"#111111","handle":"#212121","border":"#111111"},"navbar":{"text":"#f0f0f0","background":"#181818","buttonText":"#111111","buttonBackground":"#f0f0f0","hoverBackground":null},"footer":{"text":"#f0f0f0","background":"#111111","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#ebe1ff","ctaText":"#f0f0f0","background":"#111111","hoverBackground":"#2c004c","ctaBackground":"#1a0822","border":"#1F1F1F"},"database":{"cardBackground":"#1A1A1A","cardHoverBackground":"#212121","calendarWeekendBackground":"#161616"},"form":{"submitButton":{"default":"#64615b","gray":"#a8a8a8","brown":"#9A6851","orange":"#D9730D","yellow":"#e4bb72","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,78],"brown":[26,67,60],"orange":[21,63,59],"yellow":[38,55,61],"green":[175,83,58],"blue":[210,66,64],"purple":[262,84,77],"pink":[333,77,52],"red":[0,72,51]}}},"code":{"global":[{"id":"2d3f3ac7-9f52-4804-a0f0-9a2483906e69:::1001abaa-be69-4b6c-9198-0e1c57e7fe69","content":"$20"}],"head":[],"body":[{"id":"2d3f3ac7-9f52-4804-a0f0-9a2483906e69:::cdb93abb-6904-4a22-ac60-316a61968881","content":"$21"}],"style":[],"css":"$22"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":[null,"$L23","$L24","$L25","$L26"]}],"$L27"]}]

Websites

Cyberdelic Knowledge Bank