.navigation{margin:0;padding:0;list-style:none}.navigation h1{margin:0}.navigation>li{display:inline-block;padding-right:1rem;margin-right:1rem}.navigation .button{padding:.4rem .6rem;border-radius:.5rem;background-color:var(--text-color)}.navigation .button,.tag a{color:var(--background-color)}.tag a{text-decoration:none}.small{font-size:1.2rem;line-height:auto}.text--color-light{color:var(--text-color)}.text--color-dark{color:var(--background-color)}html{font-size:62.5%}body{--background-color:#0e302a;--text-color:#f8ff99;font-size:1rem;background-color:var(--background-color)}body:has(input[type=checkbox]:checked){--background-color:#f1f6a5;--text-color:#2b584f}header.mallystodon{display:flex;margin-bottom:2.4rem;justify-content:space-between}.search-form{display:flex;margin-bottom:1.6rem}.search-form--input{color:var(--text-color);flex-grow:1;font-size:2rem;padding:.6rem .8rem;border:.1rem solid var(--text-color);border-radius:.5rem 0 0 .5rem;background:transparent}.search-form--submit{border:none;font-size:1.8rem;font-weight:600;border-radius:0 .5rem .5rem 0}.search-form--submit,.switch{color:var(--background-color);background-color:var(--text-color)}.switch{padding:.6rem;display:inline-flex;border-radius:.3rem;flex-direction:row;align-items:center}.switch input#switch{margin:0 .4rem 0 0;padding:0;width:2.2rem;height:2.2rem}.switch label{font-size:1.4rem}.tags{display:inline-flex;overflow:hidden;list-style:none;margin:0 0 2rem 0;padding:0;box-shadow:inset 0 0 10px #000}.tag,.tags{border-radius:.5rem}.tag{flex-shrink:0;margin:0;padding:0 .6rem;background-color:var(--text-color);color:var(--background-color)}.tag:not(:last-child){margin-right:.5rem}.heading{font-size:2.4rem;margin:0}.heading,a{color:var(--text-color)}a{font-weight:500}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.container{max-width:50rem;margin:0 auto}.toot{border:2px solid var(--text-color);border-radius:.5rem;padding:1rem;margin-bottom:2.4rem;line-height:2rem}.avatar{border-radius:2rem;margin-right:.6rem;outline-color:var(--text-color);outline-style:solid;outline-width:.1rem;outline-offset:.3rem}figure{line-height:1rem;border-radius:.5rem;background-color:var(--text-color);overflow:hidden;margin:0}figcaption{padding:0 .6rem;color:var(--background-color)}.attachment-image{width:100%;height:auto}.medium{font-size:1.6rem;line-height:2.6rem}.large{color:var(--text-color);font-size:2.2rem;line-height:3.2rem}.is-loading{margin:0 auto;display:block;position:absolute;text-align:center;font-weight:600;top:calc(50vh - 6.5rem);left:calc(50% - 6.5rem)}.is-loading,.user-header{color:var(--text-color);font-size:1.6rem}.user-header{display:flex;flex-direction:row;align-items:center}.loading{width:13rem;aspect-ratio:1;position:relative}.loading:after,.loading:before{content:"";position:absolute;border-radius:5rem;box-shadow:0 0 0 .5rem inset var(--text-color);-webkit-animation:loadingCycle 2.5s ease-in-out infinite;animation:loadingCycle 2.5s ease-in-out infinite}.loading:after{-webkit-animation-delay:-1.25s;animation-delay:-1.25s}@-webkit-keyframes loadingCycle{0%{inset:0 7rem 7rem 0}12.5%{inset:0 7rem 0 0}25%{inset:7rem 7rem 0 0}37.5%{inset:7rem 0 0 0}50%{inset:7rem 0 0 7rem}62.5%{inset:0 0 0 7rem}75%{inset:0 0 7rem 7rem}87.5%{inset:0 0 7rem 0}to{inset:0 7rem 7rem 0}}@keyframes loadingCycle{0%{inset:0 7rem 7rem 0}12.5%{inset:0 7rem 0 0}25%{inset:7rem 7rem 0 0}37.5%{inset:7rem 0 0 0}50%{inset:7rem 0 0 7rem}62.5%{inset:0 0 0 7rem}75%{inset:0 0 7rem 7rem}87.5%{inset:0 0 7rem 0}to{inset:0 7rem 7rem 0}}