*, *::before, *::after { box-sizing: border-box; } * { margin: 0; } body { line-height: 1.5; -webkit-font-smoothing: antialiased; } img, picture, video, canvas { display: block; max-width: 100%; } input, button, textarea, select { font: inherit; } p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } #root, #__next { isolation: isolate; } :root { color-scheme: light dark; --tn-9708b: rgba(0, 0, 0, 0); --tn-77292: hsl(0 0% 0%); --tn-e452c: hsl(0 0% 12%); --tn-1aa08: hsl(0 0% 30%); --tn-5fdf0: hsl(0 0% 50%); --tn-52ff3: hsl(0 0% 80%); --tn-55c9e: hsl(0 0% 95%); --tn-cd9a5: hsl(0 0% 100%); --tn-d38d5: light-dark( var(--tn-77292), var(--tn-cd9a5) ); --tn-f4412: light-dark( var(--tn-e452c), var(--tn-52ff3) ); --tn-69cd8: light-dark( var(--tn-1aa08), var(--tn-52ff3) ); --tn-64ba6: light-dark( var(--tn-5fdf0), var(--tn-5fdf0) ); --tn-bdbff: light-dark( var(--tn-52ff3), var(--tn-1aa08) ); --tn-f2589: light-dark( var(--tn-55c9e), var(--tn-e452c) ); --tn-1d211: light-dark( var(--tn-cd9a5), var(--tn-77292) ); --tn-1afed: hsl(210 80% 20%); --tn-836bc: hsl(210 80% 40%); --tn-ceebd: hsl(210 80% 85%); --tn-81c06: light-dark( var(--tn-1afed), var(--tn-ceebd) ); --tn-15e0a: light-dark( var(--tn-836bc), var(--tn-ceebd) ); --tn-fae1e: light-dark( var(--tn-ceebd), var(--tn-1afed) ); --tn-deac6: hsl(270 100% 50%); --tn-17c3d: hsl(270 100% 70%); --tn-d6265: hsl(270 100% 90%); --tn-3a393: light-dark( var(--tn-deac6), var(--tn-d6265) ); --tn-2fb4e: light-dark( var(--tn-17c3d), var(--tn-d6265) ); --tn-8c126: light-dark( var(--tn-d6265), var(--tn-deac6) ); --tn-45ea6: hsl(240 100% 27%); --tn-4c323: hsl(240 100% 50%); --tn-7185d: hsl(195 53% 79%); --tn-31e52: light-dark( var(--tn-45ea6), var(--tn-7185d) ); --tn-dffb0: light-dark( var(--tn-4c323), var(--tn-7185d) ); --tn-3e946: light-dark( var(--tn-7185d), var(--tn-45ea6) ); --tn-684c7: hsl(120 100% 20%); --tn-4e793: hsl(120 100% 50%); --tn-290ce: hsl(120 73% 75%); --tn-780b5: light-dark( var(--tn-684c7), var(--tn-290ce) ); --tn-cb0e8: light-dark( var(--tn-4e793), var(--tn-290ce) ); --tn-4d9db: light-dark( var(--tn-290ce), var(--tn-684c7) ); --tn-21756: hsl(55 100% 27%); --tn-0a889: hsl(60 100% 50%); --tn-e3c00: hsl(50 100% 95%); --tn-7a77f: light-dark( var(--tn-21756), var(--tn-e3c00) ); --tn-8b21f: light-dark( var(--tn-0a889), var(--tn-e3c00) ); --tn-f13fd: light-dark( var(--tn-e3c00), var(--tn-21756) ); --tn-09e65: hsl(0 100% 27%); --tn-fd9f3: hsl(0, 100%, 50%); --tn-a2672: hsl(0 100% 75%); --tn-59cfd: light-dark( var(--tn-09e65), var(--tn-a2672) ); --tn-70025: light-dark( var(--tn-fd9f3), var(--tn-a2672) ); --tn-1fc2a: light-dark( var(--tn-a2672), var(--tn-09e65) ); } .is-hoverable:hover { background-color: var(--tn-bdbff); } .is-copyable { font-variant-ligatures: none; position: relative; } .is-copyable:hover { color: var(--tn-dffb0); cursor: copy; } .is-copyable:hover::after { position: absolute; top: 10px; right: 10px; content: url(/static/img/symbols/content_copy.svg); } .is-white { color: var(--tn-f4412); background-color: var(--tn-1d211); } .is-light { color: var(--tn-f4412); background-color: var(--tn-f2589); } .is-grey-light { color: var(--tn-f4412); background-color: var(--tn-bdbff); } .is-grey { color: var(--tn-f4412); background-color: var(--tn-64ba6); } .is-grey-dark { color: var(--tn-1d211); background-color: var(--tn-69cd8); } .is-dark { color: var(--tn-f2589); background-color: var(--tn-f4412); } .is-black { color: var(--tn-f2589); background-color: var(--tn-d38d5); } .is-primary { color: var(--tn-1d211); background-color: var(--tn-15e0a); } .is-link { color: var(--tn-1d211); background-color: var(--tn-2fb4e); } .is-info { color: var(--tn-1d211); background-color: var(--tn-dffb0); } .is-success { color: var(--tn-1d211); background-color: var(--tn-cb0e8); } .is-warning { color: var(--tn-1d211); background-color: var(--tn-8b21f); } .is-danger { color: var(--tn-1d211); background-color: var(--tn-70025); } .is-primary-light { color: var(--tn-81c06); background-color: var(--tn-fae1e); } .is-link-light { color: var(--tn-3a393); background-color: var(--tn-8c126); } .is-info-light { color: var(--tn-31e52); background-color: var(--tn-3e946); } .is-success-light { color: var(--tn-780b5); background-color: var(--tn-4d9db); } .is-warning-light { color: var(--tn-7a77f); background-color: var(--tn-f13fd); } .is-danger-light { color: var(--tn-59cfd); background-color: var(--tn-1fc2a); } .is-primary-dark { background-color: var(--tn-81c06); } .is-link-dark { background-color: var(--tn-3a393); } .is-info-dark { background-color: var(--tn-31e52); } .is-success-dark { background-color: var(--tn-780b5); } .is-warning-dark { background-color: var(--tn-7a77f); } .is-danger-dark { background-color: var(--tn-59cfd); } .is-primary-inverted { background-color: var(--tn-1d211); color: var(--tn-15e0a); } .is-link-inverted { background-color: var(--tn-1d211); color: var(--tn-2fb4e); } .is-info-inverted { background-color: var(--tn-1d211); color: var(--tn-dffb0); } .is-success-inverted { background-color: var(--tn-1d211); color: var(--tn-cb0e8); } .is-warning-inverted { background-color: var(--tn-1d211); color: var(--tn-8b21f); } .is-danger-inverted { background-color: var(--tn-1d211); color: var(--tn-70025); } .is-primary-outlined { background-color: var(--tn-1d211); color: var(--tn-15e0a); border-style: solid; border-width: 2px; border-color: var(--tn-15e0a); } .is-link-outlined { background-color: var(--tn-1d211); color: var(--tn-2fb4e); border-style: solid; border-width: 2px; border-color: var(--tn-2fb4e); } .is-info-outlined { background-color: var(--tn-1d211); color: var(--tn-dffb0); border-style: solid; border-width: 2px; border-color: var(--tn-dffb0); } .is-success-outlined { background-color: var(--tn-1d211); color: var(--tn-cb0e8); border-style: solid; border-width: 2px; border-color: var(--tn-cb0e8); } .is-warning-outlined { background-color: var(--tn-1d211); color: var(--tn-8b21f); border-style: solid; border-width: 2px; border-color: var(--tn-8b21f); } .is-danger-outlined { background-color: var(--tn-1d211); color: var(--tn-70025); border-style: solid; border-width: 2px; border-color: var(--tn-70025); } .is-light-to-dark { height: 1em; position: relative; animation: light-to-dark 1s infinite; } @keyframes light-to-dark { 0% { color: var(--tn-64ba6); } 40% { color: var(--tn-64ba6); } 60% { color: var(--tn-bdbff); } 100% { color: var(--tn-bdbff); } } @keyframes bounce-in-up { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { transform: translate3d(0, -5px, 0) scaleY(0.985); } to { transform: translate3d(0, 0, 0); } } .animated { animation-duration: 0.5s; animation-fill-mode: both; } .bounce-in-up { animation-name: bounce-in-up; } .p1 { padding: 1rem; } .p2 { padding: 0.5rem; } .p3 { padding: 0.33rem; } .p4 { padding: 0.25rem; } #footer { --tn-47c78: 2em; --tn-9ade7: 1em; justify-content: space-between; background-color: var(--tn-f2589); padding: var(--tn-47c78); } #footer svg { fill: var(--tn-f4412); } #footer > div { display: flex; align-items: center; padding: var(--tn-9ade7); } #footer > div.ad-wide { min-width: 100px; flex-grow: 1; background-color: red; } #footer > div > span { padding: 0.25rem; } #footer div.icon { height: 1.6rem; } @media (min-width: 768px) { #footer { flex-direction: row; } #footer > div.inner { flex-direction: row; } } section, div.section, section.section { margin-top: 2rem; margin-bottom: 2rem; } main .is-full-width { width: 100%; } main .is-half-width { width: 50%; } div.container { width: 100%; padding-top: 1rem; padding-bottom: 1rem; } code, samp, kbd { font-family: var(--tn-09fc6); white-space: nowrap; padding-left: 0.15rem; padding-right: 0.15rem; } pre { position: relative; padding: 1rem; margin-bottom: 2rem; max-width: 100%; overflow: auto; background-color: var(--tn-f2589); font-variant-ligatures: none; } pre:hover { cursor: copy; } pre:hover::after { position: absolute; top: 10px; right: 10px; content: url(/static/img/symbols/content_copy.svg); } pre code { border: 0; padding: 0; margin: 0; white-space: break-spaces; } pre code span { font-size: 0.9rem; font-family: var(--tn-09fc6); } main > header { width: 100%; background-color: var(--tn-fae1e); margin-top: 0; margin-bottom: 0; padding: 2rem; border-style: solid; border-width: 1px; border-color: var(--tn-fae1e); } time { font-size: 0.8rem; color: var(--tn-15e0a); width: 100%; text-align: right; margin-top: -1.25rem; margin-right: 0.75rem; margin-bottom: 2rem; } main > article { width: 100%; min-height: 20rem; } main > article p { text-align: justify; } main > article div.image { margin: 4rem; } main > article, main > article p, main > article ul, main > article ol { margin-bottom: 2rem; } main > article li { line-height: 1.5rem; margin-bottom: 0.5rem; } main > article li > p { margin-bottom: 0; } main > article blockquote { margin-left: 0.5rem; padding: 0.5rem; border-left-style: solid; border-left-width: 3px; border-left-color: var(--tn-15e0a); background-color: var(--tn-fae1e); } :root { --tn-0be97: light-dark( hsl(180deg, 33%, 38%), hsl(220 10% 70%) ); --tn-5b50f: light-dark(hsl(0 100% 50%), hsl(0 100% 70%)); --tn-340fe: light-dark( hsl(0 100% 27%), hsl(0 100% 77%) ); --tn-73719: light-dark( hsl(300 100% 27%), hsl(300 100% 77%) ); --tn-7ec4c: light-dark( hsl(241 69% 29%), hsl(241 69% 79%) ); --tn-e308f: light-dark( hsl(120 100% 25%), hsl(120 100% 75%) ); --tn-db26e: light-dark( hsl(0 0% 27%), hsl(0 0% 77%) ); --tn-4e748: light-dark( hsl(241 69% 29%), hsl(241 69% 79%) ); --tn-3028c: light-dark( hsl(300 100% 27%), hsl(300 100% 77%) ); --tn-56c72: light-dark( hsl(300 100% 25%), hsl(300 100% 75%) ); --tn-79be4: light-dark( hsl(222 100% 43%), hsl(222 100% 73%) ); --tn-6fe40: light-dark( hsl(120 100% 25%), hsl(120 100% 75%) ); --tn-20281: light-dark( hsl(71 56% 36%), hsl(71 56% 76%) ); --tn-a88ff: light-dark( hsl(120 100% 25%), hsl(120 100% 75%) ); --tn-5dc8d: light-dark( hsl(222 100% 43%), hsl(222 100% 73%) ); --tn-acb16: light-dark( hsl(0 100% 27%), hsl(0 100% 77%) ); --tn-454e7: light-dark( hsl(60 100% 31%), hsl(60 100% 71%) ); --tn-e1cbb: light-dark( hsl(240 100% 27%), hsl(320 90% 70%) ); --tn-4703b: light-dark(hsl(0 0% 40%), hsl(0 0% 70%)); --tn-bca1a: light-dark( hsl(277 100% 57%), hsl(277 100% 77%) ); --tn-183dd: light-dark(hsl(0 0% 40%), hsl(0 0% 70%)); --tn-c59c0: light-dark(hsl(0 70% 43%), hsl(0 70% 73%)); --tn-910b6: light-dark( hsl(336 38% 57%), hsl(336 38% 77%) ); --tn-16207: light-dark(hsl(0 70% 43%), hsl(0 70% 73%)); --tn-56f0e: light-dark(hsl(0 0% 93%), hsl(0 0% 93%)); } div.highlight { margin-top: 2rem; margin-bottom: 2rem; } div.highlight > pre { border-style: solid; border-width: 1px; border-color: var(--tn-56f0e); } div.highlight .hll { background-color: #ffffcc; } div.highlight .c, div.highlight .c1, div.highlight .cm, div.highlight .ch, div.highlight .cp, div.highlight .cpf, div.highlight .cs { color: var(--tn-0be97); font-style: italic; } div.highlight .err { border: 1px solid var(--tn-5b50f); } div.highlight .bp, div.highlight .k, div.highlight .kd, div.highlight .kp, div.highlight .kr, div.highlight .kt, div.highlight .kn { color: var(--tn-6fe40); } div.highlight .ow { color: var(--tn-bca1a); } div.highlight .o { color: var(--tn-183dd); } div.highlight .ge { color: var(--tn-73719); font-style: italic; } div.highlight .gd { color: var(--tn-340fe); } div.highlight .gr { color: var(--tn-5b50f); } div.highlight .gh { color: var(--tn-7ec4c); } div.highlight .gi { color: var(--tn-e308f); } div.highlight .go { color: var(--tn-db26e); } div.highlight .gp { color: var(--tn-4e748); } div.highlight .gs { color: var(--tn-3028c); } div.highlight .gu { color: var(--tn-56c72); } div.highlight .gt { color: var(--tn-79be4); } div.highlight .na { color: var(--tn-20281); } div.highlight .nb { color: var(--tn-a88ff); } div.highlight .nc { color: var(--tn-5dc8d); } div.highlight .kc, div.highlight .no { color: var(--tn-acb16); } div.highlight .ni { color: var(--tn-183dd); } div.highlight .ne, div.highlight .nd, div.highlight .nf, div.highlight .nn, div.highlight .nv, div.highlight .py, div.highlight .vc, div.highlight .vg, div.highlight .vi { color: var(--tn-e1cbb); } div.highlight .nt, div.highlight .nl { color: var(--tn-454e7); } div.highlight .w { color: var(--tn-56f0e); } div.highlight .il, div.highlight .m, div.highlight .mb, div.highlight .mf, div.highlight .mh, div.highlight .mi, div.highlight .mo { color: var(--tn-4703b); } div.highlight .s, div.highlight .sb, div.highlight .sh, div.highlight .si, div.highlight .se, div.highlight .ss, div.highlight .sx, div.highlight .s1, div.highlight .s2, div.highlight .sc { color: var(--tn-16207); } div.highlight .sd { color: var(--tn-c59c0); font-style: italic; } div.highlight .sr { color: var(--tn-910b6); } span.is-inner-link { cursor: not-allowed; } a:has(> kbd), a.is-inner-link { font-weight: 600; text-decoration: underline; } a:has(> kbd):hover, a.is-inner-link:hover { background-color: var(--tn-fae1e); } pre.is-text-file { margin-top: 3rem; margin-bottom: 3rem; border-style: solid; border-width: 1px; border-color: var(--tn-bdbff); background-color: var(--tn-f2589); } pre.is-text-file > p { font-family: var(--tn-09fc6); } div.admonition { margin: 2rem; border-style: solid; } div.admonition > header { font-weight: var(--tn-bd998); padding: 0.5rem; } div.admonition > div { padding: 0.5rem; } div.admonition.primary > header { color: var(--tn-15e0a); background-color: var(--tn-fae1e); } div.admonition.primary { color: var(--tn-15e0a); border-color: var(--tn-15e0a); } div.admonition.link > header { color: var(--tn-3a393); background-color: var(--tn-8c126); } div.admonition.link { color: var(--tn-2fb4e); border-color: var(--tn-2fb4e); } div.admonition.info > header { color: var(--tn-31e52); background-color: var(--tn-3e946); } div.admonition.info { color: var(--tn-dffb0); border-color: var(--tn-dffb0); } div.admonition.success > header { color: var(--tn-780b5); background-color: var(--tn-4d9db); } div.admonition.success { color: var(--tn-684c7); border-color: var(--tn-cb0e8); } div.admonition.warning > header { color: var(--tn-7a77f); background-color: var(--tn-f13fd); } div.admonition.warning { color: var(--tn-21756); border-color: var(--tn-8b21f); } div.admonition.danger > header { color: var(--tn-59cfd); background-color: var(--tn-1fc2a); } div.admonition.danger { color: var(--tn-59cfd); border-color: var(--tn-70025); } a { text-decoration: none; color: var(--tn-15e0a); } a:hover { background-color: var(--tn-fae1e); } a.is-disabled { background-color: var(--tn-bdbff); cursor: not-allowed; } a.is-disabled:hover { background-color: var(--tn-bdbff); } main dl { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 2rem; background-color: var(--tn-f2589); border-style: solid; border-width: 1px; border-color: var(--tn-f4412); } main dl > dt { flex-basis: 40%; text-align: center; } main dl > dd { flex-basis: 60%; flex-grow: 1; } main dl > dd, main dl > dt { padding: 0.25rem; } details { padding: 0.6rem 1rem; background: var(--tn-f2589); border: 1px solid var(--tn-64ba6); border-radius: 4px; } summary { cursor: pointer; font-weight: var(--tn-bd998); } details[open] { padding-bottom: 0.75rem; } details[open] summary { margin-bottom: 6px; } details[open] > *:last-child { margin-bottom: 0; } hr { border: 1px; border-style: solid; border-color: var(--tn-fae1e); margin-top: 2rem; margin-bottom: 2rem; } svg.box * { fill: var(--tn-f4412); font-size: 0.35rem; font-family: var(--tn-09fc6); } form.search { background-color: var(--tn-fae1e); margin: 0.35rem; padding: 3px; } form.search div.input-group { position: relative; display: flex; flex-direction: row; width: 100%; border-style: solid; border-width: 2px; border-color: var(--tn-81c06); } input[type="search"] { height: 2rem; width: 100%; background-color: var(--tn-f2589); border-style: solid; border-color: var(--tn-fae1e); border-width: 1px; box-shadow: none; box-sizing: border-box; outline: 0; padding: 6px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"]::placeholder { opacity: 0.5; color: var(--tn-81c06); } input[type="search"]:focus { border-color: var(--tn-15e0a); outline-style: solid; outline-width: 3px; } input[type="search"]:focus:valid { border-color: var(--tn-cb0e8); outline-color: var(--tn-cb0e8); } input[type="search"]:focus:invalid { border-color: var(--tn-70025); outline-color: var(--tn-70025); } button[type="submit"] { position: absolute; right: 2px; top: 2px; bottom: 2px; border-width: 0; text-align: center; background-color: var(--tn-f2589); } input[type="search"]:focus:valid + button[type="submit"] { cursor: pointer; } input[type="search"]:focus:invalid + button[type="submit"] { cursor: not-allowed; } form.search svg { fill: var(--tn-f4412); } input[type="search"]:focus:valid + button[type="submit"] svg { fill: var(--tn-780b5); } input[type="search"]:focus:invalid + button[type="submit"] svg { fill: var(--tn-7a77f); } main table { border-collapse: collapse; border-color: var(--tn-bdbff); width: 100%; } main table tfoot, main table thead { border-width: 3px; } main table tr { border-bottom-width: 1px; } main table tr, main table thead { border-bottom-style: solid; } main table tfoot { border-top-style: solid; } main table td, main table th { text-align: center; padding: 0.35rem; font-size: 90%; } main table td *, main table th * { } main table.is-monospace td, main table.is-monospace th { font-family: var(--tn-09fc6); } main table.is-compact td, main table.is-compact th { padding: 0.1rem; } main table tr:hover, main table.is-striped tr:nth-child(even) { background-color: var(--tn-f2589); } main table caption { font-weight: var(--tn-bd998); margin-bottom: 0.5rem; } main table { margin-bottom: 2rem; } .tags { display: flex; margin-top: 1rem; margin-bottom: 1rem; justify-content: center; align-items: center; } .tags > .tag { font-size: 0.85rem; padding-top: 0.1rem; padding-bottom: 0.1rem; padding-left: 0.3rem; padding-right: 0.3rem; } .tags.are-small { margin-top: 0.5rem; margin-bottom: 0.5rem; } .tags.are-small > .tag { font-size: 0.7rem; } .tags.are-large { margin-top: 2rem; margin-bottom: 2rem; } .tags.are-large > .tag { font-size: 1rem; padding-top: 0.2rem; padding-bottom: 0.2rem; } .tags.are-outlined > .tag { color: var(--tn-15e0a); background-color: var(--tn-1d211); } .tags.are-right { justify-content: flex-end; } .tags.are-left { justify-content: flex-start; } .tag { padding-top: 0.1rem; padding-bottom: 0.1rem; padding-left: 0.5rem; padding-right: 0.5rem; margin-left: 0.2rem; margin-right: 0.2rem; border-style: solid; border-width: 1px; border-radius: 0.1rem; color: var(--tn-1d211); background-color: var(--tn-15e0a); } .button { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.2rem; padding-bottom: 0.2rem; margin: 0.25rem; border-style: none; border-radius: 0.375rem; font-weight: var(--tn-21ba9); color: var(--tn-1d211); background-color: var(--tn-15e0a); display: flex; justify-content: center; align-items: center; cursor: pointer; } .button > div { width: 1.2rem; } .button:hover { color: var(--tn-81c06); background-color: var(--tn-fae1e); } .button.is-rounded, .button.is-left { border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; padding-left: 0.5rem; } .button.is-rounded, .button.is-right { border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; padding-right: 0.5rem; } .button.is-round { border-radius: 50%; } .button.is-disabled { cursor: not-allowed; } nav.bottom-bar { display: flex; justify-content: space-between; width: 100%; } nav.bottom-bar.empty { margin-bottom: 0; } nav.bottom-bar > div { display: flex; flex-grow: 1; } nav.bottom-bar > div.previous-topic { flex-direction: row; } nav.bottom-bar > div.next-topic { flex-direction: row-reverse; } nav.bottom-bar > div.previous-topic svg, nav.bottom-bar > div.next-topic svg { fill: var(--tn-f4412); } nav.bottom-bar a { height: 2rem; padding: 0.25rem; border-style: solid; border-width: 2px; display: flex; flex-direction: row; align-items: center; } nav.bottom-bar a.is-left { border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; padding-right: 0.5rem; } nav.bottom-bar a.is-right { border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; padding-left: 0.5rem; } nav.breadcrumbs { display: flex; justify-content: flex-start; align-items: center; margin-top: 2rem; margin-bottom: 2rem; width: 100%; } nav.breadcrumbs > a, nav.breadcrumbs > span { padding: 0.25rem; text-transform: uppercase; font-size: 0.9rem; height: 1.8rem; } nav.breadcrumbs > a { color: var(--tn-15e0a); } nav.breadcrumbs > a > svg { fill: var(--tn-15e0a); } nav.breadcrumbs > span > svg { fill: var(--tn-f4412); } nav.breadcrumbs > span.is-current { font-style: italic; } nav.breadcrumbs > a:hover { color: var(--tn-f4412); } div.flex-grid { display: flex; flex-wrap: wrap; width: 100%; justify-content: center; } div.flex-grid > div.flex-grid-row { padding: 2px; } @media (min-width: 768px) { div.flex-grid.is-2 > div.flex-grid-row { width: 50%; } } @media (min-width: 1024px) { div.flex-grid.is-3 > div.flex-grid-row { width: 33.33%; } div.flex-grid.is-4 > div.flex-grid-row { width: 50%; } } @media (min-width: 1216px) { div.flex-grid.is-4 > div.flex-grid-row { width: 25%; } } div.flex-grid .flex-grid-item { display: flex; flex-direction: column; background-color: var(--tn-fae1e); width: 100%; text-align: center; padding: 5px; } .flex-list { --tn-0e2bd: 1rem; --tn-636a3: 2; display: flex; flex-direction: row; justify-content: flex-start; width: 100%; flex-wrap: wrap; align-items: center; } .flex-list > * { flex-grow: 1; flex-basis: calc( 100% / var(--tn-636a3) - var(--tn-0e2bd) ); max-width: calc( 100% / var(--tn-636a3) - var(--tn-0e2bd) ); margin-bottom: calc(var(--tn-0e2bd)); margin-left: calc(var(--tn-0e2bd) / 2); margin-right: calc(var(--tn-0e2bd) / 2); } @media (min-width: 768px) { .flex-list > * { --tn-636a3: 3; } } @media (min-width: 1024px) { .flex-list > * { --tn-636a3: 4; } } @media (min-width: 1216px) { .flex-list > * { --tn-636a3: 6; } } #left-bar { position: sticky; top: var(--tn-781ba); display: none; flex-direction: column; flex-grow: 0; height: 100%; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: var(--tn-81c06); padding: 0.5rem; font-weight: var(--tn-21ba9); background-color: var(--tn-1d211); } #left-bar.is-active { display: flex; } #left-bar svg { fill: var(--tn-81c06); } #left-bar > a { display: flex; flex-direction: row; align-items: center; } #left-bar > a:hover { background-color: var(--tn-bdbff); } #left-bar > a.menu { margin-bottom: 0.5rem; } #left-bar > a.menu:not(:first-of-type) { margin-top: 0.5rem; } #left-bar > a.chapter + a.menu { margin-top: 2rem; } #left-bar > a.section { margin-left: 2rem; } #left-bar > a.page { margin-left: 2rem; } #left-bar > a.menu-open, #left-bar > a.chapter-open:not(:has(~ a.section-open)), #left-bar > a.section-open:not(:has(~ a.page-open)), #left-bar > a.page-open { background-color: var(--tn-fae1e); } #left-bar div.label { display: flex; align-items: center; flex-grow: 1; min-width: 14rem; text-transform: uppercase; color: var(--tn-f4412); } #left-bar div.icon { display: flex; justify-content: center; align-items: center; height: 1.6rem; width: 3rem; } #left-bar > a.menu > div.label { padding-top: 0.35rem; padding-bottom: 0.35rem; padding-left: 0.5rem; } #left-bar > a.chapter > div.label { padding-top: 0.35rem; padding-bottom: 0.35rem; } #left-bar > a.section > div.label { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 1rem; } #left-bar > a.page > div.label { padding-top: 0.15rem; padding-bottom: 0.15rem; padding-left: 2rem; } #left-bar > a.menu > div.label > span { font-weight: var(--tn-bd998); color: var(--tn-81c06); } #left-bar > a.chapter > div.label > span { font-size: 1.2rem; } #left-bar > a.section > div.label > span { font-size: 1.05rem; } #left-bar > a.page > div.label > span { font-size: 1rem; } #left-bar > a.page-open > div.label > span { font-weight: var(--tn-bd998); font-style: italic; } @media (min-width: 768px) { #left-bar { border-bottom-style: none; } #left-bar > a { border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem; } #left-bar > a.chapter > div.label > span { font-size: 1rem; } #left-bar > a.section > div.label > span { font-size: 0.95rem; } #left-bar > a.page > div.label > span { font-size: 0.9rem; } } .listing { display: flex; flex-direction: column; } .listing > .listing-item { padding: 0.5rem; border-bottom-style: solid; border-bottom-width: 0.5px; border-bottom-color: var(--tn-bdbff); } .listing > .listing-item > .listing-item-content { color: var(--tn-f4412); text-align: justify; } #messages { position: fixed; bottom: 0; right: 0; height: auto; width: 20rem; display: flex; flex-direction: column-reverse; gap: 1rem; z-index: 10; padding: 0.5rem; } #messages .message { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-left: 0.5rem; padding-top: 1rem; padding-bottom: 1rem; border-left-style: solid; border-left-width: 4px; } #messages .message > * { font-size: 0.8rem; } #messages .message span.close { display: flex; justify-content: center; align-items: center; cursor: pointer; margin-right: 0.5rem; width: 1.4rem; border-radius: 50%; font-weight: var(--tn-a2577); } #messages .message span.close:hover { transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-in-out; transform: rotate(180deg); } #messages .message.is-primary { background-color: var(--tn-fae1e); color: var(--tn-81c06); border-color: var(--tn-81c06); } #messages .message.is-success { background-color: var(--tn-4d9db); color: var(--tn-780b5); border-color: var(--tn-780b5); } #messages .message.is-warning { background-color: var(--tn-f13fd); color: var(--tn-7a77f); border-color: var(--tn-7a77f); } #messages .message.is-error { background-color: var(--tn-1fc2a); color: var(--tn-59cfd); border-color: var(--tn-59cfd); } #messages .message svg { fill: var(--tn-f4412); } nav.pagination { height: 2.4rem; width: 100%; display: flex; align-items: stretch; justify-content: space-between; margin-top: 2rem; margin-bottom: 2rem; } nav.pagination > div { display: flex; } nav.pagination > div.nav-left { justify-content: flex-start; } nav.pagination > div.nav-center { justify-content: center; } nav.pagination > div.nav-right { justify-content: flex-end; } nav.pagination > div > a, nav.pagination > div > span { display: flex; align-items: center; justify-content: center; min-width: 2rem; text-align: center; padding: 0.25rem; margin: 0.25rem; } nav.pagination > div > a, nav.pagination > div > span { border-style: solid; border-width: 1px; border-color: var(--tn-64ba6); background-color: var(--tn-f2589); } nav.pagination > div > span.is-disabled { color: var(--tn-64ba6); border-color: var(--tn-bdbff); cursor: not-allowed; } nav.pagination > div > a.is-current, nav.pagination > div > a:hover { background-color: var(--tn-15e0a); color: var(--tn-fae1e); } nav.pagination svg { fill: var(--tn-f4412); } #right-bar { --tn-750e0: 0.5em; --tn-f1330: 1em; background-color: var(--tn-1d211); padding: var(--tn-750e0); padding-bottom: 0; gap: var(--tn-f1330); min-width: 14rem; } #right-bar > div { display: flex; flex-direction: column; padding: var(--tn-f1330); text-align: center; } div.tabs { display: flex; flex-wrap: wrap; margin-bottom: 2rem; } div.tabs input[type="radio"] { display: none; } div.tabs label { cursor: pointer; display: inline-block; margin-right: 2px; min-width: 2rem; padding: 0.5rem; text-align: center; font-weight: var(--tn-bd998); border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; color: var(--tn-81c06); background-color: var(--tn-fae1e); } div.tabs div.tab-content { display: none; flex-grow: 1; order: 99; width: 100%; border-style: solid; border-width: 1px; border-color: var(--tn-fae1e); } div.tabs input[type="radio"]:checked + label + div.tab-content { display: block; } div.tabs input[type="radio"]:checked + label { background-color: var(--tn-15e0a); color: var(--tn-f2589); } #top-bar { display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: var(--tn-f2589); padding-left: 1rem; padding-right: 1rem; z-index: 10; } #top-bar svg { fill: var(--tn-d38d5); } #top-bar a.brand { display: flex; align-items: center; height: var(--tn-10abd); background-color: transparent; margin-top: var(--tn-b5067); margin-bottom: var(--tn-b5067); margin-left: var(--tn-c472b); margin-right: var(--tn-c472b); padding-top: var(--tn-2bc1a); padding-bottom: var(--tn-2bc1a); padding-left: var(--tn-0da50); padding-right: var(--tn-0da50); } #top-bar .brand > span { margin-left: 0.5rem; margin-right: 0.5rem; color: var(--tn-d38d5); font-size: 1.5rem; } #top-bar form.search { display: none; margin-top: var(--tn-b5067); margin-bottom: var(--tn-b5067); } #top-bar div.toggle { display: block; height: 3rem; transition: transform 0.35s; margin-top: var(--tn-b5067); margin-bottom: var(--tn-b5067); } #top-bar div.toggle.is-active { transform: rotate(180deg); } @media (min-width: 768px) { #top-bar form.search { display: block; } #top-bar div.toggle { display: none; } } div.is-buffer-content { display: flex; flex-direction: column; padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; min-height: 9rem; } div.is-buffer-content * { font-family: var(--tn-09fc6); } div.is-buffer-line { display: flex; align-items: baseline; } div.is-buffer-line:hover { background-color: var(--tn-bdbff); } div.is-buffer-line span.dspc { color: var(--tn-64ba6); } span.is-selection { background-color: var(--tn-8c126); } span.is-match { background-color: var(--tn-31e52); color: var(--tn-f2589); } @keyframes blinking-cursor-neutral { 0% { color: var(--tn-bdbff); background-color: var(--tn-bdbff); } 40% { color: var(--tn-bdbff); background-color: var(--tn-f2589); } 60% { color: var(--tn-bdbff); background-color: var(--tn-f2589); } 100% { color: var(--tn-bdbff); background-color: var(--tn-f2589); } } @keyframes blinking-cursor-neutral-insert { 0% { color: var(--tn-bdbff); border-left-color: var(--tn-bdbff); } 40% { color: var(--tn-bdbff); border-left-color: var(--tn-bdbff); } 60% { color: var(--tn-bdbff); border-left-color: var(--tn-f2589); } 100% { color: var(--tn-bdbff); border-left-color: var(--tn-f2589); } } @keyframes blinking-cursor-before { 0% { color: var(--tn-4d9db); background-color: var(--tn-cb0e8); } 40% { color: var(--tn-4d9db); background-color: var(--tn-cb0e8); } 60% { color: var(--tn-780b5); background-color: var(--tn-4d9db); } 100% { color: var(--tn-780b5); background-color: var(--tn-4d9db); } } @keyframes blinking-cursor-before-insert { 0% { color: var(--tn-780b5); border-left-color: var(--tn-cb0e8); } 40% { color: var(--tn-780b5); border-left-color: var(--tn-cb0e8); } 60% { color: var(--tn-780b5); border-left-color: var(--tn-4d9db); } 100% { color: var(--tn-780b5); border-left-color: var(--tn-4d9db); } } @keyframes blinking-cursor-after { 0% { color: var(--tn-70025); background-color: var(--tn-1fc2a); } 40% { color: var(--tn-70025); background-color: var(--tn-1fc2a); } 60% { color: var(--tn-1fc2a); background-color: var(--tn-70025); } 100% { color: var(--tn-1fc2a); background-color: var(--tn-70025); } } @keyframes blinking-cursor-after-insert { 0% { color: var(--tn-70025); border-left-color: var(--tn-1fc2a); } 40% { color: var(--tn-70025); border-left-color: var(--tn-1fc2a); } 60% { color: var(--tn-70025); border-left-color: var(--tn-70025); } 100% { color: var(--tn-70025); border-left-color: var(--tn-70025); } } @keyframes blinking-cursor-before-after { 0% { color: var(--tn-70025); background-color: var(--tn-1fc2a); } 40% { color: var(--tn-70025); background-color: var(--tn-1fc2a); } 60% { color: var(--tn-780b5); background-color: var(--tn-4d9db); } 100% { color: var(--tn-780b5); background-color: var(--tn-4d9db); } } @keyframes blinking-cursor-before-after-insert { 0% { color: var(--tn-70025); border-left-color: var(--tn-70025); } 40% { color: var(--tn-70025); border-left-color: var(--tn-70025); } 60% { color: var(--tn-780b5); border-left-color: var(--tn-cb0e8); } 100% { color: var(--tn-780b5); border-left-color: var(--tn-cb0e8); } } div.is-terminal div.is-buffer-line .is-cursor { font-weight: var(--tn-bd998); animation-duration: 1s; animation-iteration-count: infinite; } div.is-terminal div.is-buffer-line .is-insert { border-left-style: solid; border-left-width: 2px; } div.is-terminal div.is-buffer-line .is-cursor.is-neutral { animation-name: blinking-cursor-neutral; } div.is-terminal div.is-buffer-line .is-cursor.is-neutral.is-insert { animation-name: blinking-cursor-neutral-insert; } div.is-terminal .is-cursor.is-before { animation-name: blinking-cursor-before; } div.is-terminal .is-cursor.is-before.is-insert { animation-name: blinking-cursor-before-insert; } div.is-terminal .is-cursor.is-after { animation-name: blinking-cursor-after; } div.is-terminal .is-cursor.is-after.is-insert { animation-name: blinking-cursor-after-insert; } div.is-terminal .is-cursor.is-before.is-after { animation-name: blinking-cursor-before-after; } div.is-terminal .is-cursor.is-before.is-after.is-insert { animation-name: blinking-cursor-before-after-insert; } main div.is-terminal > div.is-header { display: flex; flex-direction: row; align-items: center; min-height: 2rem; padding: 0.5rem; color: var(--tn-81c06); background-color: var(--tn-bdbff); } main div.is-terminal > div.is-header > div.is-header-keys { display: flex; flex-direction: row; margin-left: 1rem; } main div.is-terminal > div.is-header span.is-header-key { padding-left: 0.35rem; padding-right: 0.35rem; font-weight: var(--tn-a2577); font-family: var(--tn-09fc6); border-style: solid; border-radius: 0.25rem; border-width: 1px; border-color: var(--tn-15e0a); color: var(--tn-81c06); background-color: var(--tn-fae1e); } main div.is-terminal div.is-status-line { display: flex; align-items: baseline; justify-content: space-between; left: 2px; right: 2px; border-style: solid; border-width: 1px; border-color: var(--tn-64ba6); background-color: var(--tn-bdbff); } main div.is-terminal div.is-status-line span.fill-space { flex-grow: 1; } main div.is-terminal div.is-status-line .is-mode { padding-left: 0.35rem; padding-right: 0.35rem; font-family: var(--tn-09fc6); background-color: var(--tn-f4412); color: var(--tn-f2589); } main div.is-terminal div.is-status-line .is-mode.is-mode-normal { background-color: var(--tn-15e0a); } main div.is-terminal div.is-status-line .is-mode.is-mode-insert { background-color: var(--tn-2fb4e); } main div.is-terminal div.is-status-line .is-mode.is-mode-visual { background-color: var(--tn-dffb0); } main div.is-terminal div.is-status-line .is-progress, main div.is-terminal div.is-status-line .is-position { padding-left: 0.25rem; padding-right: 0.25rem; margin-left: 0.25rem; margin-right: 0.25rem; background-color: var(--tn-bdbff); color: var(--tn-f4412); font-family: var(--tn-09fc6); } main div.is-terminal { display: flex; flex-direction: column; max-width: 100%; position: relative; overflow: hidden; padding: 2px; background-color: var(--tn-f2589); border-style: solid; border-width: 1px; border-color: var(--tn-bdbff); } main div.is-terminal:has(+ p) { margin-bottom: 2rem; } main div.is-terminal * { font-size: 0.9rem; } main div.is-terminal + div.is-terminal { margin-top: 4rem; } main div.is-terminal div.is-window { max-height: 100%; max-width: 100%; z-index: 10; position: absolute; left: 1px; right: 1px; bottom: 1px; height: 10rem; border-top: 2px solid grey; background-color: var(--tn-f2589); transition: max-height 0.3s ease-in-out; } main div.is-buffer-content:hover ~ div.is-window { max-height: 2rem; } main div.is-terminal div.is-window div.is-window-content { max-width: 60ch; } main div.is-window * { display: flex; flex-direction: column; font-family: var(--tn-09fc6); } :root { --tn-306c0: #222222; --tn-18791: #444444; --tn-d1964: #aaaaaa; --tn-4a8c4: #444444; --tn-f532b: #444444; --tn-11329: #aaaaaa; --tn-06370: var(--tn-f2589); --tn-ab88b: #444444; --tn-31a84: #44ff44; --tn-656fa: #aaaaaa; --tn-bf9f2: #ff4444; --tn-9fbc9: #aaaaaa; --tn-69ec9: green; --tn-dc59a: yellow; } div.command-line-terminal-centered { display: flex; justify-content: center; width: 100%; margin-top: 2rem; margin-bottom: 2rem; } div.is-command-line-terminal { display: flex; flex-direction: column; position: relative; overflow: hidden; width: 100%; border-style: solid; border-width: 2px; border-color: var(--tn-306c0); } div.is-command-line-terminal > div.is-header { display: flex; flex-direction: row; align-items: center; min-height: 2rem; padding: 0.5rem; color: var(--tn-18791); background-color: var(--tn-d1964); } div.is-command-line-terminal > div.is-header > div.is-header-keys { display: flex; flex-direction: row; margin-left: 1rem; } div.is-command-line-terminal > div.is-header span.is-header-key { padding-left: 0.35rem; padding-right: 0.35rem; font-weight: regular; font-family: var(--tn-19dfe); border-style: solid; border-radius: 0.25rem; border-width: 1px; border-color: var(--tn-f532b); color: var(--tn-4a8c4); background-color: var(--tn-11329); } div.is-command-line-terminal div.is-buffer { display: flex; flex-direction: column; padding: 0.5rem; min-height: 9rem; background-color: var(--tn-06370); } div.is-command-line-terminal div.is-buffer * { font-family: var(--tn-19dfe); } div.is-command-line-terminal div.is-buffer-line { display: flex; width: 100%; align-items: baseline; padding-left: 0.5rem; padding-right: 0.5rem; } div.is-command-line-terminal div.is-buffer-line-content { padding: 1px; padding-left: 10px; padding-right: 10px; font-size: 1rem; white-space: pre; background-color: var(--tn-7563c); } div.is-command-line-terminal div.is-buffer-line-content:hover { background-color: var( --tn-69ec9 ); } div.is-command-line-terminal div.is-buffer-line-content span.dspc { display: inline-block; width: 1ch; color: var(--tn-dc59a); } div.is-command-line-terminal div.is-buffer-line-content span.dspc::before { content: "·"; } @keyframes blinking-cursor-neutral { 0% { color: var(--tn-97034); background-color: var(--tn-70fec); } 40% { color: var(--tn-97034); background-color: var(--tn-70fec); } 60% { color: var(--tn-70fec); background-color: var(--tn-97034); } 100% { color: var(--tn-70fec); background-color: var(--tn-97034); } } @keyframes blinking-cursor-before { 0% { color: var(--tn-656fa); background-color: var(--tn-31a84); } 40% { color: var(--tn-656fa); background-color: var(--tn-31a84); } 60% { color: var(--tn-31a84); background-color: var(--tn-656fa); } 100% { color: var(--tn-31a84); background-color: var(--tn-656fa); } } @keyframes blinking-cursor-after { 0% { color: var(--tn-bf9f2); background-color: var(--tn-9fbc9); } 40% { color: var(--tn-bf9f2); background-color: var(--tn-9fbc9); } 60% { color: var(--tn-9fbc9); background-color: var(--tn-bf9f2); } 100% { color: var(--tn-9fbc9); background-color: var(--tn-bf9f2); } } div.is-command-line-terminal div.is-buffer-line .is-cursor { font-weight: bold); animation-duration: 1s; animation-iteration-count: infinite; } div.is-command-line-terminal .is-cursor.is-before { animation-name: blinking-cursor-before; } div.is-command-line-terminal .is-cursor.is-after { animation-name: blinking-cursor-after; } .no-wrap { white-space: nowrap; } .has-one-line { text-overflow: ellipsis; overflow: hidden; white-space: normal; } .ms-icon { display: flex; justify-content: center; width: 1.3rem; margin: auto; } .ms-icon svg { fill: var(--tn-f4412); } span.is-function { font-weight: var(--tn-21ba9); } :root { --tn-94875: sans-serif; --tn-09fc6: monospace; --tn-57bfd: 900; --tn-bd998: 700; --tn-21ba9: 500; --tn-a2577: 400; --tn-221e3: 300; --tn-84614: 100; } @media (min-width: 768px) { :root { --tn-94875: "Roboto", sans-serif; --tn-09fc6: "Roboto Mono", monospace; } } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/Roboto-Regular.woff2) format("woff2"); } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/Roboto-Medium.woff2) format("woff2"); } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/Roboto-Bold.woff2) format("woff2"); } @font-face { font-family: "Roboto"; font-style: italic; font-weight: 400; font-display: swap; src: url(../fonts/Roboto-Italic.woff2) format("woff2"); } @font-face { font-family: "Roboto"; font-style: italic; font-weight: 700; font-display: swap; src: url(../fonts/Roboto-BoldItalic.woff2) format("woff2"); } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/RobotoMono-Regular.woff2) format("woff2"); } * { font-family: var(--tn-94875); } .is-monospace { font-family: var(--tn-09fc6); } h1, h2, h3, h4, h5, h6 { color: var(--tn-81c06); font-weight: var(--tn-a2577); line-height: 1.2; } h1 { text-align: center; font-weight: var(--tn-bd998); font-size: 1.6rem; margin-top: 1rem; margin-bottom: 1rem; } h2 { font-size: 1.6rem; margin-top: 1rem; margin-bottom: 1rem; } h3 { font-size: 1.3rem; margin-top: 1rem; margin-bottom: 1rem; margin-left: 1rem; font-style: italic; } h4 { font-size: 1rem; margin-top: 0.5rem; margin-bottom: 0.5rem; margin-left: 2rem; text-decoration: underline; } h5, h6 { font-size: 1.1rem; margin-top: 0.5rem; margin-bottom: 0.5rem; margin-left: 3rem; } .is-capitalized { text-transform: capitalize; } .is-uppercase { text-transform: uppercase; } .has-font-size-small { font-size: 0.8rem; } .has-font-size-medium { font-size: 1rem; } .has-font-size-large { font-size: 1.5rem; } .has-font-size-x-large { font-size: 2rem; } .has-font-size-xx-large { font-size: 3rem; } .has-text-color-primary { color: var(--tn-15e0a); } .has-text-color-dark { color: var(--tn-f4412); } .has-text-color-grey-light { color: var(--tn-bdbff); } .has-text-align-left { text-align: left; } .has-text-align-right { text-align: right; } .has-text-align-center { text-align: center; } .has-text-align-justify { text-align: justify; } #layout { background-color: var(--tn-1d211); color: var(--tn-f4412); } :root { --tn-123c0: 0.25rem; --tn-2e317: 0.0625rem; --tn-6aadb: 0.2s ease-in-out; --tn-71dbf: 768px; --tn-ef264: 769px; --tn-3d4c5: 1024px; --tn-e5e14: 1216px; --tn-fc851: 1408px; --tn-71588: 2rem; --tn-6fbb4: 2rem; --tn-8ab55: 14px; --tn-02fbd: 18px; --tn-10abd: 60px; --tn-b5067: 10px; --tn-c472b: 5px; --tn-2bc1a: 5px; --tn-0da50: 5px; --tn-781ba: 80px; font-size: 14px; line-height: 18px; } html { scroll-behavior: smooth; scroll-padding-top: 6rem; } body { display: flex; flex-direction: column; margin: 0; position: relative; } #top-bar { position: sticky; top: 0; height: var(--tn-781ba); width: 100%; z-index: 2; } #layout { display: flex; flex-direction: column; justify-content: space-between; } #left-bar { display: none; position: sticky; top: var(--tn-781ba); flex-direction: column; flex-grow: 0; height: 100%; } main { flex-grow: 1; display: flex; flex-direction: column; align-items: center; min-height: 100vh; max-width: 1024px; margin-left: var(--tn-71588); margin-right: var(--tn-71588); margin-bottom: var(--tn-6fbb4); } #right-bar { display: flex; flex-grow: 0; flex-direction: column; height: 100%; } #footer { min-height: 12em; display: flex; flex-direction: row; justify-content: space-between; gap: var(--tn-9ade7); } @media (min-width: 768px) { :root { --tn-71588: 2rem; } #left-bar { display: flex; } #layout { flex-direction: row; } } @media (min-width: 1024px) { :root { font-size: 16px; --tn-8ab55: 16px; --tn-02fbd: 20px; --tn-71588: 3rem; } } @media (min-width: 1216px) { :root { font-size: 18px; --tn-8ab55: 18px; --tn-02fbd: 22px; --tn-71588: 4rem; } } @media (min-width: 1408px) { :root { --tn-71588: 6rem; } } div.ad-display-horizontal { width: 100%; min-height: 50px; } #error div.line > a { margin-left: 2rem; padding-left: 0.5rem; padding-right: 0.5rem; } #neovim-cheatsheet div.toc { display: flex; justify-content: center; flex-wrap: wrap; flex-grow: 1; gap: 0.5rem; margin-top: 2rem; margin-bottom: 2rem; } #neovim-cheatsheet div.toc > a.button { background-color: transparent; border-style: solid; border-width: 1px; border-color: var(--tn-81c06); color: var(--tn-81c06); } #neovim-cheatsheet div.toc > a.button:hover { background-color: var(--tn-fae1e); filter: drop-shadow(0 0 0.5rem var(--tn-fae1e)); } #neovim-cheatsheet div.sections { width: 100%; } #neovim-cheatsheet div.section-heading { display: flex; } #neovim-cheatsheet div.section-heading a { padding-left: 0.5rem; padding-right: 0.5rem; border-radius: 0.375rem; } #neovim-cheatsheet div.entries { display: flex; flex-direction: column; border-style: solid; border-width: 1px; border-color: var(--tn-bdbff); padding: 1rem; } #neovim-cheatsheet div.entry { display: flex; justify-content: space-between; align-content: center; } #neovim-cheatsheet div.entry:hover { background-color: var(--tn-f2589); } #neovim-cheatsheet div.entry.heading { text-align: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--tn-bdbff); margin: 0; margin-bottom: 0.5rem; font-weight: 600; } #neovim-cheatsheet div.entry > * { text-align: center; width: 100%; padding-top: 0.25rem; padding-bottom: 0.25rem; } #neovim-cheatsheet div.entry > .command { flex-basis: 15rem; } #neovim-cheatsheet div.entry > .mode { flex-basis: 4rem; min-width: 4rem; } #neovim-cheatsheet div.section > div.more-info { padding: 0.5rem; font-style: italic; text-align: right; } div.commands-index { display: flex; flex-direction: column; width: 100%; } div.heading { width: 100%; margin: 1rem; text-align: center; } div.commands-index-headings { display: flex; flex-direction: row; justify-content: center; gap: 2px; width: 100%; } div.commands-index-headings > span.commands-index-heading { flex-grow: 1; flex-basis: 100%; text-align: center; font-weight: 600; padding: 0.5rem; } div.commands-index-card { display: flex; flex-direction: row; width: 100%; padding-top: 0.25rem; padding-bottom: 0.25rem; } div.commands-index-card-topic { display: flex; justify-content: center; align-items: center; flex-grow: 1; flex-basis: 100%; border-style: solid; border-color: grey; border-width: 1px; margin-left: 0.25rem; margin-right: 0.25rem; } div.commands-index-card-topic > span { font-family: var(--tn-09fc6); font-weight: 600; color: var(--tn-81c06); } span.commands-index-heading, div.commands-index-card-listing > a:hover { background-color: var(--tn-fae1e); } div.commands-index-card-topic:hover { background-color: var(--tn-f2589); } div.commands-index-card-listing { display: flex; flex-direction: column; flex-basis: 100%; flex-grow: 2; } div.commands-index-card-listing > a { padding: 0.5rem; } div.commands-index-card-listing > a:first-child { border-top-style: solid; border-width: 1px; border-color: var(--tn-64ba6); } div.commands-index-headings, div.commands-index-card-listing > a { border-bottom-style: solid; border-width: 1px; border-color: var(--tn-64ba6); } #home > section { margin: 0; width: 100%; padding: 2rem; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; background-size: cover; background-attachment: fixed; background-image: linear-gradient( light-dark(hsl(0 0% 100%/ 0.9), hsl(0 0% 10% / 0.9)), light-dark(hsl(0 0% 80% / 0.9), hsl(0 0% 20% / 0.9)) ), url("/static/img/stock/02.webp"); } #home > section.reverse { flex-direction: column-reverse; } #home > section.primary { background-image: linear-gradient( light-dark(hsl(240 50% 95%/ 0.9), hsl(240 10% 10% / 0.9)), light-dark(hsl(240 50% 80% / 0.9), hsl(240 30% 10% / 0.9)) ), url("/static/img/stock/02.webp"); } #home > section h1, #home > section h2 { font-size: 1.6rem; font-weight: 900; text-align: center; margin-top: 2rem; margin-bottom: 2rem; } #home div.desc { display: flex; flex-direction: column; text-align: justify; max-width: 36rem; font-size: 1.2rem; } #home div.desc > p { text-align: justify; margin-bottom: 2rem; } #home div.links { display: flex; flex-direction: column; min-width: 28rem; margin-top: 2rem; margin-bottom: 2rem; } #home div.links > a { display: flex; color: primary; align-items: center; padding: 0.5rem; margin-left: auto; margin-right: auto; margin-top: 0.5rem; margin-bottom: 0.5rem; } #home div.links div.icon { display: flex; justify-content: center; align-items: center; width: 2rem; } #home div.links div.icon svg { fill: var(--tn-15e0a); } #home div.links div.label { margin-left: 0.5rem; display: flex; justify-content: center; align-items: center; } #home-hero { height: 75vh; display: flex; flex-direction: column; align-items: center; } #home-hero .title { font-size: 3rem; } #home-hero .search-container { width: 80%; } #home-hero nav.simple-nav { width: 80%; display: flex; justify-content: space-between; } #home-hero nav.simple-nav a.button { background-color: transparent; border-style: solid; border-width: 1px; border-color: var(--tn-81c06); color: var(--tn-81c06); } #home-hero nav.simple-nav a.button:hover { background-color: var(--tn-fae1e); filter: drop-shadow(0 0 0.5rem var(--tn-fae1e)); } #home-neovim { min-height: 60vh; } #home-terminal { min-height: 60vh; } #home-lua { min-height: 60vh; } @media (width >= 768px) { #home-hero .search-container { width: 24rem; } } @media (width >= 1024px) { #home-hero .search-container { width: 28rem; } #home > section:not(#home-hero) { flex-direction: row; align-items: flex-start; } #home section div.links { margin: 0; } #home-hero nav.simple-nav { width: 60%; } } @media (width >= 1216px) { #home-hero .search-container { width: 32rem; } } #search div.search-container, #search div.pagination-container { display: flex; width: 100%; justify-content: center; } #search form.search { width: 50%; padding: 5px; } #blog { justify-content: flex-start; width: 100%; padding: 0; } #blog > a.post { display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 1rem; width: 100%; } #blog > a.post > div.main { display: flex; align-items: center; } #blog > a.post > div.main > div.icon { display: flex; align-items: center; width: 2rem; } #blog svg { fill: var(--tn-15e0a); } #blog > a.post > div.main > div.label { text-align: left; flex-grow: 1; margin-left: 1rem; min-width: 24rem; } #blog > a.post > div.tags { display: none; } #blog > a.post > div.tags > span.tag { background-color: transparent; color: var(--tn-15e0a); font-size: 0.7rem; } @media (width >= 1024px) { #blog > a.post { flex-direction: row; padding-top: 0; padding-bottom: 0; } #blog > a.post > div.tags { display: block; } }