:root{--color-n-50:#fafafa;--color-n-100:#f5f5f5;--color-n-200:#e5e5e5;--color-n-300:#d4d4d4;--color-n-400:#a1a1a1;--color-n-500:#737373;--color-n-600:#525252;--color-n-700:#404040;--color-n-800:#262626;--color-n-900:#171717;--color-n-950:#0a0a0a;--color-p-50:#f2f2fa;--color-p-100:#e4e4f5;--color-p-200:#bebee8;--color-p-300:#9d9dd4;--color-p-400:#7c7cb6;--color-p-500:#5d5d8e;--color-p-600:#444469;--color-p-700:#353552;--color-p-800:#1c1c2e;--color-p-900:#0f0f18;--color-p-950:#07070c;--color-s-50:#fdfaf5;--color-s-100:#fcf5e6;--color-s-200:#f8e7be;--color-s-300:#f7d88f;--color-s-400:#f8d176;--color-s-500:#f2c14f;--color-s-600:#e2ad32;--color-s-700:#b18318;--color-s-800:#6e5008;--color-s-900:#1b1301;--color-s-950:#0e0a00;--color-t-50:#f8f0f1;--color-t-100:#f7e2e4;--color-t-200:#f0bac0;--color-t-300:#e68992;--color-t-400:#dd6773;--color-t-500:#be434f;--color-t-600:#9c3340;--color-t-700:#75242e;--color-t-800:#46151a;--color-t-900:#1d080a;--color-t-950:#0c0304}*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}body{box-sizing:border-box;background-color:var(--color-s-100)}::selection,::-moz-selection{background:var(--color-p-400);color:#fff;text-shadow:none}img{max-width:100%;border-radius:4px;margin:1rem 0}.mt-m{display:block;margin-top:1rem}.mt-l{display:block;margin-top:1.5rem}.table-wrapper{overflow-x:auto;border:1px solid var(--color-p-700);box-shadow:2px 2px 0 0 var(--color-n-800);margin:1rem 0;border-radius:4px;width:max-content;max-width:100%}.table-wrapper table{width:max-content;border-collapse:collapse;overflow:hidden}.table-wrapper table thead tr{background-color:var(--color-p-300)}.table-wrapper table tbody tr:nth-of-type(odd){background-color:var(--color-p-50)}.table-wrapper table tbody tr:nth-of-type(even){background-color:var(--color-p-100)}.table-wrapper table th{color:#fff;padding:.75rem 1rem}.table-wrapper table td{padding:.75rem 1rem}body{font-family:zen kaku gothic new,sans-serif;font-weight:400;font-size:1rem;line-height:1.7;display:flex;color:var(--color-n-700)}p{text-align:justify}h1:not(:last-child),h2:not(:last-child),h3:not(:last-child),h4:not(:last-child),h5:not(:last-child),p:not(:last-child),blockquote:not(:last-child){margin-bottom:.75rem}h1:not(:first-child),h2:not(:first-child),h3:not(:first-child),h4:not(:first-child),h5:not(:first-child){margin-top:2rem}h1{font-weight:300;font-size:2rem}h2{font-weight:400;font-size:1.5rem}h3{font-weight:600;font-size:1.25rem}h4{font-weight:600;font-size:1.125rem}h5{font-weight:600;font-size:1rem}ul,ol{margin-bottom:1rem}li{margin-left:1rem;margin-bottom:.5rem}a{transition:all .2s}a:link{color:var(--color-t-500)}a:visited{color:var(--color-t-600)}a:hover,a:focus{color:var(--color-t-300)}code{font-family:roboto mono;background-color:var(--color-p-100);font-size:.75rem;line-height:1;border-radius:4px;padding:2px 4px}pre{text-wrap:wrap;padding:.5rem .75rem .75rem;border-radius:4px;margin:1rem 0}pre code{overflow-x:auto;display:block;background-color:unset;line-height:1.7;padding:unset;border-radius:unset}blockquote{border-radius:4px;padding:.5rem 1rem;border-left:4px solid var(--color-s-200);background-color:var(--color-s-100)}hr{color:var(--color-n-300);border-top:1px;margin:1rem 0}.subtext{color:var(--color-n-500);font-size:.875rem}.main{margin:0 auto;padding:3rem 0;min-height:100vh;width:95vw;gap:3rem;display:flex;align-items:start;justify-content:center}@media only screen and (max-width:75em){.main{padding:2rem 0}}@media only screen and (max-width:56.25em){.main{padding:1rem 0}}@media only screen and (max-width:37.5em){.main{padding:.75rem 0}}.main__side-old{width:17.5rem;top:3rem;padding:2rem 0 1rem;border-radius:8px;display:flex;gap:.875rem;flex-direction:column;align-items:center;color:var(--color-p-50);background-color:var(--color-p-400);border:1px solid var(--color-p-700);box-shadow:4px 4px 0 0 var(--color-p-700)}@media only screen and (max-width:75em){.main__side-old{display:none}}.main__side-old ::selection,.main__side-old ::-moz-selection{background:var(--color-p-50);color:var(--color-p-400);text-shadow:none}.main__side{width:17.5rem}@media only screen and (max-width:75em){.main__side{display:none}}.main__side-inner{position:fixed;top:3rem;padding:2rem 0 1rem;border-radius:8px;display:flex;gap:.875rem;flex-direction:column;align-items:center;color:var(--color-p-50);background-color:var(--color-p-400);border:1px solid var(--color-p-700);box-shadow:4px 4px 0 0 var(--color-p-700)}.main__side-inner ::selection,.main__side-inner ::-moz-selection{background:var(--color-p-50);color:var(--color-p-400);text-shadow:none}.main__content{width:50rem}@media only screen and (max-width:75em){.main__content{width:95vw}}@media only screen and (max-width:56.25em){.main__content{width:100%}}.mobile-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5)}.mobile-menu__inner{position:relative;width:95vw;max-width:20rem;margin:3rem auto 0;padding:2rem 0;border-radius:8px;gap:.875rem;flex-direction:column;align-items:center;color:var(--color-p-50);background-color:var(--color-p-400);border:1px solid var(--color-p-700);box-shadow:4px 4px 0 0 var(--color-p-700);padding:2rem 0 .75rem;display:none}@media only screen and (max-width:75em){.mobile-menu__inner{display:flex}}.mobile-menu__close{position:absolute;top:.5rem;right:.5rem;border:none;background:0 0;color:currentColor}.mobile-menu__close-icon{width:2.4rem;height:2.4rem;fill:currentColor}.mobile-button{position:fixed;right:0;top:0;margin:3rem 3rem 0 0;height:3.15rem;width:3.15rem;border-radius:50%;color:var(--color-p-100);background-color:var(--color-p-400);border:2px solid var(--color-p-700);box-shadow:2px 2px 0 0 var(--color-p-700);display:none}@media only screen and (max-width:56.25em){.mobile-button{margin:2rem 2rem 0 0}}@media only screen and (max-width:37.5em){.mobile-button{margin:1rem 1rem 0 0}}@media only screen and (max-width:75em){.mobile-button{display:flex;align-items:center;justify-content:center}}.mobile-button__icon{width:2.4rem;height:2.4rem;fill:currentColor}.section{padding:1rem 2rem 2rem;border-radius:8px;background-color:var(--color-s-50);border:1px solid var(--color-n-700);box-shadow:4px 4px 0 0 var(--color-n-700);overflow-x:auto}@media only screen and (max-width:56.25em){.section{padding:.75rem 1rem 1rem}}@media only screen and (max-width:37.5em){.section{padding:.5rem .75rem .75rem}}.section:not(:last-child){margin-bottom:3rem}@media only screen and (max-width:75em){.section:not(:last-child){margin-bottom:2rem}}@media only screen and (max-width:56.25em){.section:not(:last-child){margin-bottom:1rem}}@media only screen and (max-width:37.5em){.section:not(:last-child){margin-bottom:.75rem}}.button{display:inline-block;padding:.4rem .6rem .6rem;font-size:.875rem;line-height:1;background-color:var(--color-s-400);border:1px solid var(--color-n-800);box-shadow:0 2px 0 0 var(--color-n-800);border-radius:4px;transition:all .2s}.button:hover,.button:focus{background-color:var(--color-s-500)}.button,.button:link,.button:visited{color:var(--color-n-700);font-weight:600;text-decoration:none}.button:hover,.button:focus{color:var(--color-n-700)}.breadcrumbs>*:not(:first-child){margin-left:.5rem}.code-head{color:var(--color-p-200);display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.code-head__label{font-size:.75rem;margin:0!important}.code-head__copy{width:1.125rem;height:1.125rem;color:currentColor;border:none;background:0 0;border-radius:4px;transition:.2s all;cursor:pointer}.code-head__copy:hover,.code-head__copy:focus-visible{background:rgba(255,255,255,.1)}.code-head__icon{fill:currentColor;height:1rem}.credit{font-size:.875rem;color:var(--color-p-100)}.credit a,.credit a:link,.credit a:visited{color:var(--color-p-100)}.credit>p{text-align:center;line-height:1.5;margin-bottom:0}.heading{margin-bottom:2rem;border-bottom:1px solid var(--color-n-300);padding-bottom:.75rem}.heading>h1{margin:0}.heading__date{color:var(--color-n-500)}.listing{margin-top:2rem}.listing__entry{padding-bottom:1rem}.listing__entry:not(:last-child){margin-bottom:2rem;border-bottom:1px solid var(--color-n-300)}.listing__entry-title{margin-bottom:.75rem}.listing__entry-title>h1,.listing__entry-title h2,.listing__entry-title h3,.listing__entry-title h4,.listing__entry-title h5,.listing__entry-title p{margin:0}.listing__entry-button{margin:.75rem 0}.name__name{font-size:1.5rem;text-align:center;line-height:1.25;margin:0!important}.name__title{text-align:center}.name__links{margin-top:.75rem;display:flex;justify-content:center;align-items:center;gap:.75rem}.name__link{font-size:1.5rem}.name__link,.name__link:link,.name__link:visited{color:currentColor;text-decoration:none}.name__icon{height:1.5rem;fill:currentColor}.nav{width:100%}.nav__main{display:block;padding:.5rem 2rem;font-size:1.125rem;transition:all .2s;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.nav__main:hover,.nav__main:focus{background-color:rgba(255,255,255,.1)}.nav__main,.nav__main:link,.nav__main:visited{color:currentColor;text-decoration:none}.pagination{margin-top:2rem;width:100%;display:flex;justify-content:center;align-items:center;gap:1rem}.pagination__link{display:block;height:1.25rem}.pagination__icon{fill:var(--color-t-500);height:1.5rem}.photo{height:10rem;width:10rem;border-radius:5rem;overflow:hidden;border:1px solid var(--color-p-800);box-shadow:4px 4px 0 0 var(--color-p-800)}.photo__img{height:100%;width:100%;max-width:unset;object-fit:cover;margin:unset}.tags{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.tags__item{border-radius:4px;border:1px solid var(--color-n-400);font-size:.875rem;display:inline-block;padding:2px 6px 4px;line-height:1}.tags__item,.tags__item:link,.tags__item:visited{text-decoration:none;color:currentColor}