.hidden{display:none!important}.bi~span{margin-left:.33em}#top-container{display:flex;flex-direction:row;height:100vh;position:relative}#main-container{flex-grow:1;margin-right:0;position:relative;max-width:1320px}#side-container{width:30%;margin-left:0;background-color:#eee;border-left:1px solid silver;overflow-y:scroll}footer,header,main{padding-left:1em;padding-right:1em}main{padding:1em}.feedback{position:absolute;z-index:999;padding:inherit;left:0;top:0}.vignettes{display:flex;flex-wrap:wrap;justify-content:start;gap:10px}.cover{position:absolute;backdrop-filter:blur(4px);width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:9999;display:flex;align-items:center;justify-content:center;color:#eee}.cover .box{background:#fff;color:#333;border:1px solid rgba(0,0,0,.175);border-radius:.375rem;min-width:300px;min-height:100px}.cover .message{width:100%}.cover .progress{margin-top:1em;width:50vw;max-width:800px}#dlgNoMatch .box .message{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1em}#dlgNoMatch .box img{margin-top:.75em}.good-match{width:100%;max-width:800px;height:auto;overflow:hidden;background-color:#fff;padding:.5em;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(0,0,0,.175);border-radius:.375rem}.good-match h4{color:#444;text-align:center;margin:0;line-height:inherit}.good-match .pictures{position:relative;display:flex;flex-direction:row;margin-top:.5em;margin-bottom:.5em}.good-match .pictures #btnRotate{position:absolute;right:.25em;top:.25em}.good-match .pictures>img{width:100%;object-fit:contain}.good-match .pictures>img#photoTaken{filter:grayscale(1)}.good-match .buttons{display:flex;flex-direction:row;justify-content:center;margin-top:.5em}.good-match .buttons>button{margin-left:.5em;margin-right:.5em}.good-match .osd{font-size:7rem;margin:0;padding:.25rem;line-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame{box-sizing:initial;width:100%!important;height:100%;position:relative;border:1px solid #dee2e6;overflow:hidden}.frame>i{color:#fff;position:absolute;top:0;left:0;margin-left:.25em;font-size:8em}.frame video{width:100%;display:block}.frame img{width:100%}@media only screen and (max-width:480px) and (orientation:portrait),only screen and (max-height:480px) and (orientation:landscape){.no-small-screen{display:none!important}.feedback{margin-top:0!important}.good-match{padding:0;height:100%;width:100%;max-height:inherit;max-width:inherit;background-color:#fff;z-index:9999;border:none;border-radius:0}.good-match .pictures{margin-top:0;margin-bottom:0;background-color:#fff}.frame>i{font-size:4em}footer{display:none!important}}@media only screen and (max-width:480px) and (orientation:portrait){.no-small-screen-portrait{display:none!important}main{padding-left:0;padding-right:0}#top-container{display:flex;flex-direction:column;height:100vh}#main-container{flex-grow:1}#side-container{width:100%;max-height:33%}#dlgNoMatch .box img{max-height:40vh;max-width:90vw}.good-match .pictures{flex-direction:column}.good-match .pictures #btnRotate{top:inherit;bottom:.25em}.good-match .pictures>img{width:100%;max-height:35vh;object-fit:contain}}@media only screen and (max-height:480px) and (orientation:landscape){.no-small-screen-landscape{display:none!important}.modal-dialog{margin-top:0}main{padding-top:0;padding-bottom:0}.frame{width:inherit;height:100%;display:flex;flex-direction:column;align-items:center;border:none}.frame video{width:auto;height:100%;max-height:300px;object-fit:contain}.frame img{width:auto;height:100%;max-height:300px}#dlgNoMatch .box img{max-height:40vh;max-width:90vw}.good-match{flex-direction:column}.good-match .pictures{flex-direction:row}.good-match .pictures>img{width:100%;max-height:60vh;object-fit:contain}}.frame .btn-group{position:absolute;bottom:0;left:0;width:100%;padding:4px}.frame .btn-group.full{bottom:50%}.frame .btn-group button{font-size:150%}.frame .osd{background:#aaa;color:#000;text-align:center;padding:.5em 1em;font-size:150%;position:absolute;top:0;left:0;width:100%}.frame .osd.success{background:#198754;color:#fff}.frame .osd.danger{background:#dc3545;color:#fff}.vignettes-title{background-color:#ddd}.vignettes-title a{color:#666;background-color:#ddd;border-color:#ddd;padding:0 .3em;font-size:150%}.vignettes-title a:hover{background-color:#bbb}ul.vignettes{margin-bottom:0}ul.vignettes img{height:100px}ul.vignettes figure{position:relative;margin:0}ul.vignettes figcaption{position:absolute;left:4px;top:6px;color:#000;font-weight:700;background:#fff}ul.vignettes .delete{position:absolute;right:4px;top:6px}ul.vignettes:empty~.noresult{display:block!important;font-size:90%;font-style:italic}