body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.app,body,html{background-color:#151515;height:100%;margin:0;padding:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#666;border-radius:5px}.toggler{background-color:#1e1e1e;border:1px solid #5c5c5c;border-radius:8px;color:#bbb;cursor:pointer;font-family:inherit;font-size:1em;font-weight:500;padding:.6em 1.2em;position:absolute;right:1em;top:1em;transition:border-color .25s;z-index:3}.app{height:100%}.background{height:100%}.App-header,.background{background-color:#282c34;width:100%}.App-header{color:#fff;min-height:100vh}.App-header,.login-container{align-items:center;display:flex;justify-content:center}.login-container{background:url(../../static/media/background.92bef85d1be0780da697.png);background-size:cover;color:#f0f8ff;height:100%;margin:auto;padding:0;width:100%}.container-wrapper{background-color:#555;border:2px solid #999;border-radius:10px;flex-direction:row;max-width:700px}.container-wrapper,.login-form{align-items:center;display:flex;font-size:large;font-weight:700;padding:2em}.login-form{flex-direction:column;height:30%;justify-content:center;width:30%}.login-inputs{align-items:center;display:flex;flex-direction:column;gap:.5em;margin:2em;padding:2em;width:80%}.login-inputs input{background-color:#ddd;border-radius:8px;height:20px;width:80%}.profile-preview{align-items:center;display:flex;flex-direction:column;justify-content:center;width:30%}.profile-preview img{border:1px solid #fff;border-radius:50%;max-width:300px}.login-button,.sign-button{background-color:#555;border-radius:8px;color:#f0f8ff;font-size:15px;font-weight:700;height:3em;margin-top:20px;width:7em}.sign-button{padding:.8em;transition:.3s ease}.login-button:hover,.sign-button:hover{transform:scale(1.05)}.game-page-container{display:flex;justify-content:center;width:100%}.toaster{background-color:#333;border-radius:5px;bottom:-300px;color:#fff;left:50%;padding:10px;position:fixed;transform:translateX(-50%);transition:bottom .3s ease-in-out}.toaster.show{bottom:20px}.card{max-width:20em}.icons-div{display:flex;flex-direction:row;justify-content:flex-end;margin-top:3px;width:95%}.back-home i{font-size:20px;margin-top:13px;text-align:center}.home-wrapper{justify-content:center}.game-dash,.home-wrapper{align-items:center;display:flex;position:relative}.game-dash{align-content:flex-start;background-color:#2a2a2a;border-radius:8px;flex-direction:column;gap:7px;margin:10px;min-height:300px;overflow:hidden;padding:2rem 1rem;transition:.4s ease;width:60%}.game-content{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;width:100%}.comment-section{background-color:#343434;border-radius:10px;flex-direction:column;margin-top:2em;min-height:20%;width:90%}.comment-input,.comment-section{align-items:center;display:flex;justify-content:flex-start;padding:1em}.comment-input{background-color:#424242;border:1px solid #999;border-radius:10px;flex-direction:row;gap:1em;min-height:75px;overflow:hidden;position:relative;width:95%}.comment-input img{aspect-ratio:1/1;border-radius:50%;width:5em}.text-input{align-self:flex-start;display:flex;flex-direction:column;width:100%}.comment-input input{background-color:#393939;border:1px solid #a0a0a0;border-radius:10px;color:#fff;margin-bottom:1.2em;padding:.3em}.comment-input button{background-color:#3f3e3e;border:1px solid #ababab;border-radius:10px;bottom:.5em;color:#fff;padding:.3em 1.5em;position:absolute;right:1.3em}.comment-input button:hover{cursor:pointer}.comment-input button:active{transform:scale(.95)}.comments{align-self:flex-start}.comment{align-items:center;border-radius:10px;display:flex;flex-direction:row;gap:1em;justify-content:flex-start;min-height:100px;overflow:hidden;padding:1em;width:95%}.comment-icon img{aspect-ratio:1/1;border-radius:50%;cursor:pointer;width:5em}.comment-data label{font-weight:700}.container{color:#f0f8ff;display:flex;flex-direction:row;height:100%;justify-content:space-between;width:100%}.main,.side-menu{margin:10px;text-align:center}.main{display:flex;flex-direction:column;font-size:30px;justify-content:flex-start;min-height:20%;position:relative;text-align:center;transition:.5s ease;width:100%}.main,.side-menu{background-color:#191919;border-radius:20px;margin-bottom:15px}.side-menu{display:block;margin-right:10px;transition:width .5s;width:0}.menu-content{height:100%;width:100%}.main-container{border-radius:20px;flex-direction:column;font-size:30px;min-height:20%;text-align:center}.games-container,.main-container{display:flex;justify-content:center}.games-container{flex-direction:row;flex-wrap:wrap;font-size:large;margin-bottom:20px;max-width:100%;overflow-x:auto}.item{aspect-ratio:9/12;background-color:#2a2a2a;border-radius:8px;display:flex;flex-direction:column;gap:.4em;justify-content:center;margin:10px;min-height:320px;overflow:hidden;padding:1.2rem 1rem;position:relative;transition:.4s ease;width:12em}.item:hover{box-shadow:0 2px 4px #0006,0 7px 13px -3px #0000004d,inset 0 -3px 0 #0003;cursor:pointer;transform:scale(1.05)}.item:before{background:#fff;bottom:-100px;content:"";height:600px;opacity:.1;position:absolute;right:400px;transform:rotate(37deg);transition:all .5s;width:50px}.item:hover:before{right:-220px}.loading-card{animation:blinking .6s infinite alternate;background-color:#555;border-radius:8px;cursor:pointer;margin:10px;min-height:300px;overflow:hidden;padding:2rem 1rem;position:relative;width:12em}.loading-card:before{animation:reflection 1s ease infinite;background:#fff;bottom:-100px;content:"";height:600px;opacity:.3;position:absolute;right:400px;transform:rotate(37deg);transition:all .3s;width:50px}.loading-card:hover:before{right:-220px}a{color:inherit;text-decoration:none}.card a{color:#fff}.card{aspect-ratio:9/12;border:5px solid #fff;border-radius:1rem;margin:0 5%;overflow:hidden;position:relative;width:90%}.card:hover{z-index:100}.card-title{margin:5px}.card-media{height:100%;object-fit:cover;object-position:center;width:100%}.title-row{height:15%}.card-row{height:auto}.icons-row{display:flex;flex-direction:row;height:10%;justify-content:flex-end;margin-top:3px;width:95%}.form-wrapper{background-color:#282828;border:1px solid #777;border-radius:10px;flex-direction:row;justify-content:center;padding:2em;position:relative}.form-input,.form-wrapper{align-items:center;display:flex;gap:1em}.form-input{flex-direction:column}.form-input input{background-color:#4c4c4c;border:5px solid #4c4c4c;border-radius:8px;color:#fff}.game-preview

.close-button{border-radius:50%;padding:5px 10px;position:absolute;right:10px;top:10px}.close-button:hover{background:#555;cursor:pointer}.submit{background-color:#3e3e3e}.delete-games-form-wrapper{background-color:#282828;border:1px solid #777;flex-direction:row;height:600px;justify-content:center;overflow:scroll;padding:3em;position:relative;width:440px}.delete-games-form-wrapper,.game-item{align-items:center;border-radius:10px;display:flex;flex-wrap:wrap;gap:1em}.game-item{background-color:#212121;color:#fff;cursor:pointer;flex-direction:column;font-size:15px;height:200px;justify-content:flex-start;padding:1em;width:100px}.delete-select{border:4px solid #ca3e3e}.game-item img{aspect-ratio:9/12;border-radius:10%;max-height:100px}.delete-game-button{background-color:#a71d1d;border:none;border-radius:5px;bottom:30px;color:#fff;cursor:pointer;left:48%;margin-top:10px;padding:1em;position:absolute;right:48%}.delete-game-button:active{background-color:#741010}.button-menu{bottom:-10px;display:flex;flex-direction:row-reverse;padding:1em;position:absolute;right:-10px}.action-button{background-color:#9b2324;border:none;border-radius:50%;color:#fff;height:5em;margin:5px;transition:.4s ease;width:5em}.action-button:hover{box-shadow:1px 1px 25px #921a1a;transform:scale(1.1)}.action-button:active{background-color:#7d2525;box-shadow:inset 1px 1px 1px #111;transform:scale(1.06)}.action-button i{font-size:20px}.menu{display:flex;flex-direction:column;justify-content:center;padding:3em}.hover-container{border-radius:50%;min-width:10em;overflow:hidden}.hover-container,.icon-container{cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative}.icon{aspect-ratio:1/1;border:2px solid #999;border-radius:50%;overflow:hidden}.hover-container:before{background:#000;content:"";height:300px;opacity:0;position:absolute;right:0;top:0;transition:1s ease;width:300px;z-index:1}.hover-container:hover:before{opacity:.4}.fa-pen{bottom:10px;font-size:1.2em;opacity:0;position:absolute;right:20px;transition:.3s ease}.icon-container:hover .fa-pen{opacity:1}.loading-icon{animation:blinking .6s infinite alternate;aspect-ratio:1/1;background-color:#555;border-radius:50%;cursor:pointer;overflow:hidden;position:relative}.loading-icon:before{animation:reflection 1.3s ease infinite;background:#fff;bottom:-100px;content:"";height:600px;opacity:.3;position:absolute;right:400px;transform:rotate(37deg);transition:all .3s;width:20px}.loading-icon::hover:before{right:-220px}.menu-button-content{align-items:center;display:flex;flex-direction:column;gap:1em;height:100%;justify-content:center}.menu-button-content button{background-color:#2e2e2e;border:1px solid #434343;font-weight:bolder;padding:.8em;transition:.3s ease}.user-buttons{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap}.action-buttons{background-color:#9999992d;border:1px solid #999;border-radius:5px;color:#f0f8ff;cursor:pointer;list-style-type:none;margin:.5em 0;padding:10px;transition:.3s ease;width:100px}.action-buttons:hover{transform:scale(1.05)}.action-buttons:active{transform:scale(.95)}@keyframes blinking{0%{opacity:.5}to{opacity:1}}@keyframes reflection{0%{right:400px}50%{right:-220px}51%{right:400px}69%{right:-220px}70%{opacity:0;right:400px}}.game-form{align-items:center;background-color:#000000b3;display:none;font-size:.7em;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s;width:100%;z-index:1}.game-form.show{display:flex}.icon-form-wrapper{border:1px solid #777;flex-direction:row}.form-content,.icon-form-wrapper{align-items:center;background-color:#444;border-radius:10px;display:flex;gap:1em;justify-content:center;padding:3em;position:relative}.form-content{flex-direction:column}.form-content input{background-color:#777;border:5px solid #777;border-radius:8px;color:#fff}.icon-preview{border-radius:50%;margin:50px}.icon-preview img{aspect-ratio:1/1;border-radius:50%;max-height:300px}.back-home{align-items:center;border-radius:50%;color:#fff;height:50px;overflow:hidden;width:50px}.back-home,.back-home:hover{left:10px;position:absolute;top:10px}.back-home:hover{cursor:pointer}.back-home:before{background:#fff;content:"";height:200px;opacity:0;padding:1em;position:absolute;transition:.5s ease;width:200px;z-index:1}.back-home:hover:before{opacity:.2}.profile-dash{align-items:center;aspect-ratio:9/12;background-color:#2a2a2a;border-radius:8px;color:#fff;display:flex;flex-direction:column;gap:7px;justify-content:flex-start;margin:20px 0;padding:2rem 1rem;position:relative;width:50%}.user-section{width:100%}.section-text{font-size:25px;font-weight:bolde}.profile-content{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;width:100%}.profile-content,.profile-icon{position:relative;transition:.4s ease}.profile-icon{aspect-ratio:1/1;border:3px solid #999;border-radius:50%;max-width:40%}.profile-icon:before{background:#000;content:"";cursor:pointer;height:600px;opacity:0;position:absolute;right:0;top:0;transition:all .3s;width:500px;z-index:1}.profile-icon::hover:before{opacity:1}.user-text{display:flex;flex-direction:column;font-size:30px;font-weight:bolder;height:5%;justify-content:flex-start;text-align:center}.profile-content span{color:#999;font-size:15px;font-weight:light;line-height:25px}.current-game-section{align-items:center;display:flex;flex-direction:column;margin-top:5%;width:100%}.current-playing{align-items:center;background-color:#262626;border:1px solid #999;border-radius:15px;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;max-height:5em;min-height:80px;overflow:hidden;padding:1em;position:relative;width:90%}.disc{animation:rotating 1s linear infinite both;font-size:20px}.edit{cursor:pointer;position:absolute;right:1em;top:1em;transition:.4 ease}.current-playing img{border-radius:10px;max-width:100px}.favorite-games-section{align-items:center;display:flex;flex-direction:column;margin-top:5%;width:90%}.favorite-games{background-color:#262626;border:1px solid #999;border-radius:15px;flex-direction:row;flex-wrap:wrap;padding:1em;width:100%}.favorite-cards,.favorite-games{display:flex;justify-content:center;position:relative}.favorite-cards{aspect-ratio:9/12;background-color:#959595;border-radius:8px;flex-direction:column;gap:.4em;margin:10px;min-height:100px;overflow:hidden;padding:1.2rem 1rem;transition:.4s ease;width:12em}@keyframes rotating{0%{transform:rotate(0)}0%{transform:rotate(-1turn)}}.empty{max-width:300px;opacity:.2}input[type=checkbox]{padding:10px;transform:scale(2)}.current-game-form{align-items:center;background-color:#000000b3;display:none;font-size:.7em;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s;width:100%;z-index:1}.current-game-form.show{display:flex}.close{align-self:flex-end;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.games-form-wrapper{background-color:#282828;border:1px solid #777;flex-direction:column;height:600px;overflow:scroll;padding:3em;position:relative;width:400px}.game-checkbox,.games-form-wrapper{align-items:center;border-radius:10px;display:flex;gap:1em;justify-content:flex-start}.game-checkbox{background-color:#212121;color:#fff;cursor:pointer;flex-direction:row;flex-wrap:nowrap;font-size:20px;padding:1em;width:90%}.game-selected{border:4px solid #3e82ca}.game-checkbox img{border-radius:10%;max-height:100px}.close-button{aspect-ratio:1/1;border-radius:50%;padding:2px 7px;position:absolute;right:10px;top:10px}.close-button:hover i{background:#555;cursor:pointer}.submit{background-color:#777;border:2px solid #aaa;border-radius:8px;color:#fff;cursor:pointer;height:2.5em;width:50%}.submit:active{transform:scale(.98)}.current-game-button{background-color:#1d54a7;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:1em}.current-game-button:active{background-color:#103874}
/*# sourceMappingURL=main.5f6c1868.css.map*/