</div></article></main><style> html { font-size: 15px; } </style><!--$--><!--/$--></div><footer class="super-footer stack no-links no-footnote"><div class="super-footer__content"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><span class="notion-link super-footer__logo"><span class="super-footer__logo-text" style="font-size:16px">桜泥棒PROJECT</span></span><!--/$--><div class="super-footer__icons"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><span class="notion-link"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><title>Facebook</title><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg></span><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><span class="notion-link"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" width="24" height="24"><title>X</title><path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 0.5H5.75L9.48421 5.71053L14 0.5H16L10.3895 6.97368L16.5 15.5H11.25L7.51579 10.2895L3 15.5H1L6.61053 9.02632L0.5 0.5ZM12.0204 14L3.42043 2H4.97957L13.5796 14H12.0204Z"></path></svg></span><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><span class="notion-link"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><title>Instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"></path></svg></span><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><span class="notion-link"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><title>Facebook</title><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg></span><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><span class="notion-link"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" width="24" height="24"><title>X</title><path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 0.5H5.75L9.48421 5.71053L14 0.5H16L10.3895 6.97368L16.5 15.5H11.25L7.51579 10.2895L3 15.5H1L6.61053 9.02632L0.5 0.5ZM12.0204 14L3.42043 2H4.97957L13.5796 14H12.0204Z"></path></svg></span><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><span class="notion-link"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><title>Instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"></path></svg></span><!--/$--></div></div></footer></div><style> html.theme-dark { /* Gray */ --gray-h: 217; --gray-s: 14%; --gray-l: 64%; --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l)); --color-text-gray: var(--color-gray); --color-bg-gray: hsl( var(--gray-h), var(--gray-s), 17.5% ); --color-bg-gray-light: hsl( var(--gray-h), var(--gray-s), 17.5% ); --color-pill-gray: hsl( var(--gray-h), var(--gray-s), 38% ); --color-pill-text-gray: hsl( var(--gray-h), var(--gray-s), calc(var(--gray-l) + 26%) ); --color-bg-form-btn-gray: #A7A39A; /* Brown */ --brown-h: 18; --brown-s: 35%; --brown-l: 58%; --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l)); --color-text-brown: var(--color-brown); --color-bg-brown: hsl( var(--brown-h), calc(var(--brown-s) - 7%), 22% ); --color-bg-brown-light: hsl( calc(var(--brown-h) - 2), calc(var(--brown-s) - 22%), 16% ); --color-pill-brown: hsl( var(--brown-h), calc(var(--brown-s) + 2%), 27% ); --color-pill-text-brown: hsl( var(--brown-h), calc(var(--brown-s) - 21%), calc(var(--brown-l) + 33%) ); --color-bg-form-btn-brown: #9A6851; /* Orange */ --orange-h: 25; --orange-s: 53%; --orange-l: 53%; --color-orange: hsl( var(--orange-h), var(--orange-s), var(--orange-l) ); --color-text-orange: var(--color-orange); --color-bg-orange: hsl( var(--orange-h), calc(var(--orange-s) - 10%), 25% ); --color-bg-orange-light: hsl( var(--orange-h), calc(var(--orange-s) - 30%), 17% ); --color-pill-orange: hsl( var(--orange-h), calc(var(--orange-s) + 9%), 32% ); --color-pill-text-orange: hsl( var(--orange-h), calc(var(--orange-s) - 23%), calc(var(--orange-l) + 33%) ); --color-bg-form-btn-orange: #D9730D; /* Yellow */ --yellow-h: 37; --yellow-s: 55%; --yellow-l: 54%; --color-yellow: hsl( var(--yellow-h), var(--yellow-s), var(--yellow-l) ); --color-text-yellow: var(--color-yellow); --color-bg-yellow: hsl( var(--yellow-h), calc(var(--yellow-s) - 18%), 25% ); --color-bg-yellow-light: hsl( var(--yellow-h), calc(var(--yellow-s) - 24%), 17% ); --color-pill-yellow: hsl( calc(var(--yellow-h) - 1), calc(var(--yellow-s) + 2%), 35% ); --color-pill-text-yellow: hsl( var(--yellow-h), calc(var(--yellow-s) - 28%), calc(var(--yellow-l) + 33%) ); --color-bg-form-btn-yellow: #CA922F; /* Green */ --green-h: 145; --green-s: 32%; --green-l: 47%; --color-green: hsl(var(--green-h), var(--green-s), var(--green-l)); --color-text-green: var(--color-green); --color-bg-green: hsl( calc(var(--green-h) + 3), calc(var(--green-s) - 6%), 19% ); --color-bg-green-light: hsl( var(--green-h), calc(var(--green-s) - 20%), 15% ); --color-pill-green: hsl( calc(var(--green-h) + 1), calc(var(--green-s) + 3%), 26% ); --color-pill-text-green: hsl( var(--green-h), calc(var(--green-s) - 20%), calc(var(--green-l) + 38%) ); --color-bg-form-btn-green: #448361; /* Blue */ --blue-h: 217; --blue-s: 50%; --blue-l: 58%; --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l)); --color-text-blue: var(--color-blue); --color-bg-blue: hsl( calc(var(--blue-h) - 16), calc(var(--blue-s) + 9%), 19% ); --color-bg-blue-light: hsl( calc(var(--blue-h) + 16), calc(var(--blue-s) - 27%), 15% ); --color-pill-blue: hsl( calc(var(--blue-h) - 3), calc(var(--blue-s) - 6%), 29% ); --color-pill-text-blue: hsl( calc(var(--blue-h) - 5), calc(var(--blue-s) - 32%), calc(var(--blue-l) + 28%) ); --color-bg-form-btn-blue: #327DA9; /* Purple */ --purple-h: 270; --purple-s: 55%; --purple-l: 62%; --color-purple: hsl( var(--purple-h), var(--purple-s), var(--purple-l) ); --color-text-purple: var(--color-purple); --color-bg-purple: hsl( calc(var(--purple-h) + 2), calc(var(--purple-s) - 31%), 23% ); --color-bg-purple-light: hsl( calc(var(--purple-h) + 5), calc(var(--purple-s) - 40%), 17% ); --color-pill-purple: hsl( var(--purple-h), calc(var(--purple-s) - 19%), 29% ); --color-pill-text-purple: hsl( calc(var(--purple-h) - 3), calc(var(--purple-s) - 40%), calc(var(--purple-l) + 24%) ); --color-bg-form-btn-purple: #8F64AF; /* Pink */ --pink-h: 329; --pink-s: 57%; --pink-l: 58%; --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l)); --color-text-pink: var(--color-pink); --color-bg-pink: hsl( calc(var(--pink-h) + 3), calc(var(--pink-s) - 29%), 24% ); --color-bg-pink-light: hsl( calc(var(--pink-h) + 5), calc(var(--pink-s) - 40%), 16% ); --color-pill-pink: hsl( calc(var(--pink-h) - 2), calc(var(--pink-s) - 21%), 30% ); --color-pill-text-pink: hsl( calc(var(--pink-h) + 4), calc(var(--pink-s) - 41%), calc(var(--pink-l) + 28%) ); --color-bg-form-btn-pink: #C24C8B; /* Red */ --red-h: 1; --red-s: 69%; --red-l: 60%; --color-red: hsl(var(--red-h), var(--red-s), var(--red-l)); --color-text-red: var(--color-red); --color-bg-red: hsl( calc(var(--red-h) + 5), calc(var(--red-s) - 37%), 24% ); --color-bg-red-light: hsl( calc(var(--red-h) + 5), calc(var(--red-s) - 56%), 17% ); --color-pill-red: hsl( calc(var(--red-h) + 5), calc(var(--red-s) - 30%), 31% ); --color-pill-text-red: hsl( calc(var(--red-h) + 7), calc(var(--red-s) - 50%), calc(var(--red-l) + 24%) ); --color-bg-form-btn-red: #D44E49; /*Default*/ --default-h: 45; --default-s: 8%; --default-l: 20%; --color-default: hsl( var(--default-h), var(--default-s), var(--default-l) ); --color-pill-default: hsl( var(--default-h), var(--default-s), -19% ); --color-pill-text-default: hsl( var(--default-h), var(--default-s), calc(var(--default-l) + 23%) ); --color-bg-form-btn-default: #55534E; /*Other*/ --color-text-default: #E1E1E1; --color-text-default-light: #9B9B9B; --color-bg-default: #22314A; --color-border-default: #324666; --color-border-dark: var(--color-border-default); --color-ui-hover-bg: #2C3E5B; --color-card-bg: #2C3E5B; --color-card-bg-hover: #324564; --color-calendar-weekend-bg: #2C3E5B; --color-checkbox-bg: #FF816B; --color-code-bg: rgba(135,131,120,.15); /*Scrollbar*/ --scrollbar-background-color: #22314A; --scrollbar-thumb-color: #E67767; --scrollbar-border-color: #22314A; /*Navbar*/ --navbar-text-color: #FFFEFE; --navbar-list-item-hover: rgba(255,255,255,.2); --navbar-background-color: #324666; --navbar-background-color-hover: #415575; --navbar-button-text-color: #324666; --navbar-button-background-color: #FF816B; --navbar-menu-background-color: var(--navbar-background-color); --navbar-text-color-dark: #f0efef; /*Footer*/ --footer-text-color: #FFFEFE; --footer-background-color: #324666; /*Sidebar*/ --sidebar-text-color: #e1e1e1; --sidebar-cta-text-color: #e1e1e1; --sidebar-background-color: #191919; --sidebar-cta-background-color: #191919; --sidebar-border-color: #373737; --sidebar-background-color-hover: #292929; --sidebar-text-color-dark: #d2d2d2; --sidebar-cta-background-color-hover: #292929; } /* Calendar for dark mode */ html.theme-dark .notion-collection-calendar__row { box-shadow: var(--color-border-default) -1px 0px 0px; } html.theme-dark .notion-collection-calendar__week-days { box-shadow: var(--color-border-default) 0px 1px 0px; } html.theme-dark .notion-collection-calendar__date { border-right: 1px solid var(--color-border-default); border-bottom: 1px solid var(--color-border-default); } /** * One Dark theme for prism.js * Based on Atom's One Dark theme: https://github.com/atom/atom/tree/master/packages/one-dark-syntax */ /** * One Dark colours (accurate as of commit 8ae45ca on 6 Sep 2018) * From colors.less * --mono-1: hsl(220, 14%, 71%); * --mono-2: hsl(220, 9%, 55%); * --mono-3: hsl(220, 10%, 40%); * --hue-1: hsl(187, 47%, 55%); * --hue-2: hsl(207, 82%, 66%); * --hue-3: hsl(286, 60%, 67%); * --hue-4: hsl(95, 38%, 62%); * --hue-5: hsl(355, 65%, 65%); * --hue-5-2: hsl(5, 48%, 51%); * --hue-6: hsl(29, 54%, 61%); * --hue-6-2: hsl(39, 67%, 69%); * --syntax-fg: hsl(220, 14%, 71%); * --syntax-bg: hsl(220, 13%, 18%); * --syntax-gutter: hsl(220, 14%, 45%); * --syntax-guide: hsla(220, 14%, 71%, 0.15); * --syntax-accent: hsl(220, 100%, 66%); * From syntax-variables.less * --syntax-selection-color: hsl(220, 13%, 28%); * --syntax-gutter-background-color-selected: hsl(220, 13%, 26%); * --syntax-cursor-line: hsla(220, 100%, 80%, 0.04); */ html.theme-dark code[class*="language-"], html.theme-dark pre[class*="language-"] { background: hsl(220, 13%, 18%); color: hsl(220, 14%, 71%); text-shadow: 0 1px rgba(0, 0, 0, 0.3); font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; line-height: 1.5; -moz-tab-size: 2; -o-tab-size: 2; tab-size: 2; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } /* Selection */ html.theme-dark code[class*="language-"]::-moz-selection, html.theme-dark code[class*="language-"] *::-moz-selection, html.theme-dark pre[class*="language-"] *::-moz-selection { background: hsl(220, 13%, 28%); color: inherit; text-shadow: none; } html.theme-dark code[class*="language-"]::selection, html.theme-dark code[class*="language-"] *::selection, html.theme-dark pre[class*="language-"] *::selection { background: hsl(220, 13%, 28%); color: inherit; text-shadow: none; } /* Code blocks */ html.theme-dark pre[class*="language-"] { padding: 1em; margin: 0.5em 0; overflow: auto; border-radius: 0.3em; } /* Inline code */ html.theme-dark :not(pre) > code[class*="language-"] { padding: 0.2em 0.3em; border-radius: 0.3em; white-space: normal; } /* Print */ @media print { html.theme-dark code[class*="language-"], html.theme-dark pre[class*="language-"] { text-shadow: none; } } html.theme-dark .token.comment, html.theme-dark .token.prolog, html.theme-dark .token.cdata { color: hsl(220, 10%, 40%); } html.theme-dark .token.doctype, html.theme-dark .token.punctuation, html.theme-dark .token.entity { color: hsl(220, 14%, 71%); } html.theme-dark .token.attr-name, html.theme-dark .token.class-name, html.theme-dark .token.boolean, html.theme-dark .token.constant, html.theme-dark .token.number, html.theme-dark .token.atrule { color: hsl(29, 54%, 61%); } html.theme-dark .token.keyword { color: hsl(286, 60%, 67%); } html.theme-dark .token.property, html.theme-dark .token.tag, html.theme-dark .token.symbol, html.theme-dark .token.deleted, html.theme-dark .token.important { color: hsl(355, 65%, 65%); } html.theme-dark .token.selector, html.theme-dark .token.string, html.theme-dark .token.char, html.theme-dark .token.builtin, html.theme-dark .token.inserted, html.theme-dark .token.regex, html.theme-dark .token.attr-value, html.theme-dark .token.attr-value > .token.punctuation { color: hsl(95, 38%, 62%); } html.theme-dark .token.variable, html.theme-dark .token.operator, html.theme-dark .token.function { color: hsl(207, 82%, 66%); } html.theme-dark .token.url { color: hsl(187, 47%, 55%); } /* HTML overrides */ html.theme-dark .token.attr-value > .token.punctuation.attr-equals, html.theme-dark .token.special-attr > .token.attr-value > .token.value.css { color: hsl(220, 14%, 71%); } /* CSS overrides */ html.theme-dark .language-css .token.selector { color: hsl(355, 65%, 65%); } html.theme-dark .language-css .token.property { color: hsl(220, 14%, 71%); } html.theme-dark .language-css .token.function, html.theme-dark .language-css .token.url > .token.function { color: hsl(187, 47%, 55%); } html.theme-dark .language-css .token.url > .token.string.url { color: hsl(95, 38%, 62%); } html.theme-dark .language-css .token.important, html.theme-dark .language-css .token.atrule .token.rule { color: hsl(286, 60%, 67%); } /* JS overrides */ html.theme-dark .language-javascript .token.operator { color: hsl(286, 60%, 67%); } html.theme-dark .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation { color: hsl(5, 48%, 51%); } /* JSON overrides */ html.theme-dark .language-json .token.operator { color: hsl(220, 14%, 71%); } html.theme-dark .language-json .token.null.keyword { color: hsl(29, 54%, 61%); } /* MD overrides */ html.theme-dark .language-markdown .token.url, html.theme-dark .language-markdown .token.url > .token.operator, html.theme-dark .language-markdown .token.url-reference.url > .token.string { color: hsl(220, 14%, 71%); } html.theme-dark .language-markdown .token.url > .token.content { color: hsl(207, 82%, 66%); } html.theme-dark .language-markdown .token.url > .token.url, html.theme-dark .language-markdown .token.url-reference.url { color: hsl(187, 47%, 55%); } html.theme-dark .language-markdown .token.blockquote.punctuation, html.theme-dark .language-markdown .token.hr.punctuation { color: hsl(220, 10%, 40%); font-style: italic; } html.theme-dark .language-markdown .token.code-snippet { color: hsl(95, 38%, 62%); } html.theme-dark .language-markdown .token.bold .token.content { color: hsl(29, 54%, 61%); } html.theme-dark .language-markdown .token.italic .token.content { color: hsl(286, 60%, 67%); } html.theme-dark .language-markdown .token.strike .token.content, html.theme-dark .language-markdown .token.strike .token.punctuation, html.theme-dark .language-markdown .token.list.punctuation, html.theme-dark .language-markdown .token.title.important > .token.punctuation { color: hsl(355, 65%, 65%); } /* General */ html.theme-dark .token.bold { font-weight: bold; } html.theme-dark .token.comment, html.theme-dark .token.italic { font-style: italic; } html.theme-dark .token.entity { cursor: help; } html.theme-dark .token.namespace { opacity: 0.8; } /* Plugin overrides */ /* Selectors should have higher specificity than those in the plugins' default stylesheets */ /* Show Invisibles plugin overrides */ html.theme-dark .token.token.tab:not(:empty):before, html.theme-dark .token.token.cr:before, html.theme-dark .token.token.lf:before, html.theme-dark .token.token.space:before { color: hsla(220, 14%, 71%, 0.15); text-shadow: none; } /* Toolbar plugin overrides */ /* Space out all buttons and move them away from the right edge of the code block */ html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item { margin-right: 0.4em; } /* Styling the buttons */ html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > button, html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > a, html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span { background: hsl(220, 13%, 26%); color: hsl(220, 9%, 55%); padding: 0.1em 0.4em; border-radius: 0.3em; } html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover, html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus, html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover, html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus, html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover, html.theme-dark div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus { background: hsl(220, 13%, 28%); color: hsl(220, 14%, 71%); } /* Line Highlight plugin overrides */ /* The highlighted line itself */ html.theme-dark .line-highlight.line-highlight { background: hsla(220, 100%, 80%, 0.04); } /* Default line numbers in Line Highlight plugin */ html.theme-dark .line-highlight.line-highlight:before, html.theme-dark .line-highlight.line-highlight[data-end]:after { background: hsl(220, 13%, 26%); color: hsl(220, 14%, 71%); padding: 0.1em 0.6em; border-radius: 0.3em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */ } /* Hovering over a linkable line number (in the gutter area) */ /* Requires Line Numbers plugin as well */ html.theme-dark pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before { background-color: hsla(220, 100%, 80%, 0.04); } /* Line Numbers and Command Line plugins overrides */ /* Line separating gutter from coding area */ html.theme-dark .line-numbers.line-numbers .line-numbers-rows, html.theme-dark .command-line .command-line-prompt { border-right-color: hsla(220, 14%, 71%, 0.15); } /* Stuff in the gutter */ html.theme-dark .line-numbers .line-numbers-rows > span:before, html.theme-dark .command-line .command-line-prompt > span:before { color: hsl(220, 14%, 45%); } /* Match Braces plugin overrides */ /* Note: Outline colour is inherited from the braces */ html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-1, html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-5, html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-9 { color: hsl(355, 65%, 65%); } html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-2, html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-6, html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-10 { color: hsl(95, 38%, 62%); } html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-3, html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-7, html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-11 { color: hsl(207, 82%, 66%); } html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-4, html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-8, html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-12 { color: hsl(286, 60%, 67%); } /* Diff Highlight plugin overrides */ /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */ html.theme-dark pre.diff-highlight > code .token.token.deleted:not(.prefix), html.theme-dark pre > code.diff-highlight .token.token.deleted:not(.prefix) { background-color: hsla(353, 100%, 66%, 0.15); } html.theme-dark pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection, html.theme-dark pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection, html.theme-dark pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection, html.theme-dark pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection { background-color: hsla(353, 95%, 66%, 0.25); } html.theme-dark pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection, html.theme-dark pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection, html.theme-dark pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection, html.theme-dark pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection { background-color: hsla(353, 95%, 66%, 0.25); } html.theme-dark pre.diff-highlight > code .token.token.inserted:not(.prefix), html.theme-dark pre > code.diff-highlight .token.token.inserted:not(.prefix) { background-color: hsla(137, 100%, 55%, 0.15); } html.theme-dark pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection, html.theme-dark pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection, html.theme-dark pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection, html.theme-dark pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection { background-color: hsla(135, 73%, 55%, 0.25); } html.theme-dark pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection, html.theme-dark pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection, html.theme-dark pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection, html.theme-dark pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection { background-color: hsla(135, 73%, 55%, 0.25); } /* Previewers plugin overrides */ /* 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 */ /* Border around popup */ html.theme-dark .prism-previewer.prism-previewer:before, html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div { border-color: hsl(224, 13%, 17%); } /* Angle and time should remain as circles and are hence not included */ html.theme-dark .prism-previewer-color.prism-previewer-color:before, html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div, html.theme-dark .prism-previewer-easing.prism-previewer-easing:before { border-radius: 0.3em; } /* Triangles pointing to the code */ html.theme-dark .prism-previewer.prism-previewer:after { border-top-color: hsl(224, 13%, 17%); } html.theme-dark .prism-previewer-flipped.prism-previewer-flipped.after { border-bottom-color: hsl(224, 13%, 17%); } /* Background colour within the popup */ html.theme-dark .prism-previewer-angle.prism-previewer-angle:before, html.theme-dark .prism-previewer-time.prism-previewer-time:before, html.theme-dark .prism-previewer-easing.prism-previewer-easing { background: hsl(219, 13%, 22%); } /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */ /* For time, this is the alternate colour */ html.theme-dark .prism-previewer-angle.prism-previewer-angle circle, html.theme-dark .prism-previewer-time.prism-previewer-time circle { stroke: hsl(220, 14%, 71%); stroke-opacity: 1; } /* Stroke colours of the handle, direction point, and vector itself */ html.theme-dark .prism-previewer-easing.prism-previewer-easing circle, html.theme-dark .prism-previewer-easing.prism-previewer-easing path, html.theme-dark .prism-previewer-easing.prism-previewer-easing line { stroke: hsl(220, 14%, 71%); } /* Fill colour of the handle */ html.theme-dark .prism-previewer-easing.prism-previewer-easing circle { fill: transparent; } html.theme-light { /* Gray */ --gray-h: 0; --gray-s: 0%; --gray-l: 39%; --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l)); --color-text-gray: var(--color-gray); --color-bg-gray: hsl( var(--gray-h), var(--gray-s), 88% ); --color-bg-gray-light: var(--color-bg-gray); --color-pill-gray: hsl( calc(var(--gray-h) + 14), var(--gray-s), 81% ); --color-pill-text-gray: hsl( var(--gray-h), var(--gray-s), calc(var(--gray-l) - 28%) ); --color-bg-form-btn-gray: #A7A39A; /* Brown */ --brown-h: 19; --brown-s: 41%; --brown-l: 37%; --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l)); --color-text-brown: var(--color-brown); --color-bg-brown: hsl( var(--brown-h), var(--brown-s), 81% ); --color-bg-brown-light: var(--color-bg-brown); --color-pill-brown: hsl( var(--brown-h), calc(var(--brown-s) + 10%), 79% ); --color-pill-text-brown: hsl( var(--brown-h), calc(var(--brown-s) + 10%), calc(var(--brown-l) - 28%) ); --color-bg-form-btn-brown: #9A6851; /* Orange */ --orange-h: 30; --orange-s: 97%; --orange-l: 55%; --color-orange: hsl( var(--orange-h), var(--orange-s), var(--orange-l) ); --color-text-orange: var(--color-orange); --color-bg-orange: hsl( var(--orange-h), var(--orange-s), 90% ); --color-bg-orange-light: var(--color-bg-orange); --color-pill-orange: hsl( var(--orange-h), calc(var(--orange-s) - 6%), 90% ); --color-pill-text-orange: hsl( calc(var(--orange-h) - 5), calc(var(--orange-s) - 18%), calc(var(--orange-l) - 28%) ); --color-bg-form-btn-orange: #D9730D; /* Yellow */ --yellow-h: 38; --yellow-s: 82%; --yellow-l: 49%; --color-yellow: hsl( var(--yellow-h), var(--yellow-s), var(--yellow-l) ); --color-text-yellow: var(--color-yellow); --color-bg-yellow: hsl( var(--yellow-h), calc(var(--yellow-s) + 90%), 90% ); --color-bg-yellow-light: var(--color-bg-yellow); --color-pill-yellow: hsl( calc(var(--yellow-h) + 3), calc(var(--yellow-s) + 24%), 90% ); --color-pill-text-yellow: hsl( calc(var(--yellow-h) - 11), calc(var(--yellow-s) - 22%), calc(var(--yellow-l) - 28%) ); --color-bg-form-btn-yellow: #CA922F; /* Green */ --green-h: 141; --green-s: 77%; --green-l: 24%; --color-green: hsl(var(--green-h), var(--green-s), var(--green-l)); --color-text-green: var(--color-green); --color-bg-green: hsl( var(--green-h), var(--green-s), 79% ); --color-bg-green-light: var(--color-bg-green); --color-pill-green: hsl( calc(var(--green-h) - 28), calc(var(--green-s) + 3%), 74% ); --color-pill-text-green: hsl( calc(var(--green-h) - 2), var(--green-s), calc(var(--green-l) - 22%) ); --color-bg-form-btn-green: #448361; /* Blue */ --blue-h: 222; --blue-s: 63%; --blue-l: 53%; --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l)); --color-text-blue: var(--color-blue); --color-bg-blue: hsl( var(--blue-h), var(--blue-s), 90% ); --color-bg-blue-light: var(--color-bg-blue); --color-pill-blue: hsl( var(--blue-h), calc(var(--blue-s) - 5%), 90% ); --color-pill-text-blue: hsl( calc(var(--blue-h) + 7), calc(var(--blue-s) - 6%), calc(var(--blue-l) - 22%) ); --color-bg-form-btn-blue: #327DA9; /* Purple */ --purple-h: 274; --purple-s: 52%; --purple-l: 54%; --color-purple: hsl( var(--purple-h), var(--purple-s), var(--purple-l) ); --color-text-purple: var(--color-purple); --color-bg-purple: hsl( var(--purple-h), var(--purple-s), 90% ); --color-bg-purple-light: var(--color-bg-purple); --color-pill-purple: hsl( var(--purple-h), calc(var(--purple-s) + 5%), 90% ); --color-pill-text-purple: hsl( calc(var(--purple-h) + 1), calc(var(--purple-s) + 10%), calc(var(--purple-l) - 31%) ); --color-bg-form-btn-purple: #8F64AF; /* Pink */ --pink-h: 328; --pink-s: 58%; --pink-l: 53%; --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l)); --color-text-pink: var(--color-pink); --color-bg-pink: hsl( var(--pink-h), var(--pink-s), 90% ); --color-bg-pink-light: var(--color-bg-pink); --color-pill-pink: hsl( var(--pink-h), var(--pink-s), 90% ); --color-pill-text-pink: hsl( calc(var(--pink-h) + 3), calc(var(--pink-s) - 14%), calc(var(--pink-l) - 31%) ); --color-bg-form-btn-pink: #C24C8B; /* Red */ --red-h: 2; --red-s: 62%; --red-l: 55%; --color-red: hsl(var(--red-h), var(--red-s), var(--red-l)); --color-text-red: var(--color-red); --color-bg-red: hsl( var(--red-h), var(--red-s), 90% ); --color-bg-red-light: var(--color-bg-red); --color-pill-red: hsl( calc(var(--red-h) + 6), calc(var(--red-s) + 42%), 90% ); --color-pill-text-red: hsl( calc(var(--red-h) + 0), var(--red-s), calc(var(--red-l) - 32%) ); --color-bg-form-btn-red: #D44E49; /*Default*/ --default-h: 45; --default-s: 8%; --default-l: 20%; --color-default: hsl( var(--default-h), var(--default-s), var(--default-l) ); --color-pill-default: hsl( var(--gray-h), var(--gray-s), 90% ); --color-pill-text-default: hsl( var(--gray-h), var(--gray-s), calc(var(--gray-l) - 28%) ); --color-bg-form-btn-default: #55534E; /*Other*/ --color-text-default: #324666; --color-text-default-light: #324666; --color-bg-default: #F7F7F7; --color-border-default: #EDEBEB; --color-border-dark: var(--color-border-default); --color-ui-hover-bg: #F0EFEF; --color-card-bg: #F9F9F9; --color-card-bg-hover: #ffffff; --color-calendar-weekend-bg: #F4F4F4; --color-checkbox-bg: #BBF6D0; --color-code-bg: rgba(135,131,120,.15); /*Scrollbar*/ --scrollbar-background-color: #F0EFEF; --scrollbar-thumb-color: #324666; --scrollbar-border-color: #F0EFEF; /*Navbar*/ --navbar-text-color: #FFFEFE; --navbar-list-item-hover: rgba(255,255,255,.2); --navbar-background-color-hover: #233757; --navbar-background-color: #324666; --navbar-button-text-color: #324666; --navbar-button-background-color: #FF816B; --navbar-menu-background-color: var(--navbar-background-color); --navbar-text-color-dark: #f0efef; /*Footer*/ --footer-text-color: #FFFEFE; --footer-background-color: #324666; /*Sidebar*/ --sidebar-text-color: #37352F; --sidebar-cta-text-color: #37352F; --sidebar-background-color: #ffffff; --sidebar-cta-background-color: #ffffff; --sidebar-border-color: #E9E9E7; --sidebar-background-color-hover: #efefef; --sidebar-text-color-dark: #282620; --sidebar-cta-background-color-hover: #efefef; } /** * One Light theme for prism.js * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax */ /** * One Light colours (accurate as of commit eb064bf on 19 Feb 2021) * From colors.less * --mono-1: hsl(230, 8%, 24%); * --mono-2: hsl(230, 6%, 44%); * --mono-3: hsl(230, 4%, 64%) * --hue-1: hsl(198, 99%, 37%); * --hue-2: hsl(221, 87%, 60%); * --hue-3: hsl(301, 63%, 40%); * --hue-4: hsl(119, 34%, 47%); * --hue-5: hsl(5, 74%, 59%); * --hue-5-2: hsl(344, 84%, 43%); * --hue-6: hsl(35, 99%, 36%); * --hue-6-2: hsl(35, 99%, 40%); * --syntax-fg: hsl(230, 8%, 24%); * --syntax-bg: hsl(230, 1%, 98%); * --syntax-gutter: hsl(230, 1%, 62%); * --syntax-guide: hsla(230, 8%, 24%, 0.2); * --syntax-accent: hsl(230, 100%, 66%); * From syntax-variables.less * --syntax-selection-color: hsl(230, 1%, 90%); * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%); * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05); */ html.theme-light code[class*="language-"], html.theme-light pre[class*="language-"] { color: hsl(230, 8%, 24%); font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; line-height: 1.5; -moz-tab-size: 2; -o-tab-size: 2; tab-size: 2; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } /* Selection */ html.theme-light code[class*="language-"]::-moz-selection, html.theme-light code[class*="language-"] *::-moz-selection, html.theme-light pre[class*="language-"] *::-moz-selection { background: hsl(230, 1%, 90%); color: inherit; } html.theme-light code[class*="language-"]::selection, html.theme-light code[class*="language-"] *::selection, html.theme-light pre[class*="language-"] *::selection { background: hsl(230, 1%, 90%); color: inherit; } /* Code blocks */ html.theme-light pre[class*="language-"] { padding: 1em; margin: 0.5em 0; overflow: auto; border-radius: 0.3em; } /* Inline code */ html.theme-light :not(pre) > code[class*="language-"] { padding: 0.2em 0.3em; border-radius: 0.3em; white-space: normal; } html.theme-light .token.comment, html.theme-light .token.prolog, html.theme-light .token.cdata { color: hsl(230, 4%, 64%); } html.theme-light .token.doctype, html.theme-light .token.punctuation, html.theme-light .token.entity { color: hsl(230, 8%, 24%); } html.theme-light .token.attr-name, html.theme-light .token.class-name, html.theme-light .token.boolean, html.theme-light .token.constant, html.theme-light .token.number, html.theme-light .token.atrule { color: hsl(35, 99%, 36%); } html.theme-light .token.keyword { color: hsl(301, 63%, 40%); } html.theme-light .token.property, html.theme-light .token.tag, html.theme-light .token.symbol, html.theme-light .token.deleted, html.theme-light .token.important { color: hsl(5, 74%, 59%); } html.theme-light .token.selector, html.theme-light .token.string, html.theme-light .token.char, html.theme-light .token.builtin, html.theme-light .token.inserted, html.theme-light .token.regex, html.theme-light .token.attr-value, html.theme-light .token.attr-value > .token.punctuation { color: hsl(119, 34%, 47%); } html.theme-light .token.variable, html.theme-light .token.operator, html.theme-light .token.function { color: hsl(221, 87%, 60%); } html.theme-light .token.url { color: hsl(198, 99%, 37%); } /* HTML overrides */ html.theme-light .token.attr-value > .token.punctuation.attr-equals, html.theme-light .token.special-attr > .token.attr-value > .token.value.css { color: hsl(230, 8%, 24%); } /* CSS overrides */ html.theme-light .language-css .token.selector { color: hsl(5, 74%, 59%); } html.theme-light .language-css .token.property { color: hsl(230, 8%, 24%); } html.theme-light .language-css .token.function, html.theme-light .language-css .token.url > .token.function { color: hsl(198, 99%, 37%); } html.theme-light .language-css .token.url > .token.string.url { color: hsl(119, 34%, 47%); } html.theme-light .language-css .token.important, html.theme-light .language-css .token.atrule .token.rule { color: hsl(301, 63%, 40%); } /* JS overrides */ html.theme-light .language-javascript .token.operator { color: hsl(301, 63%, 40%); } html.theme-light .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation { color: hsl(344, 84%, 43%); } /* JSON overrides */ html.theme-light .language-json .token.operator { color: hsl(230, 8%, 24%); } html.theme-light .language-json .token.null.keyword { color: hsl(35, 99%, 36%); } /* MD overrides */ html.theme-light .language-markdown .token.url, html.theme-light .language-markdown .token.url > .token.operator, html.theme-light .language-markdown .token.url-reference.url > .token.string { color: hsl(230, 8%, 24%); } html.theme-light .language-markdown .token.url > .token.content { color: hsl(221, 87%, 60%); } html.theme-light .language-markdown .token.url > .token.url, html.theme-light .language-markdown .token.url-reference.url { color: hsl(198, 99%, 37%); } html.theme-light .language-markdown .token.blockquote.punctuation, html.theme-light .language-markdown .token.hr.punctuation { color: hsl(230, 4%, 64%); font-style: italic; } html.theme-light .language-markdown .token.code-snippet { color: hsl(119, 34%, 47%); } html.theme-light .language-markdown .token.bold .token.content { color: hsl(35, 99%, 36%); } html.theme-light .language-markdown .token.italic .token.content { color: hsl(301, 63%, 40%); } html.theme-light .language-markdown .token.strike .token.content, html.theme-light .language-markdown .token.strike .token.punctuation, html.theme-light .language-markdown .token.list.punctuation, html.theme-light .language-markdown .token.title.important > .token.punctuation { color: hsl(5, 74%, 59%); } /* General */ html.theme-light .token.bold { font-weight: bold; } html.theme-light .token.comment, html.theme-light .token.italic { font-style: italic; } html.theme-light .token.entity { cursor: help; } html.theme-light .token.namespace { opacity: 0.8; } /* Plugin overrides */ /* Selectors should have higher specificity than those in the plugins' default stylesheets */ /* Show Invisibles plugin overrides */ html.theme-light .token.token.tab:not(:empty):before, html.theme-light .token.token.cr:before, html.theme-light .token.token.lf:before, html.theme-light .token.token.space:before { color: hsla(230, 8%, 24%, 0.2); } /* Toolbar plugin overrides */ /* Space out all buttons and move them away from the right edge of the code block */ html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item { margin-right: 0.4em; } /* Styling the buttons */ html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button, html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a, html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span { background: hsl(230, 1%, 90%); color: hsl(230, 6%, 44%); padding: 0.1em 0.4em; border-radius: 0.3em; } html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover, html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus, html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover, html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus, html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover, html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus { background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */ color: hsl(230, 8%, 24%); } /* Line Highlight plugin overrides */ /* The highlighted line itself */ html.theme-light .line-highlight.line-highlight { background: hsla(230, 8%, 24%, 0.05); } /* Default line numbers in Line Highlight plugin */ html.theme-light .line-highlight.line-highlight:before, html.theme-light .line-highlight.line-highlight[data-end]:after { background: hsl(230, 1%, 90%); color: hsl(230, 8%, 24%); padding: 0.1em 0.6em; border-radius: 0.3em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */ } /* Hovering over a linkable line number (in the gutter area) */ /* Requires Line Numbers plugin as well */ html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before { background-color: hsla(230, 8%, 24%, 0.05); } /* Line Numbers and Command Line plugins overrides */ /* Line separating gutter from coding area */ html.theme-light .line-numbers.line-numbers .line-numbers-rows, html.theme-light .command-line .command-line-prompt { border-right-color: hsla(230, 8%, 24%, 0.2); } /* Stuff in the gutter */ html.theme-light .line-numbers .line-numbers-rows > span:before, html.theme-light .command-line .command-line-prompt > span:before { color: hsl(230, 1%, 62%); } /* Match Braces plugin overrides */ /* Note: Outline colour is inherited from the braces */ html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1, html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5, html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 { color: hsl(5, 74%, 59%); } html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2, html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6, html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 { color: hsl(119, 34%, 47%); } html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3, html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7, html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 { color: hsl(221, 87%, 60%); } html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4, html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8, html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 { color: hsl(301, 63%, 40%); } /* Diff Highlight plugin overrides */ /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */ html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix), html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) { background-color: hsla(353, 100%, 66%, 0.15); } html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection, html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection, html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection, html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection { background-color: hsla(353, 95%, 66%, 0.25); } html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection, html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection, html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection, html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection { background-color: hsla(353, 95%, 66%, 0.25); } html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix), html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) { background-color: hsla(137, 100%, 55%, 0.15); } html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection, html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection, html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection, html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection { background-color: hsla(135, 73%, 55%, 0.25); } html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection, html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection, html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection, html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection { background-color: hsla(135, 73%, 55%, 0.25); } /* Previewers plugin overrides */ /* 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 */ /* Border around popup */ html.theme-light .prism-previewer.prism-previewer:before, html.theme-light .prism-previewer-gradient.prism-previewer-gradient div { border-color: hsl(0, 0, 95%); } /* Angle and time should remain as circles and are hence not included */ html.theme-light .prism-previewer-color.prism-previewer-color:before, html.theme-light .prism-previewer-gradient.prism-previewer-gradient div, html.theme-light .prism-previewer-easing.prism-previewer-easing:before { border-radius: 0.3em; } /* Triangles pointing to the code */ html.theme-light .prism-previewer.prism-previewer:after { border-top-color: hsl(0, 0, 95%); } html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after { border-bottom-color: hsl(0, 0, 95%); } /* Background colour within the popup */ html.theme-light .prism-previewer-angle.prism-previewer-angle:before, html.theme-light .prism-previewer-time.prism-previewer-time:before, html.theme-light .prism-previewer-easing.prism-previewer-easing { background: hsl(0, 0%, 100%); } /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */ /* For time, this is the alternate colour */ html.theme-light .prism-previewer-angle.prism-previewer-angle circle, html.theme-light .prism-previewer-time.prism-previewer-time circle { stroke: hsl(230, 8%, 24%); stroke-opacity: 1; } /* Stroke colours of the handle, direction point, and vector itself */ html.theme-light .prism-previewer-easing.prism-previewer-easing circle, html.theme-light .prism-previewer-easing.prism-previewer-easing path, html.theme-light .prism-previewer-easing.prism-previewer-easing line { stroke: hsl(230, 8%, 24%); } /* Fill colour of the handle */ html.theme-light .prism-previewer-easing.prism-previewer-easing circle { fill: transparent; } :root { /* Layout */ --padding-layout: 0.6rem; --border-radii-layout: 5px; --border-thickness-layout: 1px; --border-type-layout: solid; --border-layout: var(--border-thickness-layout) var(--border-type-layout) var(--color-border-default); --layout-max-width: 1000px; --column-spacing: 50px; --page-display: flex; --padding-right: calc(env(safe-area-inset-right) + 96px); --padding-left: calc(env(safe-area-inset-left) + 96px); --padding-right-mobile: calc(env(safe-area-inset-right) + 24px); --padding-left-mobile: calc(env(safe-area-inset-left) + 24px); /* Header */ --header-cover-height: 30vh; --header-title-align: start; --header-icon-align: -112px auto auto auto; --header-display: block; /* Collection header */ --collection-header-border: var(--border-layout); /* Collection table */ --collection-table-cell-padding: calc(var(--padding-layout) - 0.3rem) calc(var(--padding-layout) - 0.1rem); /* Collection list */ --collection-list-item-padding: calc(var(--padding-layout) - 0.5rem); --collection-list-item-border-radii: calc( var(--border-radii-layout) - 1px ); /* Collection card */ --collection-card-padding: 0px; --collection-card-title-padding: 0px; --collection-card-content-padding: var(--padding-layout); --collection-card-border-radii: var(--border-radii-layout); --collection-card-gap: 10px; --collection-card-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px -2px; --collection-card-title-size: 0.875rem; --collection-card-cover-height-small: 128px; --collection-card-cover-size-small: 172px; --collection-card-cover-height-medium: 200px; --collection-card-cover-size-medium: 260px; --collection-card-cover-height-large: 200px; --collection-card-cover-size-large: 320px; --collection-card-icon-display: inline-flex; /* Callout */ --callout-padding: calc(var(--padding-layout) + 0.4rem) calc(var(--padding-layout) + 0.4rem) calc(var(--padding-layout) + 0.4rem) calc(var(--padding-layout) + 0.1em); --callout-border-radii: calc(var(--border-radii-layout) - 2px); --callout-border: var(--border-layout); --callout-icon-display: block; --callout-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px -2px; /* File */ --file-border-radii: calc(var(--border-radii-layout) - 2px); /* Equation */ --equation-border-radii: calc(var(--border-radii-layout) - 2px); /* Divider */ --divider-border: var(--border-layout); /* Quote */ --quote-border: calc(var(--border-thickness-layout) + 2px) solid currentcolor; /* Code */ --code-padding: calc(var(--padding-layout) + 1.4rem); --code-border-radii: var(--border-radii-layout); /* Tweet */ --tweet-padding: calc(var(--padding-layout) + 0.65rem) calc(var(--padding-layout) + 0.65rem) calc(var(--padding-layout) + 0.05rem) calc(var(--padding-layout) + 0.65rem); --tweet-border-radii: var(--border-radii-layout); --tweet-border: var(--border-layout); /* Bookmark */ --bookmark-padding: calc(var(--padding-layout) + 0.15rem) 0px calc(var(--padding-layout) + 0.025rem) calc(var(--padding-layout) + 0.275rem); --bookmark-border-radii: var(--border-radii-layout); --bookmark-border: var(--border-layout); --bookmark-image-border-radii: 0px calc(var(--border-radii-layout) - 1px) calc(var(--border-radii-layout) - 1px) 0px; /* Embed */ --embed-border-radii: calc(var(--border-radii-layout) - 5px); /* Image */ --image-border-radii: calc(var(--border-radii-layout) - 5px); /* Typography */ --title-size: 2rem; --quote-size: 1rem; --quote-size-large: 1.25rem; --heading-size: 1.2rem; --primary-font: Merriweather, Merriweather-fallback, Helvetica, Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji, Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, sans-serif; --secondary-font: Arvo, Arvo-fallback, Helvetica, Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji, Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, sans-serif; --text-weight: 400; --heading-weight: 600; --heading1-size: calc(var(--heading-size) * 1.875); --heading2-size: calc(var(--heading-size) * 1.5); --heading3-size: calc(var(--heading-size) * 1.25); --heading4-size: calc(var(--heading-size) * 1); --heading5-size: calc(var(--heading-size) * 0.8125); /* Scrollbars */ --scrollbar-width: 15px; /* Navbar */ --navbar-height: 65px; --navbar-shadow: rgba(0, 0, 0, 0.12) 0px 10px 20px -6px; --navbar-button-border-radii: 50px; --navbar-list-width-single-column: 320px; --navbar-list-width: 620px; /*Sidebar*/ --sidebar-width: 280px; --sidebar-shadow: none; } html { scroll-padding-top: 71px; } body { font-family: var(--secondary-font); } </style><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><script>requestAnimationFrame(function(){$RT=performance.now()});</script><script src="/_next/static/chunks/7ecbf0b4a6c68380.js" id="_R_" async=""></script><div hidden id="S:0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun " type="Sun"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></div><script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0}; $RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</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/d96012bcfc98706a.js\",\"/_next/static/chunks/d80b3790a119a285.js\"],\"default\"]\n3:I[837457,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/d80b3790a119a285.js\"],\"default\"]\n7:I[897367,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/d80b3790a119a285.js\"],\"OutletBoundary\"]\n8:\"$Sreact.suspense\"\na:I[897367,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/d80b3790a119a285.js\"],\"ViewportBoundary\"]\nc:I[897367,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/d80b3790a119a285.js\"],\"MetadataBoundary\"]\ne:I[168027,[\"/_next/static/chunks/d96012bcfc98706a.js\",\"/_next/static/chunks/d80b3790a119a285.js\"],\"default\"]\n:HC[\"/\",\"\"]\n:HL[\"/_next/static/chunks/52aa13a882522345.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"Gp4voNtd05S52SP8v6yov\",\"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/d02a3fcc56a95777.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/18b5d989f4177357.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/48536f175a0a58e0.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/e7ef5873003727b1.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/6267d98df2644531.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/52aa13a882522345.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1305cb5c7203b950.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/effe8fc70d8cdf9d.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/3aa2460201522072.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\":\"$@b\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.Metadata\",\"children\":\"$@d\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"f:I[208077,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\",\"/_next/static/chunks/1305cb5c7203b950.js\",\"/_next/static/chunks/effe8fc70d8cdf9d.js\",\"/_next/static/chunks/3aa2460201522072.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\",\"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\"]}]\n"])</script><script>self.__next_f.push([1,"1b:I[868422,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.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\"}]\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:[\"$\",\"script\",\"2\",{\"async\":true,\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-VXMWF5N68L\",\"children\":null}]\n19:[\"$\",\"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}]\n"])</script><script>self.__next_f.push([1,"1a:[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L1b\",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,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"cacheTTL\":0,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"navbar\":{\"type\":\"balanced\",\"style\":{\"height\":56,\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\",\"ctaTextColor\":\"var(--color-text-default)\",\"ctaBackgroundColor\":\"var(--color-bg-default)\",\"isSticky\":true,\"shadow\":{\"type\":\"none\",\"color\":\"rgba(0,0,0,1)\",\"opacity\":12}},\"links\":[{\"id\":\"f2f26d82-0a9a-4313-8803-e206cbf8c929\",\"type\":\"page\",\"label\":\"更新情報\",\"pageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::e8b2ce4f-caf5-4c93-929a-2df9640a31d0\",\"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\":null,\"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\"},\"footer\":{\"text\":\"#FFFEFE\",\"background\":\"#324666\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\"},\"sidebar\":{\"text\":\"#37352F\",\"ctaText\":\"#37352F\",\"background\":\"#ffffff\",\"hoverBackground\":\"#efefef\",\"ctaBackground\":\"#ffffff\",\"border\":\"#E9E9E7\"},\"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\"},\"footer\":{\"text\":\"#FFFEFE\",\"background\":\"#324666\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\"},\"sidebar\":{\"text\":\"#e1e1e1\",\"ctaText\":\"#e1e1e1\",\"background\":\"#191919\",\"hoverBackground\":\"#292929\",\"ctaBackground\":\"#191919\",\"border\":\"#373737\"},\"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\"}],\"head\":[],\"body\":[],\"style\":[],\"css\":\"\"},\"files\":[]},\"config\":{\"assetEndpoint\":\"https://assets.super.so\",\"isPreview\":false},\"children\":[null,\"$L1c\",\"$L1d\"]}],\"$L1e\"]}]\n"])</script><script>self.__next_f.push([1,"1f:I[920494,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\"],\"ThemeProvider\"]\n25:I[678415,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\"],\"NavigationEvents\"]\n26:I[957215,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\"],\"SpeedInsights\"]\n20:T1523,"])</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 \n "])</script><script>self.__next_f.push([1,"21: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: #37352F;\n --sidebar-cta-text-color: #37352F;\n --sidebar-background-color: #ffffff;\n --sidebar-cta-background-color: #ffffff;\n --sidebar-border-color: #E9E9E7;\n --sidebar-background-color-hover: #efefef;\n --sidebar-text-color-dark: #282620;\n --sidebar-cta-background-color-hover: #efefef;\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,"22: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: #e1e1e1;\n --sidebar-cta-text-color: #e1e1e1;\n --sidebar-background-color: #191919;\n --sidebar-cta-background-color: #191919;\n --sidebar-border-color: #373737;\n --sidebar-background-color-hover: #292929;\n --sidebar-text-color-dark: #d2d2d2;\n --sidebar-cta-background-color-hover: #292929;\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,"23: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,"1c:[\"$\",\"$L1f\",null,{\"settings\":\"$1a:props:children:0:props:settings\",\"isPreview\":false,\"global\":\"$20\",\"light\":\"$21\",\"dark\":\"$22\",\"legacy\":\"$23\",\"children\":[\"$L24\",null]}]\n1d:[\"$\",\"$8\",null,{\"fallback\":null,\"children\":[\"$\",\"$L25\",null,{}]}]\n1e:[\"$\",\"$L26\",null,{\"sampleRate\":0.3}]\n"])</script><script>self.__next_f.push([1,"27:I[238581,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\"],\"SuperNavbar\"]\n28:I[381533,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\",\"/_next/static/chunks/398f78cbac628ac1.js\"],\"default\"]\n29:I[7549,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\"],\"FooterLogo\"]\n2a:I[537826,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\",\"/_next/static/chunks/1305cb5c7203b950.js\",\"/_next/static/chunks/effe8fc70d8cdf9d.js\",\"/_next/static/chunks/3aa2460201522072.js\"],\"Link\"]\n2b:I[652157,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\",\"/_next/static/chunks/1305cb5c7203b950.js\",\"/_next/static/chunks/effe8fc70d8cdf9d.js\",\"/_next/static/chunks/3aa2460201522072.js\"],\"PreloadChunks\"]\n2c:T69f,"])</script><script>self.__next_f.push([1,"M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"])</script><script>self.__next_f.push([1,"24:[\"$\",\"div\",null,{\"className\":\"super-root\",\"children\":[null,[[\"$\",\"$L27\",null,{\"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\":\"$1a:props:children:0: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,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"cacheTTL\":0,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"navbar\":\"$1a:props:children:0:props:settings:navbar\",\"footer\":\"$1a:props:children:0:props:settings:footer\",\"sidebar\":null,\"theme\":\"$1a:props:children:0:props:settings:theme\",\"code\":\"$1a:props:children:0:props:settings:code\",\"files\":\"$1a:props:children:0:props:settings:files\"}],[\"$\",\"div\",null,{\"className\":\"super-content-wrapper\",\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$28\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/398f78cbac628ac1.js\",\"async\":true}]],\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],[\"$\",\"footer\",null,{\"className\":\"super-footer stack no-links no-footnote\",\"children\":[\"$\",\"div\",null,{\"className\":\"super-footer__content\",\"children\":[[\"$\",\"$L29\",null,{\"logo\":\"$1a:props:children:0:props:settings:footer:logo\"}],null,null,null,[\"$\",\"div\",null,{\"className\":\"super-footer__icons\",\"children\":[[\"$\",\"$L2a\",\"https://www.facebook.com/sakuradorocycle/\",{\"uri\":\"https://www.facebook.com/sakuradorocycle/\",\"children\":[\"$\",\"$1\",\"facebook\",{\"children\":[[\"$\",\"$L2b\",null,{\"moduleIds\":[744565]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"width\":24,\"height\":24,\"children\":[[\"$\",\"title\",null,{\"children\":\"Facebook\"}],[\"$\",\"path\",null,{\"d\":\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"}]]}]]}]}],[\"$\",\"$L2a\",\"https://twitter.com/sakuradorocycle\",{\"uri\":\"https://twitter.com/sakuradorocycle\",\"children\":[\"$\",\"$1\",\"twitter\",{\"children\":[[\"$\",\"$L2b\",null,{\"moduleIds\":[23328]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 16 16\",\"width\":24,\"height\":24,\"children\":[[\"$\",\"title\",null,{\"children\":\"X\"}],[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M0.5 0.5H5.75L9.48421 5.71053L14 0.5H16L10.3895 6.97368L16.5 15.5H11.25L7.51579 10.2895L3 15.5H1L6.61053 9.02632L0.5 0.5ZM12.0204 14L3.42043 2H4.97957L13.5796 14H12.0204Z\"}]]}]]}]}],[\"$\",\"$L2a\",\"https://www.instagram.com/sakuradorocycle/\",{\"uri\":\"https://www.instagram.com/sakuradorocycle/\",\"children\":[\"$\",\"$1\",\"instagram\",{\"children\":[[\"$\",\"$L2b\",null,{\"moduleIds\":[39511]}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"width\":24,\"height\":24,\"children\":[[\"$\",\"title\",null,{\"children\":\"Instagram\"}],[\"$\",\"path\",null,{\"d\":\"$2c\"}]]}]]}]}],\"$L2d\",\"$L2e\",\"$L2f\"]}]]}]}]]]}]\n"])</script><script>self.__next_f.push([1,"2d:[\"$\",\"$L2a\",\"https://www.facebook.com/sakuradorobo\",{\"uri\":\"https://www.facebook.com/sakuradorobo\",\"children\":[\"$\",\"$1\",\"facebook\",{\"children\":[[\"$\",\"$L2b\",null,{\"moduleIds\":\"$24:props:children:1:2:props:children:props:children:4:props:children:0:props:children:props:children:0:props:moduleIds\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"width\":24,\"height\":24,\"children\":[[\"$\",\"title\",null,{\"children\":\"Facebook\"}],[\"$\",\"path\",null,{\"d\":\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"}]]}]]}]}]\n2e:[\"$\",\"$L2a\",\"https://twitter.com/sakuradorobo\",{\"uri\":\"https://twitter.com/sakuradorobo\",\"children\":[\"$\",\"$1\",\"twitter\",{\"children\":[[\"$\",\"$L2b\",null,{\"moduleIds\":\"$24:props:children:1:2:props:children:props:children:4:props:children:1:props:children:props:children:0:props:moduleIds\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 16 16\",\"width\":24,\"height\":24,\"children\":[[\"$\",\"title\",null,{\"children\":\"X\"}],[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M0.5 0.5H5.75L9.48421 5.71053L14 0.5H16L10.3895 6.97368L16.5 15.5H11.25L7.51579 10.2895L3 15.5H1L6.61053 9.02632L0.5 0.5ZM12.0204 14L3.42043 2H4.97957L13.5796 14H12.0204Z\"}]]}]]}]}]\n30:T69f,"])</script><script>self.__next_f.push([1,"M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"])</script><script>self.__next_f.push([1,"2f:[\"$\",\"$L2a\",\"https://www.instagram.com/sakuradorobo/\",{\"uri\":\"https://www.instagram.com/sakuradorobo/\",\"children\":[\"$\",\"$1\",\"instagram\",{\"children\":[[\"$\",\"$L2b\",null,{\"moduleIds\":\"$24:props:children:1:2:props:children:props:children:4:props:children:2:props:children:props:children:0:props:moduleIds\"}],[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"width\":24,\"height\":24,\"children\":[[\"$\",\"title\",null,{\"children\":\"Instagram\"}],[\"$\",\"path\",null,{\"d\":\"$30\"}]]}]]}]}]\n"])</script><script>self.__next_f.push([1,"31:I[23131,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\",\"/_next/static/chunks/1305cb5c7203b950.js\",\"/_next/static/chunks/effe8fc70d8cdf9d.js\",\"/_next/static/chunks/3aa2460201522072.js\"],\"PageProvider\"]\n"])</script><script>self.__next_f.push([1,"6:[\"$\",\"$L31\",null,{\"pageReplacement\":\"$undefined\",\"getWebVital\":true,\"pageId\":\"cycle-lab-prompt\",\"records\":{\"block\":{\"cycle-lab-prompt\":{\"id\":\"cycle-lab-prompt\",\"children\":[\"4a81f7582b524a2e8ec77198b69d1628\"],\"hasContent\":true,\"parentId\":\"cycle-lab\",\"title\":[[\"ChatGPTプロンプト生成フォーム\"]],\"updatedAt\":1706930968197,\"type\":\"page\",\"spaceId\":\"006e88a0-5b53-460b-b1a2-a7b47a8b283b\",\"icon\":\"📄\",\"coverPosition\":0.5,\"createdTime\":1706930481985,\"lastEditedTime\":1706930968197,\"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\"},\"cycle-lab\":{\"id\":\"cycle-lab\",\"children\":[],\"hasContent\":true,\"parentId\":\"cycle\",\"title\":[[\"桜泥棒サイクルラボ\"]],\"updatedAt\":1726959515071,\"type\":\"page\",\"spaceId\":\"006e88a0-5b53-460b-b1a2-a7b47a8b283b\",\"icon\":\"🔬\",\"coverPosition\":0.5,\"createdTime\":1705550123797,\"lastEditedTime\":1726959515071,\"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\":1732525755667,\"type\":\"page\",\"spaceId\":\"006e88a0-5b53-460b-b1a2-a7b47a8b283b\",\"icon\":\"🚲\",\"coverPosition\":0.5,\"createdTime\":1704809937463,\"lastEditedTime\":1732525755667,\"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.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\":1711373712763,\"type\":\"page\",\"spaceId\":\"006e88a0-5b53-460b-b1a2-a7b47a8b283b\",\"icon\":\"🤸🏽\",\"coverPosition\":0.5979,\"createdTime\":1705100281086,\"lastEditedTime\":1711373712763,\"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\"},\"4a81f7582b524a2e8ec77198b69d1628\":{\"id\":\"4a81f7582b524a2e8ec77198b69d1628\",\"children\":[],\"hasContent\":false,\"parentId\":\"cycle-lab-prompt\",\"title\":null,\"updatedAt\":1706930489037,\"type\":\"transclusion_reference\",\"container\":\"1656a86b9dd344019a835546e853d610\"},\"1656a86b9dd344019a835546e853d610\":{\"id\":\"1656a86b9dd344019a835546e853d610\",\"children\":[\"99d9fde3c77b42cb8cebb67dfdd0b8e4\"],\"hasContent\":true,\"parentId\":\"cycle-lab\",\"title\":null,\"updatedAt\":1706930489037,\"type\":\"transclusion_container\"},\"99d9fde3c77b42cb8cebb67dfdd0b8e4\":{\"id\":\"99d9fde3c77b42cb8cebb67dfdd0b8e4\",\"children\":[],\"hasContent\":false,\"parentId\":\"1656a86b9dd344019a835546e853d610\",\"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\":1706930489037,\"type\":\"code\",\"language\":\"HTML\",\"wrap\":false,\"link\":null},\"b04f8187a3084518816b8da695b0d5f3\":{\"id\":\"b04f8187a3084518816b8da695b0d5f3\",\"children\":[\"project-list\",\"projectmgmt\",\"cycle\",\"beer\"],\"hasContent\":true,\"parentId\":\"9c67ea4245664b0eb3e01a769f002d66\",\"title\":[[\"PROJECT関連\"]],\"updatedAt\":1707431678440,\"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,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"cacheTTL\":0,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"navbar\":{\"type\":\"balanced\",\"style\":{\"height\":56,\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\",\"ctaTextColor\":\"var(--color-text-default)\",\"ctaBackgroundColor\":\"var(--color-bg-default)\",\"isSticky\":true,\"shadow\":{\"type\":\"none\",\"color\":\"rgba(0,0,0,1)\",\"opacity\":12}},\"links\":[{\"id\":\"f2f26d82-0a9a-4313-8803-e206cbf8c929\",\"type\":\"page\",\"label\":\"更新情報\",\"pageId\":\"fc9f9f08-9bd4-4f39-8d1e-b249640e1f29:::e8b2ce4f-caf5-4c93-929a-2df9640a31d0\",\"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\":null,\"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\"},\"footer\":{\"text\":\"#FFFEFE\",\"background\":\"#324666\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\"},\"sidebar\":{\"text\":\"#37352F\",\"ctaText\":\"#37352F\",\"background\":\"#ffffff\",\"hoverBackground\":\"#efefef\",\"ctaBackground\":\"#ffffff\",\"border\":\"#E9E9E7\"},\"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\"},\"footer\":{\"text\":\"#FFFEFE\",\"background\":\"#324666\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\"},\"sidebar\":{\"text\":\"#e1e1e1\",\"ctaText\":\"#e1e1e1\",\"background\":\"#191919\",\"hoverBackground\":\"#292929\",\"ctaBackground\":\"#191919\",\"border\":\"#373737\"},\"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\":[\"$L32\",\"$L33\"]}]\n"])</script><script>self.__next_f.push([1,"34:I[130020,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\",\"/_next/static/chunks/1305cb5c7203b950.js\",\"/_next/static/chunks/effe8fc70d8cdf9d.js\",\"/_next/static/chunks/3aa2460201522072.js\"],\"NavbarBreadcrumbs\"]\n35:I[613744,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\",\"/_next/static/chunks/1305cb5c7203b950.js\",\"/_next/static/chunks/effe8fc70d8cdf9d.js\",\"/_next/static/chunks/3aa2460201522072.js\"],\"ErrorBoundary\"]\n36:I[479520,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\",\"/_next/static/chunks/1305cb5c7203b950.js\",\"/_next/static/chunks/effe8fc70d8cdf9d.js\",\"/_next/static/chunks/3aa2460201522072.js\"],\"\"]\n37:I[186656,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\",\"/_next/static/chunks/1305cb5c7203b950.js\",\"/_next/static/chunks/effe8fc70d8cdf9d.js\",\"/_next/static/chunks/3aa2460201522072.js\"],\"Picture\"]\n38:I[618378,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\",\"/_next/static/chunks/1305cb5c7203b950.js\",\"/_next/static/chunks/effe8fc70d8cdf9d.js\",\"/_next/static/chunks/3aa2460201522072.js\"],\"PageRoot\"]\n39:I[50300,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\",\"/_next/static/chunks/1305cb5c7203b950.js\",\"/_next/static/chunks/effe8fc70d8cdf9d.js\",\"/_next/static/chunks/3aa2460201522072.js\"],\"Code\"]\n3a:I[10042,[\"/_next/static/chunks/d02a3fcc56a95777.js\",\"/_next/static/chunks/18b5d989f4177357.js\",\"/_next/static/chunks/48536f175a0a58e0.js\",\"/_next/static/chunks/e7ef5873003727b1.js\",\"/_next/static/chunks/8a18f5ab87f55a3a.js\",\"/_next/static/chunks/6267d98df2644531.js\",\"/_next/static/chunks/1305cb5c7203b950.js\",\"/_next/static/chunks/effe8fc70d8cdf9d.js\",\"/_next/static/chunks/3aa2460201522072.js\"],\"PageDetails\"]\n"])</script><script>self.__next_f.push([1,"32:[\"$\",\"main\",null,{\"id\":\"page-cycle-lab-prompt\",\"className\":\"super-content page__cycle-lab-prompt parent-page__cycle-lab\",\"children\":[null,[\"$\",\"$L34\",null,{\"navbar\":\"$6: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\":\"📄\"}]}}],[\"$\",\"$L35\",null,{\"children\":[null,[[\"$\",\"$L36\",\"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\":[\"$\",\"$L37\",\"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]}]]}],[[\"$\",\"$L38\",\"cycle-lab-prompt\",{\"id\":\"cycle-lab-prompt\",\"children\":[[\"$\",\"$1\",\"4a81f7582b524a2e8ec77198b69d1628,4a81f7582b524a2e8ec77198b69d1628\",{\"children\":[[\"$\",\"$L39\",\"99d9fde3c77b42cb8cebb67dfdd0b8e4,99d9fde3c77b42cb8cebb67dfdd0b8e4\",{\"id\":\"99d9fde3c77b42cb8cebb67dfdd0b8e4\",\"children\":null,\"hasContent\":false,\"parentId\":\"1656a86b9dd344019a835546e853d610\",\"title\":\"$6:props:records:block:99d9fde3c77b42cb8cebb67dfdd0b8e4:title\",\"updatedAt\":1706930489037,\"type\":\"code\",\"language\":\"HTML\",\"wrap\":false,\"link\":null}]]}]],\"hasContent\":true,\"parentId\":\"cycle-lab\",\"title\":\"$6:props:records:block:cycle-lab-prompt:title\",\"updatedAt\":1706930968197,\"type\":\"page\",\"spaceId\":\"006e88a0-5b53-460b-b1a2-a7b47a8b283b\",\"icon\":\"📄\",\"coverPosition\":0.5,\"createdTime\":1706930481985,\"lastEditedTime\":1706930968197,\"createdBy\":\"$6:props:records:block:cycle-lab-prompt:createdBy\",\"lastEditedBy\":\"$6: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:records:block:cycle-lab-prompt:superProperties\",\"propertyValues\":\"$6:props:records:block:cycle-lab-prompt:propertyValues\",\"blockId\":\"a9a6f5e7-2bf0-453a-8946-ada697c88b42\",\"isRoot\":true,\"ctx\":{\"head\":\"$32: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: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,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"cacheTTL\":0,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"navbar\":\"$6:props:settings:navbar\",\"footer\":\"$6:props:settings:footer\",\"sidebar\":null,\"theme\":\"$6:props:settings:theme\",\"code\":\"$6:props:settings:code\",\"files\":\"$6:props:settings:files\",\"hasPassword\":false,\"hasFeed\":false},\"records\":\"$6:props:records\",\"pageId\":\"cycle-lab-prompt\"}}]]]}]\n"])</script><script>self.__next_f.push([1,"33:[\"$\",\"$L3a\",null,{\"id\":\"cycle-lab-prompt\",\"children\":\"$6:props:records:block:cycle-lab-prompt:children\",\"hasContent\":true,\"parentId\":\"cycle-lab\",\"title\":\"$6:props:records:block:cycle-lab-prompt:title\",\"updatedAt\":1706930968197,\"type\":\"page\",\"spaceId\":\"006e88a0-5b53-460b-b1a2-a7b47a8b283b\",\"icon\":\"📄\",\"coverPosition\":0.5,\"createdTime\":1706930481985,\"lastEditedTime\":1706930968197,\"createdBy\":\"$6:props:records:block:cycle-lab-prompt:createdBy\",\"lastEditedBy\":\"$6: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:records:block:cycle-lab-prompt:superProperties\",\"propertyValues\":\"$6:props:records:block:cycle-lab-prompt:propertyValues\",\"blockId\":\"a9a6f5e7-2bf0-453a-8946-ada697c88b42\",\"ctx\":\"$32:props:children:4:0:props:ctx\"}]\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プロンプト生成フォーム\"}]]\n9:null\n"])</script></body></html>
