1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95405],{48312:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return e(59302)}])},97723:function(n,t,e){"use strict";e.d(t,{Z:function(){return d}});var i=e(82729),r=e(85893),o=e(26031),a=e(71998);function s(){let n=(0,i._)(["\n font-size: 14px;\n font-weight: normal;\n line-height: 1.4;\n color: #999;\n text-align: center;\n\n "," {\n position: absolute;\n bottom: 24px;\n left: 50%;\n transform: translateX(-50%);\n }\n"]);return s=function(){return n},n}function c(){let n=(0,i._)(["\n font-size: 12px;\n font-weight: normal;\n line-height: 1.6;\n color: #999;\n text-align: center;\n white-space: nowrap;\n margin-bottom: 24px;\n"]);return c=function(){return n},n}let l=a.Z.div(s(),o.BC.smallDown),u=a.Z.p(c());function d(){return(0,r.jsxs)(l,{children:[(0,r.jsxs)(u,{children:["â»å½ãµã¤ãå
ã®ãã¹ã¦ã®åç»ã»ç»åã»æç« ã®",(0,r.jsx)("br",{}),"ç¡æ転è¼ã»æµç¨ã¯åºããæããããã¾ãã"]}),"\xa9 2026 yui540."]})}},4477:function(n,t,e){"use strict";e.d(t,{Z:function(){return Z}});var i=e(82729),r=e(85893),o=e(70917),a=e(71998),s=e(67294);function c(){let n=(0,i._)(["\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(-101%);\n }\n"]);return c=function(){return n},n}function l(){let n=(0,i._)(["\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(101%);\n }\n"]);return l=function(){return n},n}function u(){let n=(0,i._)(["\n from {\n border-bottom-right-radius: 0%;\n }\n to {\n border-bottom-right-radius: 100%;\n }\n"]);return u=function(){return n},n}function d(){let n=(0,i._)(["\n from {\n border-bottom-left-radius: 0%;\n }\n to {\n border-bottom-left-radius: 100%;\n }\n"]);return d=function(){return n},n}function f(){let n=(0,i._)(["\n from {\n transform: translateX(-50%) translateY(0);\n }\n to {\n transform: translateX(-50%) translateY(-101%);\n }\n"]);return f=function(){return n},n}function p(){let n=(0,i._)(["\n --delay: 0.2s;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 3;\n"]);return p=function(){return n},n}function h(){let n=(0,i._)(["\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 3px;\n height: 100%;\n background-color: #333;\n animation: "," 0.4s cubic-bezier(0.93, 0, 0.1, 1.01)\n calc(var(--d, 0s) + var(--delay, 0s)) both;\n"]);return h=function(){return n},n}function m(){let n=(0,i._)(['\n position: absolute;\n top: 50%;\n left: 50%;\n width: 141%;\n height: 141%;\n transform: translate(-50%, -50%);\n\n &::before,\n &::after {\n content: "";\n display: block;\n position: absolute;\n top: 0;\n width: 50%;\n height: 100%;\n background-color: #333;\n }\n &::before {\n left: -1px;\n animation:\n '," 0.45s ease-out calc(var(--d, 0s) + var(--delay, 0s) + 0.4s)\n both,\n "," 0.9s ease-in-out calc(var(--d, 0s) + var(--delay, 0s) + 0.5s)\n forwards;\n }\n &::after {\n right: -1px;\n animation:\n "," 0.45s ease-out calc(var(--d, 0s) + var(--delay, 0s) + 0.4s)\n both,\n "," 0.9s ease-in-out\n calc(var(--d, 0s) + var(--delay, 0s) + 0.5s) forwards;\n }\n"]);return m=function(){return n},n}let x=(0,o.F4)(c()),g=(0,o.F4)(l()),b=(0,o.F4)(u()),w=(0,o.F4)(d()),_=(0,o.F4)(f()),j=a.Z.div(p()),y=a.Z.div(h(),_),v=a.Z.div(m(),b,x,w,g);function Z(){let[n,t]=(0,s.useState)(!0);return n?(0,r.jsxs)(j,{onAnimationEnd:n=>{n.animationName===g.name&&t(!1)},children:[(0,r.jsx)(v,{}),(0,r.jsx)(y,{})]}):null}},90331:function(n,t,e){"use strict";e.d(t,{Z:function(){return u}});var i=e(82729),r=e(85893),o=e(71998),a=e(57568),s=e(41874);function c(){let n=(0,i._)(["\n display: grid;\n row-gap: 16px;\n justify-items: center;\n"]);return c=function(){return n},n}let l=o.Z.div(c());function u(){return(0,r.jsxs)(l,{children:[(0,r.jsx)(s.Z,{}),(0,r.jsx)(a.Z,{})]})}},41874:function(n,t,e){"use strict";e.d(t,{Z:function(){return f}});var i=e(82729),r=e(85893),o=e(71998);function a(){let n=(0,i._)(["\n display: grid;\n column-gap: 20px;\n grid-auto-flow: column;\n justify-content: center;\n align-items: center;\n"]);return a=function(){return n},n}function s(){let n=(0,i._)(["\n --size: 46px;\n display: block;\n position: relative;\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n background-color: #fff;\n overflow: hidden;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n transition: all 0.16s ease-out 0s;\n\n @media (hover: hover) {\n &:hover {\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);\n transform: translateY(-8%);\n }\n }\n"]);return s=function(){return n},n}function c(){let n=(0,i._)(["\n box-sizing: border-box;\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n aspect-ratio: 1 / 1;\n width: 21px;\n"]);return c=function(){return n},n}let l=o.Z.div(a()),u=o.Z.a(s()),d=o.Z.img(c());function f(){return(0,r.jsxs)(l,{children:[(0,r.jsx)(u,{href:"https://x.com/yui540",target:"_blank",rel:"noopener noreferrer",onClick:n=>n.stopPropagation(),children:(0,r.jsx)(d,{src:"/_next/static/media/x.ee86a58a.webp"})}),(0,r.jsx)(u,{href:"https://www.instagram.com/yui540_jp/",target:"_blank",rel:"noopener noreferrer",onClick:n=>n.stopPropagation(),children:(0,r.jsx)(d,{src:"/_next/static/media/instagram.218ffc98.webp"})}),(0,r.jsx)(u,{href:"https://www.youtube.com/@yui540_jp",target:"_blank",rel:"noopener noreferrer",onClick:n=>n.stopPropagation(),children:(0,r.jsx)(d,{src:"/_next/static/media/youtube.4fdad7be.webp"})}),(0,r.jsx)(u,{href:"https://github.com/yui540",target:"_blank",rel:"noopener noreferrer",onClick:n=>n.stopPropagation(),children:(0,r.jsx)(d,{src:"/_next/static/media/github.8b06065a.webp"})}),(0,r.jsx)(u,{href:"https://note.com/yui540/",target:"_blank",rel:"noopener noreferrer",onClick:n=>n.stopPropagation(),children:(0,r.jsx)(d,{src:"/_next/static/media/note.7064aca4.webp",style:{border:"solid 1px #ccc"}})})]})}},46287:function(n,t,e){"use strict";e.d(t,{Z:function(){return r}});var i=e(67294);function r(n){let{rootMargin:t="0px",triggerOnce:e=!1}=n,[r,o]=(0,i.useState)(null),[a,s]=(0,i.useState)(!1);return(0,i.useEffect)(()=>
1{if(null===r)return()=>{};let n=new IntersectionObserver(t=>{t.forEach(t=>{s(t.isIntersecting),t.isIntersecting&&e&&n.disconnect()})},{rootMargin:t});return n.observe(r),()=>{n.disconnect()}},[r,t,e]),{ref:o,isIntersected:a}}},59302:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i7}});var i=e(82729),r=e(85893);let o=[{src:"/_next/static/media/comimi.96678f56.gif"},{src:"/_next/static/media/comilio.4ca99515.gif"},{src:"/_next/static/media/comilio-pay.d08a2ad2.gif"},{src:"/_next/static/media/hinatayuka.f19ec0c0.gif"},{src:"/_next/static/media/karory.427aa46d.gif"},{src:"/_next/static/media/vroid.7443d64a.gif"},{src:"/_next/static/media/vroid-studio.28f429b5.gif"},{src:"/_next/static/media/pino.a6f22668.gif"},{src:"/_next/static/media/metaverse-lobby.b7a3404e.gif"},{src:"/_next/static/media/request.a1d1dd74.gif"},{src:"/_next/static/media/pixiv-sketch.56d242a3.gif"},{src:"/_next/static/media/visions-logo.23a30a25.gif"},{src:"/_next/static/media/tou.e0451f76.gif"},{src:"/_next/static/media/mimidub.e09bd06b.gif"},{src:"/_next/static/media/yui540.dfc30bf3.gif"},{src:"/_next/static/media/the-creators.47660a4f.gif"}],a=[{title:"ã ã«ã¾ã",src:"/_next/static/media/danimaru.f8fe70c1.png",url:"https://x.com/yui540/status/2086420874148860071",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"ä½åããã",src:"/_next/static/media/sakura-oriko.7c408102.jpg",url:"https://x.com/yui540/status/2042202313633521854",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"KAROMIX",src:"/_next/static/media/karory.9fd80a33.png",url:"https://x.com/yui540/status/1475769273973100549",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"ã±ãã®ã¿ã¿",src:"/_next/static/media/pannomimi.7b464bb8.png",url:"https://x.com/yui540/status/1653015159839895552",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"é½åèµã
ã",src:"/_next/static/media/hinatayuka.521673de.png",url:"https://x.com/yui540/status/1819172376040689734",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"yudumoq.com",src:"/_next/static/media/yudumoq.80bac883.webp",url:"https://yudumoq.com/",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"ä¼ã¶å´ç¶¾é¦",src:"/_next/static/media/igasaki.ad016fe0.png",url:"https://igasaki-ayaka.com/",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"ãã©ãã2025 å
¬å¼ãµã¤ã",src:"/_next/static/media/kirahapi2025.bfc4ffa4.webp",url:"https://x.com/yui540/status/1913532033877569849",tags:["ã¢ãã¡ã¼ã·ã§ã³"]},{title:"karory&ã±ããµããå±inç¦å²¡ KITTE åå¤",src:"/_next/static/media/karory-pannomimi.c1ba122e.jpg",url:"https://x.com/yui540/status/1900883449428537558",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"ããTV",src:"/_next/static/media/pino-tv.bdc3e9ee.webp",url:"https://x.com/yui540/status/1851426291314282552",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"The CREATORS 2025 WINTER",src:"/_next/static/media/tc2025-winter.1ae795d9.jpg",url:"https://creators.twxd.jp/2025-winter",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"The CREATORS 2025 SPRING",src:"/_next/static/media/the-creators-2025-spring.1cf90234.jpg",url:"https://x.com/yui540/status/1890341857747403133",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"The CREATORS 2024 WINTER",src:"/_next/static/media/the-creators-2024-winter.6f4a2e95.jpg",url:"https://x.com/yui540/status/1824392209875313062",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"The CREATORS 2024 SPRING",src:"/_next/static/media/the-cretors.3e3101dd.jpg",url:"https://x.com/yui540/status/1759890041432883416",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"è¬éã®ããªã¼ã¬ã³ \xd7 ZONeã¨ãã¸ã¼ãè¦éã®ã¡ããã£ã¼ã",src:"/_next/static/media/freeren.fb1ec889.png",url:"https://x.com/yui540/status/1567417966282838019",tags:["ã
1¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"ã«ãããã£ã¼ãã«",src:"/_next/static/media/naydle.3e81a99a.png",url:"https://web.archive.org/web/20240127020347/https://cup-nyadle.com/",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"ã¿ããªã§ããã²ã¼",src:"/_next/static/media/pino.a5522693.png",url:"https://www.pinoice.com/pino-game/",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"ã«ã¤ãã¯ã¢ããã¹ã¿ã¸ãª",src:"/_next/static/media/kayac.8c41ee75.png",url:"https://x.com/yui540/status/1509365613839335425",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"nim",src:"/_next/static/media/nim.e8dc5b1f.png",url:"https://nim.design/",tags:["ã³ã¼ãã£ã³ã°"]},{title:"krapht.work",src:"/_next/static/media/krapht.33fe1cc7.webp",url:"https://krapht.work/",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"SMARG",src:"/_next/static/media/smarg.22434291.png",url:"https://smarg.jp/",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"PIXIV TECH FES.",src:"/_next/static/media/techfes.4fce4663.png",url:"https://conference.pixiv.co.jp/2020/tech-fes",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"ç¥ç¥å身 å
¬å¼ãµã¤ã",src:"/_next/static/media/kamigami.9a666593.jpg",url:"https://x.com/yui540/status/1264156407730802688",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"pixiv Sketch 5å¨å¹´è¨å¿µãµã¤ã",src:"/_next/static/media/sketch.83f2dacd.png",url:"https://x.com/yui540/status/1288744906215657472",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"pixivãªã¯ã¨ã¹ã ç¹è¨ãµã¤ã",src:"/_next/static/media/request.cdff57d8.png",url:"https://x.com/yui540/status/1309347314603941888",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"VISIONS2021 ç¹è¨ãµã¤ã",src:"/_next/static/media/visions.c4ed6f27.png",url:"https://www.pixiv.net/special/visions2021/",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"æ ªå¼ä¼ç¤¾B4A",src:"/_next/static/media/b4a.11cacf70.jpg",url:"https://x.com/yui540/status/1447509782504476675",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"VRoid / VRoid Studioå
¬å¼ãµã¤ã",src:"/_next/static/media/vroid.5482d730.png",url:"https://x.com/yui540/status/1455007940306477057",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"ã±ãåå±ããããã³ã",src:"/_next/static/media/komorebi.1f646f08.png",url:"https://x.com/yui540/status/1537461156428025856",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"ããã¡ããã¶ã£ãï¼ç¹è¨ãµã¤ã",src:"/_next/static/media/kitachanbook.41b115bf.png",url:"https://x.com/yui540/status/1472424647996379140",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"ã©ããããã¦ããã®ã¢ãã¡ã«ãã©ãçã 次ã¯ã¼ã«ããããã¢ãã¡è¨ºæ",src:"/_next/static/media/babi.cf6a0868.jpg",url:"https://x.com/yui540/status/1478894087898083328",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"BANDAI CARD GAMES Metaverse Lobby",src:"/_next/static/media/metaverse-lobby.09c701e4.png",url:"https://lp.bandaicardgames-metaverselobby.com/",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"iOSDC Japan 2023",src:"/_next/static/media/iosdc2023.08622ba6.png",url:"https://iosdc.jp/2023/",tags:["ã
1¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"iOSDC Japan 2022",src:"/_next/static/media/iosdc2022.b0c7b595.jpg",url:"https://iosdc.jp/2022/",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"iOSDC Japan 2021",src:"/_next/static/media/iosdc2021.0cd0a468.png",url:"https://x.com/yui540/status/1422829589068279808",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"PHPerKaigi 2023",src:"/_next/static/media/phper2023.3f4bbcab.png",url:"https://phperkaigi.jp/2023/",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"PHPerKaigi 2022 å
¬å¼ãµã¤ã",src:"/_next/static/media/phper2022.88933dd5.png",url:"https://x.com/yui540/status/1501044593118224384",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"touæ³å¾äºåæ",src:"/_next/static/media/tou.7094d553.png",url:"https://x.com/yui540/status/1792359590165925995",tags:["Webãã¶ã¤ã³","ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"Vhigh! å
¬å¼ãµã¤ã",src:"/_next/static/media/vhigh.2c52f145.png",url:"https://vhigh.tokyo/ja",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"pixiv FANBOX ã¯ãªã¨ã¤ã¿ã¼LP",src:"/_next/static/media/fanbox-creator.09212da4.jpg",url:"https://www.fanbox.cc/creators/start",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"FANBOX2å¨å¹´LP",src:"/_next/static/media/fanbox2th.795b009b.png",url:"https://www.fanbox.cc/2nd_anniversary",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"FANBOX3å¨å¹´LP",src:"/_next/static/media/fanbox3th.bc42846c.png",url:"https://www.fanbox.cc/3rd_anniversary",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]},{title:"ã¯ããã¦ã®ã°ããã",src:"/_next/static/media/hazimete-no-bansan.daa6b9e8.png",url:"https://first.moucou.work/",tags:["ã¢ãã¡ã¼ã·ã§ã³","ã³ã¼ãã£ã³ã°"]}];var s=e(97723),c=e(71998),l=e(67294),u=e(46287),d=e(70917);function f(){let n=(0,i._)(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n "]);return f=function(){return n},n}function p(){let n=(0,i._)(["\n position: relative;\n width: 100%;\n "]);return p=function(){return n},n}function h(){let n=(0,i._)(["\n ","\n"]);return h=function(){return n},n}function m(){let n=(0,i._)(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #f5f5f5;\n"]);return m=function(){return n},n}function x(){let n=(0,i._)(["\n from {\n transform: translateX(-100%);\n }\n 80%,\n to {\n transform: translateX(80%);\n }\n"]);return x=function(){return n},n}function g(){let n=(0,i._)(["\n animation: "," 1.4s ease-out 0.5s infinite both;\n "]);return g=function(){return n},n}function b(){let n=(0,i._)(['\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n &::before {\n content: "";\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n width: 80%;\n height: 100%;\n background: linear-gradient(\n to right,\n rgba(255, 255, 255, 0),\n rgba(255, 255, 255, 0.6),\n rgba(255, 255, 255, 0)\n );\n }\n\n ',"\n"]);return b=function(){return n},n}function w(){let n=(0,i._)(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n transition: opacity 0.4s cubic-bezier(0, 0, 0.28, 1) 0s;\n opacity: 0;\n"]);return w=function(){return n},n}let _=c.Z.div(h(),n=>{let{isOverlay:t}=n;return t?(0,d.iv)(f()):(0,d.iv)(p())}),j=c.Z.div(m()),y=(0,d.F4)(x()),v=c.Z.div(b(),n=>{let{isLoading:t}=n;return t&&(0,d.iv)(g(),y)}),Z=c.Z.img(w());function k(n){let{className:t,style:e,objectFit:i="contain",isSkeleton:o=!0,src:a,alt:s,aspectRatio:c}=n,[d,f]=(0,l.useState)(!0),[p,h]=(0,l.useState)(void 0),{ref:m,isIntersected:x}=(0,u.Z)({rootMargin:"0px",triggerOnce:!0}),g=(0,l.useMemo)(()=>{switch(c){case"movie":return 1920/1080;case"ogimage":return 1200/630;case"header":return 3;case"comic-cover":return 763/1080;default:if("number"==typeof c)return c;return}},[c]);return(0,l.useEffect)(()=>
1{if(!x||!d)return;let n=new Image;n.onload=()=>{h(a),f(!1)},n.src=a},[x,d,a]),(0,r.jsxs)(_,{ref:m,isOverlay:void 0===c,className:t,style:{aspectRatio:g,...e},children:[(0,r.jsx)(j,{style:{display:o?"block":"none"},children:(0,r.jsx)(v,{isLoading:o&&x&&d})}),(0,r.jsx)(Z,{src:p,alt:s,style:{objectFit:i,opacity:d?0:1,backgroundColor:o?"var(--color-screen-bg-primary)":"transparent"}})]})}function C(){let n=(0,i._)(["\n from {\n transform: translateY(160px) rotate(5deg);\n }\n to {\n transform: translateY(0%);\n }\n"]);return C=function(){return n},n}function z(){let n=(0,i._)(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"]);return z=function(){return n},n}function B(){let n=(0,i._)(["\n animation: "," 0.4s ease-in-out 0s both,\n "," 0.6s cubic-bezier(0.04, 0.91, 0.51, 0.97) 0s both;\n "]);return B=function(){return n},n}function S(){let n=(0,i._)(["\n position: relative;\n overflow: hidden;\n border-radius: 16px;\n opacity: 0;\n\n ","\n"]);return S=function(){return n},n}function F(){let n=(0,i._)(["\n box-sizing: border-box;\n overflow: hidden;\n transform: scale(1.01);\n"]);return F=function(){return n},n}let I=(0,d.F4)(C()),D=(0,d.F4)(z()),M=c.Z.div(S(),n=>{let{isIntersected:t}=n;return t&&(0,d.iv)(B(),D,I)}),X=(0,c.Z)(k)(F());function E(n){let{src:t}=n,{isIntersected:e,ref:i}=(0,u.Z)({rootMargin:"0px 0px -200px",triggerOnce:!0});return(0,r.jsx)(M,{ref:i,isIntersected:e,onClick:n=>n.stopPropagation(),children:(0,r.jsx)(X,{objectFit:"cover",src:t,aspectRatio:"movie"})})}var O=e(26031);function P(){let n=(0,i._)(["\n from {\n transform: translateY(160px) rotate(5deg);\n }\n to {\n transform: translateY(0%);\n }\n"]);return P=function(){return n},n}function T(){let n=(0,i._)(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"]);return T=function(){return n},n}function R(){let n=(0,i._)(["\n animation:\n "," 0.4s ease-in-out 0s both,\n "," 0.6s cubic-bezier(0.04, 0.91, 0.51, 0.97) 0s both;\n "]);return R=function(){return n},n}function W(){let n=(0,i._)(["\n position: relative;\n overflow: hidden;\n border-radius: 16px;\n opacity: 0;\n\n ",'\n\n &::after {\n content: "";\n position: absolute;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.1);\n transition: opacity 0.2s linear 0s;\n }\n\n &:hover {\n &::after {\n opacity: 0;\n }\n & > *:nth-child(1) {\n transform: scale(1.05);\n }\n }\n']);return W=function(){return n},n}function N(){let n=(0,i._)(["\n position: relative;\n width: 100%;\n height: fit-content;\n transition: transform 0.55s cubic-bezier(0, 0.15, 0.25, 0.99) 0s;\n"]);return N=function(){return n},n}function Y(){let n=(0,i._)(["\n overflow: hidden;\n box-sizing: border-box;\n"]);return Y=function(){return n},n}function A(){let n=(0,i._)(["\n position: absolute;\n bottom: 8px;\n right: 8px;\n width: 28px;\n aspect-ratio: 1 / 1;\n background: url(",") center / 45% no-repeat;\n border-radius: 50%;\n z-index: 1;\n"]);return A=function(){return n},n}function L(){let n=(0,i._)(["\n font-size: 18px;\n font-weight: bold;\n line-height: 1.4;\n margin: 0;\n letter-spacing: 0.02em;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n "," {\n font-size: 16px;\n }\n"]);return L=function(){return n},n}function V(){let n=(0,i._)(["\n display: grid;\n grid-template-columns: auto 1fr;\n"]);return V=function(){return n},n}function U(){let n=(0,i._)(["\n font-size: 12px;\n font-weight: normal;\n line-height: 1.4;\n letter-spacing: 0.02em;\n margin: 0;\n\n "," {\n font-size: 11px;\n }\n"]);return U=function(){return n},n}function G(){let n=(0,i._)(["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 8px;\n"]);return G=function(){return n},n}function H(){let n=(0,i._)(["\n font-size: 12px;\n font-weight: normal;\n line-height: 1.4;\n letter-spacing: 0.02em;\n margin: 0;\n\n "," {\n font-size: 11px;\n }\n"]);return H=function(){return n},n}function q(){let n=(0,i._)(["\n box-sizing: border-box;\n display: grid;\n row-gap: 4px;\n align-content: end;\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 60%;\n color: #fff;\n padding: 16px;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));\n z-index: 1;\n\n "," {\n padding: 16px;\n }\n"]);return q=function(){return n},n}
1let J=(0,d.F4)(P()),K=(0,d.F4)(T()),Q=c.Z.a(W(),n=>{let{isIntersected:t}=n;return t&&(0,d.iv)(R(),K,J)}),$=c.Z.div(N()),nn=(0,c.Z)(k)(Y()),nt=c.Z.div(A(),"/_next/static/media/link.9cb4a630.svg"),ne=c.Z.h3(L(),O.BC.smallDown),ni=c.Z.div(V()),nr=c.Z.p(U(),O.BC.smallDown),no=c.Z.div(G()),na=c.Z.p(H(),O.BC.smallDown),ns=c.Z.div(q(),O.BC.smallDown);function nc(n){let{src:t,aspectRatio:e,title:i,tags:o=[],label:a,url:s}=n,{isIntersected:c,ref:l}=(0,u.Z)({rootMargin:"0px 0px -200px",triggerOnce:!0});return(0,r.jsxs)(Q,{ref:l,isIntersected:c,href:s,target:"_blank",rel:"noopener noreferrer",onClick:n=>n.stopPropagation(),children:[(0,r.jsx)($,{children:(0,r.jsx)(nn,{objectFit:"cover",src:t,alt:i,aspectRatio:e})}),(0,r.jsxs)(ns,{children:[(0,r.jsx)(ne,{children:i}),o.length>0&&(0,r.jsxs)(ni,{children:[(0,r.jsx)(nr,{children:"æ
å½ï¼"}),(0,r.jsx)(no,{children:o.map((n,t)=>(0,r.jsx)(na,{children:n},"".concat(t,"-").concat(n)))})]}),a&&(0,r.jsx)(ni,{children:(0,r.jsx)(na,{children:a})})]}),(0,r.jsx)(nt,{})]})}function nl(){let n=(0,i._)(["\n position: relative;\n width: 100%;\n"]);return nl=function(){return n},n}function nu(){let n=(0,i._)(["\n --margin: 24px;\n display: grid;\n gap: var(--margin);\n grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));\n max-width: 1500px;\n width: calc(100% - var(--margin) * 2);\n padding: var(--margin) 0;\n margin: 0 auto;\n\n "," {\n --margin: 16px;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n }\n"]);return nu=function(){return n},n}let nd=c.Z.div(nl()),nf=c.Z.div(nu(),O.BC.smallDown);function np(n){let{children:t}=n;return(0,r.jsx)(nd,{children:(0,r.jsx)(nf,{children:t})})}var nh=e(90331),nm=e(41874);function nx(){let n=(0,i._)(["\n position: absolute;\n bottom: 0;\n right: 0;\n transform: translate(8%, 40%);\n width: 16%;\n cursor: pointer;\n\n "," {\n width: 22%;\n }\n"]);return nx=function(){return n},n}function ng(){let n=(0,i._)(["\n from {\n transform: scale(1, 1);\n }\n 35% {\n transform: translateY(5%) scale(1.06, 0.95);\n }\n 70% {\n transform: translateY(-5%) scale(0.9, 1.1);\n }\n to {\n transform: scale(1, 1);\n }\n"]);return ng=function(){return n},n}function nb(){let n=(0,i._)(["\n animation: "," 0.65s ease-in-out 0s both;\n "]);return nb=function(){return n},n}function nw(){let n=(0,i._)(["\n position: relative;\n width: 100%;\n\n ","\n"]);return nw=function(){return n},n}function n_(){let n=(0,i._)(["\n from {\n transform: translateY(55%) scale(1.2, 0.9);\n }\n 50% {\n transform: translateY(-10%) scale(0.85, 1.16);\n }\n to {\n transform: scale(1, 1);\n }\n"]);return n_=function(){return n},n}function nj(){let n=(0,i._)(["\n display: block;\n width: 100%;\n overflow: visible;\n animation: "," 0.7s ease-in-out 2.5s both;\n"]);return nj=function(){return n},n}function ny(){let n=(0,i._)(["\n from,\n to {\n transform: scale(1, 1);\n }\n 50% {\n transform: scale(1.05, 1.02);\n }\n"]);return ny=function(){return n},n}function nv(){let n=(0,i._)(["\n transform-box: fill-box;\n transform-origin: center;\n animation: "," 2s ease-in-out 0s infinite;\n"]);return nv=function(){return n},n}function nZ(){let n=(0,i._)(["\n fill: #777;\n"]);return nZ=function(){return n},n}function nk(){let n=(0,i._)(["\n from,\n to {\n transform: rotate(0deg);\n }\n 50% {\n transform: rotate(-14deg) scale(1.18);\n }\n"]);return nk=function(){return n},n}function nC(){let n=(0,i._)(["\n from,\n to {\n transform: rotate(0deg);\n }\n 50% {\n transform: rotate(14deg) scale(1.18);\n }\n"]);return nC=function(){return n},n}function nz(){let n=(0,i._)(["\n fill: #777;\n transform-origin: 115px 23px;\n animation: "," 0.4s ease-in-out 0.5s 2 both;\n"]);return nz=function(){return n},n}function nB(){let n=(0,i._)(["\n fill: #777;\n transform-origin: 198px 23px;\n animation: "," 0.4s ease-in-out 0.5s 2 both;\n"]);return nB=function(){return n},n}function nS(){let n=(0,i._)(["\n fill: #fff;\n"]);return nS=function(){return n},n}function nF(){let n=(0,i._)(["\n from,\n to {\n transform: scale(1, 1);\n }\n 50% {\n transform: scale(1.4, 0.2);\n }\n"]);return nF=function(){return n},n}function nI(){let n=(0,i._)(["\n opacity: 1;\n "]);return nI=function(){return n},n}function nD(){let n=(0,i._)(["\n fill: #fff;\n transform-box: fill-box;\n transform-origin: center;\n animation: "," 0.4s ease-in-out 1s both;\n transition: opacity 0.4s ease-in-out 0.2s;\n opacity: 0;\n\n ","\n"]);return nD=function(){return n},n}function nM(){let n=(0,i._)(["\n from,\n to {\n transform: scaleX(1);\n }\n 50% {\n transform: scaleX(1.2);\n }\n"]);return nM=function(){return n},n}function nX(){let n=(0,i._)(["\n opacity: 1;\n "]);return nX=function(){return n},n}function nE(){let n=(0,i._)(["\n fill: #fff;\n transform-box: fill-box;\n transform-origin: center;\n animation: "," 2s ease-in-out 0s both;\n transition: opacity 0.4s ease-in-out 0.2s;\n opacity: 0;\n\n ","\n"]);return nE=function(){return n},n}function nO(){let n=(0,i._)(["\n from,\n to {\n transform: scale(0.8);\n }\n 50% {\n transform: scale(1.3);\n }\n"]);return nO=function(){return n},n}function nP(){let n=(0,i._)(["\n opacity: 1;\n "]);return nP=function(){return n},n}function nT(){let n=(0,i._)(["\n fill: #fff;\n transform-box: fill-box;\n transform-origin: center;\n animation: "," 1s ease-in-out 0s 2 both;\n transition: opacity 0.4s ease-in-out 0.2s;\n opacity: 0;\n\n ","\n"]);return nT=function(){return n},n}function nR(){let n=(0,i._)(["\n from,\n to {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n"]);return nR=function(){return n},n}function nW(){let n=(0,i._)(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"]);return nW=function(){return n},n}function nN(){let n=(0,i._)(["\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(-15%, -200%);\n font-size: 10px;\n font-weight: 700;\n line-height: 1.4;\n color: #999;\n white-space: nowrap;\n animation: "," 0.5s ease-in-out 5s both,\n "," 2s linear 5.5s infinite forwards;\n\n "," {\n display: none;\n }\n"]);return nN=function(){return n},n}function nY(){let n=(0,i._)(["\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(-10%, -210%);\n font-size: 10px;\n font-weight: 700;\n line-height: 1.4;\n color: #999;\n white-space: nowrap;\n animation: "," 0.5s ease-in-out 5s both,\n "," 2s linear 5.5s infinite forwards;\n\n "," {\n display: none;\n }\n"]);return nY=function(){return n},n}let nA=c.Z.div(nx(),O.BC.smallDown),nL=(0,d.F4)(ng()),nV=c.Z.div(nw(),n=>{let{isFeeding:t}=n;return t&&(0,d.iv)(nb(),nL)}),nU=(0,d.F4)(n_()),nG=c.Z.svg(nj(),nU),nH=(0,d.F4)(ny()),nq=c.Z.g(nv(),nH),nJ=c.Z.ellipse(nZ()),nK=(0,d.F4)(nk()),nQ=(0,d.F4)(nC()),n$=c.Z.path(nz(),nK),n0=c.Z.path(nB(),nQ),n1=c.Z.path(nS()),n2=(0,d.F4)(nF()),n5=c.Z.path(nD(),n2,n=>{let{active:t}=n;return t&&(0,d.iv)(nI())}),n4=(0,d.F4)(nM()),n3=c.Z.rect(nE(),n4,n=>{let{active:t}=n;return t&&(0,d.iv)(nX())}),n9=(0,d.F4)(nO()),n7=c.Z.path(nT(),n9,n=>{let{active:t}=n;return t&&(0,d.iv)(nP())}),n6=(0,d.F4)(nR()),n8=(0,d.F4)(nW()),tn=c.Z.div(nN(),n8,n6,O.BC.smallDown),tt=c.Z.div(nY(),n8,n6,O.BC.mediumUp);function te(n){let{className:t,style:e,onClick:i,type:o}=n,[a,s]=(0,l.useState)(!0),[c,u]=(0,l.useState)(0),[d,f]=(0,l.useState)(!1);(0,l.useEffect)(()=>{let n=setInterval(()=>{u(n=>n+1)},2e3);return()=>clearInterval(n)},[]);let p=(0,l.useCallback)(()=>{d||(f(!0),s(!1),i())},[d,i]);return(0,r.jsxs)(nA,{onClick:p,children:[a&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(tn,{children:"åãã¯ãªãã¯ãã¦ã¿ã¦"}),(0,r.jsx)(tt,{children:"åãã¿ãããã¦ã¿ã¦"})]}),(0,r.jsx)(nV,{isFeeding:d,onAnimationEnd:n=>{n.animationName===nL.name&&f(!1)}
1,children:(0,r.jsx)(nG,{viewBox:"0 0 313 280",fill:"none",className:t,style:e,children:(0,r.jsxs)(nq,{children:[(0,r.jsx)(nJ,{cx:"156.5",cy:"148.574",rx:"156.5",ry:"130.5"}),(0,r.jsx)(n$,{d:"M124.418 31.2596C124.418 31.2596 92.1678 -1.56954 76.4519 1.63163C60.736 4.83279 67.8513 58.2844 67.8513 58.2844L124.418 31.2596Z"}),(0,r.jsx)(n0,{d:"M188.082 32.7613C188.082 32.7613 222.439 -2.65817 236.206 0.159634C249.972 2.97744 253.082 61 253.082 61L188.112 32.7916L188.082 32.7613Z"}),(0,r.jsx)(n1,{d:"M185.593 91.0669C183.927 90.7184 182.261 91.7637 181.857 93.4562C181.705 94.1033 180.14 99.7281 171.103 99.7281C162.066 99.7281 160.955 94.3522 160.804 93.7051C160.602 92.3611 159.541 91.4153 158.229 91.1664C158.178 91.1664 158.128 91.1166 158.077 91.1166C156.411 90.7682 154.745 91.8135 154.341 93.5059C154.19 94.153 152.625 99.7779 143.587 99.7779C134.55 99.7779 133.439 94.4019 133.338 93.7548C133.086 92.0624 131.47 90.9175 129.754 91.1664C128.037 91.4153 126.826 93.0082 127.129 94.7006C127.734 98.5832 131.975 106 143.638 106C150.555 106 154.897 103.362 157.471 100.425C159.945 103.362 164.237 105.95 171.103 105.95C182.665 105.95 187.209 98.5832 188.016 94.7006C188.37 93.058 187.259 91.4153 185.593 91.0669Z"}),(0,r.jsx)(n5,{active:"default"===o,d:"M123.082 66.5C123.082 69.5376 120.172 72 116.582 72C112.992 72 110.082 69.5376 110.082 66.5C110.082 63.4624 112.992 61 116.582 61C120.172 61 123.082 63.4624 123.082 66.5Z"}),(0,r.jsx)(n5,{active:"default"===o,d:"M203.082 66.5C203.082 69.5376 200.396 72 197.082 72C193.768 72 191.082 69.5376 191.082 66.5C191.082 63.4624 193.768 61 197.082 61C200.396 61 203.082 63.4624 203.082 66.5Z"})," ",(0,r.jsx)(n3,{x:"102",y:"59",width:"27.2827",height:"8.73048",rx:"4.36524",active:"sleep"===o}),(0,r.jsx)(n3,{x:"186.031",y:"59",width:"27.2827",height:"8.73048",rx:"4.36524",active:"sleep"===o}),(0,r.jsx)(n7,{active:"happy"===o,d:"M113.5 84C113.5 74.2059 104.794 65.5 95 65.5C104.794 65.5 113.5 56.7941 113.5 47C113.5 56.7941 122.206 65.5 132 65.5C122.206 65.5 113.5 74.2059 113.5 84Z"}),(0,r.jsx)(n7,{active:"happy"===o,d:"M201.5 84C201.5 74.2059 192.794 65.5 183 65.5C192.794 65.5 201.5 56.7941 201.5 47C201.5 56.7941 210.206 65.5 220 65.5C210.206 65.5 201.5 74.2059 201.5 84Z"})]},c)})})]})}function ti(){let n=(0,i._)(["\n from {\n opacity: 0;\n transform: scale(0.78);\n }\n 50% {\n opacity: 1;\n transform: scale(1.02);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n"]);return ti=function(){return n},n}function tr(){let n=(0,i._)(["\n --delay: 0.5s;\n position: absolute;\n bottom: 15px;\n right: 120px;\n width: fit-content;\n display: grid;\n grid-template-columns: repeat(2, auto);\n align-items: center;\n transform-origin: right center;\n animation: "," 0.5s ease-in-out var(--delay, 0s) both;\n\n "," {\n bottom: 6px;\n right: 75px;\n }\n"]);return tr=function(){return n},n}function to(){let n=(0,i._)(["\n width: 12px;\n aspect-ratio: 20/19;\n background-color: #e9e9e9;\n clip-path: polygon(0 50%, 100% 0, 100% 100%);\n transform: scaleX(-1);\n\n "," {\n width: 8px;\n }\n"]);return to=function(){return n},n}function ta(){let n=(0,i._)(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"]);return ta=function(){return n},n}function ts(){let n=(0,i._)(["\n font-size: 13px;\n font-weight: 400;\n line-height: 1.4;\n color: #333;\n white-space: pre-line;\n padding: 8px 15px;\n background-color: #e9e9e9;\n border-radius: 10px;\n\n "," {\n font-size: 11px;\n padding: 6px 12px;\n border-radius: 7px;\n }\n\n span {\n animation: "," 0.3s ease-in-out\n calc(var(--delay, 0s) + var(--d1, 0s) + var(--d2, 0s)) both;\n }\n"]);return ts=function(){return n},n}let tc=(0,d.F4)(ti()),tl=c.Z.div(tr(),tc,O.BC.smallDown),tu=c.Z.div(to(),O.BC.smallDown),td=(0,d.F4)(ta()),tf=c.Z.div(ts(),O.BC.smallDown,td);function tp(n){let{children:t}=n;return(0,r.jsxs)(tl,{children:[(0,r.jsx)(tf,{children:t.split("").map((n,t)=>(0,r.jsx)("span",{style:{"--d1":"".concat(.05*t,"s")},children:n},t))}),(0,r.jsx)(tu,{})]})}function th(){let n=(0,i._)(["\n position: relative;\n width: calc(100% - 16px * 2);\n max-width: 740px;\n aspect-ratio: 1200 / 630;\n background-color: #f9f9f9;\n border-radius: 24px;\n margin: 0 auto;\n overflow: hidden;\n\n "," {\n max-width: 420px;\n border-radius: 12px;\n }\n"]);return th=function(){return n},n}function tm(){let n=(0,i._)(["\n display: block;\n position: absolute;\n width: 45%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -30%);\n overflow: visible;\n\n "," {\n transform: translate(-50%, -52%);\n width: 40%;\n }\n"]);return tm=function(){return n},n}function tx(){let n=(0,i._)(["\n fill: currentColor;\n"]);return tx=function(){return n},n}function tg(){let n=(0,i._)(["\n from {\n opacity: 0;\n }\n 10%,\n to {\n opacity: 1;\n }\n\n from {\n stroke-dasharray: 0 var(--stroke-length);\n }\n to {\n stroke-dasharray: var(--stroke-length) var(--stroke-length);\n }\n"]);return tg=function(){return n},n}function tb(){let n=(0,i._)(["\n fill: none;\n stroke: #fff;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0;\n"]);return tb=function(){return n},n}function tw(){let n=(0,i._)(["\n --stroke-length: 1095px;\n stroke-width: 6.5px;\n animation: "," 1.6s ease-in-out calc(0.3s + var(--delay, 0s)) forwards;\n"]);return tw=function(){return n},n}function t_(){let n=(0,i._)(["\n --stroke-length: 8px;\n stroke-width: 8px;\n animation: "," 0.1s ease-in-out calc(2.1s + var(--delay, 0s)) forwards;\n"]);return t_=function(){return n},n}function tj(){let n=(0,i._)(["\n --delay: 0.5s;\n color: orange;\n"]);return tj=function(){return n},n}function ty(){let n=(0,i._)(["\n --delay: 0.6s;\n color: #333;\n"]);return ty=function(){return n},n}let tv=c.Z.div(th(),O.BC.smallDown),tZ=c.Z.svg(tm(),O.BC.smallDown),tk=c.Z.path(tx()),tC=(0,d.F4)(tg()),tz=c.Z.polyline(tb()),tB=(0,c.Z)(tz)(tw(),tC),tS=(0,c.Z)(tz)(t_(),tC),tF=(0,c.Z)(tZ)(tj()),tI=(0,c.Z)(tZ)(ty());function tD(){let n="mask-id1",t="mask-id2",[e,i]=(0,l.useState)(-1),o=[{id:"1",face:"default",message:"éã³ã«æ¥ã¦ããã¦ãããã¨ãï¼\nãã£ãããã¦ãã£ã¦ãã"},{id:"2",face:"sleep",message:"ãè
¹ããããªãã"},{id:"3",face:"happy",message:"ãããããã®å¤§å¥½ãï¼"},{id:"4",face:"default",message:"ä»æ¥ã¯ä½é£ã¹ããããªãã"},{id:"5",face:"sleep",message:"ãã®ãã¼ã ãã¼ã¸ãå¯æãã§ããã"},{id:"6",face:"sleep",message:"ãã£ã¨ç ããããã"},{id:"7",face:"default",message:"ãä»äºã®ãä¾é ¼ã¯ã\nããåãåããããããã¦ãï¼"},{id:"8",face:"happy",message:"ãèªä¸»å¶ä½ã®ã¢ã¼ã·ã§ã³ãããã²è¦ã¦ãï¼\nãããé¢ç½ãããï¼"}];(0,l.useEffect)(()=>{let n=setTimeout(()=>{i(0)},2500);return()=>clearTimeout(n)},[i]);let a=(0,l.useCallback)(()=>{i(n=>o.length-1<=n?0:n+1)},[o.length]);return(0,r.jsxs)(tv,{onClick:n=>n.stopPropagation(),children:[(0,r.jsxs)(tF,{viewBox:"0 0 429.9 205.86",children:[(0,r.jsxs)("mask",{id:n,children:[(0,r.jsx)(tB,{points:"61.46 60.56 70.29 54.97 76.3 51.04 83.56 46.51 89.5 43.03 94.32 40.51 98.17 38.95 100.
169 38.5 102.7 38.58 103.73 39.39 104.18 41.25 103.07 46.36 100.92 51.85 97.06 60.01 93.8 67.05 91.87 72.25 91.28 75.21 91.94 77.66 92.68 79.07 93.94 79.44 95.95 79.44 100.03 77.81 105.29 72.47 116.12 60.16 134.08 34.06 111.22 73.8 105.96 82.4 98.17 95.6 88.53 113.25 81.04 125.12 72.22 139.88 61.54 156.34 51.16 171.32 41.44 183.48 33.73 191.42 28.39 196.16 23.27 199.94 18.08 202.39 13.26 202.61 9.03 201.35 4.73 197.57 3.25 192.75 3.69 187.26 5.7 181.33 8.81 174.29 13.26 167.76 20.68 157.67 31.13 146.63 44.04 135.35 59.83 123.12 80.08 109.69 109 91.45 130.49 77.83 154.59 63.13 167.78 54.48 187.25 41.61 183.82 49.53 180.63 55.66 177.1 63.72 174.83 69.26 173.91 72.54 173.74 74.72 174.08 76.74 175.93 77.33 178.28 76.82 182.31 75.31 189.7 71.03 198.85 62.21 210.28 48.6 217.24 38.48 205.32 60.11 202.97 65.07 202.55 69.01 203.39 71.95 204.57 74.22 208.18 76.49 211.7 76.91 217.16 76.4 224.72 74.14 238.91 68.09 253.78 60.7 272.93 49.44 287.12 41.3 297.03 35.08 309.98 25.12 332.9 3.25 305.18 31.64 301.31 36.93 300.14 42.22 300.47 46.51 301.9 50.37 304 52.97 307.53 55.58 311.56 57.09 317.44 58.26 324.49 58.26 332.56 57.59 342.13 55.91 354.14 53.48 367.07 49.28 380.85 43.9 393.61 38.11 414.1 26.05"}),(0,r.jsx)(tS,{points:"425.9 58.39 425.9 66.39"})]}),(0,r.jsx)(tk,{mask:"url(#".concat(n,")"),d:"M325.22,13.96l-3.47-4.07,9.64-8.41,3.47,4.07-9.64,8.41ZM415.85,28.59l.05-.05s-.04.03-.06.04h0ZM412.71,24.02l3.13,4.55c-19.62,13.18-52.41,27.5-77.34,3
11.02-24.96,3.52-39.06-.55-40.82-13.03-.44-3.08,0-6.27,1.16-9.51-4.4,2.91-9.74,6.15-16.29,10.21l.03.07-.04-.07s-.01,0-.02.01l-.02-.04c-21.93,13.08-52.7,29.89-66.64,31.81-8.98,1.26-14.88-2.09-15.92-9.24-.22-1.65-.05-3.3.5-5.28-7.27,7.48-15.32,14.02-23.08,15.12-10.25,1.43-6.39-9.73,1.87-26.94.54-1.04,1.06-2.04,1.56-3.02-8.65,5.44-19.21,11.94-30.59,19.07v-.05c-16.31,10.22-34.71,21.71-52.12,32.93C50.37,183.17,26.4,211.48,8.66,204c-22.2-9.62,3.42-51.29,50.8-83.56,10.47-7.09,22.31-14.79,34.54-22.59l13.44-23.14c-7.11,7.26-12.45,9.46-16.42,6.27-4.9-3.68-1.82-11.43,4.52-24.19,6.45-13.63,7.38-15.83,3.91-15.34-3.69.49-10.52,5-20.55,11.21-4.74,3.19-10.14,6.6-16.09,10.17l-2.75-4.62c5.78-3.52,11.13-6.98,15.92-9.95,9.97-6.38,17.96-11.49,22.7-12.15,10.85-1.54,9.31,7.04,1.54,22.92-6.01,12.31-7,16.82-5.84,17.7,3.03,2.25,15.04-10.44,33.39-38.21l4.19-5.99,4.41,3.13c-.39.27-.72.71-1.1,1.21l.22.17c-7.11,11.6-14.98,25.45-23.14,39.91l-8.37,14.51c14.71-9.35,29.92-18.58,43.52-27.16,14.59-9.12,27.58-17.36,37.11-23.51,0-.02.02-.05.02-.07l5.29,1.76c-1.21,3.3-3.47,7.81-5.78,12.48-6.78,14.07-8.48,19.51-7.49,19.41,14.49-2.03,32.45-28.7,37.52-37.16l.17-.22.17-.22,2.75,1.7,2.04.99-3.03,5c-7.99,12.97-11.51,20.56-10.91,24.68.55,4.07,3.47,5.55,9.86,4.67,10.25-1.43,34.04-12.91,64.61-31.1l-.04-.06c16.36-9.78,24.9-15.78,27.99-19.13l.16-.22,4.08,3.57c-7.38,8.36-9.81,13.47-9.04,18.97,1.21,8.58,12.29,11.6,34.76,8.47,24.13-3.41,55.75-17.21,74.98-30.29ZM88.16,108.02c-8.98,5.83-17.57,11.43-25.56,16.93C20.34,153.59-5.5,192.24,10.86,199.05c16.64,7.26,47.54-40.18,77.29-91.03ZM421.9,58.39v8h8v-8h-8Z"})]}),(0,r.jsxs)(tI,{viewBox:"0 0 429.9 205.86",children:[(0,r.jsxs)("mask",{id:t,children:[(0,r.jsx)(tB,{points:"61.46 60.56 70.29 54.97 76.3 51.04 83.56 46.51 89.5 43.03 94.32 40.51 98.17 38.95 100.69 38.5 102.7 38.58 103.73 39.39 104.18 41.25 103.07 46.36 100.92 51.85 97.06 60.01 93.8 67.05 91.87 72.25 91.28 75.21 91.94 77.66 92.68 79.07 93.94 79.44 95.95 79.44 100.03 77.81 105.29 72.47 116.12 60.16 134.08 34.06 111.22 73.8 105.96 82.4 98.17 95.6 88.53 113.25 81.04 125.12 72.22 139.88 61.54 156.34 51.16 171.32 41.44 183.48 33.73 191.42 28.39 196.16 23.27 199.94 18.08 202.39 13.26 202.61 9.03 201.35 4.73 197.57 3.25 192.75 3.69 187.26 5.7 181.33 8.81 174.29 13.26 167.76 20.68 157.67 31.13 146.63 44.04 135.35 59.83 123.12 80.08 109.69 109 91.45 130.49 77.83 154.59 63.13 167.78 54.48 187.25 41.61 183.82 49.53 180.63 55.66 177.1 63.72 174.83 69.26 173.91 72.54 173.74 74.72 174.08 76.74 175.93 77.33 178.28 76.82 182.31 75.31 189.7 71.03 198.85 62.21 210.28 48.6 217.24 38.48 205.32 60.11 202.97 65.07 202.55 69.01 203.39 71.95 204.57 74.22 208.18 76.49 211.7 76.91 217.16 76.4 224.72 74.14 238.91 68.09 253.78 60.7 272.93 49.44 287.12 41.3 297.03 35.08 309.98 25.12 332.9 3.25 305.18 31.64 301.31 36.93 300.14 42.22 300.47 46.51 301.9 50.37 304 52.97 307.53 55.58 311.56 57.09 317.44 58.26 324.49 58.26 332.56 57.59 342.13 55.91 354.14 53.48 367.07 49.28 380.85 43.9 393.61 38.11 414.1 26.05"}),(0,r.jsx)(tS,{points:"425.9 58.39 425.9 66.39"})]}),(0,r.jsx)(tk,{mask:"url(#".concat(t,")"),d:"M325.22,13.96l-3.47-4.07,9.64-8.41,3.47,4.07-9.64,8.41ZM415.85,28.59l.05-.05s-.04.03-.06.04h0ZM412.71,24.02l3.13,4.55c-19.62,13.18-52.41,27.5-77.34,3
11.02-24.96,3.52-39.06-.55-40.82-13.03-.44-3.08,0-6.27,1.16-9.51-4.4,2.91-9.74,6.15-16.29,10.21l.03.07-.04-.07s-.01,0-.02.01l-.02-.04c-21.93,13.08-52.7,29.89-66.64,31.81-8.98,1.26-14.88-2.09-15.92-9.24-.22-1.65-.05-3.3.5-5.28-7.27,7.48-15.32,14.02-23.08,15.12-10.25,1.43-6.39-9.73,1.87-26.94.54-1.04,1.06-2.04,1.56-3.02-8.65,5.44-19.21,11.94-30.59,19.07v-.05c-16.31,10.22-34.71,21.71-52.12,32.93C50.37,183.17,26.4,211.48,8.66,204c-22.2-9.62,3.42-51.29,50.8-83.56,10.47-7.09,22.31-14.79,34.54-22.59l13.44-23.14c-7.11,7.26-12.45,9.46-16.42,6.27-4.9-3.68-1.82-11.43,4.52-24.19,6.45-13.63,7.38-15.83,3.91-15.34-3.69.49-10.52,5-20.55,11.21-4.74,3.19-10.14,6.6-16.09,10.17l-2.75-4.62c5.78-3.52,11.13-6.98,15.92-9.95,9.97-6.38,17.96-11.49,22.7-12.15,10.85-1.54,9.31,7.04,1.54,22.92-6.01,12.31-7,16.82-5.84,17.7,3.03,2.25,15.04-10.44,33.39-38.21l4.19-5.99,4.41,3.13c-.39.27-.72.71-1.1,1.21l.22.17c-7.11,11.6-14.98,25.45-23.14,39.91l-8.37,14.51c14.71-9.35,29.92-18.58,43.52-27.16,14.59-9.12,27.58-17.36,37.11-23.51,0-.02.02-.05.02-.07l5.29,1.76c-1.21,3.3-3.47,7.81-5.78,12.48-6.78,14.07-8.48,19.51-7.49,19.41,14.49-2.03,32.45-28.7,37.52-37.16l.17-.22.17-.22,2.75,1.7,2.04.99-3.03,5c-7.99,12.97-11.51,20.56-10.91,24.68.55,4.07,3.47,5.55,9.86,4.67,10.25-1.43,34.04-12.91,64.61-31.1l-.04-.06c16.36-9.78,24.9-15.78,27.99-19.13l.16-.22,4.08,3.57c-7.38,8.36-9.81,13.47-9.04,18.97,1.21,8.58,12.29,11.6,34.76,8.47,24.13-3.41,55.75-17.21,74.98-30.29ZM88.16,108.02c-8.98,5.83-17.57,11.43-25.56,16.93C20.34,153.59-5.5,192.24,10.86,199.05c16.64,7.26,47.54-40.18,77.29-91.03ZM421.9,58.39v8h8v-8h-8Z"})]}),(0,r.jsx)(te,{onClick:a,type:e>=0?o[e].face:"default"}),e>=0&&(0,r.jsx)(tp,{children:o[e].message},o[e].id)]})}function tM(){let n=(0,i._)(["\n aspect-ratio: 1;\n\n "," {\n position: absolute;\n width: 400px;\n opacity: 0.4;\n\n video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n "," {\n width: 100%;\n opacity: 0.6;\n\n video {\n display: none;\n }\n }\n"]);return tM=function(){return n},n}function tX(){let n=(0,i._)(["\n position: relative;\n width: 100%;\n\n "," {\n display: none;\n }\n"]);return tX=function(){return n},n}let tE=c.Z.div(tM(),O.BC.mediumUp,O.BC.smallDown),tO=(0,c.Z)(k)(tX(),O.BC.mediumUp);function tP(n){let{className:t,style:e,image:i,video:o}=n,{ref:a,isIntersected:s}=(0,u.Z)({rootMargin:"50px 0px",triggerOnce:!1});return(0,r.jsx)(tE,{ref:a,className:t,style:e,children:s&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("video",{src:o,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}),(0,r.jsx)(tO,{src:i,aspectRatio:1,alt:"",objectFit:"cover"})]})})}var tT=e(41664),tR=e.n(tT);function tW(){let n=(0,i._)(["\n display: grid;\n position: relative;\n margin: 10px auto 0;\n max-width: 360px;\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n"]);return tW=function(){return n},n}function tN(){let n=(0,i._)(["\n display: block;\n width: 100%;\n aspect-ratio: ",";\n filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.1));\n transition: all 0.16s ease-out 0s;\n\n @media (hover: hover) {\n &:hover {\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));\n transform: translate(-1%, -6%);\n }\n }\n\n img {\n display: block;\n width: 100%;\n }\n"]);return tN=function(){return n},n}let tY=c.Z.div(tW()),tA=(0,c.Z)(tR())(tN(),2.9166666666666665);function tL(){return(0,r.jsxs)(tY,{children:[(0,r.jsx)(tA,{href:"./css-animation-ch",onClick:n=>n.stopPropagation(),children:(0,r.jsx)("img",{src:"/_next/static/media/css-animation-ch.50f21de9.webp",alt:"CSSã¢ãã¡ã¼ã·ã§ã³è§£èª¬CH"})}),(0,r.jsx)(tA,{href:"./motions",onClick:n=>n.stopPropagation(),children:(0,r.jsx)("img",{src:"/_next/static/media/animation-sample.6e623523.webp",alt:"ã¢ãã¡ã¼ã·ã§ã³ãµã³ãã«"})}),(0,r.jsx)(tA,{href:"./stream-archives",onClick:n=>n.stopPropagation(),children:(0,r.jsx)("img",{src:"/_next/static/media/stream-archives.b17a6afb.webp",alt:"é
ä¿¡ã¢ã¼ã«ã¤ã"})}),(0,r.jsx)(tA,{href:"./hitokoto-banner",onClick:n=>n.stopPropagation(),children:(0,r.jsx)("img",{src:"/_next/static/media/hitokoto-banner.202307fa.png",alt:"ã²ã¨ãã¨ããã¼"})})]})}function tV(){let n=(0,i._)(["\n position: relative;\n display: grid;\n row-gap: 80px;\n color: #333;\n padding: 100px 0 120px;\n background-color: #fff;\n\n "," {\n row-gap: 40px;\n padding: 100px 0 24px;\n }\n"]);return tV=function(){return n},n}function tU(){let n=(0,i._)(["\n box-sizing: border-box;\n position: relative;\n display: grid;\n margin: 0 auto;\n width: 100%;\n z-index: 1;\n\n "," {\n grid-template-columns: 1fr 1fr;\n column-gap: 32px;
1\n align-items: start;\n padding: 0 24px;\n max-width: 800px;\n }\n\n "," {\n row-gap: 40px;\n max-width: 420px;\n padding: 0 16px;\n }\n"]);return tU=function(){return n},n}function tG(){let n=(0,i._)(["\n display: grid;\n row-gap: 16px;\n justify-items: center;\n"]);return tG=function(){return n},n}function tH(){let n=(0,i._)(["\n display: grid;\n row-gap: 24px;\n"]);return tH=function(){return n},n}function tq(){let n=(0,i._)(["\n display: grid;\n column-gap: 10px;\n grid-template-columns: auto auto;\n justify-content: start;\n align-items: center;\n"]);return tq=function(){return n},n}function tJ(){let n=(0,i._)(["\n position: relative;\n width: 72px;\n border-radius: 50%;\n overflow: hidden;\n border: solid 3px #fff;\n\n "," {\n border-width: 2px;\n }\n"]);return tJ=function(){return n},n}function tK(){let n=(0,i._)(["\n display: grid;\n"]);return tK=function(){return n},n}function tQ(){let n=(0,i._)(["\n font-size: 20px;\n font-weight: bold;\n line-height: 1.4;\n margin: 0;\n\n "," {\n font-size: 18px;\n }\n"]);return tQ=function(){return n},n}function t$(){let n=(0,i._)(["\n font-size: 12px;\n font-weight: normal;\n line-height: 1.4;\n color: #999;\n\n "," {\n font-size: 12px;\n }\n"]);return t$=function(){return n},n}function t0(){let n=(0,i._)(["\n font-size: 12px;\n font-weight: normal;\n line-height: 1.65;\n text-align: center;\n\n "," {\n font-size: 11px;\n }\n\n span {\n color: #aaa;\n }\n"]);return t0=function(){return n},n}function t1(){let n=(0,i._)(["\n width: 100%;\n"]);return t1=function(){return n},n}function t2(){let n=(0,i._)(["\n display: grid;\n grid-template-columns: 85px 1fr;\n gap: 16px;\n align-items: start;\n font-size: 12px;\n line-height: 28px;\n padding: 12px 0;\n border-top: solid 1px #eee;\n\n &:last-child {\n border-bottom: solid 1px #eee;\n }\n"]);return t2=function(){return n},n}function t5(){let n=(0,i._)(["\n font-weight: bold;\n"]);return t5=function(){return n},n}function t4(){let n=(0,i._)(['\n font-weight: normal;\n\n span {\n display: inline-block;\n margin-right: 10px;\n\n &:not(:last-child)::after {\n content: ",";\n color: #aaa;\n }\n }\n small {\n margin-right: 0;\n color: #aaa;\n }\n']);return t4=function(){return n},n}function t3(){let n=(0,i._)(["\n "," {\n pointer-events: none;\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 100%;\n max-width: 750px;\n height: calc(100% - 80px);\n }\n\n "," {\n display: grid;\n margin: 0 auto;\n max-width: 420px;\n width: 100%;\n }\n"]);return t3=function(){return n},n}function t9(){let n=(0,i._)(["\n "," {\n &:nth-child(1) {\n top: 0;\n left: 0;\n transform: translateX(-100%);\n z-index: 1;\n }\n &:nth-child(2) {\n top: 0;\n right: 0;\n transform: translateX(100%);\n }\n &:nth-child(3) {\n top: 390px;\n left: 0;\n transform: translateX(-100%) scale(1.08);\n }\n &:nth-child(4) {\n top: 380px;\n right: 0;\n transform: translateX(100%);\n }\n }\n "," {\n &:nth-child(2),\n &:nth-child(4) {\n margin-top: -5%;\n }\n\n &:nth-child(3) {\n display: none;\n }\n }\n"]);return t9=function(){return n},n}let t7=c.Z.div(tV(),O.BC.smallDown),t6=c.Z.div(tU(),O.BC.mediumUp,O.BC.smallDown),t8=c.Z.div(tG()),en=c.Z.div(tH()),et=c.Z.div(tq()),ee=(0,c.Z)(k)(tJ(),O.BC.smallDown),ei=c.Z.div(tK()),er=c.Z.h3(tQ(),O.BC.smallDown),eo=c.Z.p(t$(),O.BC.smallDown),ea=c.Z.p(t0(),O.BC.smallDown),es=c.Z.div(t1()),ec=c.Z.div(t2()),el=c.Z.p(t5()),eu=c.Z.p(t4()),ed=c.Z.div(t3(),O.BC.mediumUp,O.BC.smallDown),ef=(0,c.Z)(tP)(t9(),O.BC.mediumUp,O.BC.smallDown);function ep(){return(0,r.jsxs)(t7,{id:"profile",children:[(0,r.jsx)(tD,{}),(0,r.jsxs)(t6,{children:[(0,r.jsxs)(t8,{children:[(0,r.jsxs)(et,{children:[(0,r.jsx)(ee,{src:"/_next/static/media/circle.010f77a7.png",alt:"yui540ã¢ã¤ã³ã³",aspectRatio:1,objectFit:"cover"}),(0,r.jsxs)(ei,{children:[(0,r.jsx)(er,{children:"yui540"}),(0,r.jsx)(eo,{children:"@yui540"})]})]}),(0,r.jsxs)(ea,{children:["åãã¾ãã¦ã",(0,r.jsx)("br",{}),"yui540",(0,r.jsx)("span",{children:"ï¼èªã¿ï¼ããã»ãã¼ããããï¼"}),"ã§ãã",(0,r.jsx)("br",{}),(0,r.jsx)("span",{children:"â»ååçã«ãããããã§ãããç·ã§ãã"}),(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),"CSSã¢ãã¡ã¼ã·ã§ã³ã§éãã§ãã¾ãã",(0,r.jsx)("br",{}),"ããã¡ãã¿ããã§ããããä¸ç観ã好ãã§ãã",(0,r.jsx)("br",{}),"ãä¾é ¼ã¯ããåãåãããããé£çµ¡ãã ããã"]}),(0,r.jsx)(nm.Z,{}),(0,r.jsx)(tL,{})]}),(0,r.jsx)(en,{children:(0,r.jsxs)(es,{children:[(0,r.jsxs)(ec,{children:[(0,r.jsx)(el,{children:"使ç¨ããæè¡"}),(0,r.jsxs)(eu,{children:[(0,r.jsx)("span",{children:"CSSã¢ãã¡ã¼ã·ã§ã³"}),(0,r.jsx)("span",{children:"SVG"}),(0,r.jsx)("span",{children:"HTML"}),(0,r.jsx)("span",{children:"TypeScript"}),(0,r.jsx)("span",{children:"JavaScript"}),(0,r.jsx)("span",{children:"React"}),(0,r.jsx)("span",{children:"Next.js"}),(0,r.jsx)("span",{children:"WordPress"}),(0,r.jsx)("small",{children:"etc..."})]})]}),(0,r.jsxs)(ec,{children:[(0,r.jsx)(el,{children:"ãã¶ã¤ã³ãã¼ã«"}),(0,r.jsxs)(eu,{children:[(0,r.jsx)("span",{children:"Figma"}),(0,r.jsx)("span",{children:"Adobe Illustrator"}),(0,r.jsx)("span",{children:"Adobe Photoshop"}),(0,r.jsx)("small",{children:"etc..."})]})]}),(0,r.jsxs)(ec,{children:[(0,r.jsx)(el,{children:"æ±ãåé"}),(0,r.jsxs)(eu,{children:[(0,r.jsx)("span",{children:"UIã»Webãã¶ã¤ã³"}),(0,r.jsx)("span",{children:"ã¢ã¼ã·ã§ã³ãã¶ã¤ã³"}),(0,r.jsx)("span",{children:"Webããã³ãã¨ã³ã"})]})]}),(0,r.jsxs)(ec,{children:[(0,r.jsx)(el,{children:"好ã"}),(0,r.jsxs)(eu,{children:[(0,r.jsx)("span",{children:"ç¬"}),(0,r.jsx)("span",{children:"ç«"}),(0,r.jsx)("span",{children:"åç"}),(0,r.jsx)("span",{children:"Web"}),(0,r.jsx)("span",{children:"ã¢ãã¡"}),(0,r.jsx)("span",{children:"漫ç»"}),(0,r.jsx)("span",{children:"ãã©ã¼ã²ã¼ã "}),(0,r.jsx)("small",{children:"etc..."})]})]}),(0,r.jsxs)(ec,{children:[(0,r.jsx)(el,{children:"MBTI"}),(0,r.jsx)(eu,{children:(0,r.jsx)("span",{children:"INFP-T"})})]})]})})]}),(0,r.jsxs)(ed,{children:[(0,r.jsx)(ef,{image:"/1.gif",video:"/1.mp4"}),(0,r.jsx)(ef,{image:"/2.gif",video:"/2.mp4"}),(0,r.jsx)(ef,{image:"/3.gif",video:"/3.mp4"}),(0,r.jsx)(ef,{image:"/4.gif",video:"/4.mp4"})]})]})}
1let eh=[{src:"/_next/static/media/yuidot.f358368f.webp"},{src:"/_next/static/media/comimi.126b508a.webp"},{src:"/_next/static/media/11.b3429c88.webp"},{src:"/_next/static/media/2.e68290c1.webp"},{src:"/_next/static/media/12.a939f5cc.webp"},{src:"/_next/static/media/1.eddf1b7c.webp"},{src:"/_next/static/media/3.857034d7.webp"},{src:"/_next/static/media/4.b1887349.webp"},{src:"/_next/static/media/5.f00d1bae.webp"},{src:"/_next/static/media/6.9c987a74.webp"},{src:"/_next/static/media/7.5af7ffa8.webp"},{src:"/_next/static/media/8.aba3391d.webp"},{src:"/_next/static/media/9.0adcd9ec.webp"},{src:"/_next/static/media/10.de6060f7.webp"},{src:"/_next/static/media/13.a07d288e.webp"}],em=[{title:"èªåãªãã®CSSã¢ãã¡ã¼ã·ã§ã³ã¨ã®åãåãæ¹",label:"note",src:"/_next/static/media/yui540-css-animation.9ccc0abf.webp",url:"https://note.com/yui540/n/na65312bc3110"},{title:"ãåããã®ããWebãµã¤ããæ¯ããCSSã¢ãã¡ã¼ã·ã§ã³æè¡",label:"note",src:"/_next/static/media/techfes2.2e9fa3b3.webp",url:"https://note.com/yui540/n/nff49218b2307"},{title:"PIXIV TECH FES.ã®LPãæ¯ããCSSã¢ãã¡ã¼ã·ã§ã³ãã¯ããã¯",label:"pixiv inside",src:"/_next/static/media/techfes1.53eddca4.png",url:"https://inside.pixiv.blog/2020/01/21/180000"}];function ex(){let n=(0,i._)(["\n --size: 36px;\n --margin: 24px;\n position: fixed;\n bottom: var(--margin);\n right: var(--margin);\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n background-color: #333;\n background-image: url(",");\n background-size: 60% 60%;\n background-repeat: no-repeat;\n background-position: center;\n cursor: pointer;\n z-index: 2;\n transition: all 0.2s ease-out 0s;\n opacity: ",";\n transform: ",";\n pointer-events: ",";\n\n "," {\n --margin: 12px;\n }\n"]);return ex=function(){return n},n}let eg=c.Z.button(ex(),"/_next/static/media/arrow.345f14ed.svg",n=>n.isVisible?1:0,n=>n.isVisible?"translateY(0)":"translateY(24px)",n=>n.isVisible?"auto":"none",O.BC.smallDown);function eb(){let[n,t]=(0,l.useState)(!1);(0,l.useEffect)(()=>{let n=document.getElementById("profile");if(!n)return;let e=new IntersectionObserver(n=>{n.forEach(n=>{t(!n.isIntersecting)})},{rootMargin:"0px"});return e.observe(n),()=>{e.disconnect()}},[]);let e=n=>{let t=document.getElementById(n);t&&t.scrollIntoView({behavior:"smooth"})};return(0,r.jsx)(eg,{isVisible:n,onClick:()=>e("profile")})}function ew(){let n=(0,i._)(["\n position: relative;\n line-height: 1.45;\n text-align: center;\n white-space: nowrap;\n color: #333;\n\n "," {\n font-size: 70px;\n }\n"]);return ew=function(){return n},n}function e_(){let n=(0,i._)(["\n from {\n transform: translateY(0%);\n }\n to {\n transform: translateY(-100%);\n }\n"]);return e_=function(){return n},n}function ej(){let n=(0,i._)(["\n from {\n transform: translateY(-100%);\n }\n to {\n transform: translateY(-200%);\n }\n"]);return ej=function(){return n},n}function ey(){let n=(0,i._)(["\n position: relative;\n overflow: hidden;\n display: grid;\n grid-auto-flow: column;\n column-gap: 0.4em;\n justify-content: center;\n width: fit-content;\n margin: 0 auto;\n font-size: 50px;\n\n "," {\n font-size: 36px;\n }\n"]);return ey=function(){return n},n}function ev(){let n=(0,i._)(["\n animation: "," 0.9s cubic-bezier(0.91, 0.02, 0.12, 0.99) both,\n "," 0.9s cubic-bezier(0.91, 0.02, 0.12, 0.99) forwards;\n\n &:nth-child(1) {\n animation-delay: 0s, 1.25s;\n }\n &:nth-child(2) {\n animation-delay: 0.05s, 1.2s;\n }\n &:nth-child(3) {\n animation-delay: 0.1s, 1.15s;\n }\n &:nth-child(4) {\n animation-delay: 0.15s, 1.1s;\n }\n &:nth-child(5) {\n animation-delay: 0.2s, 1.05s;\n }\n &:nth-child(6) {\n animation-delay: 0.25s, 1s;\n }\n "]);return ev=function(){return n},n}function eZ(){let n=(0,i._)(["\n display: block;\n position: relative;\n\n ","\n\n span {\n display: block;\n position: relative;\n font-weight: 300;
1\n\n &:nth-child(1) {\n transform: translateY(100%);\n }\n &:nth-child(2) {\n position: absolute;\n top: 0;\n left: 0;\n transform: translateY(200%);\n }\n }\n"]);return eZ=function(){return n},n}function ek(){let n=(0,i._)(["\n position: relative;\n overflow: hidden;\n display: grid;\n grid-auto-flow: column;\n column-gap: 0.4em;\n justify-content: center;\n width: fit-content;\n margin: 0 auto;\n font-size: 12px;\n\n "," {\n font-size: 11px;\n }\n"]);return ek=function(){return n},n}function eC(){let n=(0,i._)(["\n animation: "," 0.9s cubic-bezier(0.91, 0.02, 0.12, 0.99) both;\n\n &:nth-child(1) {\n animation-delay: 0.1s;\n }\n &:nth-child(2) {\n animation-delay: 0.15s;\n }\n &:nth-child(3) {\n animation-delay: 0.2s;\n }\n &:nth-child(4) {\n animation-delay: 0.25s;\n }\n &:nth-child(5) {\n animation-delay: 0.3s;\n }\n &:nth-child(6) {\n animation-delay: 0.35s;\n }\n &:nth-child(7) {\n animation-delay: 0.4s;\n }\n &:nth-child(8) {\n animation-delay: 0.45s;\n }\n &:nth-child(9) {\n animation-delay: 0.5s;\n }\n &:nth-child(10) {\n animation-delay: 0.55s;\n }\n "]);return eC=function(){return n},n}function ez(){let n=(0,i._)(["\n display: block;\n position: relative;\n\n ","\n\n span {\n display: block;\n position: relative;\n font-weight: 300;\n\n &:nth-child(1) {\n transform: translateY(100%);\n }\n &:nth-child(2) {\n position: absolute;\n top: 0;\n left: 0;\n transform: translateY(200%);\n }\n }\n"]);return ez=function(){return n},n}let eB=c.Z.hgroup(ew(),O.BC.smallDown),eS=(0,d.F4)(e_()),eF=(0,d.F4)(ej()),eI=c.Z.h2(ey(),O.BC.smallDown),eD=c.Z.strong(eZ(),n=>{let{isIntersected:t}=n;return t&&(0,d.iv)(ev(),eS,eF)}
1),eM=c.Z.p(ek(),O.BC.smallDown),eX=c.Z.small(ez(),n=>{let{isIntersected:t}=n;return t&&(0,d.iv)(eC(),eS)});function eE(n){let{title:t,subTitle:e}=n,{isIntersected:i,ref:o}=(0,u.Z)({rootMargin:"0px 0px -200px",triggerOnce:!0}),a=t.split("").map((n,t)=>(0,r.jsxs)(eD,{isIntersected:i,children:[(0,r.jsx)("span",{children:n}),(0,r.jsx)("span",{children:n})]},t)),s=e.split("").map((n,t)=>(0,r.jsxs)(eX,{isIntersected:i,children:[(0,r.jsx)("span",{children:n}),(0,r.jsx)("span",{children:n})]},t));return(0,r.jsxs)(eB,{ref:o,children:[(0,r.jsx)(eI,{children:a}),(0,r.jsx)(eM,{children:s})]})}function eO(){let n=(0,i._)(['\n position: relative;\n /* font-family: "Montserrat", sans-serif; */\n line-height: 1.45;\n text-align: center;\n white-space: nowrap;\n color: #333;\n\n '," {\n font-size: 70px;\n }\n"]);return eO=function(){return n},n}function eP(){let n=(0,i._)(["\n from {\n clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);\n }\n to {\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n }\n"]);return eP=function(){return n},n}function eT(){let n=(0,i._)(["\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n"]);return eT=function(){return n},n}function eR(){let n=(0,i._)(["\n position: relative;\n width: fit-content;\n margin: 0 auto;\n"]);return eR=function(){return n},n}function eW(){let n=(0,i._)(["\n &:nth-child(1) {\n animation: "," 0.7s cubic-bezier(1, 0.02, 0, 0.97) 0s both,\n "," 0.1s ease-out 1.2s forwards;\n }\n &:nth-child(2) {\n animation: "," 0.7s cubic-bezier(1, 0.02, 0, 0.97) 0.5s both;\n }\n "]);return eW=function(){return n},n}function eN(){let n=(0,i._)(["\n font-size: 50px;\n font-weight: 300;\n letter-spacing: 0.4em;\n padding-left: 0.4em;\n clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);\n\n &:nth-child(1) {\n position: relative;\n background-color: #333;\n color: #fff;\n }\n &:nth-child(2) {\n position: absolute;\n top: -1px;\n left: 0;\n background-color: #fff;\n color: #333;\n padding: 1px 0;\n }\n\n ","\n\n "," {\n font-size: 36px;\n }\n"]);return eN=function(){return n},n}function eY(){let n=(0,i._)(["\n animation: "," 0.9s cubic-bezier(0.91, 0.02, 0.12, 0.99) 0.2s both;\n "]);return eY=function(){return n},n}function eA(){let n=(0,i._)(["\n font-size: 12px;\n font-weight: 300;\n letter-spacing: 0.4em;\n clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);\n width: fit-content;\n margin: 0 auto;\n\n ","\n\n "," {\n font-size: 11px;\n }\n"]);return eA=function(){return n},n}let eL=c.Z.hgroup(eO(),O.BC.smallDown),eV=(0,d.F4)(eP()),eU=(0,d.F4)(eT()),eG=c.Z.div(eR()),eH=c.Z.h2(eN(),n=>{let{isIntersected:t}=n;return t&&(0,d.iv)(eW(),eV,eU,eV)},O.BC.smallDown),eq=c.Z.p(eA(),n=>{let{isIntersected:t}=n;return t&&(0,d.iv)(eY(),eV)},O.BC.smallDown);function eJ(n){let{title:t,subTitle:e}=n,{isIntersected:i,ref:o}=(0,u.Z)({rootMargin:"0px 0px -200px",triggerOnce:!0});return(0,r.jsxs)(eL,{ref:o,children:[(0,r.jsxs)(eG,{children:[(0,r.jsx)(eH,{isIntersected:i,children:t}),(0,r.jsx)(eH,{isIntersected:i,children:t})]}),(0,r.jsx)(eq,{isIntersected:i,children:e})]})}function eK(){let n=(0,i._)(['\n position: relative;\n /* font-family: "Montserrat", sans-serif; */\n line-height: 1.45;\n text-align: center;\n white-space: nowrap;\n color: #333;\n\n '," {\n font-size: 70px;\n }\n"]);return eK=function(){return n},n}function eQ(){let n=(0,i._)(["\n from {\n opacity: 0;\n }\n 50%,\n to {\n opacity: 1;\n }
1\n\n 0% {\n transform: scale(1, 1);\n }\n 40% {\n transform: scale(1.5, 0.7);\n }\n 60% {\n transform: scale(0.8, 1.4);\n }\n 80% {\n transform: scale(1.3, 0.7);\n }\n 100% {\n transform: scale(1);\n }\n"]);return eQ=function(){return n},n}function e$(){let n=(0,i._)(["\n animation: "," 0.8s ease-in-out both;\n\n &:nth-child(1) {\n animation-delay: 0s;\n }\n &:nth-child(2) {\n animation-delay: 0.05s;\n }\n &:nth-child(3) {\n animation-delay: 0.1s;\n }\n &:nth-child(4) {\n animation-delay: 0.15s;\n }\n "]);return e$=function(){return n},n}function e0(){let n=(0,i._)(["\n display: grid;\n grid-auto-flow: column;\n column-gap: 0.4em;\n justify-content: center;\n font-size: 50px;\n font-weight: 300;\n\n "," {\n font-size: 36px;\n }\n\n span {\n display: inline-block;\n transform-origin: bottom center;\n opacity: 0;\n\n ","\n }\n"]);return e0=function(){return n},n}function e1(){let n=(0,i._)(["\n animation: "," 0.8s ease-in-out both;\n\n &:nth-child(1) {\n animation-delay: 0.2s;\n }\n &:nth-child(2) {\n animation-delay: 0.25s;\n }\n &:nth-child(3) {\n animation-delay: 0.3s;\n }\n "]);return e1=function(){return n},n}function e2(){let n=(0,i._)(["\n font-size: 12px;\n font-weight: 300;\n letter-spacing: 0.4em;\n\n "," {\n font-size: 11px;\n }\n\n span {\n display: inline-block;\n transform-origin: bottom center;\n opacity: 0;\n\n ","\n }\n"]);return e2=function(){return n},n}let e5=c.Z.hgroup(eK(),O.BC.smallDown),e4=(0,d.F4)(eQ()),e3=c.Z.h2(e0(),O.BC.smallDown,n=>{let{isIntersected:t}=n;return t&&(0,d.iv)(e$(),e4)}),e9=c.Z.h2(e2(),O.BC.smallDown,n=>{let{isIntersected:t}=n;return t&&(0,d.iv)(e1(),e4)});function e7(n){let{title:t,subTitle:e}=n,{isIntersected:i,ref:o}=(0,u.Z)({rootMargin:"0px 0px -200px",triggerOnce:!0}),a=t.split("").map((n,t)=>(0,r.jsx)("span",{children:n},t)),s=e.split("").map((n,t)=>(0,r.jsx)("span",{children:n},t));return(0,r.jsxs)(e5,{ref:o,children:[(0,r.jsx)(e3,{isIntersected:i,children:a}),(0,r.jsx)(e9,{isIntersected:i,children:s})]})}function e6(){let n=(0,i._)(['\n position: relative;\n /* font-family: "Montserrat", sans-serif; */\n line-height: 1.45;\n text-align: center;\n white-space: nowrap;\n color: #333;\n\n '," {\n font-size: 70px;\n }\n"]);return e6=function(){return n},n}function e8(){let n=(0,i._)(["\n from {\n transform: translateX(-101%);\n }\n to {\n transform: translateX(101%);\n }\n"]);return e8=function(){return n},n}function it(){let n=(0,i._)(["\n from {\n transform: translateX(-101%);\n }\n to {\n transform: translateX(0%);\n }\n"]);return it=function(){return n},n}function ie(){let n=(0,i._)(["\n from {\n transform: translateX(0%);\n }\n to {\n transform: translateX(101%);\n }\n"]);return ie=function(){return n},n}function ii(){let n=(0,i._)(["\n from {\n color: transparent;\n }\n to {\n color: #333;\n }\n"]);return ii=function(){return n},n}function ir(){let n=(0,i._)(["\n animation: "," 0.05s ease-in-out 0.3s both;\n "]);return ir=function(){return n},n}function io(){let n=(0,i._)(["\n position: relative;\n display: grid;\n grid-auto-flow: column;\n column-gap: 0.4em;\n justify-content: center;\n font-size: 50px;\n font-weight: 300;\n width: fit-content;\n margin: 0 auto;\n padding: 0 0.2em;\n color: transparent;\n\n ","\n\n "," {\n font-size: 36px;\n }\n"]);return io=function(){return n},n}function ia(){let n=(0,i._)(["\n animation: "," 0.3s cubic-bezier(0, 0.26, 0.12, 0.99) 0s both,\n "," 0.4s cubic-bezier(0.91, 0.02, 0.12, 0.99) 0.3s forwards;\n "]);return ia=function(){return n},n}function is(){let n=(0,i._)(['\n position: absolute;\n top: 12%;\n bottom: 12%;\n left: 0;\n right: 0;\n border-radius: 999px;\n overflow: hidden;\n\n &::after {\n content: "";\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #333;\n border-radius: 999px;\n transform: translateX(-101%);\n\n ',"\n }\n"]);return is=function(){return n},n}function ic(){let n=(0,i._)(["\n & > *::after {\n animation: "," 0.4s cubic-bezier(0, 0.26, 0.12, 0.99) 0.5s\n both;\n }\n "]);return ic=function(){return n},n}function il(){let n=(0,i._)(["\n position: absolute;\n top: 50%;\n right: 0;\n width: 25px;\n display: grid;\n row-gap: 20px;\n transform: translate(150%, -50%);\n\n ","\n"]);return il=function(){return n},n}function iu(){let n=(0,i._)(['\n position: relative;\n width: 100%;\n height: 5px;\n border-radius: 999px;\n overflow: hidden;
1\n\n &:nth-child(1) {\n transform: rotate(-15deg);\n }\n &:nth-child(2) {\n transform: rotate(15deg);\n }\n\n &::after {\n content: "";\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #333;\n border-radius: 999px;\n transform: translateX(-101%);\n }\n']);return iu=function(){return n},n}function id(){let n=(0,i._)(["\n from {\n clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);\n }\n to {\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n }\n"]);return id=function(){return n},n}function ip(){let n=(0,i._)(["\n animation: "," 0.9s cubic-bezier(0.91, 0.02, 0.12, 0.99) 0.2s both;\n "]);return ip=function(){return n},n}function ih(){let n=(0,i._)(["\n display: grid;\n grid-auto-flow: column;\n column-gap: 0.4em;\n justify-content: center;\n font-size: 12px;\n font-weight: 300;\n clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);\n width: fit-content;\n margin: 0 auto;\n clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);\n\n ","\n\n "," {\n font-size: 11px;\n }\n"]);return ih=function(){return n},n}let im=c.Z.hgroup(e6(),O.BC.smallDown),ix=(0,d.F4)(e8()),ig=(0,d.F4)(it()),ib=(0,d.F4)(ie()),iw=(0,d.F4)(ii()),i_=c.Z.h2(io(),n=>{let{isIntersected:t}=n;return t&&(0,d.iv)(ir(),iw)},O.BC.smallDown),ij=c.Z.div(is(),n=>{let{isIntersected:t}=n;return t&&(0,d.iv)(ia(),ig,ib)}),iy=c.Z.div(il(),n=>{let{isIntersected:t}=n;return t&&(0,d.iv)(ic(),ix)}),iv=c.Z.div(iu()),iZ=(0,d.F4)(id()),ik=c.Z.p(ih(),n=>{let{isIntersected:t}=n;return t&&(0,d.iv)(ip(),iZ)},O.BC.smallDown);function iC(n){let{title:t,subTitle:e}=n,{isIntersected:i,ref:o}=(0,u.Z)({rootMargin:"0px 0px -200px",triggerOnce:!0}),a=t.split("").map((n,t)=>(0,r.jsx)("span",{children:n},t)),s=e.split("").map((n,t)=>(0,r.jsx)("span",{children:n},t));return(0,r.jsxs)(im,{ref:o,children:[(0,r.jsxs)(i_,{isIntersected:i,children:[a,(0,r.jsx)(ij,{isIntersected:i}),(0,r.jsxs)(iy,{isIntersected:i,children:[(0,r.jsx)(iv,{}),(0,r.jsx)(iv,{})]})]}),(0,r.jsx)(ik,{isIntersected:i,children:s})]})}var iz=e(4477);let iB=n=>new Promise((t,e)=>{let i=new Image;i.addEventListener("load",()=>t(n)),i.addEventListener("error",n=>e(n)),i.src=n}),iS=n=>Promise.all(n.map(n=>iB(n)));var iF=e(56254),iI=e(44379),iD=e(50601),iM=e(246),iX=e(13706),iE=e(12194),iO=e(27247),iP=e(4696),iT=e(4931);function iR(){let n=(0,i._)(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 1;\n"]);return iR=function(){return n},n}let iW=c.Z.div(iR());function iN(){let n=["happy","kirakira","lazy","asiato","hanko"],[t,e]=(0,l.useState)(0),[i,o]=(0,l.useState)([]);return(0,l.useEffect)(()=>{let t=t=>{e(e=>{let i=n.length-1<=e?0:e+1;return o(i=>[...i,{id:Math.floor(1e4*Math.random()),x:t.clientX,y:window.scrollY+t.clientY,type:n[e]}]),i})};return document.body.addEventListener("click",t),()=>{document.body.removeEventListener("click",t)}},[o]),(0,r.jsx)(iW,{children:i.map(n=>{let{id:t,x:e,y:i,type:o}=n,a={position:"absolute",top:"".concat(i,"px"),left:"".concat(e,"px"),transform:"translate(-50%, -50%)"};switch(o){case"happy":return(0,r.jsx)(iX.Z,{style:a},t);case"kirakira":return(0,r.jsx)(iE.Z,{style:a},t);case"lazy":return(0,r.jsx)(iO.Z,{style:a},t);case"asiato":return(0,r.jsx)(iP.Z,{style:a},t);case"hanko":return(0,r.jsx)(iT.Z,{style:a},t);default:return null}})})}let iY=[{title:"comimi",label:"Webåã漫ç»ãã¥ã¼ã¯ã¼ã©ã¤ãã©ãª",src:"/_next/static/media/comimi.228f73b0.png",url:"https://github.com/yui540/comimi"},{title:"css-animations",label:"CSSã¢ãã¡ã¼ã·ã§ã³ã®ã³ã¼ããå
¬éããå ´æ",src:"/_next/static/media/css-animations.d9ec4f06.png",url:"https://github.com/yui540/css-animations"},{title:"reanimated-css-animations",label:"ReanimatedçCSSã¢ãã¡ã¼ã·ã§ã³ã®ã³ã¼ããå
¬éããå ´æ",src:"/_next/static/media/reanimated-css-animations.ed90503a.png",url:"https://github.com/yui540/reanimated-css-animations"}];function iA(){let n=(0,i._)(["\n position: relative;\n display: grid;\n width: 100%;\n margin: 0 auto;\n overflow: hidden;\n"]);return iA=function(){return n},n}function iL(){let n=(0,i._)(["\n display: grid;\n row-gap: 24px;\n padding: 100px 0;\n\n "," {\n row-gap: 16px;\n padding: 64px 0;\n }\n"]);return iL=function(){return n},n}function iV(){let n=(0,i._)(["\n background-color: #f9f9f9;\n"]);return iV=function(){return n},n}function iU(){let n=(0,i._)(["\n background-color: #fff;\n"]);return iU=function(){return n},n}function iG(){let n=(0,i._)(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"]);return iG=function(){return n},n}function iH(){let n=(0,i._)(["\n animation: "," 1.5s ease-in-out 0.5s both;\n"]);return iH=function(){return n},n}function iq(){let n=(0,i._)(["\n --margin: 100px;\n position: relative;\n display: grid;\n row-gap: var(--margin);\n padding: var(--margin) 0;\n background-color: #fff;\n\n "," {\n /* --margin: 64px; */\n }\n"]);return iq=function(){return n},n}function iJ(){let n=(0,i._)(["\n "," {\n pointer-events: none;\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 100%;\n max-width: 400px;\n height: calc(100% - 80px);\n }\n\n "," {\n display: grid;\n margin: 0 auto;\n max-width: 420px;\n width: 100%;\n }\n"]);return iJ=function(){return n},n}
1function iK(){let n=(0,i._)(["\n "," {\n &:nth-child(1) {\n top: 0;\n left: 0;\n transform: translateX(-100%);\n z-index: 1;\n }\n &:nth-child(2) {\n top: 0;\n right: 0;\n transform: translateX(100%);\n }\n }\n "," {\n &:nth-child(2) {\n margin-top: -5%;\n }\n }\n"]);return iK=function(){return n},n}let iQ=c.Z.div(iA()),i$=c.Z.div(iL(),O.BC.smallDown),i0=(0,c.Z)(i$)(iV()),i1=(0,c.Z)(i$)(iU()),i2=(0,d.F4)(iG()),i5=c.Z.div(iH(),i2),i4=c.Z.div(iq(),O.BC.smallDown),i3=c.Z.div(iJ(),O.BC.mediumUp,O.BC.smallDown),i9=(0,c.Z)(tP)(iK(),O.BC.mediumUp,O.BC.smallDown);function i7(){let{}=function(n){let[t,e]=(0,l.useState)(!0);return(0,l.useEffect)(()=>{iS(n).then(()=>{setTimeout(()=>{e(!1)},600)})},[e]),{isLoading:t}}([iF.Z.src,iI.Z.src,iD.Z.src,iM.Z.src]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(i5,{children:[(0,r.jsx)(eb,{}),(0,r.jsxs)(iQ,{children:[(0,r.jsx)(ep,{}),(0,r.jsxs)(i0,{id:"motion",children:[(0,r.jsx)(eE,{title:"MOTION",subTitle:"ã¢ã¼ã·ã§ã³ãã¶ã¤ã³"}),(0,r.jsx)(np,{children:o.map((n,t)=>(0,r.jsx)(E,{...n},"".concat(t,"-").concat(n.src)))})]}),(0,r.jsxs)(i1,{id:"website",children:[(0,r.jsx)(eJ,{title:"WEB SITE",subTitle:"ã¦ã§ããµã¤ãå¶ä½"}),(0,r.jsx)(np,{children:a.map((n,t)=>(0,r.jsx)(nc,{aspectRatio:"ogimage",...n},"".concat(t,"-").concat(n.title)))})]}),(0,r.jsxs)(i0,{id:"oss",children:[(0,r.jsx)(e7,{title:"OSS",subTitle:"ãªã¼ãã³ã½ã¼ã¹"}),(0,r.jsx)(np,{children:iY.map((n,t)=>(0,r.jsx)(nc,{aspectRatio:"ogimage",...n},"".concat(t,"-").concat(n.title)))})]}),(0,r.jsxs)(i1,{id:"blog",children:[(0,r.jsx)(e7,{title:"BLOG",subTitle:"ããã°"}),(0,r.jsx)(np,{children:em.map((n,t)=>(0,r.jsx)(nc,{aspectRatio:"ogimage",...n},"".concat(t,"-").concat(n.title)))})]}),(0,r.jsxs)(i1,{id:"logo",children:[(0,r.jsx)(iC,{title:"LOGO",subTitle:"ãã´ãã¶ã¤ã³"}),(0,r.jsx)(np,{children:eh.map((n,t)=>(0,r.jsx)(E,{...n},"".concat(t,"-").concat(n.src)))})]}),(0,r.jsxs)(i4,{children:[(0,r.jsx)(nh.Z,{}),(0,r.jsx)(s.Z,{}),(0,r.jsxs)(i3,{children:[(0,r.jsx)(i9,{image:"/5.gif",video:"/5.mp4"}),(0,r.jsx)(i9,{image:"/6.gif",video:"/6.mp4"})]})]}),(0,r.jsx)(iN,{})]})]}),(0,r.jsx)(iz.Z,{})]})}}},function(n){n.O(0,[41664,27864,92888,49774,40179],function(){return n(n.s=48312)}),_N_E=n.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.