</div></article></main><style> html { font-size: 15px; } </style></div><script>$RC("B:1","S:1")</script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[339756,[\"/_next/static/chunks/ebe94f77d09738d4.js\"],\"default\"]\n3:I[837457,[\"/_next/static/chunks/ebe94f77d09738d4.js\"],\"default\"]\n7:I[897367,[\"/_next/static/chunks/ebe94f77d09738d4.js\"],\"OutletBoundary\"]\n8:\"$Sreact.suspense\"\na:I[897367,[\"/_next/static/chunks/ebe94f77d09738d4.js\"],\"ViewportBoundary\"]\nc:I[897367,[\"/_next/static/chunks/ebe94f77d09738d4.js\"],\"MetadataBoundary\"]\ne:I[168027,[\"/_next/static/chunks/ebe94f77d09738d4.js\"],\"default\"]\n:HC[\"/\",\"\"]\n:HL[\"/_next/static/chunks/a6f6a374fbd656c4.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"KCBOwQTSWizDI5xnxNIbU\",\"c\":[\"\",\"main\",\"sakuradorobo.jp\",\"cycle\",\"lab\",\"prompt\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"main\",{\"children\":[[\"site\",\"sakuradorobo.jp\",\"d\"],{\"children\":[[\"page\",\"cycle/lab/prompt\",\"oc\"],{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true]}]}],[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/577eb1a463d78ebc.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/a780b24ab0a489d8.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/f34d2f9863b097b3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/4a28739bddf43e4e.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/d5aa2260883503fb.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/dda126a55cdaa311.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L4\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$L5\",[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L6\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/a6f6a374fbd656c4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/d6c000e070635229.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/da4bc25ca90a0b0f.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/4865ec5a4f346388.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@9\"}]}]]}],{},null,false,false]},null,false,false]},null,false,false]},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Ld\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"f:I[208077,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\",\"/_next/static/chunks/d6c000e070635229.js\",\"/_next/static/chunks/da4bc25ca90a0b0f.js\",\"/_next/static/chunks/4865ec5a4f346388.js\"],\"ErrorPage\"]\n5:[\"$\",\"$Lf\",null,{\"type\":\"notfound\"}]\n"])</script><script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"10:T12b8,"])</script><script>self.__next_f.push([1,"\n @font-face {\n font-family: \"Merriweather\";\n font-style: normal;\n font-weight: 400;\n src: url(\"https://assets-v2.super.so/global/fonts/Merriweather/merriweather-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot\"); /* IE9 Compat Modes */\n \n src: local(\"\"),\n url(\"https://assets-v2.super.so/global/fonts/Merriweather/merriweather-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix\")\n format(\"embedded-opentype\"),\n /* IE6-IE8 */\n url(\"https://assets-v2.super.so/global/fonts/Merriweather/merriweather-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\")\n format(\"woff2\"),\n /* Super Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Merriweather/merriweather-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff\")\n format(\"woff\"),\n /* Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Merriweather/merriweather-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf\")\n format(\"truetype\"),\n /* Safari, Android, iOS */\n url(\"https://assets-v2.super.so/global/fonts/Merriweather/merriweather-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Merriweather\")\n format(\"svg\"); /* Legacy iOS */\n \n }\n \n @font-face {\n font-family: \"Merriweather\";\n font-style: normal;\n font-weight: 700;\n src: url(\"https://assets-v2.super.so/global/fonts/Merriweather/merriweather-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.eot\"); /* IE9 Compat Modes */\n \n src: local(\"\"),\n url(\"https://assets-v2.super.so/global/fonts/Merriweather/merriweather-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix\")\n format(\"embedded-opentype\"),\n /* IE6-IE8 */\n url(\"https://assets-v2.super.so/global/fonts/Merriweather/merriweather-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\")\n format(\"woff2\"),\n /* Super Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Merriweather/merriweather-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.woff\")\n format(\"woff\"),\n /* Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Merriweather/merriweather-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf\")\n format(\"truetype\"),\n /* Safari, Android, iOS */\n url(\"https://assets-v2.super.so/global/fonts/Merriweather/merriweather-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Merriweather\")\n format(\"svg\"); /* Legacy iOS */\n \n }\n \n @font-face {\n font-family: \"Arvo\";\n font-style: normal;\n font-weight: 400;\n src: url(\"https://assets-v2.super.so/global/fonts/Arvo/arvo-v20-latin-regular.eot\"); /* IE9 Compat Modes */\n \n src: local(\"\"),\n url(\"https://assets-v2.super.so/global/fonts/Arvo/arvo-v20-latin-regular.eot?#iefix\")\n format(\"embedded-opentype\"),\n /* IE6-IE8 */\n url(\"https://assets-v2.super.so/global/fonts/Arvo/arvo-v20-latin-regular.woff2\")\n format(\"woff2\"),\n /* Super Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Arvo/arvo-v20-latin-regular.woff\")\n format(\"woff\"),\n /* Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Arvo/arvo-v20-latin-regular.ttf\")\n format(\"truetype\"),\n /* Safari, Android, iOS */\n url(\"https://assets-v2.super.so/global/fonts/Arvo/arvo-v20-latin-regular.svg#Arvo\")\n format(\"svg\"); /* Legacy iOS */\n \n }\n \n @font-face {\n font-family: \"Arvo\";\n font-style: normal;\n font-weight: 700;\n src: url(\"https://assets-v2.super.so/global/fonts/Arvo/arvo-v20-latin-700.eot\"); /* IE9 Compat Modes */\n \n src: local(\"\"),\n url(\"https://assets-v2.super.so/global/fonts/Arvo/arvo-v20-latin-700.eot?#iefix\")\n format(\"embedded-opentype\"),\n /* IE6-IE8 */\n url(\"https://assets-v2.super.so/global/fonts/Arvo/arvo-v20-latin-700.woff2\")\n format(\"woff2\"),\n /* Super Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Arvo/arvo-v20-latin-700.woff\")\n format(\"woff\"),\n /* Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Arvo/arvo-v20-latin-700.ttf\")\n format(\"truetype\"),\n /* Safari, Android, iOS */\n url(\"https://assets-v2.super.so/global/fonts/Arvo/arvo-v20-latin-700.svg#Arvo\")\n format(\"svg\"); /* Legacy iOS */\n \n }\n "])</script><script>self.__next_f.push([1,"4:[\"$\",\"html\",null,{\"lang\":\"ja\",\"dir\":\"ltr\",\"className\":\"theme-light\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"https://assets.super.so/fc9f9f08-9bd4-4f39-8d1e-b249640e1f29/uploads/favicon/fc4dd9ad-b54d-4b25-aa5a-e1f509239bd6.jpg\"}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n const html = document.getElementsByTagName(\\\"html\\\")[0];\\n try {\\n const colorPreference = localStorage\\n ? localStorage.getItem(\\\"color-preference\\\")\\n : null;\\n\\n if (true) {\\n html.classList.remove(\\\"theme-light\\\");\\n }\\n \\n if (true \u0026\u0026 colorPreference \u0026\u0026 html) {\\n html.classList.add(\\\"theme-\\\" + colorPreference);\\n } else {\\n html.classList.add(\\\"theme-light\\\");\\n }\\n } catch (e) {\\n console.log('ERROR themeEffect', e)\\n html.classList.add(\\\"theme-light\\\");\\n }\\n\"}}],[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$10\"}}],\"$L11\",\"$L12\",\"$L13\",[\"$L14\",\"$L15\",\"$L16\",\"$L17\",\"$L18\",\"$L19\",\"$L1a\"],[\"$L1b\",\"$L1c\",\"$L1d\",\"$L1e\",\"$L1f\"]]}],\"$L20\"]}]\n"])</script><script>self.__next_f.push([1,"21:I[868422,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\"],\"SiteProvider\"]\n:HL[\"/styles/static.css\",\"style\"]\n:HL[\"/styles/notion.css\",\"style\"]\n:HL[\"/styles/super.css\",\"style\"]\n:HL[\"https://assets-v2.super.so/global/fonts/Merriweather/merriweather-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Merriweather/merriweather-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Arvo/arvo-v20-latin-regular.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Arvo/arvo-v20-latin-700.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://sites.super.so/snippets/v2/view-picker.css\",\"style\"]\n:HL[\"https://sites.super.so/snippets/v2/lightbox.css\",\"style\"]\n:HL[\"https://sites.super.so/snippets/v2/toggles.css\",\"style\"]\n11:[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/styles/static.css\"}]\n12:[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/styles/notion.css\"}]\n13:[\"$\",\"link\",null,{\"rel\":\"stylesheet\",\"href\":\"/styles/super.css\"}]\n14:[\"$\",\"link\",\"font-preload-Merriweather-regular\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Merriweather/merriweather-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n15:[\"$\",\"link\",\"font-preload-Merriweather-700\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Merriweather/merriweather-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n16:[\"$\",\"link\",\"font-preload-Arvo-regular\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Arvo/arvo-v20-latin-regular.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n17:[\"$\",\"link\",\"font-preload-Arvo-700\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Arvo/arvo-v20-latin-700.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n18:[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"https://sites.super.so/snippets/v2/view-picker.css\",\"as\":\"style\"}]\n19:[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"https://sites.super.so/snippets/v2/lightbox.css\",\"as\":\"style\"}]\n1a:[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"https://sites.super.so/snippets/v2/toggles.css\",\"as\":\"style\"}]\n1b:[\"$\",\"script\",\"2\",{\"async\":true,\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-VXMWF5N68L\",\"children\":null}]\n1c:[\"$\",\"script\",\"4\",{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n\\n gtag('config', 'G-VXMWF5N68L');\\n\"},\"children\":null}]\n1d:[\"$\",\"link\",\"link-https://sites.super.so/snippets/v2/view-picker.css\",{\"rel\":\"stylesheet\",\"href\":\"https://sites.super.so/snippets/v2/view-picker.css\"}]\n1e:[\"$\",\"link\",\"link-https://sites.super.so/snippets/v2/lightbox.css\",{\"rel\":\"stylesheet\",\"href\":\"https://sites.super.so/snippets/v2/lightbox.css\"}]\n1f:[\"$\",\"link\",\"link-https://sites.super.so/snippets/v2/toggles.css\",{\"rel\":\"stylesheet\",\"href\":\"https://sites.super.so/snippets/v2/toggles.css\"}]\n22:Tbc2,"])</script><script>self.__next_f.push([1,"@charset \"UTF-8\";\n/* Google Fonts 読み込み */\n@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900\u0026display=swap\");\n/* 2. 基本設定 */\n:root {\n --picker-active-bg-color: var(--color-ui-hover-bg) !important;\n --picker-active-text-color: var(--color-text-default) !important;\n --picker-active-border-color: var(--color-ui-hover-bg) !important;\n --picker-border-color: var(--color-border-default) !important;\n --picker-text-color: var(--color-text-gray) !important;\n --picker-border-radius: var(--border-radii-layout) !important;\n --picker-hover-bg-color: var(--color-ui-hover-bg) !important;\n --picker-hover-text-color: var(--color-text-default) !important;\n --picker-hover-border-color: var(--color-border-default) !important;\n}\n\nbody {\n font-family: \"Noto Sans JP\", sans-serif !important;\n}\n\n/* 1. ギャラリーの横スクロール設定 */\n.notion-collection-gallery {\n display: flex !important;\n flex-wrap: nowrap !important;\n overflow-x: auto !important;\n overflow-y: hidden !important;\n scroll-snap-type: x mandatory !important;\n -webkit-overflow-scrolling: touch;\n /* 右側に少し余白を作ることで、最後のカードが端に張り付かないようにします */\n padding: 10px 5vw 20px 0 !important;\n gap: 16px !important;\n margin-top: 0 !important;\n}\n\n/* 2. カードのサイズ調整（チラ見せ設定） */\n.notion-collection-card {\n /* PCで2枚半〜3枚程度が見えるサイズ（チラ見せ効果） */\n flex: 0 0 310px !important;\n max-width: 310px !important;\n scroll-snap-align: start !important;\n border: none !important;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;\n transition: transform 0.2s ease !important;\n background: var(--color-bg-default) !important;\n border-radius: 12px !important;\n overflow: hidden !important;\n}\n\n/* 3. 画像サイズを 16:9 に固定（幅310pxに対して高さ174px） */\n.notion-collection-card__cover,\n.notion-collection-card-cover {\n height: 174px !important;\n min-height: 174px !important;\n max-height: 174px !important;\n}\n\n.notion-collection-card__cover img,\n.notion-collection-card-cover img {\n object-fit: cover !important;\n width: 100% !important;\n height: 100% !important;\n}\n\n/* 4. モバイル表示でのチラ見せ調整 */\n@media (max-width: 768px) {\n .notion-collection-card {\n /* 画面幅の80%にすることで、右側に次のカードが20%はみ出して見えます */\n flex: 0 0 80% !important;\n max-width: 80% !important;\n }\n .notion-collection-card__cover,\n .notion-collection-card-cover {\n height: 150px !important;\n }\n}\n/* 5. ヘッダーカバー画像の設定（維持） */\n.notion-header__cover {\n max-width: 900px !important;\n margin: 20px auto !important;\n width: 100% !important;\n}\n\n.notion-header__cover img {\n border-radius: 12px;\n object-fit: cover !important;\n}\n:root {\n --primary-font: \"Noto Sans JP\", sans-serif !important;\n --secondary-font: \"Noto Sans JP\", sans-serif !important;\n}"])</script><script>self.__next_f.push([1,"20:[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L21\",null,{\"settings\":{\"siteId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29\",\"userId\":\"17d472d4-931d-47fc-87c1-51f2c8af7230\",\"domainName\":\"sakuradorobo.jp\",\"name\":\"桜泥棒Project\",\"active\":true,\"free\":false,\"tier\":\"personal\",\"favicon\":\"https://assets.super.so/fc9f9f08-9bd4-4f39-8d1e-b249640e1f29/uploads/favicon/fc4dd9ad-b54d-4b25-aa5a-e1f509239bd6.jpg\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"ja\",\"languages\":[],\"notionPage\":\"9c67ea4245664b0eb3e01a769f002d66\",\"indexPageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::eeba9d8b-338e-4c9b-944f-43d1fe0dff7b\",\"pageProperties\":true,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"siteSearch\":true,\"advancedSearch\":false,\"themeToggle\":true,\"mondayFirst\":true,\"loadLimits\":true,\"hidePersonInfo\":true,\"showPropertyIcons\":true,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"cacheTTL\":0,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":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\":\"f2f26d82-0a9a-4313-8803-e206cbf8c929\",\"type\":\"page\",\"label\":\"更新情報\",\"link\":\"/update\",\"pageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::948ea4f8-0678-42a4-93ab-bbe6d06214ef\",\"list\":[]},{\"id\":\"9fa241ef-6965-4043-9016-c12fdfff6cac\",\"type\":\"page\",\"label\":\"PROJECT管理\",\"link\":\"/projectmgmt\",\"pageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::40d652ba-7992-4803-837f-8951eeefe472\",\"list\":[]},{\"id\":\"9b343b0c-263a-4f93-a885-7cf9ba61e228\",\"type\":\"page\",\"label\":\"桜泥棒CYCLE\",\"link\":\"/cycle\",\"pageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::c6f055d9-a9c7-4968-b33d-573a4c74b6cf\",\"list\":[]},{\"id\":\"972efabd-7360-4a3d-b64f-01c61656a73f\",\"type\":\"page\",\"label\":\"桜泥棒BEER\",\"link\":\"/beer\",\"pageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::bcc22c1e-2c5c-4b48-a7b6-a7605db1c157\",\"list\":[]},{\"id\":\"41ae5336-fc43-4eb3-9a88-639df652331c\",\"type\":\"page\",\"label\":\"BLOG\",\"link\":\"/blog\",\"pageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::bc0722be-06e7-4334-8ddf-0b48d148b122\",\"list\":[]},{\"id\":\"5c183f91-ada8-4b85-b920-b81b4afbfc26\",\"type\":\"page\",\"label\":\"CONTACT\",\"link\":\"/contact\",\"pageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::5e10d51e-21ae-4c97-8a15-da89958527a3\",\"list\":[]}],\"logo\":{\"type\":\"text\",\"width\":90,\"fontSize\":16,\"textContent\":\"桜泥棒PROJECT\",\"imageContent\":null,\"imageContentDark\":null,\"disabled\":false},\"cta\":{\"type\":\"page\",\"label\":\"\",\"link\":\"\",\"pageId\":\"\"},\"isSticky\":true,\"breadcrumbs\":true},\"footer\":{\"type\":\"stack\",\"style\":{\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\"},\"links\":[],\"logo\":{\"type\":\"text\",\"width\":90,\"fontSize\":16,\"textContent\":\"桜泥棒PROJECT\",\"imageContent\":\"https://assets.super.so/fc9f9f08-9bd4-4f39-8d1e-b249640e1f29/uploads/logo/1067c11a-2d95-4b4f-97e6-f26081a5619a.jpg\",\"imageContentDark\":null,\"disabled\":false},\"socials\":[{\"type\":\"facebook\",\"link\":\"https://www.facebook.com/sakuradorocycle/\"},{\"type\":\"twitter\",\"link\":\"https://twitter.com/sakuradorocycle\"},{\"type\":\"instagram\",\"link\":\"https://www.instagram.com/sakuradorocycle/\"},{\"type\":\"facebook\",\"link\":\"https://www.facebook.com/sakuradorobo\"},{\"type\":\"twitter\",\"link\":\"https://twitter.com/sakuradorobo\"},{\"type\":\"instagram\",\"link\":\"https://www.instagram.com/sakuradorobo/\"}],\"footnote\":\"\",\"divider\":false},\"sidebar\":{\"enabled\":false,\"links\":[],\"cta\":[],\"logo\":null,\"searchEnabled\":true},\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":0.6,\"layoutMaxWidth\":1000,\"columnSpacing\":50,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":5,\"pageDisplay\":\"flex\"},\"header\":{\"coverHeight\":30,\"titleAlign\":\"left\",\"iconAlign\":\"-112px auto auto auto\",\"display\":\"block\"},\"collectionCard\":{\"gap\":10,\"shadow\":\"rgba(0, 0, 0, 0.12) 0px 4px 8px -2px\",\"coverHeightLarge\":200,\"coverHeightMedium\":200,\"coverHeightSmall\":128,\"titleSize\":0.875,\"coverSizeSmall\":172,\"coverSizeMedium\":260,\"coverSizeLarge\":320,\"iconDisplay\":\"inline-flex\"},\"callout\":{\"iconDisplay\":\"block\",\"shadow\":\"rgba(0, 0, 0, 0.12) 0px 4px 8px -2px\"},\"typography\":{\"primaryFont\":\"Merriweather\",\"secondaryFont\":\"Arvo\",\"fonts\":[],\"baseSize\":15,\"titleSize\":2,\"headingSize\":1.2,\"quoteSize\":1,\"quoteSizeLarge\":1.25,\"textWeight\":400,\"headingWeight\":600},\"scrollbar\":{\"width\":15},\"navbar\":{\"height\":65,\"shadow\":\"rgba(0, 0, 0, 0.12) 0px 10px 20px -6px\"},\"footer\":{\"height\":0},\"sidebar\":{\"width\":280,\"shadow\":\"none\"},\"colors\":{\"light\":{\"text\":\"#324666\",\"textLight\":\"#324666\",\"background\":\"#F7F7F7\",\"borderColor\":\"#EDEBEB\",\"checkboxBackground\":\"#BBF6D0\",\"hoverBackground\":\"#F0EFEF\",\"scrollbar\":{\"background\":\"#F0EFEF\",\"handle\":\"#324666\",\"border\":\"#F0EFEF\"},\"navbar\":{\"text\":\"#FFFEFE\",\"background\":\"#324666\",\"buttonText\":\"#324666\",\"buttonBackground\":\"#FF816B\",\"hoverBackground\":null},\"footer\":{\"text\":\"#FFFEFE\",\"background\":\"#324666\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\"},\"sidebar\":{\"text\":\"#FFFEFE\",\"ctaText\":\"#FFFEFE\",\"background\":\"#324666\",\"hoverBackground\":\"#F0EFEF\",\"ctaBackground\":\"#324666\",\"border\":\"#EDEBEB\"},\"database\":{\"cardBackground\":\"#F9F9F9\",\"cardHoverBackground\":\"#ffffff\",\"calendarWeekendBackground\":\"#F4F4F4\"},\"default\":[45,8,20],\"gray\":[0,0,39],\"brown\":[19,41,37],\"orange\":[30,97,55],\"yellow\":[38,82,49],\"green\":[141,77,24],\"blue\":[222,63,53],\"purple\":[274,52,54],\"pink\":[328,58,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\":\"#22314A\",\"borderColor\":\"#324666\",\"checkboxBackground\":\"#FF816B\",\"hoverBackground\":\"#2C3E5B\",\"scrollbar\":{\"background\":\"#22314A\",\"handle\":\"#E67767\",\"border\":\"#22314A\"},\"navbar\":{\"text\":\"#FFFEFE\",\"background\":\"#324666\",\"buttonText\":\"#324666\",\"buttonBackground\":\"#FF816B\",\"hoverBackground\":null},\"footer\":{\"text\":\"#FFFEFE\",\"background\":\"#324666\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\"},\"sidebar\":{\"text\":\"#FFFEFE\",\"ctaText\":\"#FFFEFE\",\"background\":\"#324666\",\"hoverBackground\":\"#2C3E5B\",\"ctaBackground\":\"#324666\",\"border\":\"#324666\"},\"database\":{\"cardBackground\":\"#2C3E5B\",\"cardHoverBackground\":\"#324564\",\"calendarWeekendBackground\":\"#2C3E5B\"},\"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\":[217,14,64],\"brown\":[18,35,58],\"orange\":[25,53,53],\"yellow\":[37,55,54],\"green\":[145,32,47],\"blue\":[217,50,58],\"purple\":[270,55,62],\"pink\":[329,57,58],\"red\":[1,69,60]}}},\"code\":{\"global\":[{\"id\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::72b47ec4-e9ab-4e7c-80c5-ea5b075858af\",\"content\":\"\u003c!-- Google tag (gtag.js) --\u003e\\n\u003cscript async src=\\\"https://www.googletagmanager.com/gtag/js?id=G-VXMWF5N68L\\\"\u003e\u003c/script\u003e\\n\u003cscript\u003e\\n window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n\\n gtag('config', 'G-VXMWF5N68L');\\n\u003c/script\u003e\\n\\n\u003clink rel=\\\"stylesheet\\\" href=\\\"https://sites.super.so/snippets/v2/view-picker.css\\\"\u003e\\n\\n\u003clink rel=\\\"stylesheet\\\" href=\\\"https://sites.super.so/snippets/v2/lightbox.css\\\"/\u003e\\n\\n\u003clink rel=\\\"stylesheet\\\" href=\\\"https://sites.super.so/snippets/v2/toggles.css\\\"\u003e\"}],\"head\":[],\"body\":[{\"id\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::6f5b1daa-61db-40a4-ab4d-079f21303a53\",\"content\":\"\u003cscript src=\\\"https://sites.super.so/snippets/v2/lightbox.js\\\"\u003e\u003c/script\u003e\"}],\"style\":[],\"css\":\"$22\"},\"files\":[]},\"config\":{\"assetEndpoint\":\"https://assets.super.so\",\"isPreview\":false},\"children\":[null,\"$L23\",\"$L24\"]}],\"$L25\"]}]\n"])</script><script>self.__next_f.push([1,"26:I[920494,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\"],\"ThemeProvider\"]\n2c:I[678415,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\"],\"NavigationEvents\"]\n2d:I[982642,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\"],\"LinkUpgrader\"]\n2e:I[245155,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\"],\"LightboxEnhancer\"]\n2f:I[957215,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\"],\"SpeedInsights\"]\n27:T20e5,"])</script><script>self.__next_f.push([1,"\n :root {\n /* Layout */\n --padding-layout: 0.6rem;\n --border-radii-layout: 5px;\n --border-thickness-layout: 1px;\n --border-type-layout: solid;\n --border-layout: var(--border-thickness-layout)\n var(--border-type-layout) var(--color-border-default);\n --layout-max-width: 1000px;\n --column-spacing: 50px;\n --page-display: flex;\n --padding-right: calc(env(safe-area-inset-right) + 96px);\n --padding-left: calc(env(safe-area-inset-left) + 96px);\n --padding-right-mobile: calc(env(safe-area-inset-right) + 24px);\n --padding-left-mobile: calc(env(safe-area-inset-left) + 24px);\n /* Header */\n --header-cover-height: 30vh;\n --header-title-align: start;\n --header-icon-align: -112px auto auto auto;\n --header-display: block;\n /* Collection header */\n --collection-header-border: var(--border-layout);\n /* Collection table */\n --collection-table-cell-padding: calc(var(--padding-layout) - 0.3rem)\n calc(var(--padding-layout) - 0.1rem);\n /* Collection list */\n --collection-list-item-padding: calc(var(--padding-layout) - 0.5rem);\n --collection-list-item-border-radii: calc(\n var(--border-radii-layout) - 1px\n );\n /* Collection card */\n --collection-card-padding: 0px;\n --collection-card-title-padding: 0px;\n --collection-card-content-padding: var(--padding-layout);\n --collection-card-border-radii: var(--border-radii-layout);\n --collection-card-gap: 10px;\n --collection-card-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px -2px;\n --collection-card-title-size: 0.875rem;\n --collection-card-cover-height-small: 128px;\n --collection-card-cover-size-small: 172px;\n --collection-card-cover-height-medium: 200px;\n --collection-card-cover-size-medium: 260px;\n --collection-card-cover-height-large: 200px;\n --collection-card-cover-size-large: 320px;\n --collection-card-icon-display: inline-flex;\n /* Callout */\n --callout-padding: calc(var(--padding-layout) + 0.4rem)\n calc(var(--padding-layout) + 0.4rem)\n calc(var(--padding-layout) + 0.4rem)\n calc(var(--padding-layout) + 0.1em);\n --callout-border-radii: calc(var(--border-radii-layout) - 2px);\n --callout-border: var(--border-layout);\n --callout-icon-display: block;\n --callout-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px -2px;\n /* File */\n --file-border-radii: calc(var(--border-radii-layout) - 2px);\n /* Equation */\n --equation-border-radii: calc(var(--border-radii-layout) - 2px);\n /* Divider */\n --divider-border: var(--border-layout);\n /* Quote */\n --quote-border: calc(var(--border-thickness-layout) + 2px) solid\n currentcolor;\n /* Code */\n --code-padding: calc(var(--padding-layout) + 1.4rem);\n --code-border-radii: var(--border-radii-layout);\n /* Tweet */\n --tweet-padding: calc(var(--padding-layout) + 0.65rem)\n calc(var(--padding-layout) + 0.65rem)\n calc(var(--padding-layout) + 0.05rem)\n calc(var(--padding-layout) + 0.65rem);\n --tweet-border-radii: var(--border-radii-layout);\n --tweet-border: var(--border-layout);\n /* Bookmark */\n --bookmark-padding: calc(var(--padding-layout) + 0.15rem) 0px\n calc(var(--padding-layout) + 0.025rem)\n calc(var(--padding-layout) + 0.275rem);\n --bookmark-border-radii: var(--border-radii-layout);\n --bookmark-border: var(--border-layout);\n --bookmark-image-border-radii: 0px\n calc(var(--border-radii-layout) - 1px)\n calc(var(--border-radii-layout) - 1px) 0px;\n /* Embed */\n --embed-border-radii: calc(var(--border-radii-layout) - 5px);\n /* Image */\n --image-border-radii: calc(var(--border-radii-layout) - 5px);\n /* Typography */\n --title-size: 2rem;\n --quote-size: 1rem;\n --quote-size-large: 1.25rem;\n --heading-size: 1.2rem;\n --primary-font: Merriweather, Merriweather-fallback, Helvetica, Apple Color Emoji,\n Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,\n Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,\n BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,\n sans-serif;\n --secondary-font: Arvo, Arvo-fallback, Helvetica, Apple Color Emoji,\n Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,\n Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,\n BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,\n sans-serif;\n --text-weight: 400;\n --heading-weight: 600;\n --heading1-size: calc(var(--heading-size) * 1.875);\n --heading2-size: calc(var(--heading-size) * 1.5);\n --heading3-size: calc(var(--heading-size) * 1.25);\n --heading4-size: calc(var(--heading-size) * 1);\n --heading5-size: calc(var(--heading-size) * 0.8125);\n /* Scrollbars */\n --scrollbar-width: 15px;\n /* Navbar */\n --navbar-height: 65px;\n --navbar-shadow: rgba(0, 0, 0, 0.12) 0px 10px 20px -6px;\n --navbar-button-border-radii: 50px;\n --navbar-list-width-single-column: 320px;\n --navbar-list-width: 620px;\n /*Sidebar*/\n --sidebar-width: 280px;\n --sidebar-shadow: none;\n }\n html {\n scroll-padding-top: 71px;\n }\n body {\n font-family: var(--secondary-font);\n }\n\n @charset \"UTF-8\";\n/* Google Fonts 読み込み */\n@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900\u0026display=swap\");\n/* 2. 基本設定 */\n:root {\n --picker-active-bg-color: var(--color-ui-hover-bg) !important;\n --picker-active-text-color: var(--color-text-default) !important;\n --picker-active-border-color: var(--color-ui-hover-bg) !important;\n --picker-border-color: var(--color-border-default) !important;\n --picker-text-color: var(--color-text-gray) !important;\n --picker-border-radius: var(--border-radii-layout) !important;\n --picker-hover-bg-color: var(--color-ui-hover-bg) !important;\n --picker-hover-text-color: var(--color-text-default) !important;\n --picker-hover-border-color: var(--color-border-default) !important;\n}\n\nbody {\n font-family: \"Noto Sans JP\", sans-serif !important;\n}\n\n/* 1. ギャラリーの横スクロール設定 */\n.notion-collection-gallery {\n display: flex !important;\n flex-wrap: nowrap !important;\n overflow-x: auto !important;\n overflow-y: hidden !important;\n scroll-snap-type: x mandatory !important;\n -webkit-overflow-scrolling: touch;\n /* 右側に少し余白を作ることで、最後のカードが端に張り付かないようにします */\n padding: 10px 5vw 20px 0 !important;\n gap: 16px !important;\n margin-top: 0 !important;\n}\n\n/* 2. カードのサイズ調整（チラ見せ設定） */\n.notion-collection-card {\n /* PCで2枚半〜3枚程度が見えるサイズ（チラ見せ効果） */\n flex: 0 0 310px !important;\n max-width: 310px !important;\n scroll-snap-align: start !important;\n border: none !important;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;\n transition: transform 0.2s ease !important;\n background: var(--color-bg-default) !important;\n border-radius: 12px !important;\n overflow: hidden !important;\n}\n\n/* 3. 画像サイズを 16:9 に固定（幅310pxに対して高さ174px） */\n.notion-collection-card__cover,\n.notion-collection-card-cover {\n height: 174px !important;\n min-height: 174px !important;\n max-height: 174px !important;\n}\n\n.notion-collection-card__cover img,\n.notion-collection-card-cover img {\n object-fit: cover !important;\n width: 100% !important;\n height: 100% !important;\n}\n\n/* 4. モバイル表示でのチラ見せ調整 */\n@media (max-width: 768px) {\n .notion-collection-card {\n /* 画面幅の80%にすることで、右側に次のカードが20%はみ出して見えます */\n flex: 0 0 80% !important;\n max-width: 80% !important;\n }\n .notion-collection-card__cover,\n .notion-collection-card-cover {\n height: 150px !important;\n }\n}\n/* 5. ヘッダーカバー画像の設定（維持） */\n.notion-header__cover {\n max-width: 900px !important;\n margin: 20px auto !important;\n width: 100% !important;\n}\n\n.notion-header__cover img {\n border-radius: 12px;\n object-fit: cover !important;\n}\n:root {\n --primary-font: \"Noto Sans JP\", sans-serif !important;\n --secondary-font: \"Noto Sans JP\", sans-serif !important;\n}\n "])</script><script>self.__next_f.push([1,"28:T5aa0,"])</script><script>self.__next_f.push([1,"\n html.theme-light {\n /* Gray */\n --gray-h: 0;\n --gray-s: 0%;\n --gray-l: 39%;\n --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l));\n --color-text-gray: var(--color-gray);\n --color-bg-gray: hsl(\n var(--gray-h),\n var(--gray-s),\n 88%\n );\n --color-bg-gray-light: var(--color-bg-gray);\n --color-pill-gray: hsl(\n calc(var(--gray-h) + 14),\n var(--gray-s),\n 81%\n );\n --color-pill-text-gray: hsl(\n var(--gray-h),\n var(--gray-s),\n calc(var(--gray-l) - 28%)\n );\n --color-bg-form-btn-gray: #A7A39A;\n\n /* Brown */\n --brown-h: 19;\n --brown-s: 41%;\n --brown-l: 37%;\n --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l));\n --color-text-brown: var(--color-brown);\n --color-bg-brown: hsl(\n var(--brown-h),\n var(--brown-s),\n 81%\n );\n --color-bg-brown-light: var(--color-bg-brown);\n --color-pill-brown: hsl(\n var(--brown-h),\n calc(var(--brown-s) + 10%),\n 79%\n );\n --color-pill-text-brown: hsl(\n var(--brown-h),\n calc(var(--brown-s) + 10%),\n calc(var(--brown-l) - 28%)\n );\n --color-bg-form-btn-brown: #9A6851;\n\n /* Orange */\n --orange-h: 30;\n --orange-s: 97%;\n --orange-l: 55%;\n --color-orange: hsl(\n var(--orange-h),\n var(--orange-s),\n var(--orange-l)\n );\n --color-text-orange: var(--color-orange);\n --color-bg-orange: hsl(\n var(--orange-h),\n var(--orange-s),\n 90%\n );\n --color-bg-orange-light: var(--color-bg-orange);\n --color-pill-orange: hsl(\n var(--orange-h),\n calc(var(--orange-s) - 6%),\n 90%\n );\n --color-pill-text-orange: hsl(\n calc(var(--orange-h) - 5),\n calc(var(--orange-s) - 18%),\n calc(var(--orange-l) - 28%)\n );\n --color-bg-form-btn-orange: #D9730D;\n\n /* Yellow */\n --yellow-h: 38;\n --yellow-s: 82%;\n --yellow-l: 49%;\n --color-yellow: hsl(\n var(--yellow-h),\n var(--yellow-s),\n var(--yellow-l)\n );\n --color-text-yellow: var(--color-yellow);\n --color-bg-yellow: hsl(\n var(--yellow-h),\n calc(var(--yellow-s) + 90%),\n 90%\n );\n --color-bg-yellow-light: var(--color-bg-yellow);\n --color-pill-yellow: hsl(\n calc(var(--yellow-h) + 3),\n calc(var(--yellow-s) + 24%),\n 90%\n );\n --color-pill-text-yellow: hsl(\n calc(var(--yellow-h) - 11),\n calc(var(--yellow-s) - 22%),\n calc(var(--yellow-l) - 28%)\n );\n --color-bg-form-btn-yellow: #CA922F;\n\n /* Green */\n --green-h: 141;\n --green-s: 77%;\n --green-l: 24%;\n --color-green: hsl(var(--green-h), var(--green-s), var(--green-l));\n --color-text-green: var(--color-green);\n --color-bg-green: hsl(\n var(--green-h),\n var(--green-s),\n 79%\n );\n --color-bg-green-light: var(--color-bg-green);\n --color-pill-green: hsl(\n calc(var(--green-h) - 28),\n calc(var(--green-s) + 3%),\n 74%\n );\n --color-pill-text-green: hsl(\n calc(var(--green-h) - 2),\n var(--green-s),\n calc(var(--green-l) - 22%)\n );\n --color-bg-form-btn-green: #448361;\n\n /* Blue */\n --blue-h: 222;\n --blue-s: 63%;\n --blue-l: 53%;\n --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));\n --color-text-blue: var(--color-blue);\n --color-bg-blue: hsl(\n var(--blue-h),\n var(--blue-s),\n 90%\n );\n --color-bg-blue-light: var(--color-bg-blue);\n --color-pill-blue: hsl(\n var(--blue-h),\n calc(var(--blue-s) - 5%),\n 90%\n );\n --color-pill-text-blue: hsl(\n calc(var(--blue-h) + 7),\n calc(var(--blue-s) - 6%),\n calc(var(--blue-l) - 22%)\n );\n --color-bg-form-btn-blue: #327DA9;\n\n /* Purple */\n --purple-h: 274;\n --purple-s: 52%;\n --purple-l: 54%;\n --color-purple: hsl(\n var(--purple-h),\n var(--purple-s),\n var(--purple-l)\n );\n --color-text-purple: var(--color-purple);\n --color-bg-purple: hsl(\n var(--purple-h),\n var(--purple-s),\n 90%\n );\n --color-bg-purple-light: var(--color-bg-purple);\n --color-pill-purple: hsl(\n var(--purple-h),\n calc(var(--purple-s) + 5%),\n 90%\n );\n --color-pill-text-purple: hsl(\n calc(var(--purple-h) + 1),\n calc(var(--purple-s) + 10%),\n calc(var(--purple-l) - 31%)\n );\n --color-bg-form-btn-purple: #8F64AF;\n\n /* Pink */\n --pink-h: 328;\n --pink-s: 58%;\n --pink-l: 53%;\n --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));\n --color-text-pink: var(--color-pink);\n --color-bg-pink: hsl(\n var(--pink-h),\n var(--pink-s),\n 90%\n );\n --color-bg-pink-light: var(--color-bg-pink);\n --color-pill-pink: hsl(\n var(--pink-h),\n var(--pink-s),\n 90%\n );\n --color-pill-text-pink: hsl(\n calc(var(--pink-h) + 3),\n calc(var(--pink-s) - 14%),\n calc(var(--pink-l) - 31%)\n );\n --color-bg-form-btn-pink: #C24C8B;\n\n /* Red */\n --red-h: 2;\n --red-s: 62%;\n --red-l: 55%;\n --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));\n --color-text-red: var(--color-red);\n --color-bg-red: hsl(\n var(--red-h),\n var(--red-s),\n 90%\n );\n --color-bg-red-light: var(--color-bg-red);\n --color-pill-red: hsl(\n calc(var(--red-h) + 6),\n calc(var(--red-s) + 42%),\n 90%\n );\n --color-pill-text-red: hsl(\n calc(var(--red-h) + 0),\n var(--red-s),\n calc(var(--red-l) - 32%)\n );\n --color-bg-form-btn-red: #D44E49;\n\n /*Default*/\n --default-h: 45;\n --default-s: 8%;\n --default-l: 20%;\n --color-default: hsl(\n var(--default-h),\n var(--default-s),\n var(--default-l)\n );\n --color-pill-default: hsl(\n var(--gray-h),\n var(--gray-s),\n 90%\n );\n --color-pill-text-default: hsl(\n var(--gray-h),\n var(--gray-s),\n calc(var(--gray-l) - 28%)\n );\n --color-bg-form-btn-default: #55534E;\n\n /*Other*/\n --color-text-default: #324666;\n --color-text-default-light: #324666;\n --color-bg-default: #F7F7F7;\n --color-border-default: #EDEBEB;\n --color-border-dark: var(--color-border-default);\n --color-ui-hover-bg: #F0EFEF;\n --color-card-bg: #F9F9F9;\n --color-card-bg-hover: #ffffff;\n --color-calendar-weekend-bg: #F4F4F4;\n --color-checkbox-bg: #BBF6D0;\n --color-code-bg: rgba(135,131,120,.15);\n\n /*Scrollbar*/\n --scrollbar-background-color: #F0EFEF;\n --scrollbar-thumb-color: #324666;\n --scrollbar-border-color: #F0EFEF;\n\n /*Navbar*/\n --navbar-text-color: #FFFEFE;\n --navbar-list-item-hover: rgba(255,255,255,.2);\n --navbar-background-color-hover: #233757;\n --navbar-background-color: #324666;\n --navbar-button-text-color: #324666;\n --navbar-button-background-color: #FF816B;\n --navbar-menu-background-color: var(--navbar-background-color);\n --navbar-text-color-dark: #f0efef;\n\n /*Footer*/\n --footer-text-color: #FFFEFE;\n --footer-background-color: #324666;\n\n /*Sidebar*/\n --sidebar-text-color: #FFFEFE;\n --sidebar-cta-text-color: #FFFEFE;\n --sidebar-background-color: #324666;\n --sidebar-cta-background-color: #324666;\n --sidebar-border-color: #EDEBEB;\n --sidebar-background-color-hover: #F0EFEF;\n --sidebar-text-color-dark: #f0efef;\n --sidebar-cta-background-color-hover: #F0EFEF;\n }\n\n \n /**\n * One Light theme for prism.js\n * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax\n */\n \n /**\n * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)\n * From colors.less\n * --mono-1: hsl(230, 8%, 24%);\n * --mono-2: hsl(230, 6%, 44%);\n * --mono-3: hsl(230, 4%, 64%)\n * --hue-1: hsl(198, 99%, 37%);\n * --hue-2: hsl(221, 87%, 60%);\n * --hue-3: hsl(301, 63%, 40%);\n * --hue-4: hsl(119, 34%, 47%);\n * --hue-5: hsl(5, 74%, 59%);\n * --hue-5-2: hsl(344, 84%, 43%);\n * --hue-6: hsl(35, 99%, 36%);\n * --hue-6-2: hsl(35, 99%, 40%);\n * --syntax-fg: hsl(230, 8%, 24%);\n * --syntax-bg: hsl(230, 1%, 98%);\n * --syntax-gutter: hsl(230, 1%, 62%);\n * --syntax-guide: hsla(230, 8%, 24%, 0.2);\n * --syntax-accent: hsl(230, 100%, 66%);\n * From syntax-variables.less\n * --syntax-selection-color: hsl(230, 1%, 90%);\n * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);\n * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);\n */\n \n html.theme-light code[class*=\"language-\"],\n html.theme-light pre[class*=\"language-\"] {\n color: hsl(230, 8%, 24%);\n font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n direction: ltr;\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n line-height: 1.5;\n -moz-tab-size: 2;\n -o-tab-size: 2;\n tab-size: 2;\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n }\n \n /* Selection */\n html.theme-light code[class*=\"language-\"]::-moz-selection,\n html.theme-light code[class*=\"language-\"] *::-moz-selection,\n html.theme-light pre[class*=\"language-\"] *::-moz-selection {\n background: hsl(230, 1%, 90%);\n color: inherit;\n }\n \n html.theme-light code[class*=\"language-\"]::selection,\n html.theme-light code[class*=\"language-\"] *::selection,\n html.theme-light pre[class*=\"language-\"] *::selection {\n background: hsl(230, 1%, 90%);\n color: inherit;\n }\n \n /* Code blocks */\n html.theme-light pre[class*=\"language-\"] {\n padding: 1em;\n margin: 0.5em 0;\n overflow: auto;\n border-radius: 0.3em;\n }\n \n /* Inline code */\n html.theme-light :not(pre) \u003e code[class*=\"language-\"] {\n padding: 0.2em 0.3em;\n border-radius: 0.3em;\n white-space: normal;\n }\n \n html.theme-light .token.comment,\n html.theme-light .token.prolog,\n html.theme-light .token.cdata {\n color: hsl(230, 4%, 64%);\n }\n \n html.theme-light .token.doctype,\n html.theme-light .token.punctuation,\n html.theme-light .token.entity {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .token.attr-name,\n html.theme-light .token.class-name,\n html.theme-light .token.boolean,\n html.theme-light .token.constant,\n html.theme-light .token.number,\n html.theme-light .token.atrule {\n color: hsl(35, 99%, 36%);\n }\n \n html.theme-light .token.keyword {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .token.property,\n html.theme-light .token.tag,\n html.theme-light .token.symbol,\n html.theme-light .token.deleted,\n html.theme-light .token.important {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .token.selector,\n html.theme-light .token.string,\n html.theme-light .token.char,\n html.theme-light .token.builtin,\n html.theme-light .token.inserted,\n html.theme-light .token.regex,\n html.theme-light .token.attr-value,\n html.theme-light .token.attr-value \u003e .token.punctuation {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .token.variable,\n html.theme-light .token.operator,\n html.theme-light .token.function {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .token.url {\n color: hsl(198, 99%, 37%);\n }\n \n /* HTML overrides */\n html.theme-light .token.attr-value \u003e .token.punctuation.attr-equals,\n html.theme-light .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n color: hsl(230, 8%, 24%);\n }\n \n /* CSS overrides */\n html.theme-light .language-css .token.selector {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .language-css .token.property {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-css .token.function,\n html.theme-light .language-css .token.url \u003e .token.function {\n color: hsl(198, 99%, 37%);\n }\n \n html.theme-light .language-css .token.url \u003e .token.string.url {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .language-css .token.important,\n html.theme-light .language-css .token.atrule .token.rule {\n color: hsl(301, 63%, 40%);\n }\n \n /* JS overrides */\n html.theme-light .language-javascript .token.operator {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n color: hsl(344, 84%, 43%);\n }\n \n /* JSON overrides */\n html.theme-light .language-json .token.operator {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-json .token.null.keyword {\n color: hsl(35, 99%, 36%);\n }\n \n /* MD overrides */\n html.theme-light .language-markdown .token.url,\n html.theme-light .language-markdown .token.url \u003e .token.operator,\n html.theme-light .language-markdown .token.url-reference.url \u003e .token.string {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-markdown .token.url \u003e .token.content {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .language-markdown .token.url \u003e .token.url,\n html.theme-light .language-markdown .token.url-reference.url {\n color: hsl(198, 99%, 37%);\n }\n \n html.theme-light .language-markdown .token.blockquote.punctuation,\n html.theme-light .language-markdown .token.hr.punctuation {\n color: hsl(230, 4%, 64%);\n font-style: italic;\n }\n \n html.theme-light .language-markdown .token.code-snippet {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .language-markdown .token.bold .token.content {\n color: hsl(35, 99%, 36%);\n }\n \n html.theme-light .language-markdown .token.italic .token.content {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .language-markdown .token.strike .token.content,\n html.theme-light .language-markdown .token.strike .token.punctuation,\n html.theme-light .language-markdown .token.list.punctuation,\n html.theme-light .language-markdown .token.title.important \u003e .token.punctuation {\n color: hsl(5, 74%, 59%);\n }\n \n /* General */\n html.theme-light .token.bold {\n font-weight: bold;\n }\n \n html.theme-light .token.comment,\n html.theme-light .token.italic {\n font-style: italic;\n }\n \n html.theme-light .token.entity {\n cursor: help;\n }\n \n html.theme-light .token.namespace {\n opacity: 0.8;\n }\n \n /* Plugin overrides */\n /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n \n /* Show Invisibles plugin overrides */\n html.theme-light .token.token.tab:not(:empty):before,\n html.theme-light .token.token.cr:before,\n html.theme-light .token.token.lf:before,\n html.theme-light .token.token.space:before {\n color: hsla(230, 8%, 24%, 0.2);\n }\n \n /* Toolbar plugin overrides */\n /* Space out all buttons and move them away from the right edge of the code block */\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n margin-right: 0.4em;\n }\n \n /* Styling the buttons */\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n background: hsl(230, 1%, 90%);\n color: hsl(230, 6%, 44%);\n padding: 0.1em 0.4em;\n border-radius: 0.3em;\n }\n \n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */\n color: hsl(230, 8%, 24%);\n }\n \n /* Line Highlight plugin overrides */\n /* The highlighted line itself */\n html.theme-light .line-highlight.line-highlight {\n background: hsla(230, 8%, 24%, 0.05);\n }\n \n /* Default line numbers in Line Highlight plugin */\n html.theme-light .line-highlight.line-highlight:before,\n html.theme-light .line-highlight.line-highlight[data-end]:after {\n background: hsl(230, 1%, 90%);\n color: hsl(230, 8%, 24%);\n padding: 0.1em 0.6em;\n border-radius: 0.3em;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n }\n \n /* Hovering over a linkable line number (in the gutter area) */\n /* Requires Line Numbers plugin as well */\n html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n background-color: hsla(230, 8%, 24%, 0.05);\n }\n \n /* Line Numbers and Command Line plugins overrides */\n /* Line separating gutter from coding area */\n html.theme-light .line-numbers.line-numbers .line-numbers-rows,\n html.theme-light .command-line .command-line-prompt {\n border-right-color: hsla(230, 8%, 24%, 0.2);\n }\n \n /* Stuff in the gutter */\n html.theme-light .line-numbers .line-numbers-rows \u003e span:before,\n html.theme-light .command-line .command-line-prompt \u003e span:before {\n color: hsl(230, 1%, 62%);\n }\n \n /* Match Braces plugin overrides */\n /* Note: Outline colour is inherited from the braces */\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 {\n color: hsl(301, 63%, 40%);\n }\n \n /* Diff Highlight plugin overrides */\n /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n background-color: hsla(353, 100%, 66%, 0.15);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n background-color: hsla(137, 100%, 55%, 0.15);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n \n /* Previewers plugin overrides */\n /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */\n /* Border around popup */\n html.theme-light .prism-previewer.prism-previewer:before,\n html.theme-light .prism-previewer-gradient.prism-previewer-gradient div {\n border-color: hsl(0, 0, 95%);\n }\n \n /* Angle and time should remain as circles and are hence not included */\n html.theme-light .prism-previewer-color.prism-previewer-color:before,\n html.theme-light .prism-previewer-gradient.prism-previewer-gradient div,\n html.theme-light .prism-previewer-easing.prism-previewer-easing:before {\n border-radius: 0.3em;\n }\n \n /* Triangles pointing to the code */\n html.theme-light .prism-previewer.prism-previewer:after {\n border-top-color: hsl(0, 0, 95%);\n }\n \n html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after {\n border-bottom-color: hsl(0, 0, 95%);\n }\n \n /* Background colour within the popup */\n html.theme-light .prism-previewer-angle.prism-previewer-angle:before,\n html.theme-light .prism-previewer-time.prism-previewer-time:before,\n html.theme-light .prism-previewer-easing.prism-previewer-easing {\n background: hsl(0, 0%, 100%);\n }\n \n /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n /* For time, this is the alternate colour */\n html.theme-light .prism-previewer-angle.prism-previewer-angle circle,\n html.theme-light .prism-previewer-time.prism-previewer-time circle {\n stroke: hsl(230, 8%, 24%);\n stroke-opacity: 1;\n }\n \n /* Stroke colours of the handle, direction point, and vector itself */\n html.theme-light .prism-previewer-easing.prism-previewer-easing circle,\n html.theme-light .prism-previewer-easing.prism-previewer-easing path,\n html.theme-light .prism-previewer-easing.prism-previewer-easing line {\n stroke: hsl(230, 8%, 24%);\n }\n \n /* Fill colour of the handle */\n html.theme-light .prism-previewer-easing.prism-previewer-easing circle {\n fill: transparent;\n }\n \n "])</script><script>self.__next_f.push([1,"29:T5f9f,"])</script><script>self.__next_f.push([1,"\n html.theme-dark {\n /* Gray */\n --gray-h: 217;\n --gray-s: 14%;\n --gray-l: 64%;\n --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l));\n --color-text-gray: var(--color-gray);\n --color-bg-gray: hsl(\n var(--gray-h),\n var(--gray-s),\n 17.5%\n );\n --color-bg-gray-light: hsl(\n var(--gray-h),\n var(--gray-s),\n 17.5%\n );\n --color-pill-gray: hsl(\n var(--gray-h),\n var(--gray-s),\n 38%\n );\n --color-pill-text-gray: hsl(\n var(--gray-h),\n var(--gray-s),\n calc(var(--gray-l) + 26%)\n );\n --color-bg-form-btn-gray: #A7A39A;\n\n /* Brown */\n --brown-h: 18;\n --brown-s: 35%;\n --brown-l: 58%;\n --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l));\n --color-text-brown: var(--color-brown);\n --color-bg-brown: hsl(\n var(--brown-h),\n calc(var(--brown-s) - 7%),\n 22%\n );\n --color-bg-brown-light: hsl(\n calc(var(--brown-h) - 2),\n calc(var(--brown-s) - 22%),\n 16%\n );\n --color-pill-brown: hsl(\n var(--brown-h),\n calc(var(--brown-s) + 2%),\n 27%\n );\n --color-pill-text-brown: hsl(\n var(--brown-h),\n calc(var(--brown-s) - 21%),\n calc(var(--brown-l) + 33%)\n );\n --color-bg-form-btn-brown: #9A6851;\n\n /* Orange */\n --orange-h: 25;\n --orange-s: 53%;\n --orange-l: 53%;\n --color-orange: hsl(\n var(--orange-h),\n var(--orange-s),\n var(--orange-l)\n );\n --color-text-orange: var(--color-orange);\n --color-bg-orange: hsl(\n var(--orange-h),\n calc(var(--orange-s) - 10%),\n 25%\n );\n --color-bg-orange-light: hsl(\n var(--orange-h),\n calc(var(--orange-s) - 30%),\n 17%\n );\n --color-pill-orange: hsl(\n var(--orange-h),\n calc(var(--orange-s) + 9%),\n 32%\n );\n --color-pill-text-orange: hsl(\n var(--orange-h),\n calc(var(--orange-s) - 23%),\n calc(var(--orange-l) + 33%)\n );\n --color-bg-form-btn-orange: #D9730D;\n\n /* Yellow */\n --yellow-h: 37;\n --yellow-s: 55%;\n --yellow-l: 54%;\n --color-yellow: hsl(\n var(--yellow-h),\n var(--yellow-s),\n var(--yellow-l)\n );\n --color-text-yellow: var(--color-yellow);\n --color-bg-yellow: hsl(\n var(--yellow-h),\n calc(var(--yellow-s) - 18%),\n 25%\n );\n --color-bg-yellow-light: hsl(\n var(--yellow-h),\n calc(var(--yellow-s) - 24%),\n 17%\n );\n --color-pill-yellow: hsl(\n calc(var(--yellow-h) - 1),\n calc(var(--yellow-s) + 2%),\n 35%\n );\n --color-pill-text-yellow: hsl(\n var(--yellow-h),\n calc(var(--yellow-s) - 28%),\n calc(var(--yellow-l) + 33%)\n );\n --color-bg-form-btn-yellow: #CA922F;\n\n /* Green */\n --green-h: 145;\n --green-s: 32%;\n --green-l: 47%;\n --color-green: hsl(var(--green-h), var(--green-s), var(--green-l));\n --color-text-green: var(--color-green);\n --color-bg-green: hsl(\n calc(var(--green-h) + 3),\n calc(var(--green-s) - 6%),\n 19%\n );\n --color-bg-green-light: hsl(\n var(--green-h),\n calc(var(--green-s) - 20%),\n 15%\n );\n --color-pill-green: hsl(\n calc(var(--green-h) + 1),\n calc(var(--green-s) + 3%),\n 26%\n );\n --color-pill-text-green: hsl(\n var(--green-h),\n calc(var(--green-s) - 20%),\n calc(var(--green-l) + 38%)\n );\n --color-bg-form-btn-green: #448361;\n\n /* Blue */\n --blue-h: 217;\n --blue-s: 50%;\n --blue-l: 58%;\n --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));\n --color-text-blue: var(--color-blue);\n --color-bg-blue: hsl(\n calc(var(--blue-h) - 16),\n calc(var(--blue-s) + 9%),\n 19%\n );\n --color-bg-blue-light: hsl(\n calc(var(--blue-h) + 16),\n calc(var(--blue-s) - 27%),\n 15%\n );\n --color-pill-blue: hsl(\n calc(var(--blue-h) - 3),\n calc(var(--blue-s) - 6%),\n 29%\n );\n --color-pill-text-blue: hsl(\n calc(var(--blue-h) - 5),\n calc(var(--blue-s) - 32%),\n calc(var(--blue-l) + 28%)\n );\n --color-bg-form-btn-blue: #327DA9;\n\n /* Purple */\n --purple-h: 270;\n --purple-s: 55%;\n --purple-l: 62%;\n --color-purple: hsl(\n var(--purple-h),\n var(--purple-s),\n var(--purple-l)\n );\n --color-text-purple: var(--color-purple);\n --color-bg-purple: hsl(\n calc(var(--purple-h) + 2),\n calc(var(--purple-s) - 31%),\n 23%\n );\n --color-bg-purple-light: hsl(\n calc(var(--purple-h) + 5),\n calc(var(--purple-s) - 40%),\n 17%\n );\n --color-pill-purple: hsl(\n var(--purple-h),\n calc(var(--purple-s) - 19%),\n 29%\n );\n --color-pill-text-purple: hsl(\n calc(var(--purple-h) - 3),\n calc(var(--purple-s) - 40%),\n calc(var(--purple-l) + 24%)\n );\n --color-bg-form-btn-purple: #8F64AF;\n\n /* Pink */\n --pink-h: 329;\n --pink-s: 57%;\n --pink-l: 58%;\n --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));\n --color-text-pink: var(--color-pink);\n --color-bg-pink: hsl(\n calc(var(--pink-h) + 3),\n calc(var(--pink-s) - 29%),\n 24%\n );\n --color-bg-pink-light: hsl(\n calc(var(--pink-h) + 5),\n calc(var(--pink-s) - 40%),\n 16%\n );\n --color-pill-pink: hsl(\n calc(var(--pink-h) - 2),\n calc(var(--pink-s) - 21%),\n 30%\n );\n --color-pill-text-pink: hsl(\n calc(var(--pink-h) + 4),\n calc(var(--pink-s) - 41%),\n calc(var(--pink-l) + 28%)\n );\n --color-bg-form-btn-pink: #C24C8B;\n\n /* Red */\n --red-h: 1;\n --red-s: 69%;\n --red-l: 60%;\n --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));\n --color-text-red: var(--color-red);\n --color-bg-red: hsl(\n calc(var(--red-h) + 5),\n calc(var(--red-s) - 37%),\n 24%\n );\n --color-bg-red-light: hsl(\n calc(var(--red-h) + 5),\n calc(var(--red-s) - 56%),\n 17%\n );\n --color-pill-red: hsl(\n calc(var(--red-h) + 5),\n calc(var(--red-s) - 30%),\n 31%\n );\n --color-pill-text-red: hsl(\n calc(var(--red-h) + 7),\n calc(var(--red-s) - 50%),\n calc(var(--red-l) + 24%)\n );\n --color-bg-form-btn-red: #D44E49;\n\n /*Default*/\n --default-h: 45;\n --default-s: 8%;\n --default-l: 20%;\n --color-default: hsl(\n var(--default-h),\n var(--default-s),\n var(--default-l)\n );\n --color-pill-default: hsl(\n var(--default-h),\n var(--default-s),\n -19%\n );\n --color-pill-text-default: hsl(\n var(--default-h),\n var(--default-s),\n calc(var(--default-l) + 23%)\n );\n --color-bg-form-btn-default: #55534E;\n\n /*Other*/\n --color-text-default: #E1E1E1;\n --color-text-default-light: #9B9B9B;\n --color-bg-default: #22314A;\n --color-border-default: #324666;\n --color-border-dark: var(--color-border-default);\n --color-ui-hover-bg: #2C3E5B;\n --color-card-bg: #2C3E5B;\n --color-card-bg-hover: #324564;\n --color-calendar-weekend-bg: #2C3E5B;\n --color-checkbox-bg: #FF816B;\n --color-code-bg: rgba(135,131,120,.15);\n\n /*Scrollbar*/\n --scrollbar-background-color: #22314A;\n --scrollbar-thumb-color: #E67767;\n --scrollbar-border-color: #22314A;\n\n /*Navbar*/\n --navbar-text-color: #FFFEFE;\n --navbar-list-item-hover: rgba(255,255,255,.2);\n --navbar-background-color: #324666;\n --navbar-background-color-hover: #415575;\n --navbar-button-text-color: #324666;\n --navbar-button-background-color: #FF816B;\n --navbar-menu-background-color: var(--navbar-background-color);\n --navbar-text-color-dark: #f0efef;\n\n /*Footer*/\n --footer-text-color: #FFFEFE;\n --footer-background-color: #324666;\n\n /*Sidebar*/\n --sidebar-text-color: #FFFEFE;\n --sidebar-cta-text-color: #FFFEFE;\n --sidebar-background-color: #324666;\n --sidebar-cta-background-color: #324666;\n --sidebar-border-color: #324666;\n --sidebar-background-color-hover: #2C3E5B;\n --sidebar-text-color-dark: #f0efef;\n --sidebar-cta-background-color-hover: #2C3E5B;\n }\n\n /* Calendar for dark mode */\n html.theme-dark .notion-collection-calendar__row {\n box-shadow: var(--color-border-default) -1px 0px 0px;\n }\n\n html.theme-dark .notion-collection-calendar__week-days {\n box-shadow: var(--color-border-default) 0px 1px 0px;\n }\n\n html.theme-dark .notion-collection-calendar__date {\n border-right: 1px solid var(--color-border-default);\n border-bottom: 1px solid var(--color-border-default);\n }\n\n \n /**\n * One Dark theme for prism.js\n * Based on Atom's One Dark theme: https://github.com/atom/atom/tree/master/packages/one-dark-syntax\n */\n\n /**\n * One Dark colours (accurate as of commit 8ae45ca on 6 Sep 2018)\n * From colors.less\n * --mono-1: hsl(220, 14%, 71%);\n * --mono-2: hsl(220, 9%, 55%);\n * --mono-3: hsl(220, 10%, 40%);\n * --hue-1: hsl(187, 47%, 55%);\n * --hue-2: hsl(207, 82%, 66%);\n * --hue-3: hsl(286, 60%, 67%);\n * --hue-4: hsl(95, 38%, 62%);\n * --hue-5: hsl(355, 65%, 65%);\n * --hue-5-2: hsl(5, 48%, 51%);\n * --hue-6: hsl(29, 54%, 61%);\n * --hue-6-2: hsl(39, 67%, 69%);\n * --syntax-fg: hsl(220, 14%, 71%);\n * --syntax-bg: hsl(220, 13%, 18%);\n * --syntax-gutter: hsl(220, 14%, 45%);\n * --syntax-guide: hsla(220, 14%, 71%, 0.15);\n * --syntax-accent: hsl(220, 100%, 66%);\n * From syntax-variables.less\n * --syntax-selection-color: hsl(220, 13%, 28%);\n * --syntax-gutter-background-color-selected: hsl(220, 13%, 26%);\n * --syntax-cursor-line: hsla(220, 100%, 80%, 0.04);\n */\n\n html.theme-dark code[class*=\"language-\"],\n html.theme-dark pre[class*=\"language-\"] {\n background: hsl(220, 13%, 18%);\n color: hsl(220, 14%, 71%);\n text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n direction: ltr;\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n line-height: 1.5;\n -moz-tab-size: 2;\n -o-tab-size: 2;\n tab-size: 2;\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n }\n\n /* Selection */\n html.theme-dark code[class*=\"language-\"]::-moz-selection,\n html.theme-dark code[class*=\"language-\"] *::-moz-selection,\n html.theme-dark pre[class*=\"language-\"] *::-moz-selection {\n background: hsl(220, 13%, 28%);\n color: inherit;\n text-shadow: none;\n }\n\n html.theme-dark code[class*=\"language-\"]::selection,\n html.theme-dark code[class*=\"language-\"] *::selection,\n html.theme-dark pre[class*=\"language-\"] *::selection {\n background: hsl(220, 13%, 28%);\n color: inherit;\n text-shadow: none;\n }\n\n /* Code blocks */\n html.theme-dark pre[class*=\"language-\"] {\n padding: 1em;\n margin: 0.5em 0;\n overflow: auto;\n border-radius: 0.3em;\n }\n\n /* Inline code */\n html.theme-dark :not(pre) \u003e code[class*=\"language-\"] {\n padding: 0.2em 0.3em;\n border-radius: 0.3em;\n white-space: normal;\n }\n\n /* Print */\n @media print {\n html.theme-dark code[class*=\"language-\"],\n html.theme-dark pre[class*=\"language-\"] {\n text-shadow: none;\n }\n }\n\n html.theme-dark .token.comment,\n html.theme-dark .token.prolog,\n html.theme-dark .token.cdata {\n color: hsl(220, 10%, 40%);\n }\n\n html.theme-dark .token.doctype,\n html.theme-dark .token.punctuation,\n html.theme-dark .token.entity {\n color: hsl(220, 14%, 71%);\n }\n\n html.theme-dark .token.attr-name,\n html.theme-dark .token.class-name,\n html.theme-dark .token.boolean,\n html.theme-dark .token.constant,\n html.theme-dark .token.number,\n html.theme-dark .token.atrule {\n color: hsl(29, 54%, 61%);\n }\n\n html.theme-dark .token.keyword {\n color: hsl(286, 60%, 67%);\n }\n\n html.theme-dark .token.property,\n html.theme-dark .token.tag,\n html.theme-dark .token.symbol,\n html.theme-dark .token.deleted,\n html.theme-dark .token.important {\n color: hsl(355, 65%, 65%);\n }\n\n html.theme-dark .token.selector,\n html.theme-dark .token.string,\n html.theme-dark .token.char,\n html.theme-dark .token.builtin,\n html.theme-dark .token.inserted,\n html.theme-dark .token.regex,\n html.theme-dark .token.attr-value,\n html.theme-dark .token.attr-value \u003e .token.punctuation {\n color: hsl(95, 38%, 62%);\n }\n\n html.theme-dark .token.variable,\n html.theme-dark .token.operator,\n html.theme-dark .token.function {\n color: hsl(207, 82%, 66%);\n }\n\n html.theme-dark .token.url {\n color: hsl(187, 47%, 55%);\n }\n\n /* HTML overrides */\n html.theme-dark .token.attr-value \u003e .token.punctuation.attr-equals,\n html.theme-dark .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n color: hsl(220, 14%, 71%);\n }\n\n /* CSS overrides */\n html.theme-dark .language-css .token.selector {\n color: hsl(355, 65%, 65%);\n }\n\n html.theme-dark .language-css .token.property {\n color: hsl(220, 14%, 71%);\n }\n\n html.theme-dark .language-css .token.function,\n html.theme-dark .language-css .token.url \u003e .token.function {\n color: hsl(187, 47%, 55%);\n }\n\n html.theme-dark .language-css .token.url \u003e .token.string.url {\n color: hsl(95, 38%, 62%);\n }\n\n html.theme-dark .language-css .token.important,\n html.theme-dark .language-css .token.atrule .token.rule {\n color: hsl(286, 60%, 67%);\n }\n\n /* JS overrides */\n html.theme-dark .language-javascript .token.operator {\n color: hsl(286, 60%, 67%);\n }\n\n html.theme-dark .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n color: hsl(5, 48%, 51%);\n }\n\n /* JSON overrides */\n html.theme-dark .language-json .token.operator {\n color: hsl(220, 14%, 71%);\n }\n\n html.theme-dark .language-json .token.null.keyword {\n color: hsl(29, 54%, 61%);\n }\n\n /* MD overrides */\n html.theme-dark .language-markdown .token.url,\n html.theme-dark .language-markdown .token.url \u003e .token.operator,\n html.theme-dark .language-markdown .token.url-reference.url \u003e .token.string {\n color: hsl(220, 14%, 71%);\n }\n\n html.theme-dark .language-markdown .token.url \u003e .token.content {\n color: hsl(207, 82%, 66%);\n }\n\n html.theme-dark .language-markdown .token.url \u003e .token.url,\n html.theme-dark .language-markdown .token.url-reference.url {\n color: hsl(187, 47%, 55%);\n }\n\n html.theme-dark .language-markdown .token.blockquote.punctuation,\n html.theme-dark .language-markdown .token.hr.punctuation {\n color: hsl(220, 10%, 40%);\n font-style: italic;\n }\n\n html.theme-dark .language-markdown .token.code-snippet {\n color: hsl(95, 38%, 62%);\n }\n\n html.theme-dark .language-markdown .token.bold .token.content {\n color: hsl(29, 54%, 61%);\n }\n\n html.theme-dark .language-markdown .token.italic .token.content {\n color: hsl(286, 60%, 67%);\n }\n\n html.theme-dark .language-markdown .token.strike .token.content,\n html.theme-dark .language-markdown .token.strike .token.punctuation,\n html.theme-dark .language-markdown .token.list.punctuation,\n html.theme-dark .language-markdown .token.title.important \u003e .token.punctuation {\n color: hsl(355, 65%, 65%);\n }\n\n /* General */\n html.theme-dark .token.bold {\n font-weight: bold;\n }\n\n html.theme-dark .token.comment,\n html.theme-dark .token.italic {\n font-style: italic;\n }\n\n html.theme-dark .token.entity {\n cursor: help;\n }\n\n html.theme-dark .token.namespace {\n opacity: 0.8;\n }\n\n /* Plugin overrides */\n /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n\n /* Show Invisibles plugin overrides */\n html.theme-dark .token.token.tab:not(:empty):before,\n html.theme-dark .token.token.cr:before,\n html.theme-dark .token.token.lf:before,\n html.theme-dark .token.token.space:before {\n color: hsla(220, 14%, 71%, 0.15);\n text-shadow: none;\n }\n\n /* Toolbar plugin overrides */\n /* Space out all buttons and move them away from the right edge of the code block */\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n margin-right: 0.4em;\n }\n\n /* Styling the buttons */\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n background: hsl(220, 13%, 26%);\n color: hsl(220, 9%, 55%);\n padding: 0.1em 0.4em;\n border-radius: 0.3em;\n }\n\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n background: hsl(220, 13%, 28%);\n color: hsl(220, 14%, 71%);\n }\n\n /* Line Highlight plugin overrides */\n /* The highlighted line itself */\n html.theme-dark .line-highlight.line-highlight {\n background: hsla(220, 100%, 80%, 0.04);\n }\n\n /* Default line numbers in Line Highlight plugin */\n html.theme-dark .line-highlight.line-highlight:before,\n html.theme-dark .line-highlight.line-highlight[data-end]:after {\n background: hsl(220, 13%, 26%);\n color: hsl(220, 14%, 71%);\n padding: 0.1em 0.6em;\n border-radius: 0.3em;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n }\n\n /* Hovering over a linkable line number (in the gutter area) */\n /* Requires Line Numbers plugin as well */\n html.theme-dark pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n background-color: hsla(220, 100%, 80%, 0.04);\n }\n\n /* Line Numbers and Command Line plugins overrides */\n /* Line separating gutter from coding area */\n html.theme-dark .line-numbers.line-numbers .line-numbers-rows,\n html.theme-dark .command-line .command-line-prompt {\n border-right-color: hsla(220, 14%, 71%, 0.15);\n }\n\n /* Stuff in the gutter */\n html.theme-dark .line-numbers .line-numbers-rows \u003e span:before,\n html.theme-dark .command-line .command-line-prompt \u003e span:before {\n color: hsl(220, 14%, 45%);\n }\n\n /* Match Braces plugin overrides */\n /* Note: Outline colour is inherited from the braces */\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-1,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-5,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-9 {\n color: hsl(355, 65%, 65%);\n }\n\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-2,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-6,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-10 {\n color: hsl(95, 38%, 62%);\n }\n\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-3,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-7,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-11 {\n color: hsl(207, 82%, 66%);\n }\n\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-4,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-8,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-12 {\n color: hsl(286, 60%, 67%);\n }\n\n /* Diff Highlight plugin overrides */\n /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n background-color: hsla(353, 100%, 66%, 0.15);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::selection,\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n background-color: hsla(137, 100%, 55%, 0.15);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n\n /* Previewers plugin overrides */\n /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-dark-ui */\n /* Border around popup */\n html.theme-dark .prism-previewer.prism-previewer:before,\n html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div {\n border-color: hsl(224, 13%, 17%);\n }\n\n /* Angle and time should remain as circles and are hence not included */\n html.theme-dark .prism-previewer-color.prism-previewer-color:before,\n html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div,\n html.theme-dark .prism-previewer-easing.prism-previewer-easing:before {\n border-radius: 0.3em;\n }\n\n /* Triangles pointing to the code */\n html.theme-dark .prism-previewer.prism-previewer:after {\n border-top-color: hsl(224, 13%, 17%);\n }\n\n html.theme-dark .prism-previewer-flipped.prism-previewer-flipped.after {\n border-bottom-color: hsl(224, 13%, 17%);\n }\n\n /* Background colour within the popup */\n html.theme-dark .prism-previewer-angle.prism-previewer-angle:before,\n html.theme-dark .prism-previewer-time.prism-previewer-time:before,\n html.theme-dark .prism-previewer-easing.prism-previewer-easing {\n background: hsl(219, 13%, 22%);\n }\n\n /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n /* For time, this is the alternate colour */\n html.theme-dark .prism-previewer-angle.prism-previewer-angle circle,\n html.theme-dark .prism-previewer-time.prism-previewer-time circle {\n stroke: hsl(220, 14%, 71%);\n stroke-opacity: 1;\n }\n\n /* Stroke colours of the handle, direction point, and vector itself */\n html.theme-dark .prism-previewer-easing.prism-previewer-easing circle,\n html.theme-dark .prism-previewer-easing.prism-previewer-easing path,\n html.theme-dark .prism-previewer-easing.prism-previewer-easing line {\n stroke: hsl(220, 14%, 71%);\n }\n\n /* Fill colour of the handle */\n html.theme-dark .prism-previewer-easing.prism-previewer-easing circle {\n fill: transparent;\n }\n \n "])</script><script>self.__next_f.push([1,"2a:T46e0,"])</script><script>self.__next_f.push([1,"\n :root {\n --color-text-default: rgb(55, 53, 47);\n --color-text-default-light: rgba(55, 53, 47, 0.6);\n --color-text-gray: rgb(155, 154, 151);\n --color-text-brown: rgb(100, 71, 58);\n --color-text-orange: rgb(217, 115, 13);\n --color-text-yellow: rgb(223, 171, 1);\n --color-text-green: rgb(15, 123, 108);\n --color-text-blue: rgb(11, 110, 153);\n --color-text-purple: rgb(105, 64, 165);\n --color-text-pink: rgb(173, 26, 114);\n --color-text-red: rgb(224, 62, 62);\n\n --color-bg-default: rgb(255, 255, 255);\n --color-bg-gray: rgb(235, 236, 237);\n --color-bg-brown: rgb(233, 229, 227);\n --color-bg-orange: rgb(250, 235, 221);\n --color-bg-yellow: rgb(251, 243, 219);\n --color-bg-green: rgb(221, 237, 234);\n --color-bg-blue: rgb(221, 235, 241);\n --color-bg-purple: rgb(234, 228, 242);\n --color-bg-pink: rgb(244, 223, 235);\n --color-bg-red: rgb(251, 228, 228);\n\n --color-bg-gray-light: rgba(235, 236, 237, 0.3);\n --color-bg-brown-light: rgba(233, 229, 227, 0.3);\n --color-bg-orange-light: rgba(250, 235, 221, 0.3);\n --color-bg-yellow-light: rgba(251, 243, 219, 0.3);\n --color-bg-green-light: rgba(221, 237, 234, 0.3);\n --color-bg-blue-light: rgba(221, 235, 241, 0.3);\n --color-bg-purple-light: rgba(234, 228, 242, 0.3);\n --color-bg-pink-light: rgba(244, 223, 235, 0.3);\n --color-bg-red-light: rgba(251, 228, 228, 0.3);\n\n --color-pill-default: rgba(206, 205, 202, 0.5);\n --color-pill-gray: rgba(155, 154, 151, 0.4);\n --color-pill-brown: rgba(140, 46, 0, 0.2);\n --color-pill-orange: rgba(245, 93, 0, 0.2);\n --color-pill-yellow: rgba(233, 168, 0, 0.2);\n --color-pill-green: rgba(0, 135, 107, 0.2);\n --color-pill-blue: rgba(0, 120, 223, 0.2);\n --color-pill-purple: rgba(103, 36, 222, 0.2);\n --color-pill-pink: rgba(221, 0, 129, 0.2);\n --color-pill-red: rgba(255, 0, 26, 0.2);\n\n --color-ui-hover-bg: rgba(239, 239, 239);\n --color-card-bg: rgb(255, 255, 255);\n --color-checkbox-bg: rgb(46, 170, 220);;\n --color-border-default: rgba(235, 236, 237, 0.8);\n --color-border-dark: rgba(55, 53, 47, 0.16);\n --color-code-bg: rgba(239, 239, 239);\n\n /*Scrollbar*/\n --scrollbar-background-color: #fafafa;\n --scrollbar-thumb-color: #c1c1c1;\n --scrollbar-border-color: #e8e8e8;\n\n --navbar-text-color: var(--color-text-default);\n --navbar-background-color: var(--color-bg-default);\n --navbar-button-text-color: var(--color-text-default);\n --navbar-button-background-color: var(--color-bg-default);\n --navbar-menu-background-color: var(--navbar-background-color);\n\n --footer-text-color: var(--color-text-default);\n --footer-background-color: var(--color-bg-default);\n --color-calendar-weekend-bg: #f7f6f3;\n }\n\n \n /**\n * One Light theme for prism.js\n * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax\n */\n \n /**\n * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)\n * From colors.less\n * --mono-1: hsl(230, 8%, 24%);\n * --mono-2: hsl(230, 6%, 44%);\n * --mono-3: hsl(230, 4%, 64%)\n * --hue-1: hsl(198, 99%, 37%);\n * --hue-2: hsl(221, 87%, 60%);\n * --hue-3: hsl(301, 63%, 40%);\n * --hue-4: hsl(119, 34%, 47%);\n * --hue-5: hsl(5, 74%, 59%);\n * --hue-5-2: hsl(344, 84%, 43%);\n * --hue-6: hsl(35, 99%, 36%);\n * --hue-6-2: hsl(35, 99%, 40%);\n * --syntax-fg: hsl(230, 8%, 24%);\n * --syntax-bg: hsl(230, 1%, 98%);\n * --syntax-gutter: hsl(230, 1%, 62%);\n * --syntax-guide: hsla(230, 8%, 24%, 0.2);\n * --syntax-accent: hsl(230, 100%, 66%);\n * From syntax-variables.less\n * --syntax-selection-color: hsl(230, 1%, 90%);\n * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);\n * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);\n */\n \n html.theme-light code[class*=\"language-\"],\n html.theme-light pre[class*=\"language-\"] {\n color: hsl(230, 8%, 24%);\n font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n direction: ltr;\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n line-height: 1.5;\n -moz-tab-size: 2;\n -o-tab-size: 2;\n tab-size: 2;\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n }\n \n /* Selection */\n html.theme-light code[class*=\"language-\"]::-moz-selection,\n html.theme-light code[class*=\"language-\"] *::-moz-selection,\n html.theme-light pre[class*=\"language-\"] *::-moz-selection {\n background: hsl(230, 1%, 90%);\n color: inherit;\n }\n \n html.theme-light code[class*=\"language-\"]::selection,\n html.theme-light code[class*=\"language-\"] *::selection,\n html.theme-light pre[class*=\"language-\"] *::selection {\n background: hsl(230, 1%, 90%);\n color: inherit;\n }\n \n /* Code blocks */\n html.theme-light pre[class*=\"language-\"] {\n padding: 1em;\n margin: 0.5em 0;\n overflow: auto;\n border-radius: 0.3em;\n }\n \n /* Inline code */\n html.theme-light :not(pre) \u003e code[class*=\"language-\"] {\n padding: 0.2em 0.3em;\n border-radius: 0.3em;\n white-space: normal;\n }\n \n html.theme-light .token.comment,\n html.theme-light .token.prolog,\n html.theme-light .token.cdata {\n color: hsl(230, 4%, 64%);\n }\n \n html.theme-light .token.doctype,\n html.theme-light .token.punctuation,\n html.theme-light .token.entity {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .token.attr-name,\n html.theme-light .token.class-name,\n html.theme-light .token.boolean,\n html.theme-light .token.constant,\n html.theme-light .token.number,\n html.theme-light .token.atrule {\n color: hsl(35, 99%, 36%);\n }\n \n html.theme-light .token.keyword {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .token.property,\n html.theme-light .token.tag,\n html.theme-light .token.symbol,\n html.theme-light .token.deleted,\n html.theme-light .token.important {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .token.selector,\n html.theme-light .token.string,\n html.theme-light .token.char,\n html.theme-light .token.builtin,\n html.theme-light .token.inserted,\n html.theme-light .token.regex,\n html.theme-light .token.attr-value,\n html.theme-light .token.attr-value \u003e .token.punctuation {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .token.variable,\n html.theme-light .token.operator,\n html.theme-light .token.function {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .token.url {\n color: hsl(198, 99%, 37%);\n }\n \n /* HTML overrides */\n html.theme-light .token.attr-value \u003e .token.punctuation.attr-equals,\n html.theme-light .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n color: hsl(230, 8%, 24%);\n }\n \n /* CSS overrides */\n html.theme-light .language-css .token.selector {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .language-css .token.property {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-css .token.function,\n html.theme-light .language-css .token.url \u003e .token.function {\n color: hsl(198, 99%, 37%);\n }\n \n html.theme-light .language-css .token.url \u003e .token.string.url {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .language-css .token.important,\n html.theme-light .language-css .token.atrule .token.rule {\n color: hsl(301, 63%, 40%);\n }\n \n /* JS overrides */\n html.theme-light .language-javascript .token.operator {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n color: hsl(344, 84%, 43%);\n }\n \n /* JSON overrides */\n html.theme-light .language-json .token.operator {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-json .token.null.keyword {\n color: hsl(35, 99%, 36%);\n }\n \n /* MD overrides */\n html.theme-light .language-markdown .token.url,\n html.theme-light .language-markdown .token.url \u003e .token.operator,\n html.theme-light .language-markdown .token.url-reference.url \u003e .token.string {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-markdown .token.url \u003e .token.content {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .language-markdown .token.url \u003e .token.url,\n html.theme-light .language-markdown .token.url-reference.url {\n color: hsl(198, 99%, 37%);\n }\n \n html.theme-light .language-markdown .token.blockquote.punctuation,\n html.theme-light .language-markdown .token.hr.punctuation {\n color: hsl(230, 4%, 64%);\n font-style: italic;\n }\n \n html.theme-light .language-markdown .token.code-snippet {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .language-markdown .token.bold .token.content {\n color: hsl(35, 99%, 36%);\n }\n \n html.theme-light .language-markdown .token.italic .token.content {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .language-markdown .token.strike .token.content,\n html.theme-light .language-markdown .token.strike .token.punctuation,\n html.theme-light .language-markdown .token.list.punctuation,\n html.theme-light .language-markdown .token.title.important \u003e .token.punctuation {\n color: hsl(5, 74%, 59%);\n }\n \n /* General */\n html.theme-light .token.bold {\n font-weight: bold;\n }\n \n html.theme-light .token.comment,\n html.theme-light .token.italic {\n font-style: italic;\n }\n \n html.theme-light .token.entity {\n cursor: help;\n }\n \n html.theme-light .token.namespace {\n opacity: 0.8;\n }\n \n /* Plugin overrides */\n /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n \n /* Show Invisibles plugin overrides */\n html.theme-light .token.token.tab:not(:empty):before,\n html.theme-light .token.token.cr:before,\n html.theme-light .token.token.lf:before,\n html.theme-light .token.token.space:before {\n color: hsla(230, 8%, 24%, 0.2);\n }\n \n /* Toolbar plugin overrides */\n /* Space out all buttons and move them away from the right edge of the code block */\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n margin-right: 0.4em;\n }\n \n /* Styling the buttons */\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n background: hsl(230, 1%, 90%);\n color: hsl(230, 6%, 44%);\n padding: 0.1em 0.4em;\n border-radius: 0.3em;\n }\n \n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */\n color: hsl(230, 8%, 24%);\n }\n \n /* Line Highlight plugin overrides */\n /* The highlighted line itself */\n html.theme-light .line-highlight.line-highlight {\n background: hsla(230, 8%, 24%, 0.05);\n }\n \n /* Default line numbers in Line Highlight plugin */\n html.theme-light .line-highlight.line-highlight:before,\n html.theme-light .line-highlight.line-highlight[data-end]:after {\n background: hsl(230, 1%, 90%);\n color: hsl(230, 8%, 24%);\n padding: 0.1em 0.6em;\n border-radius: 0.3em;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n }\n \n /* Hovering over a linkable line number (in the gutter area) */\n /* Requires Line Numbers plugin as well */\n html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n background-color: hsla(230, 8%, 24%, 0.05);\n }\n \n /* Line Numbers and Command Line plugins overrides */\n /* Line separating gutter from coding area */\n html.theme-light .line-numbers.line-numbers .line-numbers-rows,\n html.theme-light .command-line .command-line-prompt {\n border-right-color: hsla(230, 8%, 24%, 0.2);\n }\n \n /* Stuff in the gutter */\n html.theme-light .line-numbers .line-numbers-rows \u003e span:before,\n html.theme-light .command-line .command-line-prompt \u003e span:before {\n color: hsl(230, 1%, 62%);\n }\n \n /* Match Braces plugin overrides */\n /* Note: Outline colour is inherited from the braces */\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 {\n color: hsl(301, 63%, 40%);\n }\n \n /* Diff Highlight plugin overrides */\n /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n background-color: hsla(353, 100%, 66%, 0.15);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n background-color: hsla(137, 100%, 55%, 0.15);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n \n /* Previewers plugin overrides */\n /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */\n /* Border around popup */\n html.theme-light .prism-previewer.prism-previewer:before,\n html.theme-light .prism-previewer-gradient.prism-previewer-gradient div {\n border-color: hsl(0, 0, 95%);\n }\n \n /* Angle and time should remain as circles and are hence not included */\n html.theme-light .prism-previewer-color.prism-previewer-color:before,\n html.theme-light .prism-previewer-gradient.prism-previewer-gradient div,\n html.theme-light .prism-previewer-easing.prism-previewer-easing:before {\n border-radius: 0.3em;\n }\n \n /* Triangles pointing to the code */\n html.theme-light .prism-previewer.prism-previewer:after {\n border-top-color: hsl(0, 0, 95%);\n }\n \n html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after {\n border-bottom-color: hsl(0, 0, 95%);\n }\n \n /* Background colour within the popup */\n html.theme-light .prism-previewer-angle.prism-previewer-angle:before,\n html.theme-light .prism-previewer-time.prism-previewer-time:before,\n html.theme-light .prism-previewer-easing.prism-previewer-easing {\n background: hsl(0, 0%, 100%);\n }\n \n /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n /* For time, this is the alternate colour */\n html.theme-light .prism-previewer-angle.prism-previewer-angle circle,\n html.theme-light .prism-previewer-time.prism-previewer-time circle {\n stroke: hsl(230, 8%, 24%);\n stroke-opacity: 1;\n }\n \n /* Stroke colours of the handle, direction point, and vector itself */\n html.theme-light .prism-previewer-easing.prism-previewer-easing circle,\n html.theme-light .prism-previewer-easing.prism-previewer-easing path,\n html.theme-light .prism-previewer-easing.prism-previewer-easing line {\n stroke: hsl(230, 8%, 24%);\n }\n \n /* Fill colour of the handle */\n html.theme-light .prism-previewer-easing.prism-previewer-easing circle {\n fill: transparent;\n }\n \n "])</script><script>self.__next_f.push([1,"23:[\"$\",\"$L26\",null,{\"settings\":\"$20:props:children:0:props:settings\",\"isPreview\":false,\"global\":\"$27\",\"light\":\"$28\",\"dark\":\"$29\",\"legacy\":\"$2a\",\"children\":[\"$L2b\",null]}]\n24:[\"$\",\"$8\",null,{\"fallback\":null,\"children\":[[\"$\",\"$L2c\",null,{}],[\"$\",\"$L2d\",null,{}],[\"$\",\"$L2e\",null,{}]]}]\n25:[\"$\",\"$L2f\",null,{\"sampleRate\":0.3}]\n"])</script><script>self.__next_f.push([1,"30:I[613744,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\",\"/_next/static/chunks/d6c000e070635229.js\",\"/_next/static/chunks/da4bc25ca90a0b0f.js\",\"/_next/static/chunks/4865ec5a4f346388.js\"],\"ErrorBoundary\"]\n31:I[479520,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\",\"/_next/static/chunks/d6c000e070635229.js\",\"/_next/static/chunks/da4bc25ca90a0b0f.js\",\"/_next/static/chunks/4865ec5a4f346388.js\"],\"\"]\n32:I[325618,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\"],\"PasswordPageLayoutProvider\"]\n33:I[183555,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\"],\"NavigationContent\"]\n34:I[381533,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\",\"/_next/static/chunks/8ff157b62a520afc.js\"],\"default\"]\n2b:[\"$\",\"div\",null,{\"className\":\"super-root\",\"children\":[[\"$\",\"$L30\",null,{\"children\":[null,[[\"$\",\"$L31\",\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::6f5b1daa-61db-40a4-ab4d-079f21303a53\",{\"id\":\"body-script-6f5b1daa-61db-40a4-ab4d-079f21303a53-1\",\"strategy\":\"afterInteractive\",\"src\":\"https://sites.super.so/snippets/v2/lightbox.js\",\"dangerouslySetInnerHTML\":\"$undefined\"}]]]}],[\"$\",\"$L32\",null,{\"children\":[\"$\",\"$L33\",null,{\"settings\":\"$20:props:children:0:props:settings\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$34\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/8ff157b62a520afc.js\",\"async\":true}]],\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}]\n"])</script><script>self.__next_f.push([1,"35:I[23131,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\",\"/_next/static/chunks/d6c000e070635229.js\",\"/_next/static/chunks/da4bc25ca90a0b0f.js\",\"/_next/static/chunks/4865ec5a4f346388.js\"],\"PageProvider\"]\n"])</script><script>self.__next_f.push([1,"6:[\"$\",\"$8\",null,{\"fallback\":null,\"children\":[\"$\",\"$L35\",null,{\"pageReplacement\":\"$undefined\",\"getWebVital\":true,\"pageId\":\"cycle-lab-prompt\",\"records\":{\"block\":{\"cycle-lab-prompt\":{\"id\":\"cycle-lab-prompt\",\"children\":[\"2d6d1e6720f88165bfaddbc97e1fd5b1\"],\"hasContent\":true,\"parentId\":\"cycle-lab\",\"title\":[[\"ChatGPTプロンプト生成フォーム\"]],\"updatedAt\":1706930968198,\"type\":\"page\",\"spaceId\":\"006e88a0-5b53-460b-b1a2-a7b47a8b283b\",\"icon\":\"📄\",\"coverPosition\":0.5,\"createdTime\":1706930481985,\"lastEditedTime\":1706930968198,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"e2d99885-d1f0-4bfa-b201-202e7aa96ec4\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"e2d99885-d1f0-4bfa-b201-202e7aa96ec4\"}]}],\"uri\":\"/cycle/lab/prompt\",\"fullWidth\":false,\"smallText\":false,\"cover\":\"https://images.unsplash.com/photo-1515378791036-0648a3ef77b2?ixlib=rb-4.0.3\u0026q=85\u0026fm=jpg\u0026crop=entropy\u0026cs=srgb\",\"noCover\":false,\"superProperties\":{},\"propertyValues\":{},\"blockId\":\"a9a6f5e7-2bf0-453a-8946-ada697c88b42\"},\"2d6d1e6720f88165bfaddbc97e1fd5b1\":{\"id\":\"2d6d1e6720f88165bfaddbc97e1fd5b1\",\"children\":[],\"hasContent\":false,\"parentId\":\"cycle-lab-prompt\",\"title\":[[\"super-embed:\\n\u003ciframe style=\\\"border:none;width:100%;\\\" height=\\\"1385px\\\" src=\\\"https://www.noway-form.com/ja/f/7f45799d-33e0-4694-89c5-f59bcfe6f939/embed\\\" / \u003e\"]],\"updatedAt\":1766844035431,\"type\":\"code\",\"language\":\"HTML\",\"wrap\":false,\"link\":null},\"cycle-lab\":{\"id\":\"cycle-lab\",\"children\":[],\"hasContent\":true,\"parentId\":\"cycle\",\"title\":[[\"桜泥棒サイクルラボ\"]],\"updatedAt\":1766844034040,\"type\":\"page\",\"spaceId\":\"006e88a0-5b53-460b-b1a2-a7b47a8b283b\",\"icon\":\"🔬\",\"coverPosition\":0.5,\"createdTime\":1705550123797,\"lastEditedTime\":1766844034040,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"e2d99885-d1f0-4bfa-b201-202e7aa96ec4\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"e2d99885-d1f0-4bfa-b201-202e7aa96ec4\"}]}],\"description\":null,\"cover\":\"https://images.unsplash.com/photo-1521146147586-7cca2ef1d91b?ixlib=rb-4.0.3\u0026q=85\u0026fm=jpg\u0026crop=entropy\u0026cs=srgb\",\"uri\":\"/cycle/lab\",\"blockId\":\"293e7ce9-4b1d-4c9c-a3b1-8cc6663e470b\"},\"cycle\":{\"id\":\"cycle\",\"children\":[],\"hasContent\":true,\"parentId\":\"b04f8187a3084518816b8da695b0d5f3\",\"title\":[[\"桜泥棒サイクル\"]],\"updatedAt\":1766843248125,\"type\":\"page\",\"spaceId\":\"006e88a0-5b53-460b-b1a2-a7b47a8b283b\",\"icon\":\"🚲\",\"coverPosition\":0.5,\"createdTime\":1704809937463,\"lastEditedTime\":1766843248125,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\"}]}],\"description\":null,\"cover\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0f0346eb-8cb4-45f0-8918-3c4300387569/IMG_5543/public\",\"uri\":\"/cycle\",\"blockId\":\"535c88a8-b063-4a7b-9f85-7bc32f94d7a3\"},\"9c67ea4245664b0eb3e01a769f002d66\":{\"id\":\"9c67ea4245664b0eb3e01a769f002d66\",\"children\":[],\"hasContent\":true,\"parentId\":\"6ef042ee586e4157aae534acfb7c1be8\",\"title\":[[\"桜泥棒PROJECT\"]],\"updatedAt\":1766841410337,\"type\":\"page\",\"spaceId\":\"006e88a0-5b53-460b-b1a2-a7b47a8b283b\",\"icon\":\"🤸🏽\",\"coverPosition\":0.5979,\"createdTime\":1705100281086,\"lastEditedTime\":1766841410337,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\"}]}],\"description\":null,\"cover\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/88dbdf42-dbcf-438f-a870-663c97ff3cc4/image1/public\",\"uri\":\"/9c67ea4245664b0eb3e01a769f002d66\",\"blockId\":\"9c67ea42-4566-4b0e-b3e0-1a769f002d66\"},\"b04f8187a3084518816b8da695b0d5f3\":{\"id\":\"b04f8187a3084518816b8da695b0d5f3\",\"children\":[\"project-list\",\"projectmgmt\",\"cycle\",\"beer\"],\"hasContent\":true,\"parentId\":\"9c67ea4245664b0eb3e01a769f002d66\",\"title\":[[\"PROJECT関連\"]],\"updatedAt\":1766758335981,\"type\":\"bulleted_list\"}},\"team\":{\"6ef042ee-586e-4157-aae5-34acfb7c1be8\":{\"role\":\"none\"}},\"form_question\":{},\"entity\":{\"e2d99885-d1f0-4bfa-b201-202e7aa96ec4\":{\"id\":\"e2d99885-d1f0-4bfa-b201-202e7aa96ec4\",\"name\":\"Untitled\",\"image\":null}},\"pageId\":\"a9a6f5e72bf0453a8946ada697c88b42\",\"pagesToCreate\":[]},\"settings\":{\"siteId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29\",\"userId\":\"17d472d4-931d-47fc-87c1-51f2c8af7230\",\"domainName\":\"sakuradorobo.jp\",\"name\":\"桜泥棒Project\",\"active\":true,\"free\":false,\"tier\":\"personal\",\"favicon\":\"https://assets.super.so/fc9f9f08-9bd4-4f39-8d1e-b249640e1f29/uploads/favicon/fc4dd9ad-b54d-4b25-aa5a-e1f509239bd6.jpg\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"ja\",\"languages\":[],\"notionPage\":\"9c67ea4245664b0eb3e01a769f002d66\",\"indexPageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::eeba9d8b-338e-4c9b-944f-43d1fe0dff7b\",\"pageProperties\":true,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"siteSearch\":true,\"advancedSearch\":false,\"themeToggle\":true,\"mondayFirst\":true,\"loadLimits\":true,\"hidePersonInfo\":true,\"showPropertyIcons\":true,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"cacheTTL\":0,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":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\":\"f2f26d82-0a9a-4313-8803-e206cbf8c929\",\"type\":\"page\",\"label\":\"更新情報\",\"link\":\"/update\",\"pageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::948ea4f8-0678-42a4-93ab-bbe6d06214ef\",\"list\":[]},{\"id\":\"9fa241ef-6965-4043-9016-c12fdfff6cac\",\"type\":\"page\",\"label\":\"PROJECT管理\",\"link\":\"/projectmgmt\",\"pageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::40d652ba-7992-4803-837f-8951eeefe472\",\"list\":[]},{\"id\":\"9b343b0c-263a-4f93-a885-7cf9ba61e228\",\"type\":\"page\",\"label\":\"桜泥棒CYCLE\",\"link\":\"/cycle\",\"pageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::c6f055d9-a9c7-4968-b33d-573a4c74b6cf\",\"list\":[]},{\"id\":\"972efabd-7360-4a3d-b64f-01c61656a73f\",\"type\":\"page\",\"label\":\"桜泥棒BEER\",\"link\":\"/beer\",\"pageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::bcc22c1e-2c5c-4b48-a7b6-a7605db1c157\",\"list\":[]},{\"id\":\"41ae5336-fc43-4eb3-9a88-639df652331c\",\"type\":\"page\",\"label\":\"BLOG\",\"link\":\"/blog\",\"pageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::bc0722be-06e7-4334-8ddf-0b48d148b122\",\"list\":[]},{\"id\":\"5c183f91-ada8-4b85-b920-b81b4afbfc26\",\"type\":\"page\",\"label\":\"CONTACT\",\"link\":\"/contact\",\"pageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::5e10d51e-21ae-4c97-8a15-da89958527a3\",\"list\":[]}],\"logo\":{\"type\":\"text\",\"width\":90,\"fontSize\":16,\"textContent\":\"桜泥棒PROJECT\",\"imageContent\":null,\"imageContentDark\":null,\"disabled\":false},\"cta\":{\"type\":\"page\",\"label\":\"\",\"link\":\"\",\"pageId\":\"\"},\"isSticky\":true,\"breadcrumbs\":true},\"footer\":{\"type\":\"stack\",\"style\":{\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\"},\"links\":[],\"logo\":{\"type\":\"text\",\"width\":90,\"fontSize\":16,\"textContent\":\"桜泥棒PROJECT\",\"imageContent\":\"https://assets.super.so/fc9f9f08-9bd4-4f39-8d1e-b249640e1f29/uploads/logo/1067c11a-2d95-4b4f-97e6-f26081a5619a.jpg\",\"imageContentDark\":null,\"disabled\":false},\"socials\":[{\"type\":\"facebook\",\"link\":\"https://www.facebook.com/sakuradorocycle/\"},{\"type\":\"twitter\",\"link\":\"https://twitter.com/sakuradorocycle\"},{\"type\":\"instagram\",\"link\":\"https://www.instagram.com/sakuradorocycle/\"},{\"type\":\"facebook\",\"link\":\"https://www.facebook.com/sakuradorobo\"},{\"type\":\"twitter\",\"link\":\"https://twitter.com/sakuradorobo\"},{\"type\":\"instagram\",\"link\":\"https://www.instagram.com/sakuradorobo/\"}],\"footnote\":\"\",\"divider\":false},\"sidebar\":{\"enabled\":false,\"links\":[],\"cta\":[],\"logo\":null,\"searchEnabled\":true},\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":0.6,\"layoutMaxWidth\":1000,\"columnSpacing\":50,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":5,\"pageDisplay\":\"flex\"},\"header\":{\"coverHeight\":30,\"titleAlign\":\"left\",\"iconAlign\":\"-112px auto auto auto\",\"display\":\"block\"},\"collectionCard\":{\"gap\":10,\"shadow\":\"rgba(0, 0, 0, 0.12) 0px 4px 8px -2px\",\"coverHeightLarge\":200,\"coverHeightMedium\":200,\"coverHeightSmall\":128,\"titleSize\":0.875,\"coverSizeSmall\":172,\"coverSizeMedium\":260,\"coverSizeLarge\":320,\"iconDisplay\":\"inline-flex\"},\"callout\":{\"iconDisplay\":\"block\",\"shadow\":\"rgba(0, 0, 0, 0.12) 0px 4px 8px -2px\"},\"typography\":{\"primaryFont\":\"Merriweather\",\"secondaryFont\":\"Arvo\",\"fonts\":[],\"baseSize\":15,\"titleSize\":2,\"headingSize\":1.2,\"quoteSize\":1,\"quoteSizeLarge\":1.25,\"textWeight\":400,\"headingWeight\":600},\"scrollbar\":{\"width\":15},\"navbar\":{\"height\":65,\"shadow\":\"rgba(0, 0, 0, 0.12) 0px 10px 20px -6px\"},\"footer\":{\"height\":0},\"sidebar\":{\"width\":280,\"shadow\":\"none\"},\"colors\":{\"light\":{\"text\":\"#324666\",\"textLight\":\"#324666\",\"background\":\"#F7F7F7\",\"borderColor\":\"#EDEBEB\",\"checkboxBackground\":\"#BBF6D0\",\"hoverBackground\":\"#F0EFEF\",\"scrollbar\":{\"background\":\"#F0EFEF\",\"handle\":\"#324666\",\"border\":\"#F0EFEF\"},\"navbar\":{\"text\":\"#FFFEFE\",\"background\":\"#324666\",\"buttonText\":\"#324666\",\"buttonBackground\":\"#FF816B\",\"hoverBackground\":null},\"footer\":{\"text\":\"#FFFEFE\",\"background\":\"#324666\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\"},\"sidebar\":{\"text\":\"#FFFEFE\",\"ctaText\":\"#FFFEFE\",\"background\":\"#324666\",\"hoverBackground\":\"#F0EFEF\",\"ctaBackground\":\"#324666\",\"border\":\"#EDEBEB\"},\"database\":{\"cardBackground\":\"#F9F9F9\",\"cardHoverBackground\":\"#ffffff\",\"calendarWeekendBackground\":\"#F4F4F4\"},\"default\":[45,8,20],\"gray\":[0,0,39],\"brown\":[19,41,37],\"orange\":[30,97,55],\"yellow\":[38,82,49],\"green\":[141,77,24],\"blue\":[222,63,53],\"purple\":[274,52,54],\"pink\":[328,58,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\":\"#22314A\",\"borderColor\":\"#324666\",\"checkboxBackground\":\"#FF816B\",\"hoverBackground\":\"#2C3E5B\",\"scrollbar\":{\"background\":\"#22314A\",\"handle\":\"#E67767\",\"border\":\"#22314A\"},\"navbar\":{\"text\":\"#FFFEFE\",\"background\":\"#324666\",\"buttonText\":\"#324666\",\"buttonBackground\":\"#FF816B\",\"hoverBackground\":null},\"footer\":{\"text\":\"#FFFEFE\",\"background\":\"#324666\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\"},\"sidebar\":{\"text\":\"#FFFEFE\",\"ctaText\":\"#FFFEFE\",\"background\":\"#324666\",\"hoverBackground\":\"#2C3E5B\",\"ctaBackground\":\"#324666\",\"border\":\"#324666\"},\"database\":{\"cardBackground\":\"#2C3E5B\",\"cardHoverBackground\":\"#324564\",\"calendarWeekendBackground\":\"#2C3E5B\"},\"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\":[217,14,64],\"brown\":[18,35,58],\"orange\":[25,53,53],\"yellow\":[37,55,54],\"green\":[145,32,47],\"blue\":[217,50,58],\"purple\":[270,55,62],\"pink\":[329,57,58],\"red\":[1,69,60]}}},\"code\":{\"head\":[],\"body\":[{\"id\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::a112a17a-e106-4d07-a1b9-c8d226606b16\",\"content\":\"\u003cscript src=\\\"https://sites.super.so/snippets/embed.js\\\"\u003e\u003c/script\u003e\"}],\"style\":[],\"css\":\"\"},\"files\":[],\"hasPassword\":false,\"hasFeed\":false},\"smallText\":false,\"config\":\"$undefined\",\"pageLocation\":\"/cycle/lab/prompt\",\"passwords\":[],\"styles\":\"\",\"children\":[\"$L36\",\"$L37\"]}]}]\n"])</script><script>self.__next_f.push([1,"38:I[130020,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\",\"/_next/static/chunks/d6c000e070635229.js\",\"/_next/static/chunks/da4bc25ca90a0b0f.js\",\"/_next/static/chunks/4865ec5a4f346388.js\"],\"NavbarBreadcrumbs\"]\n39:I[186656,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\",\"/_next/static/chunks/d6c000e070635229.js\",\"/_next/static/chunks/da4bc25ca90a0b0f.js\",\"/_next/static/chunks/4865ec5a4f346388.js\"],\"Picture\"]\n3a:I[618378,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\",\"/_next/static/chunks/d6c000e070635229.js\",\"/_next/static/chunks/da4bc25ca90a0b0f.js\",\"/_next/static/chunks/4865ec5a4f346388.js\"],\"PageRoot\"]\n3b:I[50300,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\",\"/_next/static/chunks/d6c000e070635229.js\",\"/_next/static/chunks/da4bc25ca90a0b0f.js\",\"/_next/static/chunks/4865ec5a4f346388.js\"],\"Code\"]\n3c:I[10042,[\"/_next/static/chunks/577eb1a463d78ebc.js\",\"/_next/static/chunks/a780b24ab0a489d8.js\",\"/_next/static/chunks/f34d2f9863b097b3.js\",\"/_next/static/chunks/4a28739bddf43e4e.js\",\"/_next/static/chunks/d5aa2260883503fb.js\",\"/_next/static/chunks/dda126a55cdaa311.js\",\"/_next/static/chunks/d6c000e070635229.js\",\"/_next/static/chunks/da4bc25ca90a0b0f.js\",\"/_next/static/chunks/4865ec5a4f346388.js\"],\"PageDetails\"]\n"])</script><script>self.__next_f.push([1,"36:[\"$\",\"main\",null,{\"id\":\"page-cycle-lab-prompt\",\"className\":\"super-content page__cycle-lab-prompt parent-page__cycle-lab\",\"children\":[null,[\"$\",\"$L38\",null,{\"navbar\":\"$6:props:children:props:settings:navbar\",\"head\":{\"url\":\"https://sakuradorobo.jp/cycle/lab/prompt\",\"title\":\"ChatGPTプロンプト生成フォーム\",\"description\":null,\"root\":{\"id\":\"9c67ea4245664b0eb3e01a769f002d66\",\"uri\":\"/\",\"title\":\"桜泥棒PROJECT\",\"icon\":\"🤸🏽\"},\"image\":\"https://images.unsplash.com/photo-1515378791036-0648a3ef77b2?ixlib=rb-4.0.3\u0026q=85\u0026fm=jpg\u0026crop=entropy\u0026cs=srgb\",\"canonical\":null,\"author\":\"Untitled\",\"favicon\":\"https://assets.super.so/fc9f9f08-9bd4-4f39-8d1e-b249640e1f29/uploads/favicon/fc4dd9ad-b54d-4b25-aa5a-e1f509239bd6.jpg\",\"breadcrumbs\":[{\"id\":\"cycle\",\"uri\":\"/cycle\",\"title\":\"桜泥棒サイクル\",\"icon\":\"🚲\"},{\"id\":\"cycle-lab\",\"uri\":\"/cycle/lab\",\"title\":\"桜泥棒サイクルラボ\",\"icon\":\"🔬\"},{\"id\":\"cycle-lab-prompt\",\"uri\":\"/cycle/lab/prompt\",\"title\":\"ChatGPTプロンプト生成フォーム\",\"icon\":\"📄\"}]},\"settings\":\"$6:props:children:props:settings\"}],[\"$\",\"$L30\",null,{\"children\":[null,[[\"$\",\"$L31\",\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::a112a17a-e106-4d07-a1b9-c8d226606b16\",{\"id\":\"body-script-a112a17a-e106-4d07-a1b9-c8d226606b16-1\",\"strategy\":\"afterInteractive\",\"src\":\"https://sites.super.so/snippets/embed.js\",\"dangerouslySetInnerHTML\":\"$undefined\"}]]]}],[\"$\",\"div\",null,{\"className\":\"notion-header page\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__cover has-cover has-icon\",\"children\":[\"$\",\"$L39\",\"cover-cycle-lab-prompt\",{\"className\":\"notion-header__cover-image\",\"style\":{\"userSelect\":\"none\"},\"src\":\"https://images.unsplash.com/photo-1515378791036-0648a3ef77b2?ixlib=rb-4.0.3\u0026q=85\u0026fm=jpg\u0026crop=entropy\u0026cs=srgb\",\"alt\":\"ChatGPTプロンプト生成フォーム\",\"priority\":true,\"fill\":true,\"objectFit\":\"cover\",\"objectPosition\":\"center 50%\"}]}],[\"$\",\"div\",null,{\"className\":\"notion-header__content max-width has-cover has-icon\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__title-wrapper\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__icon-wrapper has-cover has-icon\",\"children\":[\"$\",\"div\",null,{\"children\":\"📄\"}]}],[\"$\",\"h1\",null,{\"className\":\"notion-header__title\",\"children\":\"ChatGPTプロンプト生成フォーム\"}]]}],null]}]]}],[[\"$\",\"$L3a\",\"cycle-lab-prompt\",{\"id\":\"cycle-lab-prompt\",\"children\":[[\"$\",\"$L3b\",\"2d6d1e6720f88165bfaddbc97e1fd5b1,2d6d1e6720f88165bfaddbc97e1fd5b1\",{\"id\":\"2d6d1e6720f88165bfaddbc97e1fd5b1\",\"children\":null,\"hasContent\":false,\"parentId\":\"cycle-lab-prompt\",\"title\":\"$6:props:children:props:records:block:2d6d1e6720f88165bfaddbc97e1fd5b1:title\",\"updatedAt\":1766844035431,\"type\":\"code\",\"language\":\"HTML\",\"wrap\":false,\"link\":null}]],\"hasContent\":true,\"parentId\":\"cycle-lab\",\"title\":\"$6:props:children:props:records:block:cycle-lab-prompt:title\",\"updatedAt\":1706930968198,\"type\":\"page\",\"spaceId\":\"006e88a0-5b53-460b-b1a2-a7b47a8b283b\",\"icon\":\"📄\",\"coverPosition\":0.5,\"createdTime\":1706930481985,\"lastEditedTime\":1706930968198,\"createdBy\":\"$6:props:children:props:records:block:cycle-lab-prompt:createdBy\",\"lastEditedBy\":\"$6:props:children:props:records:block:cycle-lab-prompt:lastEditedBy\",\"uri\":\"/cycle/lab/prompt\",\"fullWidth\":false,\"smallText\":false,\"cover\":\"https://images.unsplash.com/photo-1515378791036-0648a3ef77b2?ixlib=rb-4.0.3\u0026q=85\u0026fm=jpg\u0026crop=entropy\u0026cs=srgb\",\"noCover\":false,\"superProperties\":\"$6:props:children:props:records:block:cycle-lab-prompt:superProperties\",\"propertyValues\":\"$6:props:children:props:records:block:cycle-lab-prompt:propertyValues\",\"blockId\":\"a9a6f5e7-2bf0-453a-8946-ada697c88b42\",\"isRoot\":true,\"ctx\":{\"head\":\"$36:props:children:1:props:head\",\"settings\":{\"siteId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29\",\"userId\":\"17d472d4-931d-47fc-87c1-51f2c8af7230\",\"domainName\":\"sakuradorobo.jp\",\"name\":\"桜泥棒Project\",\"active\":true,\"free\":false,\"tier\":\"personal\",\"favicon\":\"https://assets.super.so/fc9f9f08-9bd4-4f39-8d1e-b249640e1f29/uploads/favicon/fc4dd9ad-b54d-4b25-aa5a-e1f509239bd6.jpg\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"ja\",\"languages\":\"$6:props:children:props:settings:languages\",\"notionPage\":\"9c67ea4245664b0eb3e01a769f002d66\",\"indexPageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::eeba9d8b-338e-4c9b-944f-43d1fe0dff7b\",\"pageProperties\":true,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"siteSearch\":true,\"advancedSearch\":false,\"themeToggle\":true,\"mondayFirst\":true,\"loadLimits\":true,\"hidePersonInfo\":true,\"showPropertyIcons\":true,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"cacheTTL\":0,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"navbar\":\"$6:props:children:props:settings:navbar\",\"footer\":\"$6:props:children:props:settings:footer\",\"sidebar\":\"$6:props:children:props:settings:sidebar\",\"theme\":\"$6:props:children:props:settings:theme\",\"code\":\"$6:props:children:props:settings:code\",\"files\":\"$6:props:children:props:settings:files\",\"hasPassword\":false,\"hasFeed\":false},\"records\":\"$6:props:children:props:records\",\"pageId\":\"cycle-lab-prompt\"}}]]]}]\n"])</script><script>self.__next_f.push([1,"37:[\"$\",\"$L3c\",null,{\"id\":\"cycle-lab-prompt\",\"children\":\"$6:props:children:props:records:block:cycle-lab-prompt:children\",\"hasContent\":true,\"parentId\":\"cycle-lab\",\"title\":\"$6:props:children:props:records:block:cycle-lab-prompt:title\",\"updatedAt\":1706930968198,\"type\":\"page\",\"spaceId\":\"006e88a0-5b53-460b-b1a2-a7b47a8b283b\",\"icon\":\"📄\",\"coverPosition\":0.5,\"createdTime\":1706930481985,\"lastEditedTime\":1706930968198,\"createdBy\":\"$6:props:children:props:records:block:cycle-lab-prompt:createdBy\",\"lastEditedBy\":\"$6:props:children:props:records:block:cycle-lab-prompt:lastEditedBy\",\"uri\":\"/cycle/lab/prompt\",\"fullWidth\":false,\"smallText\":false,\"cover\":\"https://images.unsplash.com/photo-1515378791036-0648a3ef77b2?ixlib=rb-4.0.3\u0026q=85\u0026fm=jpg\u0026crop=entropy\u0026cs=srgb\",\"noCover\":false,\"superProperties\":\"$6:props:children:props:records:block:cycle-lab-prompt:superProperties\",\"propertyValues\":\"$6:props:children:props:records:block:cycle-lab-prompt:propertyValues\",\"blockId\":\"a9a6f5e7-2bf0-453a-8946-ada697c88b42\",\"ctx\":\"$36:props:children:4:0:props:ctx\"}]\n"])</script><script>self.__next_f.push([1,"9:null\nd:[[\"$\",\"title\",\"0\",{\"children\":\"ChatGPTプロンプト生成フォーム\"}],[\"$\",\"meta\",\"1\",{\"name\":\"generator\",\"content\":\"Super\"}],[\"$\",\"meta\",\"2\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"ChatGPTプロンプト生成フォーム\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:url\",\"content\":\"https://sakuradorobo.jp/cycle/lab/prompt\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:site_name\",\"content\":\"ChatGPTプロンプト生成フォーム\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://images.unsplash.com/photo-1515378791036-0648a3ef77b2?ixlib=rb-4.0.3\u0026q=85\u0026fm=jpg\u0026crop=entropy\u0026cs=srgb\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:alt\",\"content\":\"ChatGPTプロンプト生成フォーム\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:title\",\"content\":\"ChatGPTプロンプト生成フォーム\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:image\",\"content\":\"https://images.unsplash.com/photo-1515378791036-0648a3ef77b2?ixlib=rb-4.0.3\u0026q=85\u0026fm=jpg\u0026crop=entropy\u0026cs=srgb\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:image:alt\",\"content\":\"ChatGPTプロンプト生成フォーム\"}]]\n"])</script></body></html>
