.footer{max-width:1200px;width:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center;margin-top:12px;margin-bottom:8px;color:#bbb}.footer>*{margin-inline:16px;display:flex;align-items:center;justify-content:center}.footer svg{fill:currentColor;width:32px;height:32px;margin-right:4px}body.debug>div{outline:1px solid #f00}body.debug>*>div{outline:1px solid #fa0}body.debug>*>*>div{outline:1px solid #0f0}body.debug>*>*>*>div{outline:1px solid #0af}body.debug>*>*>*>*>div{outline:1px solid #d0f}body.debug>*>*>*>*>*>div{outline:1px solid #f00}body.debug>*>*>*>*>*>*>div{outline:1px solid #fa0}body.debug>*>*>*>*>*>*>*>div{outline:1px solid #0f0}body.debug>*>*>*>*>*>*>*>*>div{outline:1px solid #0af}body.debug>*>*>*>*>*>*>*>*>*>div{outline:1px solid #d0f}.loading :not(.loading){opacity:0!important;pointer-events:none!important}.loading .loading{opacity:.25}.loading{color:transparent;pointer-events:none!important}.loading:nth-child(1n){animation:Loading 2.5s ease-in-out infinite}.loading:nth-child(2n){animation:Loading 2.5s -1.25s ease-in-out infinite}.loading:nth-child(3n){animation:Loading 2.5s -1s ease-in-out infinite}.loading:nth-child(4n){animation:Loading 2.5s -.75s ease-in-out infinite}.loading:nth-child(5n){animation:Loading 2.5s -.5s ease-in-out infinite}.loading:nth-child(6n){animation:Loading 2.5s -.25s ease-in-out infinite}.loading:nth-child(7n){animation:Loading 2.5s ease-in-out infinite}@keyframes Loading{0%{background-color:#09131d88}50%{background-color:#09131d44}100%{background-color:#09131d88}}.card{position:relative;width:232px;height:352px;padding:4px;margin:12px;border-radius:4px;overflow:hidden;text-align:center;flex-shrink:0;background-color:#09131d66}.card>.img{width:225px;height:319px;border-radius:3px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all 80ms ease-in-out;position:relative}.card:hover>.img{height:274px}.card.active>.img{height:138px}.card.active.complete>.img{height:64px}@media only screen and (max-width:600px) and (min-width:340px){.card{width:282px;height:428px}.card>.img{width:274px;height:394px}.card:hover>.img{height:363px}.card.active>.img{height:220px}.card.active.complete>.img{height:64px}}.card>.img>img{width:101%;height:auto;pointer-events:none;flex-shrink:0;transition:opacity .1s ease-in-out;position:relative}.card>.img>img.filler{position:absolute;filter:blur(32px)}.data{position:relative;z-index:1}.card.active.complete .data{overflow-y:scroll;height:100%}.card.active.complete .data::-webkit-scrollbar{display:none}.card .title{font-size:14px;margin-block:4px;transition:all 80ms ease-in-out}.card.active .title{font-size:18px;margin-block:8px}.card .title>small{font-weight:lighter}.card .bar{width:100%;height:4px}.card .genres{margin-block:8px;display:flex;flex-wrap:wrap;justify-content:center}.card .genres>small{margin:4px 4px 0 0;padding:2px 6px;background-color:#0001}.card .genres>small{margin:4px 4px 0 0;padding:2px 6px;background-color:#35567766}.card .entry-score{width:100%;padding:8px;margin-bottom:12px}.card .toggle-save{position:absolute;z-index:2;top:8px;left:8px;border-radius:3px}.card .scores{text-align:initial;margin-inline:auto;width:100%;padding-bottom:4px}.card .user-reco{display:flex;max-width:100%;overflow-x:hidden}.card .user-reco span{padding:4px}.card .user-reco span:nth-child(3){max-width:120px;text-overflow:ellipsis}.card .user-reco:nth-child(2n){background-color:#ffffff05}.card .user-reco span:first-child,.card .user-reco span:nth-child(2){width:40px}.card .user-reco span:nth-child(2){font-weight:700;text-align:center}.card .user-reco span:first-child small{opacity:.6}.card button *{pointer-events:none}[data-score="10"]{background-color:#25aa00}[data-score="9"]{background-color:#00921d}[data-score="8"]{background-color:#0b7b73}[data-score="7"]{background-color:#1e69a5}[data-score="6"]{background-color:#d3a800}[data-score="5"]{background-color:#aa4f00}[data-score="1"],[data-score="2"],[data-score="3"],[data-score="4"]{background-color:#a03}.login-container{margin-block:64px!important}.login-container h2{margin-bottom:12px;text-align:center}.login{position:relative;overflow:hidden;padding:32px;padding-top:18px;border-radius:4px;display:block;color:#eee}.login-background{width:119px;position:absolute;bottom:-19px;right:0;fill:#09131da0;outline:#09131da0 800px solid;z-index:-1}.login.error label{color:#ff5d5d}.login label{font-size:18px}.login .winput-wrapper{display:flex;width:calc(100% - 80px)}@media only screen and (max-width:600px){.login-background{width:92px;bottom:-8px;top:auto}.login .winput-wrapper{width:calc(100% - 41px)}}.login .winput-wrapper>button{width:32px}.login .winput>input{width:100%;background:0 0;color:#eee;border:2px solid #eeea;border-radius:4px;outline:0;font-size:22px;padding:4px;z-index:1;position:relative}.login.error .winput>input{border:2px solid #ff5d5daa}.login .winput{position:relative;width:100%}.login.wloading .winput::before{content:'';position:absolute;z-index:0;top:0;left:0;margin:4px;border-radius:2px;box-sizing:border-box;width:0;height:calc(100% - 8px);pointer-events:none;background-color:#133a64;animation:Connect 1.5s ease-in forwards}@keyframes Connect{0%{width:0%}100%{width:calc(100% - 8px)}}header{width:100%;position:fixed;top:0;left:0;z-index:9;background-color:#09131de5}.header{min-height:52px;display:flex;align-items:center;justify-content:center}.header>*{text-decoration:none;display:flex;justify-content:center}.header>a{margin-inline:auto;margin-top:-4px}.header>a *{pointer-events:none}.header>div:not(.savedbar){min-width:120px}.header .logo{height:38px;fill:currentColor}.header .logo-text h3{font-weight:300}.header .logo-text h4{font-size:13px}.header .offline{position:fixed;top:52px;left:0;width:100%;height:2.5rem;display:flex;justify-content:space-around;align-items:center;background-color:#ff5d5d;z-index:2;color:#333}.savedbar{position:fixed;width:100%;height:0;z-index:2}.savedbar+.close{position:fixed;top:0;left:0;width:0;height:0;background-color:#0f1d2a8f}.savedbar.active+.close{width:100%;height:100%;z-index:1}.savedbar>div{overflow-y:scroll;background-color:#09131de5;margin-top:48px;margin-left:16px;border:transparent solid 0;border-radius:4px;height:0;width:calc(100% - 32px);overflow:hidden;transition:all .2s ease-in-out}.savedbar.active>div{height:calc(100vh - 96px);max-height:calc(100vh - 96px);height:fit-content;padding-bottom:16px;border:transparent solid 2px;overflow:auto}.savedbar .heading{padding:16px;padding-top:32px;text-align:center}.savedbar .entries{display:flex;flex-wrap:wrap;justify-content:center}.savedbar::-webkit-scrollbar,.savedbar>div::-webkit-scrollbar{display:none}.preview{margin-block:64px!important}.preview>h2,.preview>p{text-align:center}.preview>p{padding-block:16px}.preview .imgs{display:flex;overflow:scroll;padding-block:16px}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.2;filter:blur(2px);display:flex;align-items:center;justify-content:center}.background>img{width:100%;height:auto}@media only screen and (max-aspect-ratio:3/2){.background>img{width:auto;height:100%}}.text-section{max-width:min(830px,95%);width:100%;overflow-x:hidden;margin-inline:auto}.text-section hr{color:#fff4;margin-block:16px}.text-section .block{margin-block:48px}.text{padding:32px;padding-bottom:32px;border-radius:4px;color:#fff;background-color:#0c1a2866}.text p{margin-block:1rem}.text ul{padding-left:2rem;list-style:circle}.text ul li{margin-top:1rem}.text ul.small li{margin-top:.5rem;font-size:1rem}.text-section .inline-pre,.text-section pre{background-color:#0003;font-size:1rem;padding:1rem;border-radius:.5rem;overflow-x:auto}.text-section pre.code{padding:0}.text-section .inline-pre,.text-section pre.inline{padding:4px 8px;margin:0 2px;display:inline}.text-section .inline-pre{font-family:monospace}.text-section span.blue,.text-section span.green,.text-section span.red{padding:.1rem .5rem;border-radius:2px;background-color:#3a99ffa8}.text-section span.green{background-color:#6dd53ebf}.text-section span.red{background-color:#d53e77bf}.text-section small{opacity:.9}.text-section .sub-title{margin-block:8px}.text-section .res-code{display:inline-block;margin-block:8px}body,html{width:100%}body{color:#fff;background:#151e29;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit}button{border:none;outline:0;background:0 0;cursor:pointer}button:disabled{cursor:not-allowed}#root,.header,.savedbar>div{max-width:1648px;margin-inline:auto!important}.center-center{display:flex;align-items:center;justify-content:center}.max-65{max-width:min(830px,95%);width:100%;margin-inline:auto}.lighter{font-weight:300}.transparent{opacity:.5}svg.red{fill:#ff5d5d}svg.yellow{fill:#ffc486}svg.blue{fill:#5dbfff}svg.orange{fill:#ffa45e}svg.light{fill:#ffdb95;filter:drop-shadow(0 0 2px #ffe7c0)}svg.black{fill:#333}svg.white{fill:#fff}.dot{text-align:center;width:16px;height:16px;font-size:12px;line-height:14px;border-radius:2px;pointer-events:none}.dot.yellow{background-color:#ffc486;color:#333}::-webkit-scrollbar{background:0 0;width:6px;height:0}::-webkit-scrollbar-thumb{background-color:#0e1b28;border-right:3px solid #132536;border-radius:1px}::-webkit-scrollbar-track{background:0 0}:focus{-webkit-tap-highlight-color:transparent;outline:0;-ms-touch-action:manipulation;touch-action:manipulation}.usr-ph{height:360px}.pagination{padding:4px;max-width:80px;margin-left:auto;display:flex;align-items:center}.pagination>*{width:100%;text-align:center}.pagination>.next,.pagination>.previous{width:32px;cursor:pointer}.pagination>.disabled{opacity:.5;pointer-events:none}.main{display:flex;min-height:100vh}.toggle{position:sticky;top:0;height:100vh;padding:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;overflow:hidden;opacity:.5}.toggle:hover{opacity:1}.content{padding-top:64px;padding-bottom:32px;width:100%}.content.home>:not(.content.home>:first-child){margin-block:22px}.content.recommendations{display:flex;padding-top:0;padding-bottom:0}.content.recommendations .sidebar,.content.recommendations .wrapper{padding-top:64px;padding-bottom:32px}.sidebar{position:sticky;top:0;height:100vh;width:95%;flex-shrink:0.7;overflow:hidden;max-width:0;transition:all 180ms ease-in-out}.sidebar:hover:not(.active),.toggle:hover~.sidebar:not(.active){overflow:auto;max-width:260px;padding-right:12px}.sidebar.active{overflow:auto;max-width:332px;padding-right:12px}.sidebar .data{padding-top:8px}.sidebar .data>div{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding-left:10px}.sidebar .data>div:nth-child(2n){background-color:#ffffff05}.sidebar .data>div>span{padding:16px}.sidebar .all-users{padding:16px}.sidebar .data>div:hover{background-color:#09131d22}.sidebar .data>div.active{background-color:#09131de5}.content .description .title{margin-left:16px}.content .pagination{margin-right:16px}.sidebar .description .title{margin-left:10px}.description{display:flex;justify-content:space-between;margin-bottom:16px}.description .pagination{margin-left:0;flex-shrink:0;width:100%}.wrapper{width:100%}.wrapper>.data{max-width:1279px;display:flex;align-items:center;justify-content:center;margin-inline:auto;flex-wrap:wrap}@media only screen and (max-width:600px){.content{max-width:100vw;overflow-x:hidden}.sidebar{width:95%;flex-shrink:0.7;overflow:hidden;max-width:0;transition:all 180ms ease-in-out}.toggle{padding:6px;position:fixed;z-index:8}.sidebar:hover:not(.active),.toggle:hover~.sidebar:not(.active){overflow:hidden;max-width:0;padding-right:0}.sidebar.active{overflow:auto;max-width:100vw;flex-shrink:0;padding-right:22px;padding-left:22px;width:100%}.sidebar.active~.wrapper{max-height:100vh;overflow:hidden}}@media only screen and (min-width:1400px){.toggle{display:none}}.hljs{background:#1e1e1e;color:#dcdcdc}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-symbol{color:#569cd6}.hljs-link{color:#569cd6;text-decoration:underline}.hljs-built_in,.hljs-type{color:#4ec9b0}.hljs-class,.hljs-number{color:#b8d7a3}.hljs-meta .hljs-string,.hljs-string{color:#d69d85}.hljs-regexp,.hljs-template-tag{color:#9a5334}.hljs-formula,.hljs-function,.hljs-params,.hljs-subst,.hljs-title{color:#dcdcdc}.hljs-comment,.hljs-quote{color:#57a64a;font-style:italic}.hljs-doctag{color:#608b4e}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-tag{color:#9b9b9b}.hljs-template-variable,.hljs-variable{color:#bd63c5}.hljs-attr,.hljs-attribute{color:#9cdcfe}.hljs-section{color:gold}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-bullet,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{color:#d7ba7d}.hljs-addition{background-color:#144212;display:inline-block;width:100%}.hljs-deletion{background-color:#600;display:inline-block;width:100%}