@import "https://fonts.googleapis.com/css2?family=Roboto&display=swap";html,body{user-select:none;height:100%}#repo-link{text-align:left;margin-top:2vh}#menu{background-color:var(--background-color);border:1px solid var(--interactive-border-color);border-radius:10px;padding:10px;display:inline-block;position:sticky;top:10px}#spinner-wrapper{justify-content:center;margin-bottom:2vh;display:flex;& #spinner{border:5px solid var(--text-color);box-sizing:border-box;border-bottom-color:#0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;vertical-align:middle;width:16px;height:16px;margin-bottom:3px}#images{padding:10px;& .generated_image{max-width:100%;max-height:100%}}:root{color-scheme:light dark;--background-color:light-dark(#fff,#0f0f0f);--text-color:light-dark(#000,#fff);--secondary-text-color:light-dark(#3f3f3f,silver);--disabled-text-color:light-dark(#9a9a9a,#bdbdbd);--interactive-background-color:light-dark(#eaeaea,#1f1f1f);--interactive-border-color:light-dark(#a3a3a3,#333);--interactive-focus-border-color:light-dark(#333,#a3a3a3);--hover-background:light-dark(#e0e0e0,#383838);--active-button-background-color:light-dark(#b9b9b9,#181818);--link-color:light-dark(#3838d2,orange)}html,body{background-color:var(--background-color);color:var(--text-color);font-family:Roboto,sans-serif}a{color:var(--link-color);text-decoration:none;&:hover{cursor:pointer;text-decoration:underline}}button:hover,select:hover{cursor:pointer;background-color:var(--hover-background)}button,input,select{background-color:var(--interactive-background-color);color:var(--text-color);border:1px solid var(--interactive-border-color);border-radius:5px;padding:5px;&:focus{border:1px solid var(--interactive-focus-border-color);outline:none}&:disabled{cursor:not-allowed;color:var(--disabled-text-color)}}button{padding:5px 10px;&:active:not(:disabled){background-color:var(--active-button-background-color)}}input[type=checkbox]{vertical-align:middle;appearance:none;width:15px;height:15px;&:hover:not(:disabled){cursor:pointer;background-color:var(--hover-background)}&:checked:before{content:"✓";position:relative;top:-9px;left:-3px}}.text-center{text-align:center}.hidden{visibility:hidden}.container{margin-left:3vw;margin-right:3vw}.margin-bottom{margin-bottom:1vh}.margin-top{margin-top:1vh}.no-select{user-select:none}