:root{
  --px-cloud:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%209%22%20shape-rendering%3D%22crispEdges%22%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%225%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%226%22%20y%3D%221%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%23FFFFFF%22/%3E%3Crect%20x%3D%2210%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%2213%22%20y%3D%221%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%224%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%23FFFFFF%22/%3E%3Crect%20x%3D%2211%22%20y%3D%222%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%2213%22%20y%3D%222%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%23FFFFFF%22/%3E%3Crect%20x%3D%2216%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2213%22%20height%3D%221%22%20fill%3D%22%23FFFFFF%22/%3E%3Crect%20x%3D%2217%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%221%22%20fill%3D%22%23FFFFFF%22/%3E%3Crect%20x%3D%2218%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%220%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%221%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%221%22%20fill%3D%22%23FFFFFF%22/%3E%3Crect%20x%3D%2219%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%2216%22%20height%3D%221%22%20fill%3D%22%23FFFFFF%22/%3E%3Crect%20x%3D%2217%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23D6EBFB%22/%3E%3Crect%20x%3D%2218%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23FFFFFF%22/%3E%3Crect%20x%3D%2219%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%221%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%222%22%20y%3D%227%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23D6EBFB%22/%3E%3Crect%20x%3D%224%22%20y%3D%227%22%20width%3D%2211%22%20height%3D%221%22%20fill%3D%22%23FFFFFF%22/%3E%3Crect%20x%3D%2215%22%20y%3D%227%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%23D6EBFB%22/%3E%3Crect%20x%3D%2218%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3Crect%20x%3D%222%22%20y%3D%228%22%20width%3D%2216%22%20height%3D%221%22%20fill%3D%22%23A9D2F2%22/%3E%3C/svg%3E");
  --px-grass:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2010%22%20shape-rendering%3D%22crispEdges%22%3E%3Crect%20x%3D%222%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%2215%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%223%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%227%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%228%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%229%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%2214%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%2215%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%2216%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%220%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%221%22%20y%3D%222%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%224%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%2210%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%2213%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%2214%22%20y%3D%222%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%2217%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%220%22%20y%3D%223%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232C8A35%22/%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%226%22%20y%3D%223%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%228%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232C8A35%22/%3E%3Crect%20x%3D%229%22%20y%3D%223%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%2211%22%20y%3D%223%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%237BD36A%22/%3E%3Crect%20x%3D%2213%22%20y%3D%223%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%2215%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232C8A35%22/%3E%3Crect%20x%3D%2216%22%20y%3D%223%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%220%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232C8A35%22/%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%228%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%2210%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232C8A35%22/%3E%3Crect%20x%3D%2211%22%20y%3D%224%22%20width%3D%225%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%2216%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232C8A35%22/%3E%3Crect%20x%3D%2217%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%220%22%20y%3D%225%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232C8A35%22/%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%228%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232C8A35%22/%3E%3Crect%20x%3D%229%22%20y%3D%225%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%2213%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232C8A35%22/%3E%3Crect%20x%3D%2214%22%20y%3D%225%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232C8A35%22/%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%2210%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%2211%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232C8A35%22/%3E%3Crect%20x%3D%2212%22%20y%3D%226%22%20width%3D%225%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%2217%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232C8A35%22/%3E%3Crect%20x%3D%220%22%20y%3D%227%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%222%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232C8A35%22/%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%226%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232C8A35%22/%3E%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%227%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%2214%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232C8A35%22/%3E%3Crect%20x%3D%2215%22%20y%3D%227%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%2343B047%22/%3E%3Crect%20x%3D%220%22%20y%3D%228%22%20width%3D%2218%22%20height%3D%221%22%20fill%3D%22%234B4466%22/%3E%3Crect%20x%3D%220%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%234B4466%22/%3E%3Crect%20x%3D%221%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%236B6188%22/%3E%3Crect%20x%3D%222%22%20y%3D%229%22%20width%3D%225%22%20height%3D%221%22%20fill%3D%22%234B4466%22/%3E%3Crect%20x%3D%227%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%236B6188%22/%3E%3Crect%20x%3D%228%22%20y%3D%229%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%234B4466%22/%3E%3Crect%20x%3D%2214%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%236B6188%22/%3E%3Crect%20x%3D%2215%22%20y%3D%229%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%234B4466%22/%3E%3C/svg%3E");
  --px-heart:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%209%209%22%20shape-rendering%3D%22crispEdges%22%3E%3Crect%20x%3D%221%22%20y%3D%220%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%220%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23F2565B%22/%3E%3Crect%20x%3D%223%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%225%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%226%22%20y%3D%221%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23F2565B%22/%3E%3Crect%20x%3D%228%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%220%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%221%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2565B%22/%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23FFFFFF%22/%3E%3Crect%20x%3D%223%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23F2565B%22/%3E%3Crect%20x%3D%224%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%23F2565B%22/%3E%3Crect%20x%3D%228%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%220%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%221%22%20y%3D%223%22%20width%3D%227%22%20height%3D%221%22%20fill%3D%22%23F2565B%22/%3E%3Crect%20x%3D%228%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%220%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%23F2565B%22/%3E%3Crect%20x%3D%227%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23C93A44%22/%3E%3Crect%20x%3D%228%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%221%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%224%22%20height%3D%221%22%20fill%3D%22%23F2565B%22/%3E%3Crect%20x%3D%226%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23C93A44%22/%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23F2565B%22/%3E%3Crect%20x%3D%225%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23C93A44%22/%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%224%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23C93A44%22/%3E%3Crect%20x%3D%225%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3Crect%20x%3D%224%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%232B2D42%22/%3E%3C/svg%3E");
  --px-star:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%205%205%22%20shape-rendering%3D%22crispEdges%22%3E%3Crect%20x%3D%222%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23FFD447%22/%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%23FFD447%22/%3E%3Crect%20x%3D%220%22%20y%3D%222%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23FFD447%22/%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23FFFFFF%22/%3E%3Crect%20x%3D%223%22%20y%3D%222%22%20width%3D%222%22%20height%3D%221%22%20fill%3D%22%23FFD447%22/%3E%3Crect%20x%3D%221%22%20y%3D%223%22%20width%3D%223%22%20height%3D%221%22%20fill%3D%22%23FFD447%22/%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23FFD447%22/%3E%3C/svg%3E");
}