1f:I[868422,["/_next/static/chunks/35t5sqh5ez8k2.js","/_next/static/chunks/3cmvik1zogxvy.js","/_next/static/chunks/08ggvtkbmflwd.js","/_next/static/chunks/2igqmd-_0c3uq.js","/_next/static/chunks/3halbrm959smu.js","/_next/static/chunks/1a18tfa2g5p0b.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets.super.so/global/fonts/Slabo_13px/slabo-13px-v13-latin-ext_latin-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets.super.so/global/fonts/Quicksand/quicksand-v30-latin-ext_latin-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@700;800&display=swap","style"] :HL["https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap","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-Slabo 13px-regular",{"rel":"preload","href":"https://assets.super.so/global/fonts/Slabo_13px/slabo-13px-v13-latin-ext_latin-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Quicksand-regular",{"rel":"preload","href":"https://assets.super.so/global/fonts/Quicksand/quicksand-v30-latin-ext_latin-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link",null,{"rel":"preload","href":"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@700;800&display=swap","as":"style"}] 16:["$","link",null,{"rel":"preload","href":"https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap","as":"style"}] 17:["$","link","link-https://fonts.googleapis.com",{"rel":"preconnect","href":"https://fonts.googleapis.com"}] 18:["$","link","link-https://fonts.gstatic.com",{"rel":"preconnect","href":"https://fonts.gstatic.com","crossorigin":""}] 19:["$","link","link-https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@700;800&display=swap",{"href":"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@700;800&display=swap","rel":"stylesheet","precedence":"custom"}] 1a:["$","meta","10",{"name":"theme-color","content":"#0f766e","children":null}] 1b:["$","link","link-https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap",{"href":"https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap","rel":"stylesheet","precedence":"custom"}] 1e:T2371, /* Native SVG graphic for the gold Starter Kits navigation CTA. */ .super-navbar__cta{display:inline-flex!important;align-items:center!important;gap:7px!important} .super-navbar__cta::before{content:""!important;display:inline-block!important;flex:0 0 17px!important;width:17px!important;height:17px!important;background:#052e24!important;-webkit-mask:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/package.svg") center/contain no-repeat!important;mask:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/package.svg") center/contain no-repeat!important} /* Emoji fallback for remaining Notion icons and emoji inside headings. */ .super-content .notion-icon.text{font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif!important} .super-content :is(.notion-header__title,.notion-title){font-family:"Bricolage Grotesque","Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif!important} /* The quick-choice headings remain linked, with stable icon graphics. */ .page__index #block-77ae895eeb19430ea0b4380a7f9c6a3d .notion-quote{--oss-quick-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/sparkles.svg")} .page__index #block-77ae895eeb19430ea0b4380a7f9c6a3d .notion-quote:nth-of-type(1){--oss-quick-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/wallet.svg")} .page__index #block-77ae895eeb19430ea0b4380a7f9c6a3d .notion-quote:nth-of-type(2){--oss-quick-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/clock.svg")} .page__index #block-77ae895eeb19430ea0b4380a7f9c6a3d .notion-quote:nth-of-type(3){--oss-quick-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/sprout.svg")} .page__index #block-77ae895eeb19430ea0b4380a7f9c6a3d .notion-quote :is(h3,.notion-h3)::before{content:""!important;display:inline-block!important;width:18px!important;height:18px!important;margin-right:6px!important;vertical-align:-2px!important;background-color:#047857!important;-webkit-mask:var(--oss-quick-icon) center/contain no-repeat!important;mask:var(--oss-quick-icon) center/contain no-repeat!important} .page__index #block-77ae895eeb19430ea0b4380a7f9c6a3d .notion-quote :is(.notion-icon.text,.notion-page__icon,.notion-page-link__icon){display:none!important} /* OSSH verified SVG icon replacements for fixed homepage and landing-page callouts. */ #block-a03deac40db54855a89bf347c5cba669{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/pencil.svg");} #block-ec15bff9a15e4e9dbf1b8c664d76c15a{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/camera.svg");} #block-43055921825a473eac1a16a91ef1b17a{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/laptop.svg");} #block-784e3b8b704545d1bc194a4be7fb4c62{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/car.svg");} #block-4784d0cf32a24fa88b14370e0b719d36{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/trending-up.svg");} #block-7387a3a1e60a476cbcf0d9635c48d36d{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/wrench.svg");} #block-3f9ab601e25847338c90d935ee5c10b2{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/shopping-bag.svg");} #block-c1e777e8c13a46d88e1233782268a233{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/arrow-right.svg");} #block-c1c01ca4079643c49ed5e6b2247262af{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/shopping-cart.svg");} #block-37592ed24b244a0699c2b6a7740f5dbf{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/search.svg");} #block-a12a1af2356d408988ebc80ec98f8a90{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/briefcase-business.svg");} #block-bfc4b374b6114167ab726262b39d91e7{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/palette.svg");} #block-cf919767c56342cca981aa076b1a39c8{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/megaphone.svg");} #block-84f70707780e4b0f9a990bd0376482a0{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/toolbox.svg");} #block-7b62523ecda345c2ab550209b713a496{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/external-link.svg");} #block-d16b528d270f43e7a3f4baea1ee71a7f{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/search.svg");--ossh-ink:#facc15;} #block-404f5e5fb18380c78d18f8eae6850c94{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/globe.svg");} #block-312d2a6c453e4d3e94a801c86056c330{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/graduation-cap.svg");} #block-1ac2319588b642659fb515ea79df1322{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/book-open.svg");} #block-31b43e9870374075aac065372be4b3d0{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/rocket.svg");} #block-da365e75272e449c840b645b8e60a519{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/book-open.svg");--ossh-ink:#facc15;} #block-f8944d0fd50141148103ef6b0ecea63c{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/book-open.svg");} #block-ab8f1451547f4a1bb37f4dc062e2ca41{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/package.svg");} #block-307ed927da8742c2afe811047333d4a6{--ossh-icon:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/rocket.svg");} :is(#block-a03deac40db54855a89bf347c5cba669,#block-ec15bff9a15e4e9dbf1b8c664d76c15a,#block-43055921825a473eac1a16a91ef1b17a,#block-784e3b8b704545d1bc194a4be7fb4c62,#block-4784d0cf32a24fa88b14370e0b719d36,#block-7387a3a1e60a476cbcf0d9635c48d36d,#block-3f9ab601e25847338c90d935ee5c10b2,#block-c1e777e8c13a46d88e1233782268a233,#block-c1c01ca4079643c49ed5e6b2247262af,#block-37592ed24b244a0699c2b6a7740f5dbf,#block-a12a1af2356d408988ebc80ec98f8a90,#block-bfc4b374b6114167ab726262b39d91e7,#block-cf919767c56342cca981aa076b1a39c8,#block-84f70707780e4b0f9a990bd0376482a0,#block-7b62523ecda345c2ab550209b713a496,#block-d16b528d270f43e7a3f4baea1ee71a7f,#block-404f5e5fb18380c78d18f8eae6850c94,#block-312d2a6c453e4d3e94a801c86056c330,#block-1ac2319588b642659fb515ea79df1322,#block-31b43e9870374075aac065372be4b3d0,#block-da365e75272e449c840b645b8e60a519,#block-f8944d0fd50141148103ef6b0ecea63c,#block-ab8f1451547f4a1bb37f4dc062e2ca41,#block-307ed927da8742c2afe811047333d4a6)>.notion-callout__icon{display:inline-block!important;position:relative!important;flex:0 0 26px!important;min-width:26px!important;width:26px!important;height:26px!important;background-color:var(--ossh-ink,#047857)!important;-webkit-mask:var(--ossh-icon) center/contain no-repeat!important;mask:var(--ossh-icon) center/contain no-repeat!important} :is(#block-a03deac40db54855a89bf347c5cba669,#block-ec15bff9a15e4e9dbf1b8c664d76c15a,#block-43055921825a473eac1a16a91ef1b17a,#block-784e3b8b704545d1bc194a4be7fb4c62,#block-4784d0cf32a24fa88b14370e0b719d36,#block-7387a3a1e60a476cbcf0d9635c48d36d,#block-3f9ab601e25847338c90d935ee5c10b2,#block-c1e777e8c13a46d88e1233782268a233,#block-c1c01ca4079643c49ed5e6b2247262af,#block-37592ed24b244a0699c2b6a7740f5dbf,#block-a12a1af2356d408988ebc80ec98f8a90,#block-bfc4b374b6114167ab726262b39d91e7,#block-cf919767c56342cca981aa076b1a39c8,#block-84f70707780e4b0f9a990bd0376482a0,#block-7b62523ecda345c2ab550209b713a496,#block-d16b528d270f43e7a3f4baea1ee71a7f,#block-404f5e5fb18380c78d18f8eae6850c94,#block-312d2a6c453e4d3e94a801c86056c330,#block-1ac2319588b642659fb515ea79df1322,#block-31b43e9870374075aac065372be4b3d0,#block-da365e75272e449c840b645b8e60a519,#block-f8944d0fd50141148103ef6b0ecea63c,#block-ab8f1451547f4a1bb37f4dc062e2ca41,#block-307ed927da8742c2afe811047333d4a6)>.notion-callout__icon>*{opacity:0!important} /* Stable package icon for the Starter Kits intro heading. */ .page__explore-starter-kits #block-3eff5e5fb183809e9e9bd6e138d6df5c::before{content:""!important;display:inline-block!important;width:25px!important;height:25px!important;margin-right:9px!important;vertical-align:-3px!important;background-color:#047857!important;-webkit-mask:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/package.svg") center/contain no-repeat!important;mask:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/package.svg") center/contain no-repeat!important} /* Side Hustle Categories: ordinary public link with stable folder icon. */ .page__index #block-60ff7f866b704a5092f71172a4716862 a[href*="side-hustle-categories"]::before { content:"" !important; display:inline-block !important; width:16px !important; height:16px !important; margin-right:6px !important; vertical-align:-3px !important; background-color:#047857 !important; -webkit-mask:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/folder-open.svg") center / contain no-repeat !important; mask:url("https://cdn.jsdelivr.net/npm/lucide-static@1.57.0/icons/folder-open.svg") center / contain no-repeat !important; } 1c:["$","style","16",{"dangerouslySetInnerHTML":{"__html":"$1e"},"children":null}] 20:T25c9, 21:T13f0, 22:T102b9,@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,800&family=Figtree:wght@400;500;600;700&display=swap"); :root { --oss-emerald-dark:#052e24; --oss-emerald-deep:#064e3b; --oss-emerald:#047857; --oss-emerald-light:#10b981; --oss-teal:#0f766e; --oss-gold:#facc15; --oss-gold-soft:#fef3c7; --oss-cream:#fffdf5; --oss-mint:#ecfdf5; --oss-text:#10241f; --oss-muted:#5f6f68; --oss-card:rgba(255, 255, 255, 0.94); --oss-card-soft:rgba(248, 251, 249, 0.95); --oss-border:rgba(4, 120, 87, 0.18); --oss-border-strong:rgba(4, 120, 87, 0.32); --oss-shadow:0 10px 24px rgba(5, 46, 36, 0.08); --oss-shadow-hover:0 16px 34px rgba(5, 46, 36, 0.14); --oss-radius-sm:14px; --oss-radius-md:20px; --oss-radius-lg:26px; --oss-radius-xl:32px; --oss-content-width:1240px; --oss-wide-width:1500px; --oss-callout-padding-y:24px; --oss-callout-padding-x:26px; --oss-callout-margin:14px; --oss-column-gap:20px; --ossh-code-bg:#faf5e9; --ossh-code-text:#303b33; --ossh-code-accent:#99731b; } html { overflow-x: hidden !important; } body { background: radial-gradient(circle at top left, rgba(250, 204, 21, 0.14), transparent 30%), radial-gradient(circle at top right, rgba(16, 185, 129, 0.13), transparent 34%), linear-gradient(135deg, #f8fff7 0%, #fffdf2 45%, #ecfdf5 100%) !important; color: var(--oss-text) !important; overflow-x: hidden !important; } .notion-frame, .notion-page-scroller, .super-content, .super-content.max-width { width: 100% !important; max-width: none !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; overflow-x: hidden !important; } .notion-page { width: 100% !important; max-width: 1600px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 72px !important; padding-right: 72px !important; box-sizing: border-box !important; } .notion-page-content, .notion-page-content-inner { width: 100% !important; max-width: 1350px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } .notion-collection-page, .notion-collection-page .notion-page, .notion-collection-page .notion-page-content, .notion-collection-page .notion-page-content-inner { width: 100% !important; max-width: 1350px !important; margin-left: auto !important; margin-right: auto !important; } .notion-page-content > *, .notion-page-content-inner > * { max-width: 100% !important; box-sizing: border-box !important; } .notion-page__aside, .super-aside { display: none !important; } .notion-header, .notion-page-cover, .notion-page-cover-wrapper { width: 100% !important; max-width: 100% !important; overflow: hidden !important; } .notion-page-cover img, .notion-header img { width: 100% !important; max-width: 100% !important; object-fit: cover !important; } .notion-title { color: var(--oss-emerald-dark) !important; font-weight: 900 !important; letter-spacing: 0.035em !important; line-height: 1.05 !important; font-size: clamp(2.3rem, 4.4vw, 4.6rem) !important; margin-top: 24px !important; margin-bottom: 28px !important; text-align: center !important; } .notion-h1, .notion-h2, .notion-h3, h4.notion-heading { color: var(--oss-emerald-dark) !important; font-weight: 850 !important; letter-spacing: -0.025em !important; line-height: 1.18 !important; } .notion-h1 { font-size: clamp(1.9rem, 3vw, 3rem) !important; margin-top: 58px !important; margin-bottom: 18px !important; } .notion-h2 { font-size: clamp(1.5rem, 2.2vw, 2.1rem) !important; margin-top: 46px !important; margin-bottom: 16px !important; } .notion-h3 { font-size: clamp(1.15rem, 1.6vw, 1.45rem) !important; margin-top: 30px !important; margin-bottom: 12px !important; } h4.notion-heading { font-size: 1.25rem !important; line-height: 1.4 !important; font-weight: 800 !important; letter-spacing: -0.015em !important; margin-top: 22px !important; margin-bottom: 10px !important; } .notion-h1::after, .notion-h2::after { content: ""; display: block; width: 72px; height: 5px; margin-top: 12px; border-radius: 999px; background: linear-gradient(90deg, var(--oss-gold), var(--oss-emerald-light)); } .notion-text, .notion-list, .notion-toggle, .notion-quote, .notion-callout { color: var(--oss-text) !important; } .notion-text, .notion-list, .notion-toggle, .notion-quote { font-size: 1.06rem !important; line-height: 1.7 !important; } .notion-text strong, .notion-list strong, .notion-callout strong { color: var(--oss-emerald-dark) !important; font-weight: 800 !important; } .notion-text em, .notion-list em { color: var(--oss-teal) !important; } .notion-link, .notion-page-link, .notion-link span, .notion-page-link span { color: var(--oss-emerald) !important; font-weight: 700 !important; text-decoration: none !important; border-bottom: none !important; box-shadow: none !important; background-image: none !important; transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease !important; } .notion-link:hover, .notion-page-link:hover, .notion-link:hover span, .notion-page-link:hover span { color: var(--oss-emerald-dark) !important; text-decoration: none !important; border-bottom: none !important; box-shadow: none !important; background-image: none !important; } .notion-callout { display: flex !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; box-sizing: border-box !important; position: relative !important; overflow: hidden !important; border-radius: var(--oss-radius-lg) !important; border: 1px solid var(--oss-border) !important; background: linear-gradient(135deg, var(--oss-card), var(--oss-card-soft)) !important; box-shadow: var(--oss-shadow) !important; padding: var(--oss-callout-padding-y) var(--oss-callout-padding-x) !important; margin-top: var(--oss-callout-margin) !important; margin-bottom: var(--oss-callout-margin) !important; } .notion-callout::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 7px; background: linear-gradient(180deg, var(--oss-emerald), var(--oss-gold)); border-radius: 999px; } .notion-callout__content, .notion-callout .notion-callout__content { width: 100% !important; max-width: 100% !important; padding-left: 12px !important; box-sizing: border-box !important; } .notion-page-content > .notion-callout, .notion-page-content-inner > .notion-callout { width: 100% !important; max-width: 100% !important; } .notion-callout .notion-callout { box-shadow: 0 8px 18px rgba(5, 46, 36, 0.07) !important; margin-top: 12px !important; margin-bottom: 12px !important; } .notion-column_list { width: 100% !important; max-width: 100% !important; gap: var(--oss-column-gap) !important; align-items: stretch !important; overflow: visible !important; box-sizing: border-box !important; } .notion-column { min-width: 220px !important; max-width: 100% !important; padding: 6px !important; box-sizing: border-box !important; overflow: visible !important; } .notion-column .notion-callout { width: 100% !important; max-width: 100% !important; height: auto !important; margin-top: 8px !important; margin-bottom: 8px !important; } .notion-callout:has(.notion-column_list) { display: block !important; width: 100% !important; max-width: 100% !important; overflow: visible !important; } .notion-table_of_contents { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; border-radius: var(--oss-radius-lg) !important; background: rgba(255, 255, 255, 0.9) !important; border: 1px solid var(--oss-border) !important; box-shadow: 0 8px 20px rgba(5, 46, 36, 0.07) !important; padding: 22px 24px !important; } .notion-table_of_contents a { color: var(--oss-emerald-dark) !important; font-weight: 700 !important; text-decoration: none !important; } .notion-table_of_contents a:hover { color: var(--oss-emerald) !important; } .notion-toggle { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; border-radius: 18px !important; padding: 7px 16px !important; background: rgba(255, 255, 255, 0.72) !important; border: 1px solid rgba(4, 120, 87, 0.12) !important; margin: 7px 0 !important; } .notion-toggle:hover { background: rgba(255, 255, 255, 0.9) !important; border-color: rgba(4, 120, 87, 0.22) !important; } .notion-toggle .notion-h1, .notion-toggle .notion-h2, .notion-toggle .notion-h3, .notion-toggle h4.notion-heading { margin-top: 0 !important; margin-bottom: 0 !important; line-height: 1.2 !important; } .notion-simple-table, .notion-table, .notion-collection-table { width: 100% !important; max-width: 100% !important; border-radius: 22px !important; overflow: hidden !important; border: none !important; box-shadow: none !important; background: white !important; } .notion-simple-table th, .notion-table th, .notion-collection-table th { background: linear-gradient(135deg, var(--oss-emerald-dark), var(--oss-emerald)) !important; color: white !important; font-weight: 800 !important; } .notion-simple-table td, .notion-table td, .notion-collection-table td { color: var(--oss-text) !important; border-color: rgba(4, 120, 87, 0.14) !important; } .notion-callout:has(.notion-simple-table), .notion-callout:has(.notion-table), .notion-callout:has(.notion-collection), .notion-callout:has(.notion-gallery) { display: block !important; width: 100% !important; max-width: 100% !important; } .notion-collection, .notion-gallery, .notion-board, .notion-list-view, .notion-collection-table { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .notion-collection-card { border-radius: 24px !important; border: 1px solid var(--oss-border) !important; background: var(--oss-card) !important; box-shadow: 0 8px 20px rgba(5, 46, 36, 0.07) !important; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important; overflow: hidden !important; } .notion-collection-card:hover { transform: translateY(-3px) !important; box-shadow: var(--oss-shadow-hover) !important; border-color: var(--oss-border-strong) !important; } .notion-collection-card__content { color: var(--oss-text) !important; } .notion-collection-card__property { color: var(--oss-muted) !important; } .notion-button { background: linear-gradient(135deg, var(--oss-emerald), var(--oss-gold)) !important; color: var(--oss-emerald-dark) !important; font-weight: 850 !important; border: none !important; border-radius: 999px !important; box-shadow: 0 8px 18px rgba(4, 120, 87, 0.16) !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; } .notion-button:hover { transform: translateY(-2px) !important; box-shadow: 0 12px 24px rgba(4, 120, 87, 0.22) !important; } .notion-semantic-string .link.bg-blue { background: linear-gradient(135deg, var(--oss-emerald), var(--oss-gold)) !important; color: var(--oss-emerald-dark) !important; padding: 12px 24px !important; border-radius: 999px !important; font-weight: 850 !important; text-decoration: none !important; display: inline-block !important; text-align: center !important; transition: all 0.25s ease !important; box-shadow: 0 8px 18px rgba(4, 120, 87, 0.16) !important; } .notion-semantic-string .link.bg-blue:hover { transform: translateY(-2px) !important; box-shadow: 0 12px 24px rgba(4, 120, 87, 0.22) !important; } .super-navbar { background: rgba(255, 253, 245, 0.9) !important; backdrop-filter: blur(16px) !important; border-bottom: 1px solid rgba(4, 120, 87, 0.16) !important; } .super-navbar__item, .super-navbar__logo-text { color: var(--oss-emerald-dark) !important; font-weight: 800 !important; } .super-navbar__item:hover { color: var(--oss-emerald) !important; } .super-navbar__cta { background: linear-gradient(135deg, var(--oss-emerald), var(--oss-gold)) !important; color: var(--oss-emerald-dark) !important; border-radius: 999px !important; font-weight: 850 !important; } .super-sidebar { left: 0 !important; background: rgba(4, 120, 87, 0.78) !important; backdrop-filter: blur(14px) !important; border-right: 1px solid rgba(250, 204, 21, 0.28) !important; } .super-sidebar a, .super-sidebar__item { color: rgba(255, 255, 255, 0.9) !important; font-weight: 700 !important; } .super-sidebar a:hover, .super-sidebar__item:hover { color: var(--oss-gold) !important; } .notion-code { background: var(--ossh-code-bg) !important; color: var(--ossh-code-text) !important; border: 1px solid rgba(153, 115, 27, 0.2) !important; border-radius: 18px !important; overflow: hidden; } .notion-code pre, .notion-code code, .notion-code pre *, .notion-code code * { color: var(--ossh-code-text) !important; -webkit-text-fill-color: var(--ossh-code-text) !important; background-color: transparent !important; } .notion-code pre { white-space: pre-wrap !important; overflow-wrap: anywhere !important; line-height: 1.75 !important; } .notion-code button { color: var(--ossh-code-accent) !important; } .notion-quote { border-left: 6px solid var(--oss-gold) !important; background: rgba(254, 243, 199, 0.5) !important; padding: 20px 24px !important; border-radius: 18px !important; color: var(--oss-emerald-dark) !important; font-weight: 650 !important; } .notion-divider { border-color: rgba(4, 120, 87, 0.18) !important; margin: 22px 0 !important; } .notion-image img, .notion-asset-wrapper img { border-radius: 24px !important; box-shadow: 0 8px 20px rgba(5, 46, 36, 0.08) !important; } .notion-image, .notion-asset-wrapper { max-width: 100% !important; } .super-footer { background: linear-gradient(135deg, var(--oss-emerald-dark), var(--oss-emerald-deep)) !important; color: var(--oss-gold-soft) !important; border-top: 4px solid var(--oss-gold) !important; padding-top: 28px !important; padding-bottom: 28px !important; min-height: 0 !important; } .super-footer__content { padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; } .super-footer p, .super-footer__logo, .super-footer__links { margin-top: 8px !important; margin-bottom: 8px !important; } .super-footer a { color: var(--oss-gold) !important; font-weight: 800 !important; text-decoration: none !important; } .notion-callout *, .notion-column *, .notion-column_list *, .notion-collection *, .notion-table *, .notion-simple-table * { box-sizing: border-box !important; } .notion-page-content, .notion-page-content-inner, .notion-callout, .notion-column, .notion-column_list { overflow-wrap: break-word !important; } @media (max-width: 1200px) { :root { --oss-content-width:1080px; --oss-wide-width:1180px; } .notion-page { padding-left: 36px !important; padding-right: 36px !important; } } @media (max-width: 900px) { :root { --oss-callout-margin:12px; --oss-column-gap:12px; } .notion-page { width: 100% !important; max-width: 100% !important; padding-left: 20px !important; padding-right: 20px !important; } .notion-page-content, .notion-page-content-inner { max-width: 100% !important; } .notion-title { font-size: clamp(2rem, 10vw, 3rem) !important; text-align: left !important; } .notion-h1, .notion-h2, .notion-h3, h4.notion-heading { letter-spacing: -0.02em !important; } .notion-callout { padding: 18px 18px !important; border-radius: 22px !important; } .notion-column_list { gap: 14px !important; } .notion-column { padding: 0 !important; } .notion-page__aside, .super-aside { display: none !important; } } @media (min-width: 1500px) { .notion-page { max-width: 1700px !important; } .notion-page-content, .notion-page-content-inner { max-width: 1350px !important; } } .notion-callout .notion-page-link, .notion-callout a.notion-page-link { display: flex !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 6px 0 !important; margin: 4px 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; white-space: normal !important; overflow-wrap: normal !important; word-break: normal !important; } .notion-callout .notion-page-link span, .notion-callout .notion-link span { display: inline !important; width: auto !important; max-width: 100% !important; white-space: normal !important; overflow-wrap: normal !important; word-break: normal !important; line-height: 1.35 !important; } .notion-callout .notion-page-link__icon, .notion-callout .notion-page-link > div:first-child, .notion-callout .notion-link > div:first-child { flex: 0 0 auto !important; width: 22px !important; min-width: 22px !important; margin-right: 8px !important; } .notion-callout .notion-page-link > div:last-child, .notion-callout .notion-link > div:last-child { flex: 1 1 auto !important; min-width: 0 !important; } .notion-callout .notion-page-link:hover, .notion-callout .notion-link:hover { background: transparent !important; box-shadow: none !important; transform: none !important; color: var(--oss-emerald-dark) !important; } .notion-callout .notion-column_list { display: flex !important; width: 100% !important; gap: 18px !important; } .notion-callout .notion-column { flex: 1 1 0 !important; min-width: 260px !important; width: auto !important; max-width: none !important; } @media (max-width: 900px) { .notion-callout .notion-column_list { flex-direction: column !important; } .notion-callout .notion-column { width: 100% !important; min-width: 0 !important; } .notion-column-list:has(code):has(.notion-callout) > .notion-column:nth-child(2), .notion-column_list:has(code):has(.notion-callout) > .notion-column:nth-child(2), .notion-column-list:has(.code):has(.notion-callout) > .notion-column:nth-child(2), .notion-column_list:has(.code):has(.notion-callout) > .notion-column:nth-child(2) { transform: none !important; } } .notion-callout.border:has(.notion-simple-table), .notion-callout:has(.notion-simple-table), .notion-callout.border:has(.notion-table), .notion-callout:has(.notion-table) { border: none !important; outline: none !important; } .notion-callout:has(.notion-simple-table) .notion-simple-table, .notion-callout:has(.notion-simple-table) .notion-simple-table > table, .notion-callout:has(.notion-simple-table) .notion-simple-table > div { border: none !important; outline: none !important; box-shadow: none !important; } .notion-text .notion-link, .notion-list-item .notion-link, .notion-bulleted_list-block .notion-link, .notion-quote .notion-link, .notion-callout .notion-text .notion-link, .notion-callout .notion-list-item .notion-link, .notion-callout .notion-quote .notion-link { display: inline !important; width: auto !important; max-width: none !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; white-space: normal !important; } .notion-text .notion-semantic-string, .notion-list-item .notion-semantic-string, .notion-quote .notion-semantic-string, .notion-callout .notion-list-item .notion-semantic-string, .notion-callout .notion-quote .notion-semantic-string { display: inline !important; white-space: normal !important; word-break: break-word !important; } .notion-bookmark { display: flex !important; flex-direction: row !important; align-items: stretch !important; position: relative !important; isolation: isolate !important; width: 100% !important; min-height: 120px !important; height: auto !important; max-height: none !important; overflow: hidden !important; border: 1px solid rgba(31, 74, 61, 0.14) !important; border-radius: 18px !important; background: rgba(255, 255, 255, 0.9) !important; box-shadow: 0 8px 22px rgba(31, 74, 61, 0.06) !important; text-decoration: none !important; transition: transform 0.22s ease, box-shadow 0.22s ease !important; } .notion-bookmark:hover { transform: translateY(-2px) !important; border-color: rgba(31, 120, 83, 0.28) !important; box-shadow: 0 12px 28px rgba(31, 74, 61, 0.1) !important; } .notion-bookmark__content, .notion-bookmark > div:first-of-type { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; justify-content: center !important; position: relative !important; z-index: 2 !important; width: auto !important; min-width: 0 !important; height: auto !important; padding: 18px 22px !important; max-height: none !important; overflow: visible !important; background: transparent !important; text-align: left !important; } .notion-bookmark__title, .notion-bookmark > div:first-of-type > div:nth-child(1) { display: block !important; margin: 0 0 6px !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.35 !important; white-space: normal !important; color: var(--oss-emerald-dark) !important; } .notion-bookmark__description, .notion-bookmark > div:first-of-type > div:nth-child(2) { display: block !important; margin: 0 0 8px !important; font-size: 14px !important; line-height: 1.45 !important; height: auto !important; max-height: none !important; overflow: visible !important; white-space: normal !important; opacity: 0.78 !important; color: var(--oss-muted) !important; } .notion-bookmark__link, .notion-bookmark > div:first-of-type > div:nth-child(3) { display: block !important; font-size: 13px !important; line-height: 1.35 !important; white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; opacity: 0.72 !important; } .notion-bookmark__cover, .notion-bookmark > div:last-of-type:not(:first-of-type) { display: block !important; flex: 0 0 32% !important; order: 2 !important; position: relative !important; z-index: 1 !important; width: 32% !important; min-width: 220px !important; max-width: 360px !important; min-height: 120px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .notion-bookmark__cover img, .notion-bookmark > div:last-of-type:not(:first-of-type) img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; } .notion-bookmark > img { display: block !important; flex: 0 0 32% !important; order: 2 !important; width: 32% !important; min-width: 220px !important; max-width: 360px !important; min-height: 120px !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border-radius: 0 !important; } @media screen and (max-width: 700px) { .notion-bookmark { flex-direction: column !important; } .notion-bookmark__cover, .notion-bookmark > div:last-of-type:not(:first-of-type), .notion-bookmark > img { order: -1 !important; flex: 0 0 150px !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 150px !important; min-height: 150px !important; } .notion-bookmark__content, .notion-bookmark > div:first-of-type { width: 100% !important; padding: 16px 18px !important; } } .notion-column .notion-bookmark { flex-direction: column !important; height: auto !important; min-height: auto !important; } .notion-column .notion-bookmark__cover, .notion-column .notion-bookmark > div:not(:has(div)), .notion-column .notion-bookmark > img { order: -1 !important; flex: 0 0 140px !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 140px !important; min-height: 140px !important; } .notion-column .notion-bookmark__content, .notion-column .notion-bookmark > div:has(div) { width: 100% !important; padding: 16px 18px !important; } .notion-simple-table td a, .notion-simple-table th a, .notion-table td a, .notion-table th a, .notion-simple-table td .notion-link, .notion-simple-table th .notion-link, .notion-table td .notion-link, .notion-table th .notion-link, .notion-callout .notion-simple-table .notion-link, .notion-callout .notion-table .notion-link { display: inline !important; width: auto !important; max-width: none !important; min-width: 0 !important; flex: none !important; padding: 0 !important; margin: 0 !important; white-space: normal !important; overflow-wrap: normal !important; word-break: normal !important; vertical-align: baseline !important; } .notion-simple-table td .notion-link span, .notion-simple-table th .notion-link span, .notion-table td .notion-link span, .notion-table th .notion-link span { display: inline !important; width: auto !important; max-width: none !important; white-space: normal !important; } .notion-simple-table td .notion-semantic-string, .notion-simple-table th .notion-semantic-string, .notion-table td .notion-semantic-string, .notion-table th .notion-semantic-string { display: inline !important; } .notion-image img, .notion-asset-wrapper img, .notion-bookmark > img, .notion-bookmark__cover img, .notion-bookmark > div:last-of-type:not(:first-of-type) img { border-radius: 24px !important; } .notion-simple-table, .notion-simple-table table, table.notion-simple-table, .notion-root table:not(.notion-collection-table) { width: 100% !important; max-width: 100% !important; min-width: 100% !important; table-layout: auto !important; margin-left: 0 !important; margin-right: 0 !important; } .notion-simple-table col, .notion-simple-table colgroup { width: auto !important; } .notion-simple-table th, .notion-simple-table td { width: auto !important; min-width: 0 !important; max-width: none !important; white-space: normal !important; overflow-wrap: normal !important; word-break: normal !important; } .notion-simple-table th:first-child, .notion-simple-table td:first-child, .notion-simple-table th:last-child, .notion-simple-table td:last-child { width: auto !important; white-space: normal !important; } .notion-column-list:has(.notion-simple-table):has(img), .notion-column_list:has(.notion-simple-table):has(img) { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 100% !important; gap: 24px !important; align-items: flex-start !important; } .notion-column-list:has(.notion-simple-table):has(img) .notion-column:has(.notion-simple-table), .notion-column_list:has(.notion-simple-table):has(img) .notion-column:has(.notion-simple-table) { flex: 0 0 calc(75% - 12px) !important; width: calc(75% - 12px) !important; max-width: calc(75% - 12px) !important; min-width: 0 !important; padding: 0 !important; } .notion-column-list:has(.notion-simple-table):has(img) .notion-column:has(img):not(:has(.notion-simple-table)), .notion-column_list:has(.notion-simple-table):has(img) .notion-column:has(img):not(:has(.notion-simple-table)) { flex: 0 0 calc(25% - 12px) !important; width: calc(25% - 12px) !important; max-width: calc(25% - 12px) !important; min-width: 0 !important; padding: 0 !important; } .notion-column:has(.notion-simple-table) .notion-simple-table, .notion-column:has(.notion-simple-table) .notion-simple-table table { width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .notion-column:has(img):not(:has(.notion-simple-table)) img { display: block !important; width: auto !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; margin-left: auto !important; margin-right: auto !important; } @media screen and (max-width: 900px) { .notion-column-list:has(.notion-simple-table):has(img), .notion-column_list:has(.notion-simple-table):has(img) { flex-direction: column !important; } .notion-column-list:has(.notion-simple-table):has(img) .notion-column, .notion-column_list:has(.notion-simple-table):has(img) .notion-column { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } } .notion-text code, .notion-text .code, .notion-semantic-string code { display: inline-flex !important; align-items: center !important; width: fit-content !important; max-width: 100% !important; padding: 8px 16px !important; background: rgba(236, 253, 245, 0.96) !important; color: var(--oss-emerald-deep) !important; border: 1px solid rgba(4, 120, 87, 0.22) !important; border-radius: 999px !important; font-family: inherit !important; font-size: 0.88rem !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: 0.045em !important; text-transform: uppercase !important; white-space: normal !important; box-shadow: 0 4px 12px rgba(5, 46, 36, 0.05) !important; } .notion-text:has(code), .notion-text:has(.code) { margin-top: 4px !important; margin-bottom: 10px !important; } .notion-callout .notion-text:has(code), .notion-callout .notion-text:has(.code) { margin-bottom: 6px !important; } .notion-column-list:has(code):has(.notion-callout) > .notion-column:nth-child(2), .notion-column_list:has(code):has(.notion-callout) > .notion-column:nth-child(2), .notion-column-list:has(.code):has(.notion-callout) > .notion-column:nth-child(2), .notion-column_list:has(.code):has(.notion-callout) > .notion-column:nth-child(2) { transform: translateY(-15px) !important; } .notion-text code.bg-green, .notion-text .code.bg-green { background: #ecfdf5 !important; color: #065f46 !important; border-color: rgba(5, 150, 105, 0.24) !important; } .notion-text code.bg-blue, .notion-text .code.bg-blue { background: #eff6ff !important; color: #1e40af !important; border-color: rgba(59, 130, 246, 0.24) !important; } .notion-text code.bg-yellow, .notion-text .code.bg-yellow { background: #fffbeb !important; color: #92400e !important; border-color: rgba(245, 158, 11, 0.28) !important; } .notion-text code.bg-red, .notion-text .code.bg-red { background: #fff1f2 !important; color: #9f1239 !important; border-color: rgba(225, 29, 72, 0.22) !important; } .notion-text code.bg-purple, .notion-text .code.bg-purple { background: #faf5ff !important; color: #6b21a8 !important; border-color: rgba(147, 51, 234, 0.22) !important; } .notion-text code.bg-orange, .notion-text .code.bg-orange { background: #fff7ed !important; color: #9a3412 !important; border-color: rgba(234, 88, 12, 0.22) !important; } .notion-text code.bg-gray, .notion-text .code.bg-gray { background: #f8fafc !important; color: #334155 !important; border-color: rgba(100, 116, 139, 0.22) !important; } .notion-text .highlighted-background.bg-green code.code { background: #ecfdf5 !important; color: #065f46 !important; border-color: rgba(5, 150, 105, 0.24) !important; } .notion-text .highlighted-background.bg-blue code.code { background: #eff6ff !important; color: #1e40af !important; border-color: rgba(59, 130, 246, 0.24) !important; } .notion-text .highlighted-background.bg-yellow code.code { background: #fffbeb !important; color: #92400e !important; border-color: rgba(245, 158, 11, 0.28) !important; } .notion-text .highlighted-background.bg-orange code.code { background: #fff7ed !important; color: #9a3412 !important; border-color: rgba(234, 88, 12, 0.24) !important; } .notion-text .highlighted-background.bg-purple code.code { background: #faf5ff !important; color: #6b21a8 !important; border-color: rgba(147, 51, 234, 0.24) !important; } .notion-text .highlighted-background.bg-red code.code { background: #fff1f2 !important; color: #be123c !important; border-color: rgba(225, 29, 72, 0.24) !important; } .notion-text .highlighted-background.bg-pink code.code { background: #fdf2f8 !important; color: #9d174d !important; border-color: rgba(219, 39, 119, 0.22) !important; } .notion-text .highlighted-background.bg-brown code.code { background: #fdf8f3 !important; color: #7c4a2d !important; border-color: rgba(146, 94, 55, 0.24) !important; } .notion-text .highlighted-background.bg-gray code.code { background: #f8fafc !important; color: #475569 !important; border-color: rgba(100, 116, 139, 0.24) !important; } .notion-text .highlighted-color.color-default code.code { background: #f3f4f6 !important; color: #111827 !important; border-color: rgba(17, 24, 39, 0.25) !important; } .notion-simple-table td, .notion-simple-table td .notion-semantic-string { white-space: pre-line !important; } .notion-callout a.notion-link.link-mention { display: inline !important; width: auto !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; vertical-align: baseline !important; } .notion-callout a.notion-link.link-mention .notion-page__icon { margin-left: 0 !important; } @media screen and (max-width: 900px) { .notion-simple-table, .notion-table { display: block !important; width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; } .notion-simple-table table, .notion-table table { min-width: 650px !important; width: 650px !important; table-layout: auto !important; } } @media screen and (max-width: 900px) { .notion-callout .notion-column_list, .notion-callout .notion-column-list { display: flex !important; flex-direction: column !important; gap: 12px !important; } .notion-callout .notion-column { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 0 0 auto !important; } } .super-footer__logo-text, .super-footer__logo, .super-footer .super-footer__logo-text { color: var(--oss-gold-soft) !important; opacity: 0.9 !important; } .notion-callout .color-red, .notion-callout .highlighted-color.color-red, .notion-callout strong.color-red, .notion-callout .color-red strong { color: #c2413b !important; } .notion-callout .color-orange, .notion-callout .highlighted-color.color-orange { color: #b45309 !important; } .notion-callout .color-blue, .notion-callout .highlighted-color.color-blue { color: #2563eb !important; } .notion-callout .color-purple, .notion-callout .highlighted-color.color-purple { color: #7c3aed !important; } .notion-callout .highlighted-background.bg-red code.code, .notion-callout .highlighted-background.bg-red .code { background: #fff1f2 !important; color: #9f1239 !important; border-color: rgba(225, 29, 72, 0.25) !important; } .notion-callout.bg-red-light { background: linear-gradient(135deg, #fff8f7 0%, #fde9e7 100%) !important; border-color: rgba(198, 65, 59, 0.22) !important; } .notion-callout.bg-red-light::before { background: linear-gradient(180deg, #dc5a50, #f5a39b) !important; } .notion-callout.bg-yellow-light { background: linear-gradient(135deg, #fffdf5 0%, #fff2cb 100%) !important; border-color: rgba(202, 138, 4, 0.22) !important; } .notion-callout.bg-yellow-light::before { background: linear-gradient(180deg, #d4a017, #facc15) !important; } .notion-callout.bg-blue-light { background: linear-gradient(135deg, #f8fbff 0%, #e7f1ff 100%) !important; border-color: rgba(59, 130, 246, 0.2) !important; } .notion-callout.bg-blue-light::before { background: linear-gradient(180deg, #2563eb, #7dd3fc) !important; } .notion-callout.bg-green-light { background: linear-gradient(135deg, #f7fffb 0%, #e3f8ed 100%) !important; border-color: rgba(16, 185, 129, 0.2) !important; } .notion-callout.bg-green-light::before { background: linear-gradient(180deg, #047857, #34d399) !important; } .notion-callout.bg-orange-light { background: linear-gradient(135deg, #fffaf5 0%, #ffeddc 100%) !important; border-color: rgba(234, 88, 12, 0.2) !important; } .notion-callout.bg-orange-light::before { background: linear-gradient(180deg, #ea580c, #fdba74) !important; } .notion-callout.bg-brown-light { background: linear-gradient(135deg, #f5fcfb 0%, #e1f6f2 100%) !important; border-color: rgba(15, 118, 110, 0.23) !important; } .notion-callout.bg-brown-light::before { background: linear-gradient(180deg, #0f766e, #38c7b8) !important; } .notion-callout.bg-purple-light { background: linear-gradient(135deg, #fdfaff 0%, #f1e8ff 100%) !important; border-color: rgba(147, 51, 234, 0.2) !important; } .notion-callout.bg-purple-light::before { background: linear-gradient(180deg, #7c3aed, #c4b5fd) !important; } .notion-callout.bg-pink-light { background: linear-gradient(135deg, #fffafd 0%, #fce7f3 100%) !important; border-color: rgba(219, 39, 119, 0.2) !important; } .notion-callout.bg-pink-light::before { background: linear-gradient(180deg, #db2777, #f9a8d4) !important; } .notion-callout.bg-brown-light .notion-text code, .notion-callout.bg-brown-light .notion-text .code, .notion-callout.bg-brown-light .notion-semantic-string code.code { background: #e8f8f4 !important; color: #0b615d !important; border-color: rgba(15, 118, 110, 0.26) !important; } .notion-callout.bg-red-light .notion-text code, .notion-callout.bg-red-light .notion-text .code, .notion-callout.bg-red-light .notion-semantic-string code.code { background: #fff1f2 !important; color: #9f1239 !important; border-color: rgba(225, 29, 72, 0.3) !important; } .notion-text .highlighted-background:has(code), .notion-text .highlighted-background:has(.code), .notion-callout .highlighted-background:has(code), .notion-callout .highlighted-background:has(.code), .notion-semantic-string .highlighted-background:has(code), .notion-semantic-string .highlighted-background:has(.code) { background: transparent !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .notion-text .highlighted-background.bg-red:has(code), .notion-text .highlighted-background.bg-orange:has(code), .notion-text .highlighted-background.bg-yellow:has(code), .notion-text .highlighted-background.bg-green:has(code), .notion-text .highlighted-background.bg-blue:has(code), .notion-text .highlighted-background.bg-purple:has(code), .notion-text .highlighted-background.bg-pink:has(code), .notion-text .highlighted-background.bg-brown:has(code), .notion-text .highlighted-background.bg-gray:has(code), .notion-callout .highlighted-background.bg-red:has(code), .notion-callout .highlighted-background.bg-orange:has(code), .notion-callout .highlighted-background.bg-yellow:has(code), .notion-callout .highlighted-background.bg-green:has(code), .notion-callout .highlighted-background.bg-blue:has(code), .notion-callout .highlighted-background.bg-purple:has(code), .notion-callout .highlighted-background.bg-pink:has(code), .notion-callout .highlighted-background.bg-brown:has(code), .notion-callout .highlighted-background.bg-gray:has(code) { background: transparent !important; } .notion-text .highlighted-background code, .notion-text .highlighted-background .code, .notion-callout .highlighted-background code, .notion-callout .highlighted-background .code { position: relative !important; z-index: 1 !important; } @media screen and (max-width: 600px) { .notion-page { padding-left: 14px !important; padding-right: 14px !important; } .notion-callout { padding: 16px 16px !important; border-radius: 18px !important; } .notion-callout__content, .notion-callout .notion-callout__content { padding-left: 9px !important; } .notion-h1 { margin-top: 34px !important; } .notion-h2 { margin-top: 28px !important; } .notion-h3 { margin-top: 22px !important; } .notion-column_list, .notion-column-list { gap: 12px !important; } .notion-column { min-width: 0 !important; width: 100% !important; } .notion-bookmark__cover, .notion-bookmark > img { min-width: 0 !important; } } :where(.notion-link, .notion-page-link, .notion-bookmark, .notion-button, .super-navbar__item, .super-sidebar a):focus-visible { outline: 3px solid var(--oss-teal) !important; outline-offset: 3px !important; } @media (prefers-reduced-motion: reduce) { .notion-link, .notion-page-link, .notion-collection-card, .notion-bookmark, .notion-button, .super-navbar__item { transition: none !important; animation: none !important; transform: none !important; } } :root { --o-forest:#0B3325; --o-forest2:#124A36; --o-green:#14684A; --o-gold:#E3AC1C; --o-gold-l:#F0C14B; --o-mint:#E3EFE2; --o-bg:#F3F8F0; --o-ink:#10261D; --o-muted:#48604F; --o-line:#D5E3D6; } body, .super-content { background: var(--o-bg) !important; color: var(--o-ink); font-family: Figtree, system-ui, -apple-system, "Segoe UI", sans-serif !important; } .super-content h1, .super-content h2, .super-content h3 { font-family: "Bricolage Grotesque", Figtree, system-ui, sans-serif !important; letter-spacing: -0.02em; line-height: 1.1; } .super-content h1 { font-size: clamp(40px, 6vw, 68px) !important; font-weight: 800 !important; } .super-content h2 { font-size: clamp(26px, 3vw, 36px) !important; font-weight: 800 !important; margin-top: 56px; } .notion-column h2 { font-size: clamp(24px, 2.6vw, 32px) !important; margin-top: 0 !important; } .super-content h3 { font-weight: 800 !important; } .super-content h2::after { content: ""; display: block; width: 56px; height: 5px; border-radius: 99px; background: var(--o-gold); margin-top: 14px; } .notion-callout h2::after { display: none; } .notion-semantic-string a { text-decoration-color: var(--o-gold); text-decoration-thickness: 2px; text-underline-offset: 3px; } .notion-divider { border-color: var(--o-line) !important; margin: 48px 0 !important; } #page-index .notion-header { display: none !important; } .super-navbar { background: var(--o-forest) !important; border-bottom: 2px solid var(--o-gold) !important; box-shadow: none !important; } .super-navbar__logo, .super-navbar__item { color: #EAF3EC !important; font-weight: 600; } .super-navbar__item:hover { color: var(--o-gold) !important; } .super-navbar__cta { background: var(--o-gold) !important; color: var(--o-ink) !important; border-radius: 999px !important; font-weight: 700 !important; } .notion-callout { border-radius: 20px !important; box-shadow: none; transition: transform 0.15s, box-shadow 0.15s, background 0.15s; } .notion-column-list .notion-callout { height: 100%; } .notion-callout.bg-green-light { background: radial-gradient(700px 320px at 92% 0%, rgba(227, 172, 28, 0.3), transparent 60%), linear-gradient(160deg, var(--o-forest), var(--o-forest2)) !important; border: 0 !important; padding: clamp(28px, 5vw, 64px) !important; } .notion-callout.bg-green-light :is(h1, h2, h3, p, li, .notion-text) { color: #EAF3EC !important; } .notion-callout.bg-green-light h1 { color: #fff !important; } .notion-callout.bg-green-light p { font-size: 19px; color: #CFE2D6 !important; max-width: 36em; } .notion-callout.bg-yellow-light { position: relative; width: fit-content !important; background: var(--o-gold) !important; border: 0 !important; border-radius: 14px !important; padding: 13px 30px !important; margin: 10px 0 !important; } .notion-callout.bg-yellow-light:hover { transform: translateY(-2px); background: var(--o-gold-l) !important; } .notion-callout.bg-yellow-light .notion-callout__icon { display: none !important; } .notion-callout.bg-yellow-light * { color: var(--o-ink) !important; font-weight: 700 !important; text-decoration: none !important; margin: 0 !important; } .notion-callout.bg-yellow-light a::after { content: ""; position: absolute; inset: 0; border-radius: 14px; } .notion-callout.bg-yellow-light:has(h1, h2, h3) { width: 100% !important; border-radius: 20px !important; padding: clamp(28px, 5vw, 56px) !important; margin: 0 !important; } .notion-callout.bg-yellow-light:has(h1, h2, h3):hover { transform: none; background: var(--o-gold) !important; } .notion-callout.bg-yellow-light:has(h1, h2, h3) a::after { display: none; } .notion-callout.bg-gray-light { background: #fff !important; border: 1px solid var(--o-line) !important; border-left: 6px solid var(--o-gold) !important; padding: 22px 24px !important; box-shadow: 0 6px 18px rgba(11, 51, 37, 0.06); } .notion-callout.bg-gray-light:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(11, 51, 37, 0.12); } .notion-callout.bg-gray-light h2 { margin: 0 !important; font-size: clamp(34px, 4vw, 48px) !important; color: var(--o-green) !important; } .notion-callout.bg-gray-light h3 { margin: 0 0 4px !important; font-size: 20px !important; } .notion-callout.bg-gray-light h1 { margin: 0 !important; font-size: clamp(40px, 5vw, 56px) !important; color: var(--o-green) !important; } .notion-callout.bg-gray-light p, .notion-callout.bg-gray-light .notion-text { color: var(--o-muted); } .notion-callout.bg-blue-light { background: var(--o-mint) !important; border: 0 !important; padding: clamp(24px, 4vw, 48px) !important; } .notion-callout.bg-blue-light h2 { margin-top: 0 !important; } .notion-callout.bg-orange-light { background: linear-gradient(135deg, var(--o-gold), var(--o-gold-l)) !important; border: 0 !important; text-align: center; padding: clamp(32px, 6vw, 72px) !important; } .notion-callout.bg-orange-light :is(h1, h2, h3, p) { color: var(--o-ink) !important; margin-top: 0; } .notion-callout.bg-orange-light .notion-callout.bg-yellow-light { background: var(--o-forest) !important; margin: 18px auto 0 !important; } .notion-callout.bg-orange-light .notion-callout.bg-yellow-light * { color: #fff !important; } .notion-callout__icon span { font-size: 28px !important; } .notion-collection-gallery { grid-gap: 18px !important; } .notion-collection-card { border: 1px solid var(--o-line) !important; border-radius: 20px !important; overflow: hidden; background: #fff; box-shadow: none !important; transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s; } .notion-collection-card:hover { transform: translateY(-4px); border-color: var(--o-gold) !important; box-shadow: 0 14px 30px rgba(11, 51, 37, 0.14) !important; } .notion-collection-card__cover { position: relative; } .notion-collection-card__cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11, 51, 37, 0.05), rgba(11, 51, 37, 0.4)); pointer-events: none; } .notion-collection-card__cover img { filter: saturate(0.85); } .notion-property__title { font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: 18px; } .notion-toggle { background: #fff; border: 2px solid var(--o-line); border-radius: 14px; padding: 12px 16px; margin: 8px 0; transition: border-color 0.15s; } .notion-toggle:hover { border-color: var(--o-gold); } .notion-toggle:has(> details[open]), .notion-toggle[open] { border-color: var(--o-green); background: var(--o-mint); } .notion-column .notion-image img { border-radius: 20px; box-shadow: 0 14px 34px rgba(11, 51, 37, 0.18); } .super-footer { background: var(--o-forest) !important; color: #B9D0C2 !important; border-top: 2px solid var(--o-gold); } .super-footer a { color: var(--o-gold) !important; font-weight: 600; } @media (max-width: 640px) { .notion-callout.bg-green-light, .notion-callout.bg-blue-light, .notion-callout.bg-orange-light { border-radius: 16px !important; } .super-content h2 { margin-top: 44px; } } @media (prefers-reduced-motion: reduce) { * { transition: none !important; } } .notion-button, .notion-button:hover, .notion-button:focus, .notion-button:active { background: transparent !important; background-image: none !important; box-shadow: none !important; } a.notion-button__content, .notion-button__content { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: 10px 20px !important; border: none !important; border-radius: 999px !important; background-image: none !important; font-weight: 800 !important; text-decoration: none !important; transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important; } a.notion-button__content[href*="26df5e5fb183802f92a5fa5a103e986d"], .notion-button__content[href*="26df5e5fb183802f92a5fa5a103e986d"] { background: #16805f !important; color: #ffffff !important; box-shadow: 0 7px 16px rgba(22, 128, 95, 0.2) !important; } a.notion-button__content[href*="26df5e5fb183802f92a5fa5a103e986d"] *, .notion-button__content[href*="26df5e5fb183802f92a5fa5a103e986d"] * { color: #ffffff !important; } a.notion-button__content[href*="3eff5e5fb18380fdb0f2d1d9509beba3"], .notion-button__content[href*="3eff5e5fb18380fdb0f2d1d9509beba3"] { background: #f2c500 !important; color: #14352b !important; box-shadow: 0 7px 16px rgba(242, 197, 0, 0.22) !important; } a.notion-button__content[href*="3eff5e5fb18380fdb0f2d1d9509beba3"] *, .notion-button__content[href*="3eff5e5fb18380fdb0f2d1d9509beba3"] * { color: #14352b !important; } a.notion-button__content[href*="26df5e5fb183802f92a5fa5a103e986d"]:hover, .notion-button__content[href*="26df5e5fb183802f92a5fa5a103e986d"]:hover { transform: translateY(-2px) !important; filter: brightness(1.04) !important; box-shadow: 0 10px 22px rgba(22, 128, 95, 0.28) !important; } a.notion-button__content[href*="3eff5e5fb18380fdb0f2d1d9509beba3"]:hover, .notion-button__content[href*="3eff5e5fb18380fdb0f2d1d9509beba3"]:hover { transform: translateY(-2px) !important; filter: brightness(1.02) !important; box-shadow: 0 10px 22px rgba(242, 197, 0, 0.3) !important; } .notion-callout:has(a[href*="26cf5e5fb183807ab022e0c6f2725a76"]) { position: relative !important; cursor: pointer !important; transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important; } .notion-callout:has(a[href*="26cf5e5fb183807ab022e0c6f2725a76"]) a[href*="26cf5e5fb183807ab022e0c6f2725a76"]::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 5 !important; border-radius: inherit !important; } .notion-callout:has(a[href*="26cf5e5fb183807ab022e0c6f2725a76"]):hover { transform: translateY(-3px) !important; box-shadow: 0 12px 26px rgba(5, 46, 36, 0.12) !important; border-color: rgba(4, 120, 87, 0.28) !important; } .notion-callout:has(a[href*="26cf5e5fb183807ab022e0c6f2725a76"]) > * { position: relative !important; z-index: 6 !important; pointer-events: none !important; } .notion-callout:has(a[href*="26cf5e5fb183807ab022e0c6f2725a76"]) a { pointer-events: auto !important; } .notion-callout.bg-yellow .notion-button, .notion-callout.bg-yellow-light .notion-button, .notion-callout.bg-orange-light .notion-button { min-height: 44px !important; padding: 10px 22px !important; box-shadow: 0 6px 14px rgba(5, 46, 36, 0.16) !important; } .notion-callout.bg-yellow .notion-button:hover, .notion-callout.bg-yellow-light .notion-button:hover, .notion-callout.bg-orange-light .notion-button:hover { box-shadow: 0 9px 18px rgba(5, 46, 36, 0.2) !important; } .notion-callout:has(a[href*="26cf5e5fb183807ab022e0c6f2725a76"]) { position: relative !important; cursor: pointer !important; isolation: isolate !important; transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important; } .notion-callout:has(a[href*="26cf5e5fb183807ab022e0c6f2725a76"]) * { pointer-events: none !important; } .notion-callout:has(a[href*="26cf5e5fb183807ab022e0c6f2725a76"]) a[href*="26cf5e5fb183807ab022e0c6f2725a76"] { position: relative !important; z-index: 20 !important; pointer-events: auto !important; } .notion-callout:has(a[href*="26cf5e5fb183807ab022e0c6f2725a76"]) a[href*="26cf5e5fb183807ab022e0c6f2725a76"]::after { content: "" !important; position: absolute !important; inset: -999px !important; z-index: 999 !important; pointer-events: auto !important; } .notion-callout:has(a[href*="26cf5e5fb183807ab022e0c6f2725a76"]) { overflow: hidden !important; } .notion-callout:has(a[href*="26cf5e5fb183807ab022e0c6f2725a76"]):hover { transform: translateY(-3px) !important; border-color: rgba(4, 120, 87, 0.3) !important; box-shadow: 0 14px 28px rgba(5, 46, 36, 0.12) !important; } .notion-callout:has(a[href*="26cf5e5fb183807ab022e0c6f2725a76"]):hover a[href*="26cf5e5fb183807ab022e0c6f2725a76"] { color: var(--oss-emerald-dark, #052e24) !important; } .notion-callout.bg-pink-light { position: relative !important; cursor: pointer !important; background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 249, 0.96)) !important; border: 1px solid rgba(4, 120, 87, 0.18) !important; border-radius: 20px !important; box-shadow: 0 8px 20px rgba(5, 46, 36, 0.07) !important; overflow: hidden !important; transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important; } .notion-callout.bg-pink-light::before { background: linear-gradient(180deg, var(--oss-emerald, #047857), var(--oss-gold, #facc15)) !important; } .notion-callout.bg-pink-light, .notion-callout.bg-pink-light * { color: inherit; } .notion-callout.bg-pink-light a { position: static !important; } .notion-callout.bg-pink-light a::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 50 !important; cursor: pointer !important; } .notion-callout.bg-pink-light:hover { transform: translateY(-3px) !important; border-color: rgba(4, 120, 87, 0.32) !important; box-shadow: 0 14px 30px rgba(5, 46, 36, 0.12) !important; } .notion-callout.bg-pink-light a { color: var(--oss-emerald, #047857) !important; font-weight: 800 !important; } body:not(:has(#page-index)) :is(.notion-page-cover, .notion-page-cover-wrapper, .notion-header__cover) { height: clamp(320px, 40vw, 650px) !important; min-height: clamp(320px, 40vw, 650px) !important; max-height: none !important; aspect-ratio: auto !important; overflow: hidden !important; background-size: cover !important; background-position: center center !important; } body:not(:has(#page-index)) :is(.notion-page-cover, .notion-page-cover-wrapper, .notion-header__cover) img { display: block !important; width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover !important; object-position: center center !important; } @media (max-width: 900px) { body:not(:has(#page-index)) :is(.notion-page-cover, .notion-page-cover-wrapper, .notion-header__cover) { height: clamp(200px, 40vw, 400px) !important; min-height: clamp(200px, 40vw, 400px) !important; } } @media (max-width: 600px) { body:not(:has(#page-index)) :is(.notion-page-cover, .notion-page-cover-wrapper, .notion-header__cover) { height: clamp(155px, 40vw, 240px) !important; min-height: clamp(155px, 40vw, 240px) !important; } } .super-content h1.notion-heading, .super-content .notion-h1 { font-size: clamp(2.2rem, 3vw, 2.5rem) !important; line-height: 1.2 !important; letter-spacing: -0.025em !important; } .super-content h2.notion-heading, .super-content .notion-h2 { font-size: clamp(1.9rem, 2.4vw, 2.25rem) !important; line-height: 1.25 !important; } .super-content h3.notion-heading, .super-content .notion-h3 { font-size: clamp(1.5rem, 1.85vw, 1.8rem) !important; line-height: 1.3 !important; } .super-content .notion-callout.bg-green-light h1.notion-heading, .super-content .notion-callout.bg-green-light .notion-h1 { font-size: clamp(40px, 6vw, 68px) !important; } .super-content .notion-callout.bg-gray-light h1.notion-heading, .super-content .notion-callout.bg-gray-light .notion-h1 { font-size: clamp(40px, 5vw, 56px) !important; } .super-content .notion-callout.bg-gray-light h2.notion-heading, .super-content .notion-callout.bg-gray-light .notion-h2 { font-size: clamp(34px, 4vw, 48px) !important; } .super-content details.notion-toggle > summary.notion-toggle__summary, .super-content .notion-toggle > .notion-toggle__summary { font-size: clamp(1.6rem, 1.85vw, 1.72rem) !important; line-height: 1.35 !important; font-weight: 700 !important; } .super-content .notion-toggle > .notion-toggle__summary :is(.notion-semantic-string, .notion-heading, h1, h2, h3, .notion-h1, .notion-h2, .notion-h3) { font-size: inherit !important; line-height: inherit !important; } @media screen and (max-width: 900px) { .super-content h1.notion-heading, .super-content .notion-h1 { font-size: 1.85rem !important; } .super-content h2.notion-heading, .super-content .notion-h2 { font-size: 1.6rem !important; } .super-content h3.notion-heading, .super-content .notion-h3 { font-size: 1.3rem !important; } .super-content details.notion-toggle > summary.notion-toggle__summary, .super-content .notion-toggle > .notion-toggle__summary { font-size: 1.3rem !important; line-height: 1.35 !important; } .super-content .notion-callout.bg-green-light h1.notion-heading, .super-content .notion-callout.bg-green-light .notion-h1 { font-size: clamp(2.65rem, 11vw, 3.8rem) !important; } .super-content .notion-callout.bg-gray-light h1.notion-heading, .super-content .notion-callout.bg-gray-light .notion-h1 { font-size: clamp(2.4rem, 5vw, 3rem) !important; } .super-content .notion-callout.bg-gray-light h2.notion-heading, .super-content .notion-callout.bg-gray-light .notion-h2 { font-size: clamp(2.15rem, 4vw, 2.8rem) !important; } } .notion-title { font-size: clamp(2rem, 3vw, 2.75rem) !important; font-weight: 900 !important; line-height: 1.18 !important; letter-spacing: -0.025em !important; text-align: center !important; margin-top: 24px !important; margin-bottom: 28px !important; } @media (max-width: 768px) { .notion-title { font-size: clamp(1.5rem, 5vw, 1.875rem) !important; line-height: 1.25 !important; text-align: center !important; } } .super-content .notion-header h1.notion-header__title, .notion-header h1.notion-header__title, h1.notion-header__title { font-size: clamp(30px, 3.2vw, 44px) !important; line-height: 1.18 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-align: center !important; } @media (max-width: 900px) { .super-content .notion-header h1.notion-header__title, .notion-header h1.notion-header__title, h1.notion-header__title { font-size: clamp(24px, 5vw, 30px) !important; line-height: 1.25 !important; } } .super-content :is(.notion-page-content, .notion-page-content-inner) h1:not(.notion-callout h1):not(.notion-toggle h1), .super-content :is(.notion-page-content, .notion-page-content-inner) .notion-h1:not(.notion-callout .notion-h1):not(.notion-toggle .notion-h1) { font-size: clamp(28px, 2.2vw, 32px) !important; line-height: 1.22 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; } @media (max-width: 900px) { .super-content :is(.notion-page-content, .notion-page-content-inner) h1:not(.notion-callout h1):not(.notion-toggle h1), .super-content :is(.notion-page-content, .notion-page-content-inner) .notion-h1:not(.notion-callout .notion-h1):not(.notion-toggle .notion-h1) { font-size: clamp(24px, 5vw, 28px) !important; } } /* ============================================================================ OSSH — DARK GREEN CALLOUT: WHITE BOLD TEXT Corrects the general .notion-callout strong dark-emerald rule while keeping bold text in nested gold call-to-action buttons dark for readability. ============================================================================ */ .super-content .notion-callout:is(.bg-green-light, .bg-green) :is(strong, b), .super-content .notion-callout:is(.bg-green-light, .bg-green) :is(strong, b) * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Nested gold CTAs on green panels retain their dark lettering. */ .super-content .notion-callout:is(.bg-green-light, .bg-green) .notion-callout:is(.bg-blue, .bg-blue-light, .bg-yellow, .bg-yellow-light) :is(strong, b), .super-content .notion-callout:is(.bg-green-light, .bg-green) .notion-callout:is(.bg-blue, .bg-blue-light, .bg-yellow, .bg-yellow-light) :is(strong, b) * { color: #052e24 !important; -webkit-text-fill-color: #052e24 !important; } /* ============================================================================ OSSH — REMOVE DECORATIVE YELLOW HEADING UNDERLINES Removes CSS-generated bars beneath Notion H1/H2 headings sitewide. Does not change heading text or link underlines. ============================================================================ */ .notion-h1::after, .notion-h2::after, .super-content h1.notion-heading::after, .super-content h2::after { content: none !important; display: none !important; } /* super-mcp managed styles — edited by the Super assistant; safe to delete blocks */ /* mcp:style:starter-kit-large-cover */ main[id^=page-explore-starter-kits-] .notion-header.page .notion-header__cover { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 1983/793 !important; overflow: hidden !important; background-size: contain !important; background-position: center top !important; background-repeat: no-repeat !important; } /* /mcp:style:starter-kit-large-cover */ /* mcp:style:starter-kit-cover-image */ main[id^=page-explore-starter-kits-] .notion-header.page .notion-header__cover img { display: block !important; width: 100% !important; height: 100% !important; max-height: none !important; object-fit: contain !important; object-position: center top !important; } /* /mcp:style:starter-kit-cover-image */ /* mcp:style:starter-kit-header-width */ main[id^=page-explore-starter-kits-] .notion-header.page { width: 100% !important; max-width: none !important; overflow: visible !important; } /* /mcp:style:starter-kit-header-width */ /* OSSH: Hide Super's floating table-of-contents strip on all pages. */ .super-floating-toc { display: none !important; } /* mcp:style:contact-hide-empty-cover */ .page__contact .notion-header__cover { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* /mcp:style:contact-hide-empty-cover */ /* mcp:style:contact-compact-header */ .page__contact .notion-header.page { height: auto !important; min-height: 0 !important; max-height: none !important; margin-top: 0 !important; padding-top: 20px !important; padding-bottom: 8px !important; } /* /mcp:style:contact-compact-header */ /* mcp:style:categories-remove-page-cover */ .page__side-hustle-categories .notion-header__cover { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* /mcp:style:categories-remove-page-cover */ /* mcp:style:about-us-hide-empty-cover */ .page__about-us .notion-header__cover { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* /mcp:style:about-us-hide-empty-cover */ /* mcp:style:about-us-compact-header */ .page__about-us .notion-header.page { height: auto !important; min-height: 0 !important; max-height: none !important; margin-top: 0 !important; padding-top: 24px !important; padding-bottom: 12px !important; } /* /mcp:style:about-us-compact-header */ /* mcp:style:side-hustles-hide-cover */ .page__side-hustles-expanded .notion-header__cover { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* /mcp:style:side-hustles-hide-cover */ /* mcp:style:side-hustles-compact-header */ .page__side-hustles-expanded .notion-header { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* /mcp:style:side-hustles-compact-header */ /* mcp:style:starter-kits-hide-empty-cover */ .page__explore-starter-kits .notion-header__cover { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* /mcp:style:starter-kits-hide-empty-cover */ /* mcp:style:starter-kits-compact-header */ .page__explore-starter-kits .notion-header.page { height: auto !important; min-height: 0 !important; max-height: none !important; margin-top: 0 !important; padding-top: 20px !important; padding-bottom: 12px !important; } /* /mcp:style:starter-kits-compact-header */ /* mcp:style:resources-hide-empty-cover */ .page__resources-page .notion-header__cover { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* /mcp:style:resources-hide-empty-cover */ /* mcp:style:resources-compact-header */ .page__resources-page .notion-header.page { height: auto !important; min-height: 0 !important; max-height: none !important; margin-top: 0 !important; padding-top: 20px !important; padding-bottom: 12px !important; } /* /mcp:style:resources-compact-header */1d:["$","body",null,{"children":[["$","$L1f",null,{"settings":{"siteId":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2","storageProvider":"B2","userId":"9031fff5-99be-48e0-9d59-1c1918550dbf","domainName":"onestopsidehustles.com","name":"OneStopSideHustles","active":true,"free":false,"tier":"personal","favicon":"https://assets.super.so/e5f8886a-a8c7-4a8b-afca-7ebca47a9de2/uploads/favicon/79486119-3155-49e9-8ef1-629812bc3820","fontFamily":"Inter","legacyTheme":null,"language":"en","defaultImage":"https://assets.super.so/e5f8886a-a8c7-4a8b-afca-7ebca47a9de2/uploads/cover/dc8e73a2-b895-49a5-b4b0-fc484febbfc3.png","languages":[],"notionPage":"403f5e5fb18381fbb0f5d832ad536b24","indexPageId":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2:::e264c9ee-eae9-4e66-8e87-393ac504a243","pageProperties":false,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":false,"floatingTableOfContents":false,"siteSearch":true,"notionSource":"public","advancedSearch":false,"themeToggle":false,"mondayFirst":false,"loadLimits":true,"disableLoadMore":false,"hidePersonInfo":true,"showPropertyIcons":true,"filterRedirectsFromSearch":false,"hideProtectedPagesFromSitemap":false,"cookieConsent":{"enabled":true,"policyUrl":"https://onestopsidehustles.com/about-us/privacy-policy","position":"box","texts":[],"categories":{"preferences":true,"statistics":true,"marketing":true}},"redirectSubdomain":null,"canonicalDomain":null,"noIndex":false,"contentSource":null,"viewsExceeded":false,"pagesExceeded":true,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"passwordConfigured":false,"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":"64087313-934c-4a19-8991-ef1217c5c610","type":"page","label":"Home","link":"/","pageId":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2:::e264c9ee-eae9-4e66-8e87-393ac504a243","icon":"","list":[]},{"id":"4449c2f1-2f28-4c89-ac58-d0f1e3c4039b","type":"page","label":"Resources","link":"/resources-page","pageId":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2:::2568781a-b0a8-4468-bc57-993cd5bb354a","icon":"","description":"","list":[]},{"id":"78d3da43-ff43-48cd-befd-96388cceceb3","type":"page","label":"Side Hustles","link":"/side-hustles-expanded","pageId":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2:::9bcd33a8-4d5e-4477-a349-2c88abcd53b3","icon":"","list":[]},{"id":"e7ace0b6-4d27-433b-9ad1-4f7c01fd2402","type":"page","label":"Starter Kits","link":"/explore-starter-kits","pageId":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2:::437cdb3e-d6df-47a1-b4f3-7dfc712a83a7","icon":"","description":"","list":[]}],"logo":{"type":"image","width":108,"fontSize":16,"textContent":"OneStopSideHustles","imageContent":"https://assets.super.so/e5f8886a-a8c7-4a8b-afca-7ebca47a9de2/uploads/logo/ac6e9c87-f8e6-4a2b-94d8-0fa2e31ec887.png","imageContentDark":null,"disabled":false},"cta":{"type":"url","label":"Explore Starter Kits","link":"https://onestopsidehustles.super.site/explore-starter-kits"},"isSticky":true,"breadcrumbs":true},"footer":{"type":"floating","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[{"id":"8fc8ac85-9562-4beb-be82-b47b5abbabe5","type":"page","label":"Side Hustles","link":"/side-hustles-expanded","pageId":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2:::9bcd33a8-4d5e-4477-a349-2c88abcd53b3","list":[]},{"id":"ad162ba8-f109-40df-abbc-7406e7916dba","type":"page","label":"Starter Kits","link":"/explore-starter-kits","pageId":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2:::437cdb3e-d6df-47a1-b4f3-7dfc712a83a7","list":[]},{"id":"bc829a48-9f49-4cce-ad07-8e7eb6c444ae","type":"page","label":"Resources","link":"/resources-page","pageId":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2:::2568781a-b0a8-4468-bc57-993cd5bb354a","list":[]},{"id":"f20686bc-9bdb-4007-9e7b-c48140d105ec","type":"page","label":"Blogs / Learning","link":"/blogs-learning","pageId":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2:::a54bc91a-3462-47fd-9c65-9695c1e7e76e","list":[]},{"id":"3aaa8470-cc92-4cb4-9ea6-50c568c3dfe6","type":"page","label":"Contact Us","link":"/contact","pageId":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2:::bb606e09-acc5-4d9f-89ca-dcb7f059589c","list":[]},{"id":"5dd44a54-acf2-43b7-a6ca-c0eae82e676c","type":"page","label":"Terms of Use","link":"/about-us/terms-of-use","pageId":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2:::1a41474b-f142-4faf-86fc-33fc82f5a804","list":[]},{"id":"1265a129-ff51-4ef9-aefd-c98427aa752b","type":"page","label":"Privacy Policy","link":"/about-us/privacy-policy","pageId":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2:::d36208e6-72c6-4e58-832b-49e8fb6b7b10","list":[]},{"id":"d70e56a6-1501-4577-af3b-ff1eb74c804e","type":"page","label":"Affiliate Disclosure","link":"/affiliate-disclosure","pageId":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2:::9783b48a-7012-4e2c-82c1-acc493431ebb","list":[]},{"id":"d22ede92-35d5-4044-ad6b-b0ddec303537","type":"page","label":"About Us","link":"/about-us","pageId":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2:::bbbbfd7d-0974-4aa0-a13f-ab3f63205a08","list":[]}],"logo":{"type":"image","width":49,"fontSize":16,"textContent":"OneStopSideHustles","imageContent":"https://assets.super.so/e5f8886a-a8c7-4a8b-afca-7ebca47a9de2/uploads/logo/07ce191f-234f-478a-b94d-f2b69b0e8b9e.png","imageContentDark":null,"disabled":false},"socials":[],"footnote":"Some OSSH links may earn us a commission when you purchase or sign up. See our Affiliate Disclosure.","divider":false},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":{"colorMode":"light","layout":{"paddingLayout":0.9,"layoutMaxWidth":1100,"columnSpacing":46,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":33,"pageDisplay":"none"},"header":{"coverHeight":82,"titleAlign":"center","iconAlign":"-112px 0 0 0","display":"block"},"collectionCard":{"gap":0,"shadow":"rgba(0, 0, 0, 1) 0px 4px 8px -2px","coverHeightLarge":218,"coverHeightMedium":196,"coverHeightSmall":132,"titleSize":0.933,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"none"},"callout":{"iconDisplay":"block","shadow":"rgba(0, 0, 0, 0.12) 0px 4px 8px -2px"},"typography":{"primaryFont":"Slabo 13px","secondaryFont":"Quicksand","fonts":[],"baseSize":16,"titleSize":2.5,"headingSize":1,"quoteSize":1.2,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":63,"shadow":"rgba(0, 0, 0, 0.61) 0px 10px 20px -6px"},"footer":{"height":0},"sidebar":{"width":216,"shadow":"rgba(0, 0, 0, 0.6) 10px 0px 20px -6px"},"colors":{"light":{"text":"#37352F","textLight":"#7d7c78","background":"#9fc2e1","borderColor":"#E9E9E7","checkboxBackground":"#3c4cac","hoverBackground":"#efefef","scrollbar":{"background":"#93908a","handle":"#ffffff","border":"#E8E8E8"},"navbar":{"text":"#37352F","background":"#e1c670","buttonText":"#ffffff","buttonBackground":"#06955b","hoverBackground":null},"footer":{"text":"#37352F","background":"#ecd381","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#3aa180","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#a7c3db","cardHoverBackground":"#d4cbdd","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":"#e1e1e1","textLight":"#9b9b9b","background":"#191919","borderColor":"#373737","checkboxBackground":"#2EAADC","hoverBackground":"#292929","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#e1e1e1","background":"#093700","buttonText":"#93f63d","buttonBackground":"#e1e1e1","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#e1e1e1","ctaText":"#e1e1e1","background":"#191919","hoverBackground":"#292929","ctaBackground":"#191919","border":"#373737"},"database":{"cardBackground":"#212121","cardHoverBackground":"#292929","calendarWeekendBackground":"#202020"},"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,61],"brown":[18,35,58],"orange":[25,54,53],"yellow":[38,54,54],"green":[146,32,47],"blue":[217,50,58],"purple":[270,55,62],"pink":[329,57,58],"red":[1,69,60]}}},"code":{"global":[{"id":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2:::cf4c7150-b664-4d3b-977e-b2e11adf976f","content":"$20"}],"head":[],"body":[{"id":"e5f8886a-a8c7-4a8b-afca-7ebca47a9de2:::6ea72264-912a-4b79-90a1-1b6581daf504","content":"$21"}],"style":[],"css":"$22"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":["$L23",null,"$L24","$L25","$L26","$L27","$L28"]}],"$L29"]}]

Selling Digital & Physical Products

Guides in this category

💡Side Hustles

💡
Side Hustles