*{margin:0;padding:0;color:#000}#viewer{width:100%;height:100%}#viewer img{width:100%;height:100%;object-fit:contain}#viewer video{width:100%;height:100%;object-fit:contain}#error{display:flex;width:100%;height:100%;justify-content:center;align-items:center}#auth{display:flex;width:100%;height:100%;justify-content:center;align-items:center}#auth label{display:block;margin-bottom:1rem}#auth #form-error{margin-bottom:1rem;text-align:center;color:var(--color-error)}#auth input{display:block;width:100%;height:2rem;margin-bottom:1rem;padding:.5rem}#auth button{display:block;width:100%;height:2rem;margin-bottom:1rem}#settings{display:flex;width:100%;height:100%;justify-content:center;align-items:center}#settings #settings-text{text-align:center;margin-bottom:1rem}#settings #logout-btn{display:block;width:100%;height:2rem;margin-bottom:1rem}#settings #back-btn{display:block;width:100%;height:2rem;margin-bottom:1rem}#loading{display:flex;width:100%;height:100%;justify-content:center;align-items:center}#loading #p{text-align:center}