body{--flag-border-color:#333;--item-background-color:#d9d9f0}#__next{min-height:100vh;-moz-box-orient:vertical;-moz-box-direction:normal;flex-flow:column nowrap}#__next,.main{display:-moz-box;display:flex}.main{margin:auto;max-width:960px;-moz-box-flex:1;flex:1 0 auto;padding:.5rem}.canvas{position:relative;-moz-box-flex:0;flex:0 0 auto}@media (orientation:portrait){.main{-moz-box-orient:vertical;-moz-box-direction:normal;flex-flow:column nowrap}.canvas{margin:auto auto .5rem}}@media (orientation:landscape){.main{-moz-box-orient:horizontal;-moz-box-direction:reverse;flex-flow:row-reverse nowrap;width:100%}.canvas{align-self:flex-start;max-width:50%;margin-left:.5rem;position:sticky;top:.5rem}}.hint{display:inline;background:#fff;border:1px solid #999;margin:0;padding:3em;opacity:.8;position:absolute;top:43%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);pointer-events:none;text-align:center}.query{margin-left:auto;margin-right:auto;display:block;-webkit-object-fit:contain;object-fit:contain;max-width:100%;max-height:60vh}.results{position:relative;-moz-box-flex:1;flex:1 1 auto}.items{padding:0;width:100%}.item-card{margin:0 0 .5rem}.item{display:-moz-box;display:flex;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-flow:row nowrap}.item .flag{-moz-box-flex:0;flex:0 0 auto;width:40%;text-align:center}.flag img{border:1px solid var(--flag-border-color);max-width:100%;max-height:8rem;width:auto;height:auto}.flag img[data-a2=NP]{border:0 transparent}.item .info{-moz-box-flex:1;flex:1 1 auto;margin-left:1rem;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-flow:column nowrap}.item .info .name{margin:0;font-size:1.5rem;-moz-box-flex:0;flex:0 0 auto}.item .info .iso-info{-moz-box-flex:1;flex:1 1 auto}.item .info .progress-bar{-moz-box-flex:0;flex:0 0 auto}.loading{width:90%;margin:auto;position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.results-enter .loading{opacity:1}.results-enter-active .loading{opacity:0;-webkit-transition:opacity .1s;-moz-transition:opacity .1s;transition:opacity .1s}.results-enter-done .loading{display:none}.loading .progress-bar{-webkit-transition:width 0s ease;-moz-transition:width 0s ease;transition:width 0s ease}.results-enter .items{opacity:0}.results-enter-active .items{opacity:1;-webkit-transition:opacity .1s;-moz-transition:opacity .1s;transition:opacity .1s}.results-enter-done .items{opacity:1}.pp{border:1px solid #333;padding:.5rem;height:10rem;overflow-y:scroll}.pp h6{margin-top:.8rem}.pp p{font-size:.8rem;margin:0}