#main-header{--transition-duration:250ms;font-optical-sizing:auto;font-weight:500;line-height:1;--text-color:#000;display:flex;left:0;padding:var(--content-vertical-padding) var(--content-horizontal-padding);pointer-events:none;position:fixed;top:0;transition:opacity var(--transition-duration);z-index:1000}#main-header.fading-out{opacity:0}#main-header.pending{opacity:.5}#main-header>*{pointer-events:auto}.noTouchScreen #site-title a:hover .home-icon{--icon-line-color:var(--link-hover-color)}.title-wrapper{display:flex}#main-header input:disabled,#main-header label.disabled{cursor:not-allowed}#tags-wrapper{text-align:right;text-transform:uppercase}.tag-option-wrapper{padding-right:.35em;position:relative}.tag-toggle-wrapper{display:inline-block;height:.5em;position:absolute;right:0;width:.5em}.tag-toggle{left:0;position:absolute;top:0}#main-header label{cursor:pointer;-webkit-user-select:none;user-select:none}#extra-item-toggle{display:none}#tags-wrapper{clear:both;display:none;float:right;position:relative;text-align:left}#extra-item-toggle:checked~#tags-wrapper{display:block}#title-wrapper{display:flex}#main-header .back-button .icon.arrow-left{--icon-width:1em;--icon-height:1em;--icon-thickness:2px}#main-header .back-button{display:inline-block;margin-left:calc(var(--content-horizontal-padding)*-2/3);margin-top:calc(var(--content-vertical-padding)*-1);padding:var(--content-vertical-padding) calc(var(--content-horizontal-padding)/3)}#main-header .back-button.hidden,#main-header .list-item-tag-container.hidden{display:none}@media screen and (min-width:830px){#main-header .back-button .icon.arrow-left{--icon-thickness:3px}}@media screen and (min-width:1024px){#main-header .back-button{margin-left:-10px;margin-right:5px;margin-top:0;padding:0}}.icon-wrapper{--icon-width:40px;--icon-height:40px;--icon-thickness:2px;--icon-color:#000;--icon-hover-color:#aaa;--icon-disabled-color:#aaa;cursor:pointer}.icon-wrapper[data-color-theme=light]{--icon-color:#fff;--icon-hover-color:#888;--icon-disabled-color:#555}a.icon{display:block}.noTouchScreen .icon-wrapper:hover{--icon-color:var(--icon-hover-color)}.icon-wrapper.disabled,.noTouchScreen .icon-wrapper.disabled:hover{--icon-color:var(--icon-disabled-color);cursor:not-allowed}.icon.arrow-left,.icon.arrow-right{height:var(--icon-height);position:relative;width:var(--icon-width)}.icon.arrow-left:after,.icon.arrow-left:before,.icon.arrow-right:after,.icon.arrow-right:before{content:"";position:absolute}.icon.arrow-left:before,.icon.arrow-right:before{background-color:var(--icon-color);height:var(--icon-thickness);left:50%;top:50%;transform:translate(-50%,-50%);width:70%}.icon.arrow-left:after,.icon.arrow-right:after{height:40%;transform:rotate(45deg);width:40%}.icon.arrow-right:after{border-right:var(--icon-thickness) solid var(--icon-color);border-top:var(--icon-thickness) solid var(--icon-color);right:10%;top:50%;transform-origin:top right}.icon.arrow-left:after{border-bottom:var(--icon-thickness) solid var(--icon-color);border-left:var(--icon-thickness) solid var(--icon-color);bottom:50%;left:10%;transform-origin:bottom left}.icon.cross{height:var(--icon-height);position:relative;width:var(--icon-width)}.icon.cross:after,.icon.cross:before{background-color:var(--icon-color);content:"";height:3px;left:50%;position:absolute;top:50%;width:90%}.icon.cross:before{transform:translate(-50%,-50%) rotate(45deg)}.icon.cross:after{transform:translate(-50%,-50%) rotate(-45deg)}#loading{background-color:hsla(0,0%,100%,.9);left:0;position:fixed;top:0;z-index:1000}#loading,#loading-icon-wrapper{opacity:0;pointer-events:none;transition:opacity .5s}#loading-icon-wrapper{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:120px}body[data-loading="1"] #loading,body[data-loading="1"] #loading-icon-wrapper{opacity:1;pointer-events:auto}#loading-icon{margin-bottom:10px;position:relative}.icon-part{left:0;position:absolute;top:0;width:100%}#loading-left-arm{animation:shake .4s linear infinite alternate;transform-origin:left center}#loading-right-arm{animation:shake .4s linear infinite alternate-reverse;transform-origin:65% center}#loading-left-eye,#loading-mouth,#loading-right-eye{animation:nod .4s linear infinite alternate;transform-origin:46% 60%}#loading-note{animation:shake .4s linear infinite alternate-reverse;transform-origin:85% 60%}body[data-loading="1"]{overflow:hidden}@keyframes shake{0%{transform:rotate(0deg)}30%{transform:rotate(0deg)}70%{transform:rotate(-30deg)}to{transform:rotate(-30deg)}}@keyframes nod{0%{transform:rotate(10deg)}30%{transform:rotate(10deg)}70%{transform:rotate(-10deg)}to{transform:rotate(-10deg)}}.page{transition:opacity var(--show-transition)}.page.hidden{pointer-events:none;transition:opacity var(--hide-transition)}[data-is-initializing="1"] .page{transition:none}:root{--text-color:#000;--link-color:#000;--link-hover-color:#666;--stroke-width:0.05em;--stroke-color:var(--text-color);--green:#393;--content-horizontal-padding:15px;--content-vertical-padding:10px;--content-padding-bottom:60px;--content-padding-top:200px;--item-gap:0;--item-count-per-row:1;--item-horizontal-padding:20px;--item-vertical-padding:20px}html{font-size:14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica,sans-serif;font-weight:500;line-height:1}body.pinned{overflow:hidden}h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:500}a{color:var(--link-color);text-decoration:none}.body .nav-link,.body a,.nav-link.body,a.body{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.body{word-wrap:break-word}img,video{display:block;width:100%}header{padding:10px var(--content-horizontal-padding)}figcaption{padding:0 20px}.x-large-size{font-size:2.5rem}.large-size,.medium-size{font-size:1.5rem}.regular-size{font-size:1rem}.small-size{font-size:.85rem;letter-spacing:0}.caption{text-align:center}.body p,p.body{line-height:1.35}.stroked{-webkit-text-stroke-width:var(--stroke-width);-webkit-text-stroke-color:var(--stroke-color)}.stroked.solid{--stroke-width:0em}.page-title.stroked{--stroke-width:0.02em}.no-touchscreen a:hover{color:var(--link-hover-color)}.full-vw{max-width:100%;width:100vw}.full-vh{height:100dvh}.float-container:after{clear:both;content:"";display:block;height:0}.page{padding:calc(var(--content-vertical-padding) + var(--main-header-height)) var(--content-horizontal-padding) var(--content-padding-bottom) var(--content-horizontal-padding);transition:opacity .25s}.page.hidden{opacity:0}.icon-left-arrow{--icon-line-width:2.5px;--icon-line-color:#000;background-color:var( --icon-background-color);box-sizing:content-box;display:inline-block;height:1.2em;left:var(--lightbox-wrapper-padding);margin-right:-.03em;margin-top:-.15em;position:relative;width:1.2em;z-index:100}.icon-left-arrow:after,.icon-left-arrow:before{content:"";position:absolute}.icon-left-arrow:before{background-color:var(--icon-line-color);height:var(--icon-line-width);left:50%;top:50%;transform:translate(-50%,-50%);width:90%}.icon-left-arrow:after{border-bottom:var(--icon-line-width) solid var(--icon-line-color);border-left:var(--icon-line-width) solid var(--icon-line-color);bottom:50%;height:40%;transform:rotate(45deg);transform-origin:bottom left;width:40%}.media-spec-wrapper[data-spec]{position:relative}.media-spec-wrapper[data-spec]>figure,.media-spec-wrapper[data-spec]>img,.media-spec-wrapper[data-spec]>picture,.media-spec-wrapper[data-spec]>video{height:100%;left:0;position:absolute;top:0;width:100%}.media-spec-wrapper[data-spec]>picture>img{width:100%}.nav-link{cursor:pointer}@media screen and (min-width:500px){:root{--content-horizontal-padding:20px;--content-vertical-padding:15px}html{font-size:16px}}@media screen and (min-width:700px){html{font-size:16px}}@media screen and (min-width:830px){:root{--item-gap:12px;--item-horizontal-padding:calc(var(--content-horizontal-padding)*0.8);--item-vertical-padding:calc(var(--content-horizontal-padding)*0.8);--item-count-per-row:2;--item-width:calc((100% - (var(--item-count-per-row) - 1)*var(--item-gap))/var(--item-count-per-row));--text-size:50%}.medium-size{font-size:2rem;letter-spacing:-.02em}.page{padding-top:calc(var(--content-vertical-padding) + 5px)}.about_col:first-of-type{padding-left:0}.icon-left-arrow{--icon-line-width:3px}}@media screen and (min-width:1024px){:root{--content-horizontal-padding:30px}.small-size{font-size:.8rem}html{font-size:17px}}@media screen and (min-width:1200px){:root{--item-vertical-padding:30px;--item-count-per-row:3}}@media screen and (min-width:1700px){:root{--item-count-per-row:4}html{font-size:18px}}@media screen and (min-width:2400px){:root{--item-count-per-row:5}}