@font-face{font-family:"Noto Sans";src:url("../assets/fonts/NotoSans-VariableFont_wdth,wght.ttf")}:root{--icon-change-palette: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="rgb(36,41,47)" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7.21.8C7.69.295 8 0 8 0q.164.544.371 1.038c.812 1.946 2.073 3.35 3.197 4.6C12.878 7.096 14 8.345 14 10a6 6 0 0 1-12 0C2 6.668 5.58 2.517 7.21.8m.413 1.021A31 31 0 0 0 5.794 3.99c-.726.95-1.436 2.008-1.96 3.07C3.304 8.133 3 9.138 3 10a5 5 0 0 0 10 0c0-1.201-.796-2.157-2.181-3.7l-.03-.032C9.75 5.11 8.5 3.72 7.623 1.82z"/><path fill-rule="evenodd" d="M4.553 7.776c.82-1.641 1.717-2.753 2.093-3.13l.708.708c-.29.29-1.128 1.311-1.907 2.87z"/></svg>')}html{height:100%;--background-gradient-direction: 90deg}@media(orientation: portrait){html{font-size:12px;--background-gradient-direction: 180deg}}*{box-sizing:border-box}body{position:relative;height:100%;margin:0;background-color:var(--c0);background-image:linear-gradient(var(--background-gradient-direction), transparent 20%, var(--c1) 20%, var(--c1) 40%, var(--c2) 40%, var(--c2) 60%, var(--c3) 60%, var(--c3) 80%, var(--c4) 80%);font-family:"Noto Sans",sans-serif}body>main{height:100%}body>aside{position:fixed;bottom:0;right:10%;display:flex;gap:.5rem;align-items:flex-end}body>aside>.change-palette{transform:translateY(100%);padding:.5rem;background-color:#fff;border-radius:.5rem .5rem 0 0;transition:transform .2s ease-in-out}body>aside>.change-palette.show{transform:translateY(0)}body>aside>.change-palette>input{width:1.5rem;height:1.5rem;padding:0;background-color:rgba(0,0,0,0);background-image:var(--icon-change-palette);background-position:center;background-repeat:no-repeat;background-size:100%;border:none}body>aside>.change-palette>input:hover,body>aside>.change-palette>input:focus{cursor:pointer}body>aside>.bottom-links{transform:translateY(100%);padding:.5rem;background-color:#fff;border-radius:.5rem .5rem 0 0;transition:transform .2s ease-in-out}body>aside>.bottom-links.show{transform:translateY(0)}body>aside>.bottom-links>a{display:block;margin-bottom:.5rem;padding:.2rem;clip-path:circle(closest-side)}body>aside>.bottom-links>a>img{display:block;width:2.25rem;height:2.25rem}