@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;600;700&display=swap";
:root{--color-root:#000;--color-purple:#9162c0;--color-green:#449d5d;--color-amber:#d17724;--color-blue:#3b88e9;--badge-purple-bg:#9162c025;--badge-green-bg:#449d5d25;--badge-amber-bg:#d1772425;--badge-blue-bg:#3b88e925;--color-gray:#888;--color-white:#ededed}*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto Mono,monospace;text-decoration:none;list-style:none}a{color:var(--color-blue)}body{background:var(--color-root)}::-webkit-scrollbar{background:linear-gradient(var(--badge-amber-bg), var(--badge-green-bg));width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--color-amber);border-radius:3px}@keyframes fade-out{0%{opacity:1;transform:scale(1)}10%{opacity:0;transform:scale(0)}to{opacity:0;transform:scale(0)}}@keyframes fade-in{0%{opacity:0;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes descr{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes descr-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}::view-transition-new(image-title){animation:.3s ease-in-out fade-in}::view-transition-old(image-title){animation:.3s ease-out forwards fade-out}::view-transition-new(info-text){animation:.3s ease-out descr}::view-transition-old(info-text){animation:.3s ease-out descr-out}