.shop { background: #101010; height: calc(100vh - 82px); font-family: var(--font-manrope); overflow-y: auto; padding-bottom: 82px; } .item_img { --size: 32px; width: var(--size); height: var(--size); max-width: var(--size); max-height: var(--size); } .item_img_sm { --size: 18px; width: var(--size); height: var(--size); max-width: var(--size); max-height: var(--size); } .item_img > img, .item_img_sm > img { width: 100%; height: 100%; } .content { padding-top: 45px; padding-left: 1rem; padding-right: 1rem; } .shop.overflow { padding-bottom: 90px; } .header { padding-bottom: 1rem; } .itemsAll { color: #42BB47; font-weight: 500; font-size: 16px; line-height: 22px; } .header span { color: white; font-weight: 600; font-size: 19px; line-height: 20px; } .exchangeRobucks { display: flex; align-items: center; gap: 4px; } .items { min-height: 155px; border-radius: 1.5rem; padding: 20px 16px; background: #0E0E10; display: flex; flex-direction: column; gap: 8px; } .itemsHeader { display: flex; justify-content: space-between; } .item { cursor: pointer; background: #FFFFFF0D; height: 76px; border-radius: 1rem; display: flex; align-items: center; padding: 1rem; gap: 8px; } .shopItem { cursor: pointer; background: #FFFFFF0D; height: 76px; border-radius: 1rem; display: flex; align-items: center; padding: 1rem; gap: 8px; } .shopItemPrice { display: flex; align-items: center; gap: 8px; } .itemInfo { display: flex; flex-direction: column; } .itemInfoTitle span { font-weight: 600; font-size: 18px; line-height: 24px; } .itemInfoContent { display: flex; align-items: center; gap: 5px; } .upgrades { margin-top: 1rem; border-radius: 1.5rem; background: #0E0E10; border: 1px solid #18181A; padding: 20px 16px; } .upgradesTitle span { color: white; font-weight: 600; font-size: 19px; line-height: 20.9px; } .upgradesContent { padding-top: 1rem; } .upgradesContent span { font-weight: 500; color: white; font-size: 16px; line-height: 21px; } .shopItems { display: flex; flex-direction: column; gap: 8px; padding-top: 0.8rem; }