@font-face{font-family:"Roboto Condensed";src:url("/assets/Roboto_Condensed.ttf")}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font-weight:400;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica,"Helvetica Neue",PingFang SC,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Microsoft YaHei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#222;background-color:#FFF;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;display:flex;min-height:100vh;flex-direction:column;position:relative}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:10px}main{display:block}img{max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:13.125px}ul,ol{list-style-position:inside;margin-left:0}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{line-height:1}a{color:#F9273E;text-decoration:none}a:visited{color:#000}a:hover{color:#F9273E;text-decoration:underline}.social-media-list a:hover{text-decoration:none}.social-media-list a:hover .username{text-decoration:underline}blockquote{color:#919191;border:2px solid #888;border-radius:8px;font-size:15px;letter-spacing:0px;padding:12px;box-shadow:0 4px 0 #888;margin:0 0 20px 0}blockquote>:last-child{margin-bottom:0}pre,code{font-family:ui-monospace,Monaco,Menlo,"SF Mono Regular","Lucida Console",SFMono-Regular,Consolas,"Courier New",Liberation Mono,monospace;border-radius:6px;background-color:#f6f6f6}code{padding:4px 6px;font-size:14px}pre{padding:16px;overflow-x:auto}pre>code{border:0;padding:0;display:inline-block;line-height:24px;background-color:unset}@media screen and (prefers-color-scheme: dark){pre{background-color:#ffffff10}code{background-color:#ffffff10}}.wrapper{max-width:1024px;margin-right:auto;margin-left:auto}.wrapper.insetted{padding-left:86px;padding-right:86px}@media screen and (max-width: 599px){.wrapper.insetted{padding-left:16px;padding-right:16px}}@media screen and (max-width: 599px){.wrapper{max-width:100%}}.svg-icon{width:16px;height:16px;display:inline-block;fill:#919191;padding-right:5px;vertical-align:text-top}.social-media-list li+li{padding-top:5px}table{margin-bottom:30px;width:100%;text-align:left;border-collapse:collapse;border:1px solid #919191}table th,table td{padding:10px 15px}table th{border:1px solid #878787;border-bottom-color:#727272}table td{border:1px solid #919191}@media screen and (prefers-color-scheme: dark){table{border:1px solid #919191}table th{color:#919191}table tr{color:#919191}}.site-header{border-bottom:1px solid #E5E5E6;height:70px;background:#fff}@media screen and (prefers-color-scheme: dark){.site-header{background-color:#000;border-color:#000}}@media screen and (max-width: 599px){.site-header{height:56px}}.site-header-container{display:flex;height:70px;flex-direction:row;width:100%;align-items:center;justify-content:space-between}@media screen and (max-width: 599px){.site-header-container{height:56px}}.site-header-container .site-title{font-family:ui-sans-serif,system-ui,-apple-system,Helvetica,"Helvetica Neue",PingFang SC,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Microsoft YaHei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";margin:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;line-height:70px;color:#222;min-width:120px}.site-header-container .site-title img{margin-right:8px;height:30px;width:30px}.site-header-container .site-title p{padding:0;margin:0;color:#F9273E}.site-header-container .site-title p span{color:#000}@media screen and (prefers-color-scheme: dark){.site-header-container .site-title p span{color:#FFF}}.site-header-container .site-title:hover{text-decoration:none}.site-header-container .site-title:visited{text-decoration:none}@media screen and (prefers-color-scheme: dark){.site-header-container .site-title{color:#F9273E !important}}.site-header-container .nav-items{font-size:15px;font-weight:500;padding:0;margin:0 0 0 0;height:70px;display:flex;align-items:center;justify-content:center;flex-direction:row}@media screen and (max-width: 599px){.site-header-container .nav-items{display:none}}.site-header-container .nav-items .nav-link:not(:last-child){margin-right:32px}.site-header-container .nav-items .nav-link{font-family:ui-sans-serif,system-ui,-apple-system,Helvetica,"Helvetica Neue",PingFang SC,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Microsoft YaHei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-decoration:none;color:#919191;line-height:70px}.site-header-container .nav-items .nav-link.active{color:#000 !important}.site-header-container .nav-items .nav-link:visited{color:#919191}.site-header-container .nav-items .nav-link:hover{color:#000}@media screen and (prefers-color-scheme: dark){.site-header-container .nav-items .nav-link:hover{color:#FFF}.site-header-container .nav-items .nav-link.active{color:#FFF !important}}@media screen and (max-width: 599px){.site-header{overflow-y:hidden}}.page-content{padding:0;flex:1}.footer{color:#000;text-align:center;font-size:12.75px;font-weight:450;display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;border-top:1px solid #E5E5E6}@media screen and (prefers-color-scheme: dark){.footer{background-color:#000;color:#FFF;border-color:#222}}.footer .music-title{width:100%;display:flex;align-items:center;color:#919191;justify-content:center;border-top:1px solid #E5E5E6;border-bottom:1px solid #E5E5E6;padding:16px 0}@media screen and (prefers-color-scheme: dark){.footer .music-title{background-color:#000;color:#FFF;border-color:#222}}.footer .music-title img{height:16px;width:16px;margin-right:8px}.footer .music-title p{padding:0;margin:0;line-height:1.2}.footer .footer-items{display:flex;color:#919191}@media screen and (prefers-color-scheme: dark){.footer .footer-items{color:#FFF}}.footer .footer-items .footer-item{margin:0 0px;padding:32px 0}.footer .footer-items .footer-item:not(:last-child){margin-right:32px}.footer .footer-items .footer-link{color:#919191}@media screen and (prefers-color-scheme: dark){.footer .footer-items .footer-link{color:#FFF}}.footer .footer-download{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:40px;padding-bottom:32px;row-gap:8px}.footer .footer-download .appicon{height:72px;width:72px;border-radius:16px;border:1px solid #00000020}.footer .footer-download h1{margin:0;font-size:21.9px}.footer .footer-download p{margin-bottom:8px;font-size:15px}.footer .footer-download .download-badge{height:40px}.sidebar{display:block;position:fixed;left:5%;top:100px;width:12%;text-overflow:clip}.sidebar .sidebar-content{display:flex;flex-direction:column}@media screen and (max-width: 1024px){.sidebar{visibility:hidden}}.sidebar .sidebar-category{font-size:14px;text-align:left;padding:10px 0px;border-right:1px solid #919191}.sidebar .sidebar-category .category-list{list-style:none;margin:0px 0px;padding:0px}.sidebar .sidebar-category .category-item{margin:5px 0px;padding:4px 15px}.sidebar .sidebar-category .category-item a{display:block;color:#919191;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px}.sidebar .sidebar-category .category-item .current{font-size:14px;color:#222;font-weight:bold}.sidebar .sidebar-category .category-item a:hover{text-decoration:none;color:#222;font-weight:bold}.clearfix:after{content:"";visibility:hidden;display:block;height:0;clear:both}.category-group{margin:30px 0 20px 0}@media screen and (max-width: 599px){.category-group{margin:20px 0 10px 0}}.category-tag{display:flex;flex-wrap:wrap;flex-direction:row;margin:0;align-items:center;font-size:15px;align-content:center}.category-tag a{background-color:#919191;display:flex;margin-right:10px;margin-bottom:10px;padding:4px 14px;border-radius:20px;color:#222;font-weight:600;text-decoration:none;align-items:center;line-height:21px}.category-tag a svg{margin-right:14px}.category-tag a:hover{color:#222}.category-tag a:last-child{margin-right:0px}@media screen and (max-width: 599px){.category-tag{font-size:14px}}.category-section{margin:0px;padding:0px;margin-bottom:20px}.category-section .category-list{list-style:none;margin-left:20px}.category-section .category-list .category-list-item{line-height:1.2;display:flex;margin-bottom:10px}.category-section .category-list .category-list-item p{margin-right:10px;color:#888;min-width:100px;margin-bottom:0px}.category-section .category-list .category-list-item a{color:#222;font-weight:600;text-decoration:none}.category-section .category-list .category-list-item a:hover{color:#156ccf}@media screen and (max-width: 599px){.category-section .category-list{margin-left:0}.category-section .category-list-item{font-size:15px}.category-section .category-list-item p{min-width:90px !important}}.category-section-header{font-size:18px;display:flex;justify-content:left;align-content:center;margin-bottom:10px;align-items:center}.category-section-header svg{margin-right:8px}.category-section-header h2{font-weight:bold;font-size:18px;margin:0;color:#222}@media screen and (prefers-color-scheme: dark){.category-section-header #category-title-svg{fill:#eee !important}}.category-section-header #category-title-svg{fill:#222}.post-hr{height:1px;margin:20px 0;padding:0;display:block;border:0;border-top:1px solid #919191;border-bottom:1px solid #fff}.about{margin-top:30px}.about p{padding:0px 20px;margin-bottom:15px}.about h1{padding:0px 20px;margin-bottom:25px;font-weight:800}.about-sns-list{list-style:none;background:#222;margin:25px 0 30px 0;padding:20px;font-weight:600}.about-sns-list a{color:#fff;display:flex;align-items:center;text-decoration:none}.about-sns-list a:visited{color:#fff}.about-sns-list li:not(:last-child){margin-bottom:18px}.about-sns-list img{height:24px;margin-right:15px}.post{padding-bottom:80px}.post-cover{width:100%;max-height:400px;object-fit:cover;aspect-ratio:4/1}@media screen and (max-width: 1024px){.post-cover{max-height:300px}}@media screen and (max-width: 599px){.post-cover{display:none}}.post-centered-item{text-align:center}@media screen and (max-width: 599px){.post-centered-item{text-align:left}}.post-title{font-size:28px;line-height:1.5;font-weight:bold;margin:30px 0 0 0;color:#222}@media screen and (prefers-color-scheme: dark){.post-title{color:#FFF}}.post-title.post-centered-item{font-size:30px}.post-meta{display:flex;gap:10px;justify-content:left}.post-meta .post-date,.post-meta .post-author{color:#888;margin:5px 0 30px 0;display:block;font-size:16px;font-weight:600}.post-meta .post-date a,.post-meta .post-author a{color:#888}.post-meta.post-centered-item{justify-content:center}@media screen and (max-width: 599px){.post-meta.post-centered-item{justify-content:left}}.post-content{margin-bottom:20px;line-height:32px}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-family:ui-sans-serif,system-ui,-apple-system,Helvetica,"Helvetica Neue",PingFang SC,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Microsoft YaHei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";margin-top:30px;font-weight:bold;line-height:1.4}.post-content a:visited{color:#F9273E}.post-content p{color:#222;word-break:normal;overflow-wrap:anywhere;font-size:17px}.post-content blockquote p{margin:0;color:#888}@media screen and (prefers-color-scheme: dark){.post-content blockquote p{color:#d5d5d5}}.post-content hr{margin:20px 0;border:0;border-top-width:1px;border-top-style:solid}.post-content img{cursor:zoom-in;width:100%;border-radius:8px;transition:all ease-in 0.5s;-webkit-transition:all ease-in 0.5s;-moz-transition:all ease-in 0.5s;-ms-transition:all ease-in 0.5s;-o-transition:all ease-in 0.5s;display:inherit}.post-content img:hover{box-shadow:0 0 0 3pt #00000020}@media screen and (prefers-color-scheme: dark){.post-content img:hover{box-shadow:0 0 0 3pt #ffffff20}}.post-content h1{font-size:22.5px}.post-content h2{font-size:19.5px}.post-content h3{font-size:18px}.post-content h4{font-size:16.5px}.post-content h5{font-size:15px}.post-content li:not(:last-child) p{margin-bottom:20px}.post-content ol li{margin-bottom:6px}.post-tag{margin:30px 0}.post-tag .category-tag a{margin-bottom:0;font-size:15px}.post-gotop-button{position:fixed;right:20px;bottom:30px;z-index:999}@media screen and (prefers-color-scheme: dark){.post-gotop-button .gotop-button{background-color:#181818 !important;box-shadow:0 1px 0px #ffffff10 !important}}.post-gotop-button .gotop-button{width:38px;height:38px;border-radius:100%;box-shadow:0 1px 0px rgba(18,18,18,0.1);border:1px solid rgba(0,0,0,0.05);display:flex;align-items:center;justify-content:center;background-color:#FFF}.post-gotop-button .gotop-button:hover .gotop-icon{fill:#222}@media screen and (prefers-color-scheme: dark){.post-gotop-button .gotop-button:hover .gotop-icon{fill:#eee}}.post-gotop-button .gotop-icon{fill:#888}.post-image-viewer{position:fixed;top:0%;bottom:0%;left:0;right:0;z-index:101;text-align:center;cursor:zoom-out;overflow:auto;background-color:rgba(0,0,0,0.6);display:none}.post-image-viewer .image-viewer-wrapper{position:relative;height:100%}.post-image-viewer img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.highlight{border-radius:8px}.highlighter-rouge .highlight{background:#f6f6f6}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{color:#05b0e9;font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#07f}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#07f}.highlight .na{color:teal}.highlight .nb{color:#05b0e9}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#07f;font-weight:bold}.highlight .nn{color:#998}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#07f}.highlight .sc{color:#07f}.highlight .sd{color:#07f}.highlight .s2{color:#07f}.highlight .se{color:#07f}.highlight .sh{color:#07f}.highlight .si{color:#07f}.highlight .sx{color:#07f}.highlight .sr{color:#009926}.highlight .s1{color:#07f}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}.archives-list{display:block;list-style-type:none;margin:0px;overflow:hidden;padding-top:30px}.archives-list .no-url{cursor:not-allowed}.archives-list .list-item{box-shadow:0 1px 3px 0 rgba(18,18,18,0.1);border-radius:8px;display:block;float:left;margin:10px;margin-bottom:10px;width:calc(33.33% - 20px);position:relative}.archives-list .work-data{opacity:0;transition-delay:.1s;color:white;padding:0px 10px 10px 10px;display:flex;position:absolute;left:0;right:0;bottom:0;justify-content:space-between;font-size:14px}.archives-list .image-wrapper{height:160px;position:relative}.archives-list .image-wrapper img{height:160px;width:100%;object-fit:cover;object-position:top left;border-top-left-radius:8px;border-top-right-radius:8px}.archives-list .image-wrapper::before{opacity:0;transition-delay:.1s}.archives-list .image-wrapper:hover .work-data{opacity:1;transition:opacity .2s}.archives-list .image-wrapper:hover::before{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;pointer-events:none;opacity:1;background:linear-gradient(to top, rgba(0,0,0,0.5) 0%, transparent 100%);transition:opacity .2s}.archives-list .work-link{padding:15px;display:flex;flex-direction:column;font-size:15px}.archives-list .work-link a{color:#156ccf;letter-spacing:0;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;font-weight:600}.archives-list .work-link a:hover{color:#222;text-decoration:none}.archives-list .work-link .work-link-meta{display:flex;justify-content:space-between;color:#888;margin-top:4px;font-size:15px}.archives-list .work-link .work-link-meta-platform{display:flex;align-items:center}.archives-list .work-link .work-link-meta-platform img{height:16px;margin:0;margin-right:5px}.archives-list .work-link .work-link-meta-visit{display:flex;align-items:center}.archives-list .work-link .work-link-meta-visit img{width:18px;margin:0;margin-right:5px}@media screen and (max-width: 1024px){.archives-list .list-item{margin-left:5px;margin-right:5px;width:calc(50% - 10px)}}@media screen and (max-width: 599px){.archives-list .list-item{width:98%;margin:0px 1% 15px 1%}}.archives-list p{margin:0px}.archives-filter{text-align:center;height:50px;margin:0px;background-color:#919191;color:#7a7a7a}.archives-filter a{color:#7a7a7a;text-decoration:none}.archives-filter .archives-cate-highlight{color:#156ccf;font-weight:bold}.archives-filter .archives-filter-list{display:inline;line-height:50px;margin:0}.archives-filter .archives-filter-item{list-style:none;display:inline;margin-right:10px;font-size:15px;text-align:center}.archives-filter .archives-filter-item:last-child{margin-right:0px}@media screen and (max-width: 599px){.archives-filter{height:50px}.archives-filter .archives-filter-list{line-height:50px}}.projects-list{display:inline-block;list-style-type:none;margin:0px;padding-top:30px}.projects-list .list-item{float:left;margin:10px 5px;margin-bottom:10px;width:calc(100% / 3 - 10px);position:relative;overflow:hidden}.projects-list .image-wrapper{width:100%}.projects-list .image-wrapper img{height:120px;width:100%;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px}.projects-list .image-wrapper a{width:100%;position:relative;display:block}.projects-list .project-description{position:absolute;left:0;right:0;bottom:0;padding:15px 15px 10px 15px;color:#FFF;overflow:hidden;font-size:13px;line-height:1.5;visibility:hidden;opacity:0;background-color:#00000012;background:rgba(0,0,0,0.2);background:linear-gradient(0deg, rgba(0,0,0,0.5) 10%, transparent 100%);transition:visibility 0.3s linear,opacity 0.3s linear}.projects-list .list-item:hover .project-description{visibility:visible;opacity:1}@media screen and (max-width: 1024px){.projects-list .list-item{width:calc(50% - 20px);margin:10px}}.projects-list .project-link{font-size:14px;padding:10px 15px;font-weight:600;width:100%}.projects-list .project-link a{color:#222;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;word-break:break-all}.projects-list .project-link a:hover{color:#222;text-decoration:none}.projects-list .project-link .project-link-meta{display:flex;justify-content:space-between;color:#888;margin:2px 0px 0px 0px;font-size:14px;font-weight:bold}.projects-list .project-link .project-link-meta .project-link-meta-visit{display:flex;align-items:center}.projects-list .project-link .project-link-meta .project-link-meta-visit img{height:16px}.projects-list .project-link .project-link-meta .project-link-meta-visit span{margin-left:4px;line-height:normal}@media screen and (max-width: 599px){.projects-list .list-item{width:100%;margin:0 0 18px 0}.projects-list .project-header{padding-bottom:5px}.projects-list .project-description{display:none}}.projects-list p{margin:0px}.toc-sidebar-header{font-size:16px;margin:10px 0px;font-weight:bold}.toc-sidebar{margin:0;font-size:14px}.toc-sidebar .toc-sidebar-item{list-style:none;margin:6px 0px}.toc-sidebar .toc-sidebar-item a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#919191;text-decoration:none;transition-property:display color text-overflow;transition-duration:.5s;transition-timing-function:ease}.toc-sidebar .toc-sidebar-item a:hover{display:inline;text-overflow:unset;color:#222;background-color:#fff;border-radius:5px;padding-right:8px}.share-sidebar{margin:0px}.pagination{margin-top:20px;font-size:16px;padding-left:2%;padding-right:2%;color:#919191;text-align:center}.pagination a{color:#919191;text-decoration:none}.pagination a:hover{color:#222}.pagination .pagination-list{list-style:none;margin:0;padding:0;width:100%;align-items:center;display:flex}.pagination .pagination-side{display:flex;flex:1;align-items:center}.pagination .pagination-side.prev{justify-content:flex-start;font-size:14px}.pagination .pagination-side.next{justify-content:flex-end;font-size:14px}.pagination .pagination-list-item{display:list-item;margin:0px 3px;height:26px}.pagination .pagination-list-item a{display:block;padding-left:3px;padding-right:3px}.pagination .current{border-bottom:3px #222 solid;color:#222}.pagination .current .omit-control{display:none}.search-wrapper{max-width:700px}.global-search-bar{display:flex;margin-top:60px;align-items:center;justify-content:center;background:#eee;border-radius:100px;height:40px;margin:40px auto;padding:0 15px;font-size:16px;line-height:40px}.global-search-icon{display:flex;align-items:center;justify-content:center;margin-right:5px}.global-search-form{width:100%}.global-search-clear{display:flex;align-items:center;margin-right:10px;cursor:pointer}.global-search-input{outline:none;border:none;width:100%;background:none;font-size:16px;height:100%;padding:0}.global-search-result{padding:0 10px;margin-top:20px;font-size:15px}.global-search-result .result-group{margin:10px 0px 20px 0px}.global-search-result .search-result-title{margin-top:30px;font-size:16px}.global-search-result .search-result-title h3{font-weight:bolder}.global-search-result ul{list-style:none;margin:0;padding:0}.global-search-result .search-list-item{margin-bottom:8px}.global-search-result .search-list-item a{color:#888;text-decoration:none}.global-search-result .search-list-item a:hover{color:#222}@media screen and (prefers-color-scheme: dark){body{background-color:#000;color:#eee}a:hover{color:#58a6ff}.item-link{color:#eee !important}.sidebar{color:#eee}.sidebar .sidebar-category{border-color:#181818}.sidebar .sidebar-category .category-item{color:#eee}.sidebar .category-item-link.current{color:#eee !important}.sidebar .category-item-link:hover{color:#eee !important}.post-content p{color:#eee}.post-hr{border-color:#181818}.highlighter-rouge .highlight{background-color:#ffffff10}.post-category a{color:#aaa !important}.toc-sidebar .toc-sidebar-item a{color:#aaa !important}.toc-sidebar .toc-sidebar-item a:hover{background-color:#000;color:#eee !important}.category-section-header h2{color:#eee}.category-section .category-list .category-list-item a{color:#eee !important}.category-tag a{background-color:#181818;color:#eee !important}.projects-list .list-item{background-color:#181818;color:#eee}.projects-list .list-item .project-link a{color:#eee !important}.about-sns-list{background-color:#181818}.search .search-input{background:none;color:#eee}.search .search-result{background-color:#181818;color:#eee;border-color:#181818;box-shadow:#000000 0px 1px 6px}.search .search-result li a{color:#eee}.search .search-result li a:hover{color:#eee}.search .search-result-title{border-color:#181818}.search .search-result-title a{color:#eee !important}.search .search-result::after{background:#181818}.global-search-bar{background-color:#181818}.global-search-bar .global-search-input{color:#eee}.global-search-result .search-list-item a{color:#eee}.global-search-result .search-list-item a:hover{color:#eee}.archives-filter{background-color:#181818;border-color:#181818}.archives-filter a{color:#aaa}.archives-filter .archives-cate-highlight{color:#eee}.archives-list .list-item{background-color:#181818}.archives-list .work-link a{color:#eee}.archives-list .work-link a:hover{color:#eee}.search .search-result .search-result-title{color:#eee}.search-mobile .search-bar{background-color:#000;color:#eee}.search-mobile .search-form .search-input{color:#eee}#reactions__container{color:#eee}}.home{padding:0 0}@media screen and (prefers-color-scheme: dark){.home{color:#FFF}}.home section.half-left-image{display:flex;flex-direction:row}.home section.half-left-image .section-content{flex:1}@media screen and (max-width: 599px){.home section.half-left-image{flex-direction:column-reverse;padding-top:64px;padding-bottom:0}}.home section.half-right-image{display:flex;flex-direction:row}.home section.half-right-image .section-content{flex:1}@media screen and (max-width: 599px){.home section.half-right-image{flex-direction:column;padding-top:64px;padding-bottom:0}}.home section.full .section-content{display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 599px){.home section.full{padding-top:64px;padding-bottom:0}}.home section .section-title{font-size:36px;font-weight:800;margin:0;padding:0;line-height:1.3}@media screen and (max-width: 599px){.home section .section-title{font-size:30px;text-align:center}}.home section .section-description{font-size:21px;font-weight:normal;padding:0;margin:16px 0 0 0;line-height:1.4}@media screen and (max-width: 599px){.home section .section-description{margin-bottom:16px;text-align:center;font-size:18px}}.home .landing{position:relative}.home .landing .landing-background{height:210px;width:100%;background-image:url("/assets/img/Wave Tile.png");background-repeat:repeat;background-size:180px 42px;opacity:30%;position:absolute;bottom:0;left:0;right:0;z-index:-1}.home .header{padding-top:64px;padding-bottom:64px}@media screen and (max-width: 599px){.home .header{padding-top:32px}}.home .header .header-description{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media screen and (max-width: 599px){.home .header .header-description{align-items:center;margin-bottom:32px}}.home .header .header-description p{font-size:40.5px;font-weight:800;color:#F9273E;margin:0}@media screen and (max-width: 599px){.home .header .header-description p{font-size:33px;text-align:center}}.home .header .header-description img{margin-top:56px;height:56px;background-color:#FFF}@media screen and (max-width: 599px){.home .header .header-description img{margin-top:24px;text-align:center}}@media screen and (prefers-color-scheme: dark){.home .header .header-description img{background-color:#000}}.home .header .header-description .paid-note{color:#000;font-size:15px;font-weight:450;margin:16px 0}@media screen and (prefers-color-scheme: dark){.home .header .header-description .paid-note{color:#F9273E}}.home .header .header-image{display:flex;align-items:center}.home .landscape{padding-top:80px;padding-bottom:64px}.home .landscape .landscape-description{padding:0 88px;text-align:center}@media screen and (max-width: 599px){.home .landscape .landscape-description{padding:0}}.home .landscape .landscape-image{margin-top:32px;padding:0 32px;object-fit:contain;width:100%;height:auto}@media screen and (max-width: 599px){.home .landscape .landscape-image{padding:0}}.home .widget .widget-image{object-fit:contain;height:auto;max-width:50%}@media screen and (max-width: 599px){.home .widget .widget-image{max-width:100%}}.home .widget .widget-description{padding-top:144px;padding-bottom:144px;padding-left:40px;padding-right:86px;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 599px){.home .widget .widget-description{padding-top:0;padding-bottom:32px;padding-left:16px;padding-right:16px;text-align:center}}.home .share .share-description{padding-right:40px;padding-top:128px;padding-bottom:128px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media screen and (max-width: 599px){.home .share .share-description{padding:0;align-items:center}}.home .share .share-description .share-icon{height:56px;margin-bottom:16px}@media screen and (max-width: 599px){.home .share .share-description .share-icon{display:none}}.home .share .share-image-wrapper{height:500px;overflow:hidden;padding-left:40px}@media screen and (max-width: 599px){.home .share .share-image-wrapper{height:440px;padding:0}}.home .share .share-image-wrapper .share-image{margin-top:80px}@media screen and (max-width: 599px){.home .share .share-image-wrapper .share-image{margin-top:16px}}.home .features{background-color:#fcfcfc;display:flex;flex-direction:column;padding-top:16px;padding-bottom:16px}@media screen and (prefers-color-scheme: dark){.home .features{background-color:#181818}}@media screen and (max-width: 599px){.home .features{padding:32px 16px}.home .features .full.wrapper{padding:0}}.home .features .features-title{padding:32px 86px;padding-bottom:24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#F9273E;width:100%}@media screen and (max-width: 599px){.home .features .features-title{padding:16px 0;padding-top:16px;padding-bottom:24px}}.home .features .features-title h2{padding:0;margin:0;font-size:30px}@media screen and (max-width: 599px){.home .features .features-title h2{font-size:27px}}.home .features .features-title a{color:#F9273E}.home .features .features-update{width:100%;padding:0 86px}@media screen and (max-width: 599px){.home .features .features-update{padding:0;padding-top:8px}}.cover-sample-01{background-color:#ffffff;opacity:0.8;background-image:repeating-radial-gradient(circle at 0 0, transparent 0, #fff 16px),repeating-linear-gradient(#00000055, #000)}.cover-sample-02{background-color:#ffffff;opacity:0.8;background-image:linear-gradient(45deg, #000 50%, #fff 50%);background-size:20px 20px}.cover-sample-03{background-color:#ffffff;opacity:0.8;background-image:linear-gradient(135deg, #000 25%, transparent 25%),linear-gradient(225deg, #000 25%, transparent 25%),linear-gradient(45deg, #000 25%, transparent 25%),linear-gradient(315deg, #000 25%, #fff 25%);background-position:16px 0, 16px 0, 0 0, 0 0;background-size:32px 32px;background-repeat:repeat}.cover-sample-04{background-color:#ffffff;opacity:0.8;background:linear-gradient(135deg, #00000055 25%, transparent 25%) -16px 0/32px 32px,linear-gradient(225deg, #000 25%, transparent 25%) -16px 0/32px 32px,linear-gradient(315deg, #00000055 25%, transparent 25%) 0px 0/32px 32px,linear-gradient(45deg, #000 25%, #fff 25%) 0px 0/32px 32px}.cover-sample-05{background-color:#ffffff;opacity:0.8;background-image:linear-gradient(30deg, #000 12%, transparent 12.5%, transparent 87%, #000 87.5%, #000),linear-gradient(150deg, #000 12%, transparent 12.5%, transparent 87%, #000 87.5%, #000),linear-gradient(30deg, #000 12%, transparent 12.5%, transparent 87%, #000 87.5%, #000),linear-gradient(150deg, #000 12%, transparent 12.5%, transparent 87%, #000 87.5%, #000),linear-gradient(60deg, #00000077 25%, transparent 25.5%, transparent 75%, #00000077 75%, #00000077),linear-gradient(60deg, #00000077 25%, transparent 25.5%, transparent 75%, #00000077 75%, #00000077);background-size:32px 56px;background-position:0 0, 0 0, 16px 28px, 16px 28px, 0 0, 16px 28px}.cover-sample-06{background-color:#ffffff;opacity:0.8;background-image:radial-gradient(#000 1px, #fff 1px);background-size:20px 20px}.cover-sample-07{background-color:#ffffff;opacity:0.8;background-image:radial-gradient(#000 1px, transparent 1px),radial-gradient(#000 1px, #fff 1px);background-size:28px 28px;background-position:0 0, 14px 14px}.updates{font-size:18px;color:#000}@media screen and (prefers-color-scheme: dark){.updates{color:#FFF}}.updates .version-group{margin-bottom:32px}.updates .version-group .version-number{font-size:24px}.updates .version-group .version-released{font-weight:450;color:#919191;margin-bottom:16px}.updates .updates-page-header{margin:0;margin-top:32px;margin-bottom:32px;font-size:30px;font-weight:800}.updates .updates-items{list-style:none}.updates .updates-item{display:flex;flex-direction:column;row-gap:8px;margin-bottom:8px}.updates .updates-item .updates-item-header{display:flex;align-items:center}.updates .updates-item .updates-item-header img{height:48px;width:48px;margin-right:16px}.updates .updates-item .updates-item-header h2{margin:0;font-size:18px}.updates .updates-item .updates-item-description{font-size:16.5px}.updates .updates-count{margin-bottom:90px;font-weight:450}