{"version":3,"file":"component---src-pages-404-tsx-f7982439ccedef378044.js","mappings":"2UAaA,IAAMA,GAAkBC,EAAAA,EAAAA,IAAIC,EAAAA,EAAa,CACvCC,OAAQ,cAERC,QAAS,SACTC,SAAU,SACVC,SAAUC,EAAAA,GACVC,GAAG,EAAD,CACAH,SAAU,UACTI,EAAAA,GAAAA,IAAmB,CAClBJ,SAAU,YATW,aAcrBK,GAAWT,EAAAA,EAAAA,IAAI,EAAD,CAClBI,SAAU,QACTI,EAAAA,GAAAA,IAAmB,CAClBJ,SAAU,UAHM,aAOdM,EAAI,6DAKJC,GAASX,EAAAA,EAAAA,IAAI,CACjBY,UAAW,OACXC,MAAOC,EAAAA,GAAAA,KACPC,eAAgB,aAHA,aAkClB,UA5B+B,kBAC7B,yBACE,QAAC,IAAD,MACE,8CACA,gBAAMC,KAAK,SAASC,QAAQ,sBAC5B,gBAAMD,KAAK,YAAYC,QAAQ,uBAEjC,eAAKC,GAAG,cACN,eAAKlB,IAAKD,IACR,mBACE,gBAAMC,IAAKS,GAAX,OADF,eAGA,eAAKT,IAAKU,IACR,iCAEE,mBAFF,qBAIE,gBAAMS,UAAU,oBAAhB,sBAEF,aAAGnB,IAAKW,IACN,QAAC,EAAAS,KAAD,CAAMC,GAAG,KAAT,oB,uFC5DL,I,MAAMpB,GAAcD,EAAAA,EAAAA,IAAI,CAC7B,qB,EAAA,CACEsB,WAAY,OACZC,WAAY,SACZC,SAAU,SACVC,SAAU,WACVC,OAAQ,UACRC,QAAS,eACTC,MAAO,SACPC,OAAQ,SACRC,iBAAiBC,EAAAA,EAAAA,MACjBC,iBAAkB,YAClB9B,OAAQ,W,EACPM,EAAAA,GAAAA,I,EAAmB,CAClBkB,OAAQ,W,iGAdgB,c,oKCAxBO,EAAoB,SAACC,GACzB,MAAM,iCAAN,OAAwCA,EAAxC,OAGIC,EAAqB,SAACC,GAC1B,OAAIA,EAAaC,MAAM,KACdD,EAAaE,QAAQ,IAAK,OAE5BF,GAGHG,EAAmBJ,EAAmBrB,EAAAA,GAAAA,MAE/B0B,EAAsB,eAACC,EAAD,uDAAeF,EAAf,OACjCN,EAAkB,cAAD,OACDQ,EADC,kUAINC,EAAe,WAA6C,IAA5CD,EAA2C,uDAA7BF,EACnCI,EAAeR,EAAmBM,GACxC,OAAOR,EAAkB,cAAD,OACRU,EADQ,0LAKbC,EAAkB,eAACH,EAAD,uDAAeF,EAAf,OAC7BN,EAAkB,cAAD,OACDQ,EADC,+bAINI,EAAa,eAACJ,EAAD,uDAAeF,EAAf,OACxBN,EAAkB,oLAAD,OACqKQ,EADrK,scAC8mBA,EAD9mB,m5KAINV,EAAuB,WAGtB,IAFZH,EAEW,uDAFH,OACRC,EACW,uDADF,OAEHiB,EAAe,YACfC,EAAoB,YACpBC,EAAc,YACpB,OAAOf,EAAkB,qGAAD,OAC+EL,EAD/E,qBACiGC,EADjG,yFACwLiB,EADxL,qBACiNE,EADjN,mEACuRD,EADvR,qWACqoBC,EADroB,+uEACu3FD,EADv3F","sources":["webpack://abarabakuhatsu_gatsby_blog/./src/pages/404.tsx","webpack://abarabakuhatsu_gatsby_blog/./src/style/emoji_style.ts","webpack://abarabakuhatsu_gatsby_blog/./src/style/svg_in_css.ts"],"sourcesContent":["import React, { Fragment } from 'react'\nimport { Link } from 'gatsby'\nimport { css } from '@emotion/react'\nimport { Helmet } from 'react-helmet'\n\nimport { emoji_style } from '../style/emoji_style'\n\nimport {\n common_color,\n text_space_max_width,\n media_mobile,\n} from '../style/common_value'\n\nconst not_found_style = css(emoji_style, {\n margin: '8rem auto 0',\n // margin: '0 auto',\n padding: '0 1rem',\n fontSize: '1.3rem',\n maxWidth: text_space_max_width,\n h1: {\n fontSize: '1.5rem',\n [media_mobile.tab]: {\n fontSize: '1.5rem',\n },\n },\n})\n\nconst big_font = css({\n fontSize: '9rem',\n [media_mobile.tab]: {\n fontSize: '13rem',\n },\n})\n\nconst text = css({\n marginTop: '2rem',\n lineHeight: '2.5rem',\n})\n\nconst go_top = css({\n marginTop: '4rem',\n color: common_color.link,\n textDecoration: 'underline',\n})\n\nconst NotFoundPage: React.FC = () => (\n <>\n \n ページが存在しません | アバラバクハツ\n \n \n \n
\n
\n

\n 404 NOT FOUND\n

\n
\n

\n Oops, Sorry!\n
\n このページは存在しないようです……\n Woozy Face Emoji\n

\n

\n トップページへ移動\n

\n
\n
\n
\n \n)\n\nexport default NotFoundPage\n","import { css } from '@emotion/react'\n\nimport { media_mobile } from './common_value'\nimport { svg_wavy_mouth_emoji } from './svg_in_css'\n\nexport const emoji_style = css({\n '.wavy_mouth_emoji': {\n textIndent: '100%',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n position: 'relative',\n bottom: '-0.25em',\n display: 'inline-block',\n width: '1.15em',\n height: '1.15em',\n backgroundImage: svg_wavy_mouth_emoji(),\n backgroundRepeat: 'no-repeat',\n margin: '0 .15em',\n [media_mobile.tab]: {\n bottom: '-0.25em',\n },\n },\n})\n\nexport default emoji_style\n","// svgタグから不要な部分を削除して、 create_svg_in_css 関数に通すと css 用のsvgになる\n// 色はタグ内の fill を削除して、先頭に追加\n\nimport { common_color } from './common_value'\n\nconst create_svg_in_css = (input_svg: string): string => {\n return `url('data:image/svg+xml;utf-8,${input_svg}')`\n}\n\nconst input_color_adjust = (input_string: string): string => {\n if (input_string.match(/#/)) {\n return input_string.replace('#', '%23')\n }\n return input_string\n}\n\nconst svg_common_color = input_color_adjust(common_color.gray)\n\nexport const svg_indicator_right = (input_color = svg_common_color): string =>\n create_svg_in_css(\n ` `\n )\n\nexport const svg_ticksign = (input_color = svg_common_color): string => {\n const adjust_color = input_color_adjust(input_color)\n return create_svg_in_css(\n ``\n )\n}\n\nexport const svg_quote_round = (input_color = svg_common_color): string =>\n create_svg_in_css(\n ``\n )\n\nexport const svg_kilroy = (input_color = svg_common_color): string =>\n create_svg_in_css(\n ``\n )\n\nexport const svg_wavy_mouth_emoji = (\n width = '100%',\n height = '100%'\n): string => {\n const emoji_yellow = '%23f5c242'\n const emoji_dark_yellow = '%23cc880d'\n const emoji_black = '%23231815'\n return create_svg_in_css(\n ``\n )\n}\n"],"names":["not_found_style","css","emoji_style","margin","padding","fontSize","maxWidth","text_space_max_width","h1","media_mobile","big_font","text","go_top","marginTop","color","common_color","textDecoration","name","content","id","className","Link","to","textIndent","whiteSpace","overflow","position","bottom","display","width","height","backgroundImage","svg_wavy_mouth_emoji","backgroundRepeat","create_svg_in_css","input_svg","input_color_adjust","input_string","match","replace","svg_common_color","svg_indicator_right","input_color","svg_ticksign","adjust_color","svg_quote_round","svg_kilroy","emoji_yellow","emoji_dark_yellow","emoji_black"],"sourceRoot":""}