.back-to-top{background-color:#6842ff;width:237px;height:50px;transition:.25s;border-radius:30px;min-width:200px;display:flex;justify-content:center;align-items:center;font-weight:700}.back-to-top:hover{background-color:#8668ff}#top-pointer{width:20px;height:20px;margin-right:8px;fill:#fff;stroke:#fff}.random-game{width:237px;height:50px;border-radius:30px;min-width:200px;display:flex;justify-content:center;align-items:center;border:1px solid hsla(0,0%,100%,.6);font-weight:700}.random-game:hover{color:hsla(0,0%,100%,.6)}#random-image{width:20px;height:20px;margin-right:8px}.middle-layer-genre{display:flex;gap:10px;margin-bottom:1rem}.text-middle-layer-genre{display:flex;width:500px;height:200px;background-color:hsl(var(--border));flex-direction:column;margin-left:15px;padding:20px;border-radius:10px;gap:15px}.text-middle-layer-genre h3{font-size:26px;font-weight:bolder}.text-middle-layer-genre span{opacity:.6}.genre-options{display:flex;height:200px;width:calc(100% - 545px);flex-direction:column;flex-wrap:wrap;overflow:hidden;gap:10px;justify-content:start;align-items:start}.genre-option{height:95px;width:150px;min-width:100px;background-color:hsl(var(--primary-foreground));border-radius:10px;transition:all .35s cubic-bezier(.4,0,.2,1)}.genre-option a{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;padding-left:20px;padding-right:20px}.genre-option a img{width:25%}.genre-option a span{font-weight:700;font-size:clamp(12px,16px);white-space:wrap}.carrossel-right-arrow{width:50px;height:200px;background-color:#000;opacity:0;z-index:5;position:absolute;right:10px;display:flex;justify-content:center;align-items:center}.carrossel-right-arrow:hover{opacity:.9}.carrossel-right-arrow img{width:20px;height:40px}.carrossel-left-arrow{width:50px;height:200px;background-color:#000;opacity:0;z-index:5;position:absolute;left:580px;display:flex;justify-content:center;align-items:center}.carrossel-left-arrow:hover{opacity:.9}.carrossel-left-arrow img{width:20px;height:40px;transform:scaleX(-1)}@media (max-width:760px){.middle-layer-genre{flex-direction:column;align-items:center;width:85vw;position:relative}.genre-options,.text-middle-layer-genre{width:100%;margin-left:25px}.carrossel-right-arrow{right:-15px;bottom:0}.carrossel-left-arrow{left:10px;bottom:0}}@media (max-width:575px){.middle-layer-genre{width:93vw}.text-middle-layer-genre{height:fit-content}.genre-options{margin-top:60px}.carrossel-left-arrow,.carrossel-right-arrow{opacity:1;height:50px;bottom:210px}}.continue-playing{margin-bottom:2rem;position:relative}.continue-playing-text{font-size:32px;font-weight:700;margin-left:1rem;margin-right:1rem}.continue-playing-list{display:flex;flex-wrap:nowrap;overflow-x:hidden}.continue-playing-list a{min-width:190px}.carrossel-right-arrow-continue{width:50px;height:130px;background-color:#000;opacity:0;z-index:5;position:absolute;right:10px;bottom:0;display:flex;justify-content:center;align-items:center}.carrossel-right-arrow-continue:hover{opacity:.9}.carrossel-right-arrow-continue img{width:20px;height:40px}.carrossel-left-arrow-continue{width:50px;height:130px;background-color:#000;opacity:0;z-index:5;position:absolute;left:10px;display:flex;justify-content:center;align-items:center}.carrossel-left-arrow-continue:hover{opacity:.9}.carrossel-left-arrow-continue img{width:20px;height:40px;transform:scaleX(-1)}.continue-playing-list-unit{border-radius:15px;background-color:#faebd7;overflow:hidden;min-width:190px;max-width:190px;height:8rem;flex:1 1 0px;transition:all .35s cubic-bezier(.4,0,.2,1)}@media (max-width:760px){.carrossel-right-arrow-continue{right:-15px;bottom:0}.carrossel-left-arrow-continue{left:10px;bottom:0}}@media (max-width:600px){.continue-playing-text{margin-bottom:60px}.carrossel-right-arrow-continue{opacity:1;height:50px;bottom:140px;right:10px}.carrossel-left-arrow-continue{opacity:1;height:50px;bottom:140px;left:10px}.continue-playing-list-unit{min-width:180px}}