body,html{user-select:none;margin:0;font-family:system-ui,sans-serif;font-size:1pc}body{position:fixed;top:0;left:0;right:0;bottom:0;margin:2em;display:flex;flex-direction:column}hr{height:.5em;color:transparent;border-style:none}img{display:block;max-width:calc(100% - 2em);max-height:calc(100% - 2em);margin:1em auto}button,input[type=button]{font-size:1pc;background-color:#bee2ee;padding:.5em;border:1px solid gray;border-radius:.5em;margin:.2em;box-shadow:2px 2px 5px silver}button:active{transform:translate(2px,2px);box-shadow:0 0 5px silver}button:disabled{pointer-events:none}.downloader,div.app{display:flex;flex-direction:column;flex:auto;overflow:hidden}.image-and-buttons{flex:auto;justify-content:center;align-items:center;display:flex;flex-direction:column;overflow:auto;position:relative}.preview-img-container{width:100%;display:flex;align-items:center;flex:1;overflow:hidden}#previewImg{border:1px solid #c7c7d5;border-radius:.5em}.footer-container{flex-shrink:0}footer{text-align:center;font-size:small;color:#222;margin:1em}.popup{background-color:rgba(0,0,0,.2);position:fixed;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center}.popup main>:first-child{margin-top:0}.popup h4,.popup p{margin-top:.4em;margin-bottom:.4em}.popup>*{border:2px solid gray;border-radius:10px;background-color:#fff;max-width:100vw;margin:2em 1em;max-height:calc(100vh - 8em);display:flex;flex-direction:column;overflow:hidden}.popup>*>header{margin:0;padding:1em;border-bottom:1px solid #000}.popup>*>main{margin:1em 1em 0;overflow:auto}.popup>*>footer{margin:1em}.close-button{color:red}.hidden{display:none}html{background-color:gray}body{background-color:#fff;margin:auto;max-width:50pc;box-shadow:1px 1px 10px gray}.searches button{padding:1em}@media(max-width:480px){.searches button,button{padding:.5em;font-size:15px}}@media (prefers-color-scheme:dark){:root{--dark-background-color:#333;--lessdark-background-color:#333}html{background-color:var(--dark-background-color)}body{box-shadow:1px 1px 10px #000;box-shadow:none;color:#ddd;background-color:var(--lessdark-background-color)}button{background-color:#344350;color:#ccc;box-shadow:2px 2px 5px #000}button:active{transform:translate(2px,2px);box-shadow:0 0 5px #000}button:disabled{color:#666771}footer{color:#aaa}.popup{background-color:rgba(0,0,0,.8)}.popup>*{background-color:#333}.popup a{color:#ddd}.popup header{border-bottom-color:#fff}.popup a.close-button{color:#b96363}#previewImg{border-color:#222}}