@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);*{margin:0;padding:0;outline:0;appearance:0;border:0;text-decoration:none;box-sizing:border-box}html{font-size:14px}body{width:100vw;height:100vh;font-family:Poppins,sans-serif;font-size:.88rem;user-select:none;overflow-x:hidden;color:var(--color-dark);background-color:var(--color-background)}a{color:var(--color-dark)}img{display:block;width:100%;object-fit:cover}h1{font-weight:800;font-size:1.8rem}h2{font-weight:600;font-size:1.4rem}h3{font-weight:500;font-size:.87rem}small{font-size:.76rem}p{color:var(--color-dark-variant)}b{color:var(--color-dark)}.text-muted{color:var(--color-info-dark)}.primary{color:var(--color-primary)}.danger{color:var(--color-danger)}.success{color:var(--color-success)}.warning{color:var(--color-warning)}.container{display:inline-block;width:96%;margin:0 auto;gap:1.8rem;grid-template-columns:12rem auto 23rem}main .analyse{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}main .analyse>div{background-color:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);box-shadow:var(--box-shadow);transition:all .3s ease}main .analyse>div:hover{box-shadow:none}main .analyse>div .status{display:flex;align-items:center;justify-content:space-between}main .analyse h3{margin-left:.6rem;font-size:1rem}main .analyse .progresss{position:relative;width:92px;height:92px;border-radius:50%}main .analyse svg{width:7rem;height:7rem}main .analyse svg circle{fill:none;stroke-width:10;stroke-linecap:round;transform:translate(5px,5px)}main .analyse .sales svg circle{stroke:var(--color-success);stroke-dashoffset:-30;stroke-dasharray:200}main .analyse .visits svg circle{stroke:var(--color-danger);stroke-dashoffset:-30;stroke-dasharray:200}main .analyse .searches svg circle{stroke:var(--color-primary);stroke-dashoffset:-30;stroke-dasharray:200}main .analyse .ranking svg circle{stroke:var(--color-primary);stroke-dashoffset:-30;stroke-dasharray:200}main .analyse .progresss .percentage{position:absolute;top:-3px;left:-1px;display:flex;align-items:center;justify-content:center;height:100%;width:100%}main .games-options .game-list{background-color:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);margin-top:1rem;gap:1.4rem;transition:all .3s ease}main .games-options .game-list:hover{box-shadow:none}main .new-users{margin-top:1.3rem}main .new-users .user-list{background-color:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);margin-top:1rem;box-shadow:var(--box-shadow);justify-content:space-around;flex-wrap:wrap;gap:1.4rem;transition:all .3s ease}main .new-users .user-list:hover{box-shadow:none}main .new-users .user-list .user{display:flex;flex-direction:column;align-items:center;justify-content:center}main .new-users .user-list .user img{width:5rem;height:5rem;margin-bottom:.4rem;border-radius:50%}main table tbody td{height:2.8rem;border-bottom:1px solid var(--color-light);color:var(--color-dark-variant)}main table tbody tr:last-child td{border:none}.game-section{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.game-card{border:1px solid #046603;border-radius:10px;padding:20px;width:150px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.2);cursor:pointer}.game-card img{width:100%;border-radius:10px}.game-card button{background-color:#046603;border:none;padding:10px;margin-top:10px;color:#fff;border-radius:5px;cursor:pointer}.game-card button:hover{background-color:#046603}.category{display:flex;justify-content:space-between;margin-bottom:30px}.category span{text-align:center;flex-grow:1;margin:0 10px;cursor:pointer;padding:5px;border-bottom:2px solid transparent}.category{border-bottom:2px solid #046603}.button-cadastro{background-color:#046603;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-weight:700;font-size:1em;cursor:pointer;display:block;width:100%;margin:10px auto;transition:background-color .3s}@media (max-width:768px){.game-section{justify-content:space-around}.game-card{width:45%}}.container{width:100%;grid-template-columns:1fr;padding:0 var(--padding-1)}main{margin-top:8rem;padding:0 1rem}main .new-users .user-list .user{flex-basis:35%}