@import"../fonts/inter.css";@import"https://rsms.me/res/fonts/iaw.css";:root{--logo-url: url("../logo.gif");--max-width: 700px;--font-config: 14px/1.5 "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--black-color: #222222;--transparent-black: rgba(34, 34, 34, 0.6);--grey-color: #EEEEEE;--white-color: #FFFFFF;--red-color: #FF5A5F;--fw-thin: 100;--fw-extra-light: 200;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semi-bold: 600;--fw-bold: 700;--fw-extra-bold: 800;--fw-black: 900;--dt-black-color: #101011;--dt-white-color: #DDDDDD;--dt-black-alt-color: #1D1D1D;--dt-transparent-white: rgba(250, 250, 250, 0.6)}html{background-color:var(--grey-color);-webkit-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;-webkit-font-kerning:normal;font-kerning:normal}html[data-theme=dark]{background-color:var(--dt-black-alt-color)}html[data-theme=dark] body{background-color:var(--dt-black-color);color:var(--dt-white-color)}html[data-theme=dark] a{color:var(--dt-white-color)}html[data-theme=dark] .section .title{border-top:3px solid var(--dt-white-color)}html[data-theme=dark] ul.listing li p.cat{color:var(--dt-transparent-white)}html[data-theme=dark] ul.listing .desc{color:var(--dt-transparent-white)}html[data-theme=dark] .menu li a{color:var(--dt-transparent-white)}html[data-theme=dark] .menu li a:hover{color:rgba(var(--dt-white-color), 1)}html[data-theme=dark] .menu li.active a{color:var(--dt-white-color)}html[data-theme=dark] .menu button.darkModeButton{color:var(--dt-transparent-white)}html[data-theme=dark] .menu button.darkModeButton:hover{color:rgba(var(--dt-white-color), 1)}html[data-theme=dark] .details-page main{border-top:3px solid var(--dt-white-color)}html[data-theme=dark] .details-page section.article-head .cat,html[data-theme=dark] .details-page section.article-head .desc{color:var(--dt-white-color)}html[data-theme=dark] .details-page mark,html[data-theme=dark] .details-page article p code,html[data-theme=dark] .details-page article ul li code{background-color:rgba(250,250,250,.05);color:var(--dt-white-color)}html[data-theme=dark] .details-page blockquote{color:var(--dt-white-color);border-left:3px solid var(--dt-white-color) !important}::selection{background-color:var(--red-color);text-shadow:none;color:var(--white-color)}body{max-width:var(--max-width);margin:40px auto;padding:80px;font:var(--font-config);background-color:var(--white-color);color:var(--black-color);letter-spacing:-0.055em}@media(min-width: 320px)and (max-width: 767px){body{padding:40px}}a{color:var(--black-color)}h1{font-size:2.6em;font-weight:var(--fw-extra-bold)}h1,h2,h3{line-height:1.4;letter-spacing:-0.055em}h2,h3{font-weight:var(--fw-bold)}ul.listing{list-style:none;margin-left:0;padding-left:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));grid-gap:40px}ul.listing li p.date,ul.listing li p.cat{font-size:.9em;font-weight:var(--fw-regular);margin:0 0 5px}ul.listing li p.cat{color:var(--transparent-black);font-weight:var(--fw-bold)}ul.listing li p:last-child{margin-bottom:0px}ul.listing h4{margin-top:0px;margin-bottom:10px}ul.listing h4 a:hover{color:var(--red-color)}ul.listing .desc{font-size:.9em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:var(--fw-medium);color:var(--transparent-black)}.article-head{margin:0 auto 0 0;width:350px}@media(min-width: 320px)and (max-width: 767px){.article-head{width:250px}}.section{margin:80px 0}.section:first-child{margin-top:0}.section:last-child{margin-bottom:0}.section .title{margin-bottom:50px;border-top:3px solid var(--black-color)}.header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:0 0 150px}.header a{font-weight:var(--fw-semi-bold);text-decoration:none;display:inherit;align-items:inherit}.header p{margin:0;font-weight:var(--fw-bold)}@media(min-width: 320px)and (max-width: 767px){.header{flex-direction:column;align-items:flex-start}}.header .author{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header .author .logo{width:30px;height:30px;background-image:var(--logo-url);background-size:cover;background-repeat:no-repeat;border-radius:100%;margin-right:15px}.menu{list-style:none}@media(min-width: 320px)and (max-width: 767px){.menu{padding:0;margin:30px 0 0}}.menu li{margin:0 10px;display:inline-block}.menu li a{text-decoration:none;color:var(--transparent-black)}.menu li a:hover{color:rgba(var(--black-color), 1)}.menu li.active a{color:var(--black-color)}.menu li:first-child{margin-left:0}.menu li:last-child{margin-right:0}.menu li button{cursor:pointer;font-weight:var(--fw-semi-bold);font-size:14px;background-color:transparent;border:none}.menu li button i{position:relative;top:2px}.menu li button.darkModeButton{color:var(--transparent-black)}.menu li button.darkModeButton:hover{color:rgba(var(--black-color), 1)}.title{transition:.2s all ease}.title h2 a{text-decoration:none;transition:.2s all ease}.title h2 a span{display:inline-block;transform:translateX(5px);transition:.2s all ease}.title h2 a:hover span{transform:translateX(10px);transition:.2s all ease}.details-page .article-head{margin:0;width:unset}.details-page .article-head h1{margin:10px 0;font-size:1.5em}.details-page .article-head p{font-size:.9em}.details-page .article-head p.date{font-weight:var(--fw-semi-bold)}.details-page .article-head p.cat{margin-top:0;color:var(--transparent-black);font-weight:var(--fw-bold)}.details-page .article-head p.desc{font-weight:var(--fw-medium);color:var(--transparent-black)}@media(min-width: 320px)and (max-width: 767px){.details-page .article-head{border-bottom:3px solid;padding-bottom:20px;margin-bottom:-20px}}.details-page .header{margin:0 0 50px}.details-page canvas{max-width:500px;width:100%}.details-page article p:first-child{margin-top:0}.details-page article p.cat{color:var(--transparent-black);font-weight:var(--fw-bold);margin-top:0}.details-page article p.date{margin-bottom:0}.details-page article pre,.details-page article code{font-family:"iaw-mono-var";font-size:12px}@media(min-width: 320px)and (max-width: 767px){.details-page article pre{width:326px}}.details-page article a{font-weight:var(--fw-bold)}.details-page article a:hover{color:var(--red-color)}.details-page article .post-notification{border:1px dashed var(--red-color);padding:20px 20px;color:var(--red-color);background-color:rgba(255,90,95,.1)}.details-page article .post-notification h3{margin-top:0}.details-page article .post-notification p{margin-bottom:0}.details-page article .post-notification a{display:block;color:var(--red-color);margin-top:10px}.details-page article .post-notification.success{border:1px dashed #6ab04c;color:#6ab04c;background-color:rgba(106,176,76,.1)}.details-page article .post-notification.success a{display:block;color:#6ab04c;margin-top:10px}.details-page.til article pre code{padding:0px 20px 20px;position:relative;top:-1px}.details-page.til .article-head h1+p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.details-page main{display:grid;grid-template-columns:150px 500px;grid-gap:50px;border-top:3px solid var(--black-color);padding-top:50px}@media(min-width: 320px)and (max-width: 767px){.details-page main{grid-template-columns:1fr;padding-top:30px}}.details-page mark,.details-page article p code,.details-page ul li code,.details-page ol li code{font-family:"iaw-mono-var";padding:2px .25rem;background-color:rgba(0,0,0,.05);font-weight:var(--fw-regular);box-sizing:border-box;letter-spacing:0;font-size:12px}.details-page .article-top{margin-bottom:20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.details-page .article-top p{margin:0}.details-page .article-top .back,.details-page .article-top .date{text-decoration:none;font-weight:var(--fw-bold);display:block;font-size:.9em}.details-page .article-top .back span{margin-right:10px}.details-page iframe{border:none}.details-page figure{margin:1em 0}.details-page figure img{max-width:500px;width:100%;display:block;margin:auto}.details-page figure figcaption{text-align:center;font-weight:500;margin-top:.5em}.details-page table{width:100%}.details-page table thead tr th{padding:10px;text-align:left;background-color:#eee}.details-page table tbody tr:nth-child(odd){background-color:#fff}.details-page table tbody tr:nth-child(even){background-color:#eee}.details-page table tbody tr td{padding:10px;font-style:italic}.details-page blockquote{border-left:3px solid var(--black-color) !important;color:var(--black-color);font-weight:var(--fw-regular);padding:.5em 20px !important;margin:0px 0px !important;font-style:normal !important}.details-page blockquote p{margin:0 auto 0}/*# sourceMappingURL=main.css.map */
