@import "/pretendard.css";@import 'https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Noto+Sans+KR:wght@100..900&display=swap';@import "/highlight-evergarden.css";@font-face{font-family:kyobohandwriting2019;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/KyoboHand.woff)format('woff');font-weight:400;font-display:swap}*{--sb-size:8px;box-sizing:border-box;scroll-margin-top:50px}*::-webkit-scrollbar{width:var(--sb-size);height:var(--sb-size)}*::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:4px}*::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:4px}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--sb-thumb-color)var(--sb-track-color)}}html{width:100%}body{color:#222;font-family:pretendard,sans-serif;line-height:1.5;margin-block:1rem;margin-inline:0;display:flex;flex-direction:column;align-items:center;overflow-y:scroll;overflow-x:hidden}main{font-size:20px}#main,header,footer{width:100%;max-width:800px}#main{flex:1;padding-inline:10px;position:relative}#left-aside{position:absolute;min-height:100%;right:100%;top:0}#right-aside{position:absolute;min-height:100%;left:100%;top:0}@media(max-width:700px){#right-aside,#left-aside{display:none}}header{margin-bottom:1rem;padding-inline:10px;h1 { font-family: 'Pretendard'; } nav ul { display: flex; font-family: 'JetBrains Mono'; flex-direction: row; padding-left: 0; flex-wrap: wrap; gap: 1rem; & li { list-style-type: none; } & li:has(> a.active) { font-weight: bold; } }}#logo{width:15rem;height:5rem}.tags{display:flex;flex-direction:row;align-items:center;gap:.3rem;& ul { display: flex; flex-direction: row; padding-left: 0; gap: 0.3rem; & li { list-style-type: none; } }}footer{margin-top:1rem;padding-inline:10px}.post-list_date{color:var(--mute);font-size:.8em}.menu-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}#theme-btn,#color-btn{color:var(--primary6);cursor:pointer;user-select:none;span { font-weight: bold; }}a{text-decoration:none}html body{--base01:#eeeeee;--base0:#999999;--base1:#aaaaaa;--base2:#1a1c1a;--base3:#0c281e;--primary1:#edcc46;--primary2:#e3895b;--primary3:#e23d37;--primary4:#d583bf;--primary5:#b28fe5;--primary6:#37b1e2;--primary7:#35b78d;--primary8:#48e237}html.solarized body{--base03:#002b36;--base02:#073642;--base01:#586e75;--base00:#657b83;--base0:#839496;--base1:#93a1a1;--base2:#eee8d5;--base3:#fdf6e3;--primary1:#b58900;--primary2:#cb4b16;--primary3:#dc322f;--primary4:#d33682;--primary5:#6c71c4;--primary6:#268bd2;--primary7:#2aa198;--primary8:#859900}html.rose-pine:not(.dark) body{--base01:#575279;--base0:#9893a5;--base1:#797593;--base2:#faf4ed;--base3:#f2e9e1;--primary1:#ea9d34;--primary2:#d7827e;--primary3:#b4637a;--primary4:#56949f;--primary5:#907aa9;--primary6:#286983;--primary7:#2aa198;--primary8:#859900}html.rose-pine.dark body{--base03:#191724;--base02:#26233a;--base01:#908caa;--base00:#6e6a86;--base1:#e0def4;--primary1:#f6c177;--primary2:#ebbcba;--primary3:#eb6f92;--primary4:#9ccfd8;--primary5:#c4a7e7;--primary6:#31748f;--primary7:#2aa198;--primary8:#859900}html:not(.dark) body{--bg:var(--base2);background-color:var(--bg);--text:var(--base01);color:var(--text);a { color: var(--primary6); } --mute: var(--base0);--border:var(--base0);--hr:var(--base1);--outline:var(--base0);--altbg:var(--base3);--blockquote-side:var(--primary7);--sb-track-color:var(--base1);--sb-thumb-color:var(--primary6)}html.dark body{--bg:var(--base03);background-color:var(--bg);--text:var(--base1);color:var(--text);a { color: var(--primary6); } --mute: var(--base00);--border:var(--base00);--hr:var(--base01);--outline:var(--base00);--altbg:var(--base02);--blockquote-side:var(--primary7);--sb-track-color:var(--base01);--sb-thumb-color:var(--primary7)}main{border-block:1px solid var(--outline);padding-bottom:2rem;font-weight:400;strong, b { font-weight: 800; } width: 100%;h1 { font-size: 2.3em; } h2 { font-size: 1.8em; &.post-list_item { font-size: 1.3em; &:nth-child(2n) a { color: var(--primary7); } &:nth-child(2n-1) a { color: var(--primary6); } } } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } :is(h2,h3,h4,h5,h6) { display: inline-block; width: 100%; a { display: inline-block; font-size: inherit; border-bottom: none; & .anchor { font-size: .7em; } &:hover { border-bottom: none; background: unset !important; } } &.nodeco a .anchor { display: none; } } &>p { margin-block: 2em; } a { color: inherit !important; text-decoration: none; border-bottom: 1px solid var(--primary6); transition: 80ms ease-in-out; &:hover { background-color: color-mix(in srgb, var(--primary6) 50%, transparent 50%); border-bottom-width: 2px; } &.internal { border-bottom: 1px solid var(--primary1); &:hover { background-color: color-mix(in srgb, var(--primary1) 50%, transparent 50%); border-bottom-width: 2px; } } & svg { vertical-align: sub; } &.footnote-ref { anchor-name: var(--anchor-name); font-family: 'JetBrains Mono'; font-size: .8em; color: var(--primary6) !important; border-bottom: none; &::before { content: "["; } &::after { content: "]"; } } } .footnotes ol { list-style: none; counter-reset: fn-counter; padding: 0; padding-left: 20px; & li { counter-increment: fn-counter; position: relative; padding-left: 40px; &::before { content: "[" counter(fn-counter) "]"; display: inline-block; position: absolute; left: 0; top: 0; font-family: 'JetBrains Mono'; } } } blockquote { border-left: 3px solid var(--blockquote-side); background-color: var(--altbg); color: var(--mute); } hr { border: none; margin-block: 2em; border-top: 1px solid var(--hr); } code { font-family: "JetBrains Mono"; } :not(pre)>code { border: 1px solid var(--border); padding-inline: .3rem; font-size: 16px; } p:has(> mjx-container) { max-width: 100%; overflow-x: auto; overflow-y: hidden; } img { max-width: 100%; } aside.callout { --highlight: var(--primary6); &.note { --highlight: var(--primary6); } &.tip { --highlight: var(--primary8); } &.caution { --highlight: var(--primary2); } &.warning { --highlight: var(--primary3); } &.important { --highlight: var(--primary5); } background-color: color-mix(in srgb, var(--highlight) 20%, transparent); border-left: 4px solid var(--highlight); padding-inline: .6rem; padding-block: .3rem; margin-block: 1rem; & p:last-child { margin-bottom: 0.4em; } & .callout-title { margin-block: 0; color: var(--highlight); font-weight: bold; } .callout-content {} } ul li input[type="checkbox"] { display: inline; appearance: none; &::after { font-weight: bold; content: "[ ]"; font-family: "JetBrains Mono"; font-size: 18px; color: var(--primary3); display: inline-block; } &:not([data-status=processing]):checked::after { content: "[x]"; color: var(--primary8); } &[data-status=processing]::after { content: "[-]" !important; color: var(--primary2); } } details { cursor: pointer; & summary { user-select: none; } & summary::marker { font-weight: bold; font-family: "JetBrains Mono"; content: "[+]"; } &[open] summary::marker { font-family: "JetBrains Mono"; content: "[-]"; } } blockquote { margin-inline: 0; padding-inline: 1rem; padding-block: 0.1rem; box-sizing: border-box; &>*:first-child, &>*:last-child { margin-block: 0.3rem; box-sizing: border-box; } } fieldset { border: 1px solid var(--border); &>div { margin-block: 0; } } .table-wrapper { width: 100%; overflow-x: auto; } table { margin-block: 1rem; tr { &:first-child th { background-color: var(--altbg); } td, th { border: 1px solid var(--border); padding-inline: .6rem; } } } .sc_highlight { display: inline; color: var(--highlight); font-weight: 500; text-shadow: 0px 0px 2px var(--highlight); } .sc_columns { display: flex; flex-direction: row; gap: 0.4rem; align-items: start; flex-wrap: wrap; &.align-center { align-items: center; } &.align-end { align-items: end; } &.justify-center { justify-content: center; } &.justify-end { justify-content: end; } &.justify-around { justify-content: space-around; } &.justify-between { justify-content: space-between; } &.justify-evenly { justify-content: space-evenly; } &.same-size { align-items: stretch; } &.same-size>* { width: 100%; } } & .quote { display: grid; place-items: center; padding-block: 2em; & .quote_inside { font-size: 1.3em; font-style: italic; max-width: 80%; &::before { content: "“"; color: var(--mute); } &::after { content: "”"; color: var(--mute); } } }}.menu-buttons{display:none}.post-list_a{border-bottom:none}.post-list_draft{color:var(--primary3)}.post-list_item_archived{text-decoration:line-through;text-decoration-color:var(--mute);opacity:70%}.post-list_archived{color:var(--primary5)}.post_draft{color:var(--primary3);background-color:color-mix(in srgb,var(--primary3) 50%,transparent 50%);width:100%;display:flex;justify-content:center;font-weight:700;font-size:1.5em;padding-block:.5rem;margin-block:1rem}.post_archived{color:var(--primary5);background-color:color-mix(in srgb,var(--primary5) 50%,transparent 50%);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem;margin-block:1rem;height:30rem;& .post_archived_label { font-weight: bold; font-size: 2.5em; } & .post_archived_description {}}.fleets{display:flex;flex-direction:column;flex-wrap:wrap;max-height:600px;gap:1.5rem;padding:1rem;overflow-x:auto;overflow-y:hidden;& .fleet-list_item { font-family: "KyoboHandwriting2019", serif ; background-color: #feff9c; padding-block: 0.2rem; padding-inline: 0.4rem; color: var(--base2); width: 250px; position: relative; min-height: 180px; font-size: .9em; height: fit-content; transition: .1s; word-break: break-all; ul, ol { padding-left: 20px; } & .fleet_item_readmore { position: absolute; bottom: 0; right: 20px; a { color: inherit; text-decoration: underline; } } &:hover { rotate: 1deg; } &.more::before { content: ""; position: absolute; bottom: 0; right: 0; border-width: 16px 16px 0 0; border-style: solid; border-color: #d0d180 var(--bg) #d0d180 var(--bg) ; background-color: var(--bg); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); display: block; width: 0; } & .fleet-list_date { font-size: 0.8em; margin: 0; } & h2 { font-size: 1em; margin: 0; color: var(--base2); } }}mjx-container[display]{display:block;text-align:center;justify-content:center;margin:.7em 0;padding:.3em 2px}.footnote-popover{background-color:var(--altbg);color:var(--text);border:2px dotted var(--border);box-shadow:0 2px 8px black;padding:10px;position:absolute;margin:0;inset:auto;position-anchor:var(--anchor);bottom:anchor(top);right:anchor(center);translate:50% 0;max-width:400px;&:popover-open { display:block; } & p { margin-block:0; & .footnote-backref { display:none; } }}#toc-anchor{position:sticky;top:0;anchor-name:--toc}@media(width > 1400px){.toc{inset:auto;position-anchor:--toc;position:absolute;left:anchor(left);top:anchor(top);max-width:400px;border-top:none!important;width:max-content;margin:0;padding:10px}}@media(width <= 1400px){.toc{border-top:1px solid var(--border);margin-top:2em;padding:10px;padding-top:2em}}.toc{font-size:18px!important;& .toc-title { font-weight: 700; } & ul { padding-left: 20px; } & a { color: var(--text) !important; border-bottom: none; } & li.active > a { background-color: color-mix(in srgb, var(--primary6) 50%, transparent 50%); }}:not(.toc)>:not(.toc):target{background-color:color-mix(in srgb,var(--primary5) 50%,transparent 50%);animation:pulse-border .5s ease-out}@keyframes pulse-border{0%{box-shadow:0 0 color-mix(in srgb,var(--primary5) 50%,transparent 50%)}50%{box-shadow:0 0 0 40px color-mix(in srgb,var(--primary5) 0%,transparent 100%)}100%{box-shadow:0 0 color-mix(in srgb,var(--primary5) 0%,transparent 100%)}}