*{box-sizing:border-box;font-family:Roboto,Noto Sans KR,sans-serif;margin:0;padding:0;scrollbar-width:none}::selection{background-color:var(--bg-color);color:var(--action-color)}:root{--ko-unicode:U+AC00-D7A3;--en-unicode:U+0041-005A,U+0061-007A;--radius:0.5em;--radius-sm:0.2em;--radius-lg:0.8em;--radius-pill:1em;--radius-circle:50%;--light-fg-color:#fcfcfc;--light-dimmed-fg-color:#ccc;--light-transparent-fg-color:#fcfcfcaf;--light-bg-color:#fafafa;--light-dimmed-bg-color:#eaeaea;--light-hover-bg-color:#fcfcfc;--light-accent-color:#36f;--light-dimmed-accent-color:#13f2;--light-action-color:#ff50aa;--light-content-color:#242424;--light-dimmed-content-color:#505050;--light-accent-content-color:#00a57b;--light-minor-color:#888;--light-icon-color:#444;--light-dimmed-icon-color:#4442;--light-border-color:#ccc;--light-light-only-border-color:#ff50aa;--dark-fg-color:#1a1a1b;--dark-dimmed-fg-color:#282828;--dark-transparent-fg-color:#1a1a1baf;--dark-bg-color:#111112;--dark-dimmed-bg-color:#141414;--dark-hover-bg-color:#101010;--dark-accent-color:#64f;--dark-dimmed-accent-color:#64f2;--dark-action-color:#adf;--dark-minor-color:#888;--dark-content-color:#fafafc;--dark-dimmed-content-color:silver;--dark-accent-content-color:#e6d874;--dark-icon-color:#ddd;--dark-dimmed-icon-color:#ddd2;--dark-border-color:#323232}[data-theme=light]{--fg-color:var(--light-fg-color);--dimmed-fg-color:var(--light-dimmed-fg-color);--transparent-fg-color:var(--light-transparent-fg-color);--bg-color:var(--light-bg-color);--dimmed-bg-color:var(--light-dimmed-bg-color);--hover-bg-color:var(--light-hover-bg-color);--dimmed-accent-color:var(--light-dimmed-accent-color);--accent-content-color:var(--light-accent-content-color);--accent-color:var(--light-accent-color);--action-color:var(--light-action-color);--content-color:var(--light-content-color);--dimmed-content-color:var(--light-dimmed-content-color);--minor-color:var(--light-minor-color);--icon-color:var(--light-icon-color);--dimmed-icon-color:var(--light-dimmed-icon-color);--border-color:var(--light-border-color);--light-only-border-color:var(--light-light-only-border-color)}[data-theme=dark]{--fg-color:var(--dark-fg-color);--dimmed-fg-color:var(--dark-dimmed-fg-color);--transparent-fg-color:var(--dark-transparent-fg-color);--bg-color:var(--dark-bg-color);--dimmed-bg-color:var(--dark-dimmed-bg-color);--hover-bg-color:var(--dark-hover-bg-color);--action-color:var(--dark-action-color);--accent-color:var(--dark-accent-color);--dimmed-accent-color:var(--dark-dimmed-accent-color);--accent-content-color:var(--dark-accent-content-color);--content-color:var(--dark-content-color);--dimmed-content-color:var(--dark-dimmed-content-color);--minor-color:var(--dark-minor-color);--icon-color:var(--dark-icon-color);--dimmed-icon-color:var(--dark-dimmed-icon-color);--border-color:var(--dark-border-color);--light-only-border-color:none}li{list-style-type:none}a{color:var(--accent-color);text-decoration:none}a:hover{color:var(--action-color)}small{color:var(--minor-color)}.link{color:var(--accent-color);cursor:pointer}.link:hover header{color:var(--action-color)}.minor{color:var(--minor-color)}.icon{color:var(--icon-color)}.content{color:var(--content-color)}.dimmed.content{color:var(--dimmed-content-color)}.action{color:var(--action-color)}.accent{color:var(--accent-color)}button{background-color:initial;border:none;border-radius:1em;border-radius:var(--radius-pill);cursor:pointer;display:flex;padding:.5em}button:hover *{stroke:var(--icon-color);color:var(--icon-color)}button:hover{background-color:var(--dimmed-icon-color)}button.accent *{fill:var(--accent-color);stroke:var(--accent-color);color:var(--accent-color)}button.accent:hover{background-color:var(--dimmed-accent-color)}.clickable{cursor:pointer;transition:scale .2s}.clickable:active,.clickable:hover{scale:1.03}.clickable.small{cursor:pointer;transition:scale .2s}.clickable.small:hover{scale:1.08}.clickable.small:active{scale:1.06}.clickable:active:has(.clickable:hover){scale:1.04}.col{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.seperator{border-bottom:1px solid var(--minor-color);height:.5em;margin-bottom:.5em;width:4em}button:disabled{opacity:.5;pointer-events:none}input{color:inherit}input:focus{outline:none}@media screen and (max-width:768px){.mobile{display:block}.pc{display:none!important}}@media screen and (min-width:768px){.mobile{display:none!important}.pc{display:block}}.d-flex{display:flex}.align-center{align-items:center}.align-end{align-items:flex-end}.search-result{align-items:flex-start;display:flex;flex-direction:column}.search-result>header{border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.8em;margin:.5em .6em 2em;min-width:32em;padding:.8em .8em .8em 1em;width:calc(100% - 1.2em);z-index:1}.search-result>header>div{align-items:center;display:flex;flex-flow:row wrap;width:100%}.search-result-text{font-size:1em}.search-info{align-items:end;display:flex;padding:0 .4em;padding:.2em 0}.search-result>header .tag-list{margin:0}.search-result ul{align-items:flex-start;display:flex;flex-flow:row wrap;justify-content:space-between;width:100%}.search-result .home-category{margin:1em 0}.search-result .post-list-item{display:flex;flex-flow:column nowrap;flex-grow:1}.search-result .post-list-item .preview{aspect-ratio:16/9;max-height:-webkit-max-content;max-height:max-content}.btn-search-result-sort{align-items:center;display:flex;gap:.5em;width:-webkit-fit-content;width:fit-content}.post-list-item{background-color:var(--fg-color);border:1px solid var(--border-color);border-radius:var(--radius);display:flex;flex-flow:column nowrap;height:-webkit-fit-content;height:fit-content;margin:.6em;max-width:46em;min-width:20em;padding:.5em;width:20em}.post-list-item>section{padding:.3em}.post-list-item>header{align-items:flex-end;display:flex;gap:1em;justify-content:space-between;min-width:16rem;padding:.3em;transition:padding .2s}.post-list-item>header>h3{text-wrap:nowrap;align-items:flex-end;display:flex;overflow:hidden}.post-list-item>header>h3>small{margin-left:.5em}.post-list-item .tag-list{margin-top:0}.preview{max-height:12em;overflow:hidden;width:100%}.preview>div{display:flex;flex-direction:column;width:100%}.preview .image-container{margin:0}.preview .image-wrapper{max-height:7em!important;max-width:100%!important}.preview .loaded{height:100%!important;max-height:7em!important;object-fit:contain!important;width:-webkit-fit-content;width:fit-content}.preview .no-image-container{display:none}.preview *{color:var(--content-color);font-size:.9rem}.markdown hr{margin:2em 0;opacity:.5}.markdown>p *{scroll-margin-top:4em}.markdown h1,.markdown h2{margin:1.4em 0 1em}.markdown h3{margin:1.2em 0 .8em}.markdown h4{margin:1em 0 .6em}.markdown>p{line-height:1.7;margin:1em 0}.markdown ul{padding-left:1.2em}.markdown ol{padding:.3em .3em 1em 1em}.markdown li{line-height:1.5em;padding:.1em 0 .1em .5em}.markdown em{font-style:italic}.markdown li::marker{content:"•";white-space:pre-line}.markdown table{display:inline;margin:1em}.markdown td{background-color:var(--fg-color);border:1px solid var(--border-color);padding:.5em}.markdown mark{background-color:var(--minor-color)}.markdown code,.markdown mark{border-radius:var(--radius)}.markdown p>code{color:var(--accent-content-color)}.markdown a{color:#0074ff}.markdown a:hover{color:var(--action-color)}span.hljs-property{color:var(--accent-content-color)}.markdown blockquote{background-color:var(--dimmed-bg-color);border-left:.2em solid var(--accent-color);margin:2em 0;padding:.8em}.markdown blockquote p{color:var(--dimmed-content-color)}.hljs-params{color:inherit}.markdown code:not(.hljs){background-color:var(--dimmed-fg-color);border-radius:var(--radius);font-size:.9em;line-height:2em;padding:.2em .4em}.markdown pre code{color:#eaeaea;font-size:small;line-height:1.5em;word-spacing:.2em}.image-skeleton{animation:load 1.5s infinite;aspect-ratio:16/9;background:linear-gradient(90deg,var(--dimmed-bg-color) 25%,var(--dimmed-fg-color) 50%,var(--dimmed-bg-color) 75%);background-size:200%;border-radius:var(--radius);width:80%}.image-container{border-radius:var(--radius);margin:1em 0}.image-container,.image-wrapper{align-items:center;display:flex;justify-content:center;overflow:hidden}.image-wrapper{border-radius:var(--radius-sm)}.loaded{max-height:90vh;max-width:100%;object-fit:contain;object-position:top center;opacity:1}.loaded,.loading{display:block;transition:opacity .3s}.loading{opacity:0;width:0}.image-wrapper .no-image{fill:var(--minor-color);margin:.5em 0}.no-image-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}@keyframes load{0%{background-position-x:0}to{background-position-x:-200%}}
/*!
  Theme: GitHub Dark Dimmed
  Description: Dark dimmed theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Colors taken from GitHub's CSS
*/.hljs{background:#22272e;color:#adbac7}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#f47067}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#dcbdfb}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#6cb6ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#96d0ff}.hljs-built_in,.hljs-symbol{color:#f69d50}.hljs-code,.hljs-comment,.hljs-formula{color:#768390}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#8ddb8c}.hljs-subst{color:#adbac7}.hljs-section{color:#316dca}.hljs-bullet{color:#eac55f}.hljs-emphasis,.hljs-strong{color:#adbac7}.hljs-addition{background-color:#1b4721;color:#b4f1b4}.hljs-deletion{background-color:#78191b;color:#ffd8d3}.tag{background-color:var(--fg-color);border-radius:var(--radius-pill);box-shadow:0 0 0 1.5px var(--accent-color);color:var(--accent-color);font-size:.9em;line-height:1.2em;margin:.3em;padding:.3em .5em;transition:box-shadow .2s,scale .2s}.tag-active,.tag:hover{box-shadow:0 0 0 1.5px var(--action-color);color:var(--action-color)}.project{min-width:24em;width:24em}.project-image-wrapper{align-items:center;background-color:var(--dimmed-bg-color);border-radius:var(--radius);display:flex;justify-content:center;overflow:hidden}.project-image-wrapper .image-container{margin:0;padding:0;width:100%}.project-image-wrapper .image-container .image-skeleton{width:100%}.project-image-wrapper img{max-height:18em;max-width:100%;object-fit:contain}.no-image{align-items:center;aspect-ratio:1/1;background-color:var(--fg-color);display:flex;justify-content:center;width:100%}.project-title{margin:.25em 0 0}.project-info-footer{display:flex;flex-direction:column;gap:.3em;margin:1em 0 .5em}.project-meta{display:flex;gap:1em}.project-info-footer small,.project-info-footer span{line-height:1}.tag-list{flex-flow:row wrap;margin-top:.5em}.no-page-container,.tag-list{align-items:center;display:flex}.no-page-container{flex-direction:column;gap:1rem;padding:4rem 2rem}h2{color:var(--content-color)}#header{align-items:center;-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);background-color:var(--transparent-fg-color);box-shadow:0 0 1px var(--border-color);display:flex;gap:1em;height:3.5em;justify-content:space-between;overflow:hidden;padding:0 calc(1em + 1vw);position:fixed;top:0;transition:background-color .2s,transform .2s;width:100%;z-index:2}#header.top{background-color:initial;border:none;box-shadow:none}.logo{display:flex;padding:.4em}.logo,.logo svg{width:-webkit-fit-content;width:fit-content}.logo svg{height:100%}.logo svg *{fill:var(--icon-color);transition:fill .2s}.logo:hover svg *{fill:var(--action-color)}@media screen and (max-width:768px){#header{gap:.5em;height:3.8em;padding:0 1.5em}}.theme{align-items:center;display:flex;justify-content:flex-end;order:4;width:10vw}.toggle{display:none}.toggle+label{align-items:center;cursor:pointer;display:flex}.toggle+label:before{aspect-ratio:3.8/2.2;background-color:var(--fg-color);border:1px solid var(--border-color);border-radius:2em;content:"";height:calc(2.4em - 2px)}.toggle+label:after{aspect-ratio:1;background-color:var(--accent-color);border-radius:2em;content:"";margin-left:-3.85em;transition:transform .3s,background-color .5s,color .3s;width:2em}.icons{align-items:center;display:flex;gap:.25em;margin-left:calc(-1.9em + 2px)}.icons,.theme-icon{pointer-events:none}.theme-icon{fill:#fb3;background-color:initial;font-size:1.5em;transition:opacity .3s;z-index:2}@media screen and (min-width:768px){.toggle:checked+label:after{transform:translateX(82%)}}.toggle:checked~.icons>.sun,.toggle:not(:checked)~.icons>.moon{opacity:0}@media screen and (max-width:768px){.toggle+label:before{aspect-ratio:1;height:3em}.toggle+label:after{margin-left:-2.85em;width:2.6em}.icons{margin-left:-2.1em}.moon{margin-left:-1.2em}.theme-icon{font-size:1.6em}}.search-bar{align-items:center;background-color:var(--fg-color);border:1px solid var(--border-color);border-radius:var(--radius-pill);caret-color:var(--accent-color);display:flex;flex:1 1;height:2.6em;padding:0 .5em 0 1em;pointer-events:auto;transition:height .3s,scale .3s,flex .3s,width .3s}.search-bar:focus-within{flex:2.4 1}.search-bar>form{width:100%}.search-bar input{background-color:initial;border:none;font-size:medium;width:96%}.search-form{flex:1 1}.btn-submit,.search-form{align-items:center;display:flex}.btn-submit{aspect-ratio:1/1;justify-content:center}@media screen and (max-width:768px){.search-bar{align-items:center;border-radius:50%;height:3em;justify-content:center;max-width:3em;min-width:3em;order:3;padding:0;width:3em}#header:has(.search-bar:focus-within)>:not(.search-bar){display:none}.search-bar>form{max-width:0}.search-bar:focus-within{border:1px solid var(--border-color);border-radius:var(--radius-pill);flex-grow:1;max-width:none;padding:0 .5em 0 1em}.search-bar:focus-within>form{max-width:100%}}.spacer{display:flex;flex-grow:1}#container{background-color:var(--bg-color);min-height:100vh;overflow:hidden;padding-top:5em;transition:background-color .8s;width:100vw}#body-container{margin:0 5vw 10vh;min-height:60vh;width:90vw}@media screen and (max-width:768px){#body-container{margin:0 0 4em;width:100vw}}footer{background-color:var(--dimmed-bg-color);bottom:0;font-size:smaller;height:14em;padding-top:3em;width:100%}.links,footer{align-items:flex-start;display:flex;justify-content:center}.links{flex-flow:row nowrap;flex-grow:1;gap:8vw}.footer-item{overflow:visible;width:8em}.icon-link{align-items:center;aspect-ratio:1/1;background-color:var(--fg-color);border:1px solid var(--border-color);display:flex;justify-content:center;overflow:hidden;padding:.2em}.icon-link,.icon-link img{border-radius:var(--radius-pill)}.icon-link img{object-fit:cover}footer .icon-link{margin-bottom:1em;width:4em}#home{display:flex;flex-direction:column;flex-wrap:nowrap}#home main{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.profile{align-items:center;color:var(--content-color);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;margin:calc(2em + 2vh) 0;width:100%;z-index:1}.profile-name{letter-spacing:.2em;margin:.1em 0 1.8em}.profile-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:.4em}.profile-tags ol{font-size:1.1em;justify-content:center}.marquee-container{left:0;position:absolute;top:calc(11em + 5vw);width:100vw;z-index:-1}.in-marquee{color:var(--accent-color);font-size:1em;font-weight:700;letter-spacing:.1em;transition:color .3s}.profile-img-wrapper:hover~.marquee-container .in-marquee{color:var(--action-color)}.profile-img-wrapper{align-items:center;aspect-ratio:1/1;background-color:#fff;border:.2em solid var(--accent-color);border-radius:var(--radius-circle);display:flex;justify-content:center;overflow:hidden;padding:0;transition:width .3s,border .3s,scale .3s;width:calc(6.8em + 4.8vw)}.profile-img-wrapper:hover{background-color:#fff;border:.4em solid var(--action-color);cursor:pointer;width:calc(7.2em + 5.3vw)}.profile-img{aspect-ratio:1/1;border-radius:var(--radius-pill);object-fit:cover;width:100%}.hidden{filter:brightness(.9);width:calc(9em + 5vw)}.hidden,.hidden:hover{border:.4em solid var(--minor-color)}.hidden:hover{cursor:default;width:calc(9.5em + 5.5vw)}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes spinLeft{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinRight{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.home-category{margin:2em 0 1.8em;transition:flex-grow .2s;width:100%}.home-category>header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 0 .4em .8em;padding-bottom:.2em}.home-category>header>.link{border-radius:var(--radius-pill);padding:.4em 0;transition:padding .2s}.home-category>header>.link>header{align-items:center;display:flex;flex-direction:row;gap:calc(.4em + .7vw);justify-content:space-between}.home-category>header>.link:hover{border:1px solid var(--action-color);padding:.4em .8em}.posts{display:flex;flex-flow:row nowrap;overflow-x:scroll;overflow-y:visible}.scroll-buttons{display:flex;gap:1em}.scroll-buttons button{aspect-ratio:1/1;border-radius:var(--radius-circle)}.more,.scroll-buttons button{align-items:center;display:flex;justify-content:center}.more{background-color:var(--fg-color);border-radius:var(--radius);margin:1em;padding:1em 2em}.more>p{text-align:center;width:4em}.spinner-wrapper{align-items:center;display:flex;flex-flow:column nowrap;gap:.6em;overflow:visible;width:100%}.spinner{animation:spin 1s linear infinite;border:1.3em solid;border-color:var(--bg-color) var(--bg-color) var(--accent-color) var(--accent-color);border-radius:50%;position:relative}.spinner:before{aspect-ratio:1/1;background:var(--accent-color);border-radius:50%;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-125%);width:.5em}@keyframes spin{to{transform:rotate(1turn)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{background:#0d1117;color:#c9d1d9}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{background-color:#033a16;color:#aff5b4}.hljs-deletion{background-color:#67060c;color:#ffdcd7}.post{color:var(--content-color);margin:2em auto 0;max-width:80vw}.post header{align-items:center;background-color:var(--fg-color);border:1px solid var(--border-color);border-radius:var(--radius) var(--radius) 0 0;display:flex;justify-content:space-between;padding:calc(.8em + 1.2vw) calc(1em + 1.4vw)}.post header h1{font-size:xx-large;margin-left:4px}.post-category{width:-webkit-fit-content;width:fit-content}.post-title{gap:.5em;max-width:70%}.post-meta,.post-title{display:flex;flex-flow:column nowrap}.post-meta{align-items:flex-end;gap:.6em;height:100%;padding-bottom:.5em}.post-meta small{text-align:end}.post header>section:last-child{align-items:flex-end}.post-content{text-wrap:pretty;background-color:var(--fg-color);border:1px solid var(--border-color);border-radius:0 0 var(--radius) var(--radius);margin-top:-2px;padding:calc(1em + 1vw)}.post nav{align-items:center;display:flex;justify-content:space-between;margin-top:2em}.post nav a:not(.list){background-color:var(--fg-color);border:1px solid var(--border-color);border-radius:var(--radius);display:flex;flex-direction:column;gap:.6em;min-width:18%;padding:1.4em}.post nav a>div{align-items:center;display:flex;gap:.5em}.post nav .prev{align-items:flex-end;margin-left:auto}.post nav .list{align-items:center;margin:1em 0;padding:1em 0;text-align:center}.post nav .next{align-items:flex-start;margin-right:auto}@media (max-width:768px){.post{max-width:100vw}.post nav{flex-flow:column nowrap;gap:.5em}.post nav a{width:100%}}
/*# sourceMappingURL=main.df92b2a6.css.map*/