@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:url(./lato-v24-latin-regular-BEhtfm5r.woff2) format("woff2")}:root{color-scheme:light dark;background:var(--dark-blue, #2B3040)}body{margin:0;padding:0;font-size:16px;color:#fff;font-family:Lato,sans-serif;font-style:normal;font-weight:400}ul li{list-style:none}#app{max-width:1280px;margin:0 auto;background:url(../images/bg-image.jpg) #d3d3d3 50%/cover no-repeat;height:100vh}ul.tabs{transition:all .3s ease-in-out;display:flex;margin:0;justify-content:space-between;background:var(--dark-blue, #2B3040);height:120px;padding:0 40px;align-items:center;gap:70px;flex-shrink:0}ul.tabs li{display:flex;width:120px;flex-direction:column;align-items:center;gap:15px;opacity:50%}ul.tabs li:hover{cursor:pointer}ul.tabs li.active{opacity:100%}ul.tabs li span.text{color:#fff;font-family:Lato,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.75rem;text-transform:uppercase}.card{display:inline-flex;gap:40px;padding:60px 40px;align-items:center;background:var(--deep-blue, #212534)}.donut-wrap{position:relative;display:inline-block}.donut-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--text, #B7BACD);text-align:center;font-family:Lato,sans-serif;font-size:1.25rem;font-style:normal;font-weight:400;line-height:1.375rem}.donut-svg{transform:rotate(-90deg)}.stars{align-self:center}.stars-wrap{display:inline-flex;gap:4px}.text-info{display:flex;flex-direction:column;justify-content:space-between;position:relative;gap:40px}.text-info .description{display:flex;flex-direction:column}.text-info .description .title{font-size:2rem;line-height:2rem;margin-bottom:15px}.text-info .description .release{font-size:.875rem;line-height:1.25rem;margin-bottom:40px}.text-info .description .info{color:var(--text, #B7BACD);font-size:.875rem;line-height:1.375rem;width:277px;height:87px;flex-shrink:0}.text-info .description .score{position:absolute;top:0;right:0;width:75px;height:75px;flex-shrink:0}.text-info .to-buy{display:flex;gap:50px}.text-info .to-buy .price-wrap{display:flex;flex-direction:column}.text-info .to-buy .price-wrap .discount{color:var(--yellow, #FFDD3F);font-size:.75rem;line-height:1.25rem}.text-info .to-buy .price-wrap .price{color:#fff;font-size:2rem;line-height:2rem}.text-info .to-buy button.buy{width:155px;height:60px;display:flex;padding:20px 30px;justify-content:center;align-items:center;border-radius:2px;background:var(--light-green, #13E28D);outline:none;border:none;color:#fff;font-family:Lato,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:1.25rem;text-transform:uppercase}.text-info .to-buy button.buy:hover{background:#add8e6;scale:1.1;color:#000}.pic-info{display:flex;flex-direction:column;gap:25px}.game-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay{background:#292d3ecc;width:auto;height:100vh}