#auth{display:flex;align-items:center;min-width:100vw;min-height:100vh;padding:20px;box-sizing:border-box;position:relative;overflow-x:hidden;overflow-y:hidden;background-image:linear-gradient(41deg,#6b6b6b0a,#6b6b6b0a 8%,#1f1f1f0a 8%,#1f1f1f0a),linear-gradient(9deg,#e4e4e40a,#e4e4e40a 62%,#3636360a 62%,#3636360a),linear-gradient(124deg,#1212120a,#1212120a 37%,#e9e9e90a 37%,#e9e9e90a),linear-gradient(253deg,#c9c9c90a,#c9c9c90a 55%,#2f2f2f0a 55%,#2f2f2f0a),linear-gradient(270deg,#acacac0a,#acacac0a 33%,#1a1a1a0a 33%,#1a1a1a0a),linear-gradient(64deg,#0b0b0b0a,#0b0b0b0a 38%,#5757570a 38%,#5757570a),linear-gradient(347deg,#c7c7c70a,#c7c7c70a 69%,#0404040a 69%,#0404040a),linear-gradient(313deg,#2424240a,#2424240a 20%,#5b5b5b0a 20%,#5b5b5b0a),linear-gradient(90deg,#0a1148,#000566)}@media (max-width: 768px){#auth{justify-content:center;flex-direction:column-reverse;padding:10px}}#background-image{display:block;position:absolute;width:100%;height:100%;object-fit:cover;z-index:0;clip-path:polygon(40% 0%,100% 0,100% 100%,0 100%)}@media (max-width: 768px){#background-image{width:1920px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}#description{max-width:700px;z-index:1}#website-title{font-size:5rem;color:var(--primary-color);margin-bottom:10px;text-shadow:0px 0px 20px #000000,0px 0px 20px #000000;letter-spacing:-1px;font-weight:1000}@media (max-width: 768px){#website-title{font-size:4rem;text-align:center}}#website-subtitle{background:#0f346099;color:var(--text-color);text-align:justify;font-size:1.2rem;padding:3%;border-radius:12px;box-shadow:0 10px 25px #0000004d;box-sizing:border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 768px){#website-subtitle{font-size:.9rem}}#login,#signup{background:var(--box-color);border-radius:12px;box-shadow:0 10px 25px #0000004d;padding:40px;width:100%;max-width:350px;display:flex;flex-direction:column;gap:10px;transition:all .3s ease;scale:.9}#login h1,#signup h1{color:var(--text-color);text-align:center;margin-bottom:20px;font-size:1.3rem}#login label,#signup label{display:flex;flex-direction:column;gap:8px;color:var(--text-color);font-size:.9rem}#login input,#signup input{padding:12px 15px;border:1px solid var(--input-border-color);border-radius:8px;font-size:.95rem;transition:all .2s ease;outline:none;background:var(--input-background);color:#fff}#login input:focus,#signup input:focus{outline:1px solid var(--primary-color);box-shadow:0 5px 10px #0006}#login button,#signup button{background:var(--primary-color);color:var(--text-color);border:none;border-radius:8px;padding:12px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:10px;text-transform:uppercase;letter-spacing:1px}#login button:hover,#signup button:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}#login button:active,#signup button:active{transform:translateY(1px);box-shadow:none}a{color:var(--primary-color);text-decoration:none;cursor:pointer;font-size:.9rem;transition:color .2s ease;text-align:center}a:hover{color:var(--secondary-color);text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){#login,#signup{padding:25px;max-width:100%}#login h1,#signup h1{font-size:1.5rem}}#login input:invalid,#signup input:invalid{border-color:var(--error-color)}#error-message{text-align:center}#error-message:empty{display:none}#library-container{display:flex;flex-direction:column;gap:2vh;width:100%;height:100%;flex:7.5;align-items:center;background:#002b5c80;box-shadow:0 5px 15px #000000b3;border-radius:8px;padding:2vh 1vh 0;box-sizing:border-box}#library{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:2vh;overflow:auto;box-sizing:border-box;width:100%}@media (max-width: 876px){#library{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));height:50vh}}#library #game-card{display:block;position:relative;text-align:center;color:var(--text-color);width:100%;height:auto;aspect-ratio:3 / 4;border:2px solid var(--input-border-color);border-radius:5px}#library #game-card #centered-text{display:none;position:absolute;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;color:var(--text-color)}#library #game-card img{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;border-radius:5px}#library #game-card:hover{cursor:pointer}#library #game-card:hover #centered-text{display:inline}#library #game-card:hover img{filter:brightness(.2)}#library:empty{display:flex;flex-direction:column;justify-content:center}#library:empty:after{content:"Os jogos na sua biblioteca serão exibidos aqui";display:block;text-align:center;padding:20px 0;font-style:italic}#header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}#header text{color:#fff;font-size:1.4em;font-weight:700}@media (max-width: 876px){#header text{font-size:3vw}}#header #filter-buttons{display:flex;gap:1vw}#header #filter-buttons button{background:var(--box-color);color:var(--text-color);border:none;font-weight:bolder;border-radius:8px;padding:.5vw;font-size:14px;box-shadow:0 5px 10px #0000004d;transition:.3s}@media (max-width: 976px){#header #filter-buttons button{font-size:12px}}@media (max-width: 576px){#header #filter-buttons button{font-size:8px}}#header #filter-buttons .active-filter{background:var(--primary-color);transform:translateY(-2px)}#header #filter-buttons button:hover{background:var(--secondary-color)}#chat{display:flex;flex-direction:column;align-items:center;flex:3;gap:2vh;border-radius:8px;background:#002b5c80;padding:.7% .7% 1%;box-sizing:border-box;box-shadow:0 5px 15px #000000b3}#chat #output{display:flex;width:100%;flex-direction:column;color:var(--text-color);background:var(--primary-color);font-weight:700;border-radius:5px;box-sizing:border-box;padding:2%;gap:1vh;box-shadow:0 5px 10px #0000004d}#chat #output text{border-radius:5px;font-size:.8em;text-align:justify;font-weight:400}#chat #recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));width:100%;padding:2%;gap:5px;overflow-x:hidden;border-radius:5px;box-sizing:border-box}#chat #recommendations-grid #recommended-card{display:block;position:relative;text-align:center;font-size:13px;border-radius:5px;border:2px solid var(--input-border-color);aspect-ratio:3 / 4}#chat #recommendations-grid #recommended-card #centered-text{display:none;color:var(--text-color);position:absolute;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;transition:inherit}#chat #recommendations-grid #recommended-card img{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;border-radius:5px;transition:.3s}#chat #recommendations-grid #recommended-card:hover{cursor:pointer}#chat #recommendations-grid #recommended-card:hover #centered-text{display:inline}#chat #recommendations-grid #recommended-card:hover img{filter:brightness(.2)}#chat #recommendations-grid:empty{display:flex;align-items:center;height:100%}#chat #recommendations-grid:empty:after{content:"Os jogos recomendados pela IA serão exibidos aqui";display:block;text-align:center;padding:20px;font-style:italic}#chat #input-and-send{display:flex;align-items:center;width:100%;height:10%;gap:10px;box-sizing:border-box}#chat #input-and-send input{width:80%;height:100%;background:var(--primary-color);border:none;color:var(--text-color);font-size:.8em;padding:.4vw;border-radius:8px;transition:.3s;box-shadow:0 5px 10px #0000004d}#chat #input-and-send input:focus{outline:none;background:var(--secondary-color)}#chat #input-and-send button{padding:.4vw;width:20%;height:100%;border-radius:8px;background:var(--primary-color);border:none;color:var(--text-color);text-align:center;font-size:1.2vw;transition:.3s;box-shadow:0 5px 10px #0000004d}#chat #input-and-send button img{width:48px;height:48px}#chat #input-and-send .active{background:var(--error-color);transform:translateY(-2px)}#chat #input-and-send .active:hover{background:var(--error-color)}#chat #input-and-send button:hover{background:var(--secondary-color)}@media (max-width: 876px){#chat{padding-left:1vw;padding-right:1vw}#chat #recommendations-grid{display:flex;flex-direction:row;gap:10px;overflow:auto}#chat #recommendations-grid #recommended-card img{width:80px;height:120px}#chat #input-and-send button{font-size:.8em}#chat #input-and-send button img{width:24px;height:24px}}@media (max-width: 560px){#chat{padding-left:1vw;padding-right:1vw}#chat #recommendations-grid{display:flex;flex-direction:row;gap:10px;overflow:auto}#chat #recommendations-grid #recommended-card img{width:70px;height:100px}#chat #input-and-send button{font-size:.6em}#chat #input-and-send button img{width:16px;height:16px}}#profile-box-layer{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;color:var(--text-color);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#profile-box-layer #profile-box{border-radius:8px;box-shadow:0 4px 20px #0000004d;width:90%;max-width:500px;padding-left:20px;padding-right:20px;padding-bottom:20px;display:flex;flex-direction:column;gap:16px;max-height:90vh;overflow-y:auto;background:var(--background)}#profile-box-layer #header{background:var(--background);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eaeaea;padding-top:12px;padding-bottom:12px;position:sticky;top:0;z-index:2}#profile-box-layer #header h2{margin:0;font-size:1.5rem}#profile-box-layer #header button{background:none;border:none;font-size:1.3rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:.2s}#profile-box-layer #header button:hover{background:var(--error-color)}#profile-box-layer #options{display:flex;flex-direction:column;gap:16px}#profile-box-layer #options h3{margin:12px 0 8px;font-size:1.1rem;padding-bottom:6px;border-bottom:1px solid #f0f0f0}#profile-box-layer #options h3:first-child{margin-top:0}#profile-box-layer #options p{margin:6px 0;font-size:.95rem}#profile-box-layer #options label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:.9rem}#profile-box-layer #options input{padding:10px 12px;color:var(--text-color);border:1px solid var(--input-border-color);border-radius:6px;font-size:.95rem;transition:border-color .2s;background:var(--input-background)}#profile-box-layer #options input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 5px 10px #0006}#profile-box-layer #options button{background:var(--primary-color);border:none;border-radius:6px;padding:10px 16px;font-size:.95rem;cursor:pointer;align-self:flex-start;margin-top:8px;font-weight:500;color:#fff;box-shadow:0 5px 10px #0006}#profile-box-layer #options button:hover{background:var(--secondary-color)}#profile-box-layer #options h3:last-of-type{color:var(--error-color);margin-top:20px}#profile-box-layer #options h3:last-of-type+label+button{background:var(--error-color);margin-bottom:12px}#profile-box-layer #options h3:last-of-type+label+button:hover{filter:brightness(.8)}@media (max-width: 600px){#profile-box-layer #profile-box{width:95%;padding:16px;max-height:80vh}#profile-box-layer #header h2{font-size:1.3rem}#profile-box-layer #options h3{font-size:1rem}#profile-box-layer #options input,#profile-box-layer #options button{padding:8px 12px}}#prefs-layer{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--text-color)}#prefs-layer #prefs-box{border-radius:8px;box-shadow:0 4px 20px #0000004d;width:90%;max-width:500px;padding-right:20px;padding-left:20px;padding-bottom:20px;display:flex;flex-direction:column;gap:20px;max-height:90vh;overflow-y:auto;background:var(--background)}#prefs-layer #header{background:var(--background);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eaeaea;padding-top:12px;padding-bottom:12px;position:sticky;top:0;z-index:2}#prefs-layer #header h2{margin:0;font-size:1.5rem}#prefs-layer #header button{background:none;border:none;color:var(--text-color);font-size:1.2rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.2s}#prefs-layer #header button:hover{background:var(--error-color)}#prefs-layer p{display:block;font-size:.9rem;margin-bottom:8px}#prefs-layer #tag-manager{display:flex;flex-direction:column;gap:12px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}#prefs-layer #tag-manager:last-child{border-bottom:none;padding-bottom:0}#prefs-layer #tag-manager h3{margin:0 0 8px;font-size:1.1rem}#prefs-layer #tag-input{padding:10px 12px;border:1px solid var(--input-border-color);border-radius:6px;font-size:.95rem;margin-top:8px;transition:border-color .2s;color:var(--text-color);background:var(--input-background)}#prefs-layer #tag-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 5px 10px #0006}#prefs-layer #tag-input::placeholder{color:#aaa}#prefs-layer #tag{display:inline-flex;align-items:center;background:var(--box-color);border-radius:12px;padding:6px 12px;margin-right:8px;margin-bottom:8px;transition:background .2s;box-shadow:0 5px 10px #0006;transition:.3s}#prefs-layer #tag:hover{filter:brightness(1.2)}#prefs-layer #tag text{font-size:.9rem;margin-right:6px}#prefs-layer #tag button{background:none;border:none;color:#fff;font-size:.8rem;cursor:pointer;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;margin-left:2px}#prefs-layer #tag button:hover{background:var(--error-color);color:var(--text-color)}#prefs-layer #tag-manager>div:not(#tag){display:flex;flex-wrap:wrap;gap:4px}@media (max-width: 600px){#prefs-layer #prefs-box{width:95%;padding:16px}#prefs-layer #header h2{font-size:1.3rem}#prefs-layer #tag-manager h3{font-size:1rem}#prefs-layer #tag{padding:4px 10px}}#blacklist-layer{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#blacklist-box{background:var(--background);color:var(--text-color);border-radius:8px;box-shadow:0 4px 20px #0000004d;width:90%;max-width:500px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 5px 15px #000000b3}#blacklist-layer #header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eaeaea;padding-bottom:12px}#blacklist-layer #header h2{margin:0;font-size:1.5rem}#blacklist-layer #header button{background:none;border:none;font-size:1.3rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.2s}#blacklist-layer #header button:hover{background:var(--error-color)}#blacklist-box>text{display:block;font-size:.9rem;margin-bottom:8px}#blacklist{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px 0}#blacklist>div{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--box-color);border-radius:6px;font-weight:700;transition:.3s;box-shadow:0 5px 10px #0006}#blacklist>div:hover{filter:brightness(1.2)}#blacklist>div text{font-size:1rem}#blacklist-layer button{color:#fff;background:none;border:none;font-size:1rem;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}#blacklist>div button:hover{background:var(--error-color)}#blacklist:empty:after{content:"Nenhum jogo aqui ainda";display:block;text-align:center;padding:20px 0;font-style:italic}@media (max-width: 600px){#blacklist-box{width:95%;padding:16px}#blacklist-box #header h2{font-size:1.3rem}}#social-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#social-layer #social-box{background:var(--background);border-radius:15px;padding:20px;width:80%;max-width:800px;max-height:80vh;box-shadow:0 10px 30px #00000080;overflow:hidden;display:flex;flex-direction:column;color:--var(--text-color)}#social-layer #header{background:none;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eaeaea;padding-bottom:12px;position:sticky;top:0;z-index:2}#social-layer #header h2{margin:0;font-size:1.5rem}#social-layer #header button{background:none;border:none;color:var(--text-color);font-size:1.2rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.2s}#social-layer #header button:hover{background:var(--error-color)}#social-layer input{padding:10px 12px;border:1px solid var(--input-border-color);border-radius:6px;font-size:.95rem;margin-top:8px;transition:border-color .2s;color:var(--text-color);background:var(--input-background);margin-bottom:5px;transition:all .2s ease}#social-layer input:focus{outline:1px solid var(--primary-color);box-shadow:0 5px 10px #0006}#social-layer #visualized-library{flex:1;overflow-y:auto;padding:20px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}@media (max-width: 768px){#social-layer #visualized-library{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}#social-layer #visualized-library:empty{content:"Nenhum jogo aqui ainda";display:block;text-align:center;padding:20px 0;font-style:italic}#social-layer #library-item{border-radius:10px;padding:10px;text-align:center;transition:transform .2s ease;box-shadow:0 5px 7px #00000080}#social-layer .in-library{background:var(--happy-color)}#social-layer .not-in-library{background:var(--box-color)}#social-layer #library-item:hover{cursor:pointer;transform:translateY(-4px)}#social-layer #library-item p:first-child{font-weight:600;margin:0 0 8px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#social-layer #library-item img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:5px;margin-bottom:8px}#social-layer #library-item p:nth-child(3){margin:5px 0;font-size:12px;font-weight:800}#social-layer #library-item p:last-child{font-weight:bolder;margin:0;font-size:12px}#social-layer #footer{display:flex;align-items:center;margin-top:5px;padding-top:12px;gap:10px}#social-layer #footer div{width:40px;height:20px;background:var(--happy-color);border-radius:7px}:root{--background: #001F3F;--box-color: #002b5c;--text-color: #F6F6F6;--primary-color: #007BFF;--secondary-color: #00a2ff;--input-border-color: #3a3a5a;--input-background: #1a1a2e;--error-color: #e74c3c;--happy-color: #28A745}button{transition:.3s}button:hover{cursor:pointer;transform:translateY(-4px)}body{background:var(--background);color:var(--text-color);margin:0}*{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;transition:all .3s}#App{display:flex;flex-direction:row;gap:0px;height:100vh}@media (max-width: 876px){#App{flex-direction:column}}#side-bar{display:flex;flex-direction:column;background:var(--box-color);max-width:90px;flex:1;justify-content:center;align-items:center;justify-content:space-evenly;box-shadow:5px 0 10px #000000b3}#side-bar button{border:none;color:var(--text-color);font-size:12px;font-weight:700;background:#0000}#side-bar button img{width:60px;height:60px}@media (max-width: 876px){#side-bar{max-width:none;width:100vw;flex-direction:row}#side-bar img{width:48px;height:48px}}#library-chat-container{display:flex;overflow:hidden;flex-direction:row;padding:1%;box-sizing:border-box;gap:2vw;flex:11;background-image:linear-gradient(41deg,#6b6b6b0a,#6b6b6b0a 8%,#1f1f1f0a 8%,#1f1f1f0a),linear-gradient(9deg,#e4e4e40a,#e4e4e40a 62%,#3636360a 62%,#3636360a),linear-gradient(124deg,#1212120a,#1212120a 37%,#e9e9e90a 37%,#e9e9e90a),linear-gradient(253deg,#c9c9c90a,#c9c9c90a 55%,#2f2f2f0a 55%,#2f2f2f0a),linear-gradient(270deg,#acacac0a,#acacac0a 33%,#1a1a1a0a 33%,#1a1a1a0a),linear-gradient(64deg,#0b0b0b0a,#0b0b0b0a 38%,#5757570a 38%,#5757570a),linear-gradient(347deg,#c7c7c70a,#c7c7c70a 69%,#0404040a 69%,#0404040a),linear-gradient(313deg,#2424240a,#2424240a 20%,#5b5b5b0a 20%,#5b5b5b0a),linear-gradient(90deg,#0a1148,#2394e4)}@media (max-width: 876px){#library-chat-container{flex-direction:column;overflow:auto;padding:2vw}#side-bar{box-shadow:0 3px 7px #000000b3}}#info-box-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#info-box{background:var(--background);width:auto;padding:20px;border-radius:10px;box-shadow:0 5px 15px #000000b3;position:relative;display:flex;flex-direction:column;gap:10px}#header{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700}#title{flex-grow:1;font-size:20px;font-weight:700}#close-button{background:none;border:none;font-size:1.3rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:.2s}#close-button:hover{background:var(--error-color)}#content{display:flex;gap:15px}#image-container{width:18vw;height:24vw;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 10px #0000004d}#image-container img{width:100%;height:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:5px}#description-info-container{display:flex;flex-direction:column;gap:3vh;flex-grow:1;font-size:14px;color:#333}#description-info-container textarea{width:clamp(200px,26vw,500px);font-size:clamp(8px,1.3vw,17px);height:40%;resize:none;color:var(--text-color);border:none;background:var(--box-color);border-radius:5px;box-sizing:border-box;padding:3%;box-shadow:0 5px 10px #0000004d}#description-info-container textarea:focus{outline:none}#other-info{width:clamp(200px,26vw,500px);display:flex;gap:10px;height:60%;background:var(--box-color);border-radius:5px;box-sizing:border-box;padding:3%;box-shadow:0 5px 10px #0000004d}#other-info text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#other-info text:hover{overflow:visible;white-space:normal;text-overflow:unset}#game-info{width:50%;display:flex;flex-direction:column;gap:10px;color:var(--text-color);font-size:clamp(8px,1.1vw,13px)}#user-info{width:50%;display:flex;flex-direction:column;gap:10px;justify-content:space-between}#user-info label{font-size:.8em;color:var(--text-color)}#user-info select{width:100%;padding:5px;border-radius:5px;background:var(--primary-color);border:none;box-shadow:0 5px 10px #0000004d;font-size:15px;color:var(--text-color);transition:.3s}#user-info select:hover{background:var(--secondary-color);cursor:pointer;transform:translateY(-2px)}#user-info button{background:var(--primary-color);color:var(--text-color);border:none;height:33%;border-radius:5px;padding:5px;cursor:pointer;transition:.2s;box-shadow:0 5px 10px #0000004d;font-weight:700;font-size:15px}#remove-button:hover,#reject-button:hover{background:var(--error-color)}#add-button:hover{background:var(--happy-color)}#blacklist-button:hover{background:#000}@media (max-width: 876px){#description-info-container{gap:1vh}#user-info{justify-content:start}#user-info button{font-size:8px;height:auto}#user-info label{font-size:6px}#user-info select{font-size:8px}}