/* Minification failed. Returning unminified contents. (1074,23): run-time error CSS1046: Expect comma, found '252' (1074,31): run-time error CSS1046: Expect comma, found '/' (1203,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1204,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1206,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1207,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1208,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1209,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1210,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1212,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1214,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1216,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1217,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1218,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1220,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1221,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1222,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1223,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1224,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1226,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1227,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1228,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1229,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1230,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1231,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1232,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1234,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1235,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1236,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1237,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1239,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1240,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1241,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1242,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1243,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1244,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1245,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1246,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1248,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1250,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1251,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1252,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1253,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1254,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1257,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1259,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1261,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1262,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1263,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1279,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1280,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1281,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1283,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1284,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1285,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1286,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1287,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1288,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1290,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1292,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1310,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb' (1310,46): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha' (1312,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-family' (1314,19): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-size' (1329,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-background-color-rgb' (1329,69): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-background-color-alpha' (1331,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-border-color-rgb' (1331,65): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-border-color-alpha' (1352,16): run-time error CSS1039: Token not allowed after unary operator: '-aa-search-input-height' (1371,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-icon-size' (1373,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-stroke-width' (1375,15): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-icon-size' (1383,27): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (1386,23): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1389,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (1389,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size' (1396,29): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1399,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size' (1399,44): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (1434,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb' (1434,46): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha' (1437,16): run-time error CSS1039: Token not allowed after unary operator: '-aa-search-input-height' (1445,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb' (1445,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha' (1450,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb' (1450,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha' (1470,16): run-time error CSS1039: Token not allowed after unary operator: '-aa-search-input-height' (1479,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb' (1479,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha' (1486,24): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (1492,26): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (1498,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb' (1498,46): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha' (1505,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-stroke-width' (1507,15): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size' (1515,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb' (1515,63): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-alpha' (1518,28): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (1520,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-shadow' (1545,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-max-height' (1580,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-max-height' (1585,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1587,30): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-thumb-background-color-rgb' (1587,78): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-thumb-background-color-alpha' (1588,15): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-track-background-color-rgb' (1588,63): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-track-background-color-alpha' (1593,15): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-width' (1597,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-track-background-color-rgb' (1597,79): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-track-background-color-alpha' (1601,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-thumb-background-color-rgb' (1601,79): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-thumb-background-color-alpha' (1603,27): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-track-background-color-rgb' (1603,75): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-track-background-color-alpha' (1630,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (1643,16): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1643,45): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1655,25): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb' (1655,57): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-alpha' (1656,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-hdr-rgb' (1661,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-weight-semibold' (1665,19): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1668,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-base-z-index' (1673,38): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-hdr-rgb' (1684,13): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1686,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-base-z-index' (1691,49): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb' (1691,81): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-alpha' (1693,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb' (1693,58): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha' (1699,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-weight-medium' (1707,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb' (1709,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb' (1722,25): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (1725,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1733,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-selected-color-rgb' (1733,61): run-time error CSS1039: Token not allowed after unary operator: '-aa-selected-color-alpha' (1742,25): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb' (1742,57): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-alpha' (1745,41): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-rgb' (1745,75): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-alpha' (1747,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-color-rgb' (1747,46): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-color-alpha' (1753,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size' (1753,43): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1757,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-stroke-width' (1761,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size' (1761,42): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1767,25): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size' (1767,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1770,24): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size' (1770,46): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1775,16): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size' (1777,15): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size' (1797,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1808,18): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1809,13): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1820,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb' (1820,46): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha' (1823,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-weight-bold' (1839,27): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size' (1839,49): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (1848,23): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1849,18): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1867,27): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb' (1880,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1883,27): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1886,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1892,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb' (1892,46): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha' (1898,18): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1899,13): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1908,16): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1911,15): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1916,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb' (1922,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb' (1922,46): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha' (1933,25): run-time error CSS1039: Token not allowed after unary operator: '-aa-description-highlight-background-color-rgb' (1933,79): run-time error CSS1039: Token not allowed after unary operator: '-aa-description-highlight-background-color-alpha' (1935,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb' (1935,46): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha' (1938,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-weight-medium' (1943,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb' (1943,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha' (1950,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb' (1950,60): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-alpha' (1965,23): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1966,18): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (1985,23): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (1997,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb' (1997,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha' (2006,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb' (2006,46): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha' (2016,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb' (2016,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha' (2019,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2021,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-stroke-width' (2023,15): run-time error CSS1039: Token not allowed after unary operator: '-aa-action-icon-size' (2036,25): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb' (2039,16): run-time error CSS1039: Token not allowed after unary operator: '-aa-modal-header-height' (2043,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2043,40): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2048,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb' (2048,88): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb' (2051,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2055,16): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2061,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-base-z-index' (2069,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb' (2069,63): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-alpha' (2071,39): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-rgb' (2071,73): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-alpha' (2076,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2079,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-base-z-index' (2083,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb' (2083,88): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb' (2083,115): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha' (2086,16): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2094,18): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2096,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-base-z-index' (2104,25): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb' (2104,57): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-alpha' (2107,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-shadow' (2118,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-base-z-index' (2126,16): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2126,41): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2130,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb' (2130,63): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-alpha' (2152,38): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-rgb' (2152,72): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-alpha' (2159,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2167,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb' (2167,46): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha' (2172,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2175,19): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2180,41): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-rgb' (2180,75): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-alpha' (2189,19): run-time error CSS1039: Token not allowed after unary operator: '-aa-detached-modal-max-width' (2200,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-detached-modal-max-height' (2203,24): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2208,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-detached-modal-max-height-search' (2211,24): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2218,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-background-color-rgb' (2218,69): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-background-color-alpha' (2220,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-border-color-rgb' (2220,65): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-border-color-alpha' (2223,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb' (2223,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha' (2228,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-family' (2230,19): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-size' (2232,16): run-time error CSS1039: Token not allowed after unary operator: '-aa-search-input-height' (2235,24): run-time error CSS1039: Token not allowed after unary operator: '-aa-search-input-height' (2251,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb' (2260,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size' (2260,42): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2265,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb' (2284,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-overlay-color-rgb' (2284,60): run-time error CSS1039: Token not allowed after unary operator: '-aa-overlay-color-alpha' (2303,16): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2309,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-base-z-index' (2314,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb' (2314,88): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb' (2320,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb' (2320,88): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb' (2323,40): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2326,41): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2360,28): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2398,16): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2398,41): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2403,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2419,28): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2425,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2432,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2438,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2456,28): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2480,26): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size' (2480,48): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2485,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2485,18): run-time error CSS1046: Expect comma, found '-' (2485,19): run-time error CSS1047: Expected number or percentage value in rgb function, found '-aa-muted-color-rgb' (2485,38): run-time error CSS1046: Expect comma, found ')' (2485,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2492,15): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size' (2493,16): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size' (2497,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size' (2498,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size' (2505,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-weight-bold' (2516,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2522,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2535,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2535,18): run-time error CSS1046: Expect comma, found '-' (2535,19): run-time error CSS1047: Expected number or percentage value in rgb function, found '-aa-primary-color-rgb' (2535,40): run-time error CSS1046: Expect comma, found ')' (2535,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2557,13): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2565,25): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb' (2583,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2583,18): run-time error CSS1046: Expect comma, found '-' (2583,19): run-time error CSS1047: Expected number or percentage value in rgb function, found '-aa-muted-color-rgb' (2583,38): run-time error CSS1046: Expect comma, found ')' (2583,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2614,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2614,18): run-time error CSS1046: Expect comma, found '-' (2614,19): run-time error CSS1047: Expected number or percentage value in rgb function, found '-aa-muted-color-rgb' (2614,38): run-time error CSS1046: Expect comma, found ')' (2614,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2619,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2631,25): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2632,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2653,15): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2654,13): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2656,28): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2664,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2664,18): run-time error CSS1046: Expect comma, found '-' (2664,19): run-time error CSS1047: Expected number or percentage value in rgb function, found '-aa-primary-color-rgb' (2664,40): run-time error CSS1046: Expect comma, found ')' (2664,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2687,16): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2693,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb' (2696,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2696,52): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2697,28): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2701,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2701,18): run-time error CSS1046: Expect comma, found '-' (2701,19): run-time error CSS1047: Expected number or percentage value in rgb function, found '-aa-primary-color-rgb' (2701,40): run-time error CSS1046: Expect comma, found ')' (2701,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2703,23): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2709,25): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2710,29): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2711,27): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2712,28): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2718,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2722,41): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-rgb' (2722,75): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-alpha' (2723,28): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2724,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2748,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2748,18): run-time error CSS1046: Expect comma, found '-' (2748,19): run-time error CSS1047: Expected number or percentage value in rgb function, found '-aa-muted-color-rgb' (2748,38): run-time error CSS1046: Expect comma, found ')' (2748,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2756,13): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2764,18): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2768,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb' (2769,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2774,15): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2775,16): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2781,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2791,28): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2820,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2866,23): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2891,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2892,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2907,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2921,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2928,18): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2954,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (2954,18): run-time error CSS1046: Expect comma, found '-' (2954,19): run-time error CSS1047: Expected number or percentage value in rgb function, found '-aa-muted-color-rgb' (2954,38): run-time error CSS1046: Expect comma, found ')' (2954,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (2962,23): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2970,26): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (2974,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (2998,33): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb' (3070,19): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing' (3079,24): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (3094,29): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (3109,15): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (3136,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half' (3202,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (3202,18): run-time error CSS1046: Expect comma, found '-' (3202,19): run-time error CSS1047: Expected number or percentage value in rgb function, found '-aa-primary-color-rgb' (3202,40): run-time error CSS1046: Expect comma, found ')' (3202,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (3205,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-weight-bold' (3209,14): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (3209,18): run-time error CSS1046: Expect comma, found '-' (3209,19): run-time error CSS1047: Expected number or percentage value in rgb function, found '-aa-primary-color-rgb' (3209,40): run-time error CSS1046: Expect comma, found ')' (3209,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (3212,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-weight-bold' */ body { font-family: "azo-sans-web", "Open Sans", "Nunito", sans-serif; } a { color: inherit; text-decoration: none; } /* remove default html 'X' icon on 'type=search' buttons */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } #home-announce { padding-left: 16px; padding-right: 16px; } .MuiAutocomplete-listbox .MuiGrid-root.MuiGrid-item { padding-top: 0px; } .MuiAutocomplete-listbox .MuiGrid-root.MuiGrid-container { margin-top: 0px; } @media (max-width: 600px) { .hp-container-message { height: 85px !important; font-size: 1rem !important; } } .container { margin: 0 auto; max-width: 640px; width: 100%; } .aa-Panel { max-width: 930px; width: 100%; } * { box-sizing: border-box; } .ais-RefinementList { width: 100%; } .ais-Breadcrumb-list, .ais-CurrentRefinements-list, .ais-HierarchicalMenu-list, .ais-Hits-list, .ais-InfiniteHits-list, .ais-InfiniteResults-list, .ais-Menu-list, .ais-NumericMenu-list, .ais-Pagination-list, .ais-RatingMenu-list, .ais-RefinementList-list, .ais-Results-list, .ais-ToggleRefinement-list { margin: 0; padding: 0; list-style: none; } .ais-ClearRefinements-button, .ais-CurrentRefinements-delete, .ais-CurrentRefinements-reset, .ais-GeoSearch-redo, .ais-GeoSearch-reset, .ais-HierarchicalMenu-showMore, .ais-InfiniteHits-loadMore, .ais-InfiniteHits-loadPrevious, .ais-InfiniteResults-loadMore, .ais-Menu-showMore, .ais-RangeInput-submit, .ais-RefinementList-showMore, .ais-SearchBox-reset, .ais-SearchBox-submit, .ais-VoiceSearch-button { padding: 0; overflow: visible; font: inherit; line-height: normal; color: inherit; background: none; border: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ais-ClearRefinements-button::-moz-focus-inner, .ais-CurrentRefinements-delete::-moz-focus-inner, .ais-CurrentRefinements-reset::-moz-focus-inner, .ais-GeoSearch-redo::-moz-focus-inner, .ais-GeoSearch-reset::-moz-focus-inner, .ais-HierarchicalMenu-showMore::-moz-focus-inner, .ais-InfiniteHits-loadMore::-moz-focus-inner, .ais-InfiniteHits-loadPrevious::-moz-focus-inner, .ais-InfiniteResults-loadMore::-moz-focus-inner, .ais-Menu-showMore::-moz-focus-inner, .ais-RangeInput-submit::-moz-focus-inner, .ais-RefinementList-showMore::-moz-focus-inner, .ais-SearchBox-reset::-moz-focus-inner, .ais-SearchBox-submit::-moz-focus-inner, .ais-VoiceSearch-button::-moz-focus-inner { padding: 0; border: 0; } .ais-ClearRefinements-button[disabled], .ais-CurrentRefinements-delete[disabled], .ais-CurrentRefinements-reset[disabled], .ais-GeoSearch-redo[disabled], .ais-GeoSearch-reset[disabled], .ais-HierarchicalMenu-showMore[disabled], .ais-InfiniteHits-loadMore[disabled], .ais-InfiniteHits-loadPrevious[disabled], .ais-InfiniteResults-loadMore[disabled], .ais-Menu-showMore[disabled], .ais-RangeInput-submit[disabled], .ais-RefinementList-showMore[disabled], .ais-SearchBox-reset[disabled], .ais-SearchBox-submit[disabled], .ais-VoiceSearch-button[disabled] { cursor: default; } .ais-HierarchicalMenu-showMore, .ais-InfiniteHits-loadMore, .ais-InfiniteHits-loadPrevious, .ais-Menu-showMore, .ais-RefinementList-showMore { overflow-anchor: none; } .ais-Breadcrumb-item, .ais-Breadcrumb-list, .ais-Pagination-list, .ais-PoweredBy, .ais-RangeInput-form, .ais-RatingMenu-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ais-GeoSearch, .ais-GeoSearch-map { height: 100%; } .ais-HierarchicalMenu-list .ais-HierarchicalMenu-list { margin-left: 1em; } .ais-PoweredBy-logo { display: block; height: 1.2em; width: auto; } .ais-RatingMenu-starIcon { display: block; width: 20px; height: 20px; } .ais-SearchBox-input::-ms-clear, .ais-SearchBox-input::-ms-reveal { display: none; width: 0; height: 0; } .ais-SearchBox-input::-webkit-search-cancel-button, .ais-SearchBox-input::-webkit-search-decoration, .ais-SearchBox-input::-webkit-search-results-button, .ais-SearchBox-input::-webkit-search-results-decoration { display: none; } .ais-RangeSlider .rheostat { overflow: visible; margin-top: 40px; margin-bottom: 40px; } .ais-RangeSlider .rheostat-background { height: 6px; top: 0; width: 100%; } .ais-RangeSlider .rheostat-handle { margin-left: -12px; top: -7px; } .ais-RangeSlider .rheostat-background { position: relative; background-color: #fff; border: 1px solid #aaa; } .ais-RangeSlider .rheostat-progress { position: absolute; top: 1px; background-color: #333; } .rheostat-handle { position: relative; z-index: 1; width: 20px; height: 20px; background-color: #fff; border: 1px solid #333; border-radius: 50%; cursor: -webkit-grab; cursor: grab; } .rheostat-marker { margin-left: -1px; position: absolute; width: 1px; height: 5px; background-color: #aaa; } .rheostat-marker--large { height: 9px; } .rheostat-value { padding-top: 15px; } .rheostat-tooltip, .rheostat-value { margin-left: 50%; position: absolute; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .rheostat-tooltip { top: -22px; } [class^="ais-"] { box-sizing: border-box; } .ais-VoiceSearch-button:disabled, [class^="ais-"][class$="--disabled"], [class^="ais-"][class$="--disabled"] * { cursor: not-allowed; } .ais-ClearRefinements-button, .ais-GeoSearch-redo, .ais-GeoSearch-reset, .ais-HierarchicalMenu-showMore, .ais-InfiniteHits-loadMore, .ais-InfiniteHits-loadPrevious, .ais-Menu-showMore, .ais-Pagination-link, .ais-RangeInput-submit, .ais-RefinementList-showMore, .ais-VoiceSearch-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: linear-gradient(-180deg, #fff, #fcfcfd); border: 1px solid #d6d6e7; border-radius: 3px; box-shadow: 0 1px 0 0 rgba(35, 38, 59, 0.05); color: #23263b; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 0.875rem; font-weight: 400; height: 2rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.25rem; padding: 0 1rem; place-items: center; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ais-GeoSearch-redo, .ais-GeoSearch-reset, .ais-HierarchicalMenu-showMore, .ais-Menu-showMore, .ais-RefinementList-showMore { height: 1.5rem; } .ais-HierarchicalMenu-showMore, .ais-Menu-showMore, .ais-RefinementList-showMore { margin-top: 1rem; } .ais-ClearRefinements-button:hover, .ais-GeoSearch-redo:hover, .ais-GeoSearch-reset:hover, .ais-HierarchicalMenu-showMore:hover, .ais-InfiniteHits-loadMore:hover, .ais-InfiniteHits-loadPrevious:hover, .ais-Menu-showMore:hover, .ais-Pagination-item:not(.ais-Pagination-item--selected):not(.ais-Pagination-item--disabled) .ais-Pagination-link:hover, .ais-RangeInput-submit:hover, .ais-RefinementList-showMore:hover, .ais-VoiceSearch-button:hover { background-image: linear-gradient(-180deg, #fff, #f5f5fa); border-color: #d6d6e7; } .ais-ClearRefinements-button:focus, .ais-GeoSearch-redo:focus, .ais-GeoSearch-reset:focus, .ais-HierarchicalMenu-showMore:focus, .ais-InfiniteHits-loadMore:focus, .ais-InfiniteHits-loadPrevious:focus, .ais-Menu-showMore:focus, .ais-RangeInput-submit:focus, .ais-RefinementList-showMore:focus, .ais-VoiceSearch-button:focus { background-image: linear-gradient(-180deg, #fff, #f5f5fa); border-color: #3c4fe0; box-shadow: 0 0 0 1px #3c4fe0, 0 2px 0 1px rgba(35, 38, 59, 0.05); outline: medium none currentcolor; } .ais-ClearRefinements-button:active, .ais-GeoSearch-redo:active, .ais-GeoSearch-reset:active, .ais-HierarchicalMenu-showMore:active, .ais-InfiniteHits-loadMore:active, .ais-InfiniteHits-loadPrevious:active, .ais-Menu-showMore:active, .ais-Pagination-item--selected .ais-Pagination-link, .ais-Pagination-link:active, .ais-RefinementList-showMore:active, .ais-VoiceSearch-button:active { border-color: #d6d6e7; box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, 0.4), inset 0 1px 1px 0 rgba(119, 122, 175, 0.4), 0 1px 0 0 rgba(35, 38, 59, 0.05); } .ais-ClearRefinements-button:disabled[disabled], .ais-GeoSearch-redo--disabled, .ais-GeoSearch-reset--disabled, .ais-InfiniteHits-loadMore:disabled[disabled], .ais-InfiniteHits-loadPrevious:disabled[disabled], .ais-Pagination-item--disabled .ais-Pagination-link, .ais-VoiceSearch-button:disabled { background-image: linear-gradient(-180deg, #fff, #f5f5fa); border-color: #efeff5; box-shadow: none; color: #b6b7d5; } .ais-HierarchicalMenu-showMore--disabled[disabled], .ais-Menu-showMore--disabled[disabled], .ais-RefinementList-showMore--disabled[disabled] { display: none; } .ais-HierarchicalMenu-item, .ais-Menu-item, .ais-NumericMenu-label, .ais-RatingMenu-item, .ais-RefinementList-item, .ais-ToggleRefinement-label { display: block; font-size: 0.875rem; line-height: 1.75rem; } .ais-HierarchicalMenu-link, .ais-Menu-link, .ais-RatingMenu-link, .ais-RefinementList-label { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .ais-Breadcrumb-link, .ais-HierarchicalMenu-link, .ais-Menu-link, .ais-RatingMenu-link { color: inherit; text-decoration: none; } .ais-Breadcrumb-link:hover { text-decoration: underline; } .ais-HierarchicalMenu-label, .ais-Menu-label, .ais-RefinementList-labelText { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ais-HierarchicalMenu-item--selected > .ais-HierarchicalMenu-link > .ais-HierarchicalMenu-label, .ais-Menu-item--selected .ais-Menu-label, .ais-RatingMenu-item--selected, .ais-RefinementList-item--selected { font-weight: 600; } .ais-HierarchicalMenu-count, .ais-Menu-count, .ais-RatingMenu-count, .ais-RefinementList-count, .ais-ToggleRefinement-count { background: #f5f5fa none repeat scroll 0 0; border: 1px solid #b6b7d5; border-radius: 99999px; color: #23263b; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-negative: 0; flex-shrink: 0; font-size: 0.75rem; font-weight: 400; line-height: 1rem; margin-left: 0.5rem; overflow: hidden; padding: 0 0.25rem; } .ais-HierarchicalMenu-noResults, .ais-Menu-noResults, .ais-RefinementList-noResults { color: #5a5e9a; font-size: 0.875rem; line-height: 1.25rem; margin-top: 1rem; } .ais-HitsPerPage-select, .ais-MenuSelect-select, .ais-SortBy-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: url('data:image/svg+xml;utf8,'), linear-gradient(-180deg, #fff, #fcfcfd); background-position: right 1rem center, 0 0; background-repeat: no-repeat; background-size: 10px, auto; border: 1px solid #d6d6e7; border-radius: 3px; box-shadow: 0 1px 0 0 rgba(35, 38, 59, 0.05); color: #23263b; cursor: pointer; font: inherit; height: 2.5rem; outline: medium none currentcolor; padding: 0 2.5rem 0 1rem; position: relative; width: 100%; } .ais-HitsPerPage-select:-moz-focusring, .ais-HitsPerPage-select::-moz-focus-inner, .ais-SortBy-select:-moz-focusring, .ais-SortBy-select::-moz-focus-inner { color: transparent; outline: medium none currentcolor; } .ais-HitsPerPage-select > option:not(:checked), .ais-SortBy-select > option:not(:checked) { color: #23263b; } .ais-HitsPerPage-select > option:disabled, .ais-SortBy-select > option:disabled { color: #b6b7d5; } .ais-HitsPerPage-select:hover, .ais-SortBy-select:hover { background-image: url('data:image/svg+xml;utf8,'), linear-gradient(-180deg, #fcfcfd, #f5f5fa); border-color: #d6d6e7; } .ais-HitsPerPage-select:focus, .ais-SortBy-select:focus { background-image: url('data:image/svg+xml;utf8,'), linear-gradient(-180deg, #fff, #f5f5fa); border-color: #3c4fe0; box-shadow: 0 0 0 1px #3c4fe0, 0 2px 0 0 rgba(35, 38, 59, 0.05); } .ais-HitsPerPage-select:disabled, .ais-SortBy-select:disabled { background-image: url('data:image/svg+xml;utf8,'), linear-gradient(-180deg, #fff, #f5f5fa); border-color: #efeff5; box-shadow: none; color: #b6b7d5; cursor: not-allowed; } .ais-Panel { margin-bottom: 2rem; } .ais-Panel-header { margin-bottom: 1rem; text-transform: uppercase; } .ais-Panel-footer, .ais-Panel-header { color: #5a5e9a; font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .ais-Panel-footer { margin-top: 1rem; } .ais-Panel--collapsible { position: relative; } .ais-Panel--collapsible .ais-Panel-collapseButton { background: none; border: none; padding: 0; position: absolute; right: 0; top: 0; } .ais-Panel--collapsed .ais-Panel-body, .ais-Panel--collapsed .ais-Panel-footer { display: none; } .ais-SearchBox-form { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.875rem; height: 2.5rem; line-height: 1.25rem; position: relative; width: 100%; } .ais-SearchBox-form:before { background: transparent url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235a5e9a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") repeat scroll 0 0; content: ""; height: 1rem; left: 1rem; margin-top: -0.5rem; position: absolute; top: 50%; width: 1rem; } .ais-SearchBox-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border: 1px solid #d6d6e7; border-radius: 3px; box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, 0.3); caret-color: #5a5e9a; color: #23263b; -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; font: inherit; max-width: 100%; padding-left: 2.5rem; } .ais-SearchBox-input::-webkit-input-placeholder { color: #5a5e9a; } .ais-SearchBox-input:-ms-input-placeholder { color: #5a5e9a; } .ais-SearchBox-input::placeholder { color: #5a5e9a; } .ais-SearchBox-input:focus { border-color: #3c4fe0; box-shadow: 0 1px 0 0 rgba(35, 38, 59, 0.05); outline: medium none currentcolor; } .ais-SearchBox-input:disabled { background: transparent linear-gradient(-180deg, #fff, #f5f5fa) repeat scroll 0 0; border-color: #efeff5; box-shadow: none; cursor: not-allowed; } .ais-SearchBox-input:disabled::-webkit-input-placeholder { color: #b6b7d5; pointer-events: none; } .ais-SearchBox-input:disabled:-ms-input-placeholder { color: #b6b7d5; pointer-events: none; } .ais-SearchBox-input:disabled::placeholder { color: #b6b7d5; pointer-events: none; } .ais-SearchBox-input::-webkit-search-cancel-button, .ais-SearchBox-input::-webkit-search-decoration, .ais-SearchBox-input::-webkit-search-results-button, .ais-SearchBox-input::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; } .ais-SearchBox-loadingIndicator, .ais-SearchBox-reset { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; fill: #484c7a; height: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 1rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; } .ais-SearchBox-reset:focus { background: #b6b7d5; fill: #fff; outline: 0; } .ais-RefinementList-searchBox .ais-SearchBox-loadingIndicator, .ais-RefinementList-searchBox .ais-SearchBox-reset { right: 0.5rem; } .ais-SearchBox-loadingIndicator[hidden], .ais-SearchBox-reset[hidden], .ais-SearchBox-submit { display: none; } .ais-Menu-searchBox, .ais-RefinementList-searchBox { margin-bottom: 0.5rem; } .ais-Menu-searchBox .ais-SearchBox-form, .ais-RefinementList-searchBox .ais-SearchBox-form { height: 2rem; } .ais-Menu-searchBox .ais-SearchBox-form:before, .ais-RefinementList-searchBox .ais-SearchBox-form:before { left: 0.5rem; } .ais-Menu-searchBox .ais-SearchBox-input, .ais-RefinementList-searchBox .ais-SearchBox-input { padding-left: 2rem; } .ais-VoiceSearch-button { color: #5a5e9a; height: 48px; width: 48px; } .ais-VoiceSearch-button svg { color: currentcolor; } .ais-Highlight-highlighted, .ais-Snippet-highlighted { background-color: rgba(84, 104, 255, 0.1); color: #b12028; font-style: normal; } .ais-Hits-item, .ais-InfiniteHits-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.05), 0 1px 3px 0 rgba(35, 38, 59, 0.15); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; padding: 1.5rem; } .ais-Hits-item:first-of-type, .ais-InfiniteHits-item:first-of-type { border-radius: 3px 3px 0 0; } .ais-Hits-item:last-of-type, .ais-InfiniteHits-item:last-of-type { border-radius: 0 0 3px 3px; } .ais-Hits-item:only-of-type, .ais-InfiniteHits-item:only-of-type { border-radius: 3px; } .ais-InfiniteHits-loadMore, .ais-InfiniteHits-loadPrevious { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 1rem auto; } .ais-GeoSearch { position: relative; } .ais-GeoSearch-control { left: 3.75rem; position: absolute; top: 1rem; } .ais-GeoSearch-label { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f5f5fa; border: 1px solid #b6b7d5; border-radius: 3px; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 0.875rem; line-height: 1.5; min-height: 1.5rem; padding: 0.25rem 0.5rem; } .ais-GeoSearch-label, .ais-GeoSearch-redo, .ais-GeoSearch-reset { white-space: nowrap; } .ais-GeoSearch-reset { bottom: 1.25rem; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .ais-GeoSearch-input, .ais-RefinementList-checkbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-position: 50%; background-size: 180%; border: 1px solid currentcolor; border-radius: 3px; box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, 0.4); color: #d6d6e7; cursor: inherit; height: 1rem; margin: 0 0.5rem 0 0; min-width: 1rem; } .ais-GeoSearch-input:checked, .ais-RefinementList-item--selected .ais-RefinementList-checkbox { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235468ff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E"); background-size: 14px; border-color: currentcolor; box-shadow: inset 0 1px 0 0 rgba(35, 38, 59, 0.05); color: #3c4fe0; } .ais-GeoSearch-input:focus, .ais-RefinementList-checkbox:focus { outline: medium none currentcolor; } .ais-GeoSearch-input:checked:focus, .ais-RefinementList-item--selected .ais-RefinementList-checkbox:focus { box-shadow: inset 0 1px 0 0 rgba(35, 38, 59, 0.05), 0 0 0 1px currentcolor; } .ais-NumericMenu-label { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; } .ais-NumericMenu-radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; border: 1px solid #d6d6e7; border-radius: 50%; box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, 0.3); height: 16px; margin: 0 0.5rem 0 0; outline: 0; position: relative; width: 16px; } .ais-NumericMenu-radio:checked, .ais-NumericMenu-radio:focus { border-color: #3c4fe0; box-shadow: 0 1px 0 0 rgba(35, 38, 59, 0.05); } .ais-NumericMenu-radio:focus { box-shadow: 0 0 0 1px #3c4fe0, 0 1px 0 0 rgba(35, 38, 59, 0.05); } .ais-NumericMenu-radio:checked:after { background: #3c4fe0; border-radius: 50%; bottom: 4px; content: ""; left: 4px; position: absolute; right: 4px; top: 4px; } .ais-HierarchicalMenu-list .ais-HierarchicalMenu-list { margin-left: 1.5rem; } .ais-HierarchicalMenu-link:before { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23b6b7d5%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2218%2015%2012%209%206%2015%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; height: 1rem; margin-right: 0.5rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 1rem; } .ais-HierarchicalMenu-item--selected > .ais-HierarchicalMenu-link:before { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235468ff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E"); } .ais-RatingMenu-starIcon { margin-right: 0.25rem; fill: #5a5e9a; position: relative; width: 16px; } .ais-RatingMenu-item--disabled .ais-RatingMenu-starIcon { fill: #b6b7d5; } .ais-RatingMenu-item--disabled .ais-RatingMenu-count, .ais-RatingMenu-item--disabled .ais-RatingMenu-label { color: #b6b7d5; } .ais-ClearRefinements-button { width: 100%; } .ais-CurrentRefinements-list { display: inline-grid; gap: 1rem; grid-auto-flow: column; } .ais-CurrentRefinements-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f5f5fa; border: 1px solid #b6b7d5; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 0.875rem; line-height: 1.5; min-height: 1.5rem; padding: 0.05rem 0.5rem; } .ais-CurrentRefinements-category { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 0.5rem; } .ais-CurrentRefinements-delete { color: #9698c3; height: 100%; margin-left: 0.25rem; outline-width: 0; } .ais-ToggleRefinement-label { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ais-ToggleRefinement-checkbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(65, 66, 71, 0.08); background: #f5f5fa; border-radius: 9999px; box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, 0.4); height: 18px; pointer-events: none; position: relative; width: 32px; } .ais-ToggleRefinement-checkbox:checked { background: #3c4fe0; box-shadow: inset 0 1px 4px 0 rgba(35, 38, 59, 0.1); } .ais-ToggleRefinement-checkbox:focus { outline: 0; } .ais-ToggleRefinement-checkbox:after { background: linear-gradient(-180deg, #fff, #f5f5fa); border-radius: 9999px; box-shadow: 1px 1px 1px 0 rgba(35, 38, 59, 0.05); content: ""; height: 16px; left: 1px; position: absolute; top: 1px; transition: all 0.1s ease-in-out; width: 16px; } .ais-ToggleRefinement-checkbox:checked:after { -webkit-transform: translateX(14px); transform: translateX(14px); } .ais-RangeInput-input { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: 1px solid #d6d6e7; border-radius: 3px; box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, 0.3); caret-color: #5a5e9a; color: #23263b; cursor: text; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.875rem; height: 2rem; line-height: 1.25rem; min-width: 0; overflow: hidden; padding: 0 1rem; position: relative; } .ais-RangeInput-input:focus { border-color: #3c4fe0; box-shadow: 0 1px 0 0 rgba(35, 38, 59, 0.05); outline: 0; } .ais-RangeInput-separator { margin: 0 0.5rem; } .ais-RangeInput-submit { margin-left: 0.5rem; } .ais-RangeSlider .rheostat { margin: 40px 6px; } .ais-RangeSlider .rheostat-horizontal { cursor: pointer; width: calc(100% - 15px); } .ais-RangeSlider .rheostat-background { background-color: transparent; border: none; border-radius: 3px; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 0.5px 0 0 hsla(0, 0%, 100%, 0.05); height: 4px; } .ais-RangeSlider .rheostat-progress { background-color: #3c4fe0; border-radius: 3px; height: 4px; max-width: 100%; top: 0; } .ais-RangeSlider .rheostat-tooltip { font-weight: 700; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ais-RangeSlider .rheostat-handle { background-color: #fff; background-image: linear-gradient(-180deg, #fff, #fcfcfd); border: 1px solid #d6d6e7; border-radius: 2px; box-shadow: 0 1px 0 0 rgba(35, 38, 59, 0.05); height: 24px; margin-left: -6px; top: -11px; width: 12px; } .ais-RangeSlider .rheostat-handle:after, .ais-RangeSlider .rheostat-handle:before { background-color: #d6d6e7; content: ""; height: 12px; position: absolute; top: 6px; width: 1px; } .ais-RangeSlider .rheostat-handle:before { left: 4px; } .ais-RangeSlider .rheostat-handle:after { right: 4px; } .ais-RangeSlider .rheostat-marker { background-color: #d6d6e7; } .ais-Pagination-item:first-child > .ais-Pagination-link { border-radius: 3px 0 0 3px; } .ais-Pagination-item + .ais-Pagination-item > .ais-Pagination-link { border-radius: 0; margin-left: -1px; } .ais-Pagination-item:last-child > .ais-Pagination-link { border-radius: 0 3px 3px 0; } .ais-Pagination-item { display: inline-block; } .ais-Pagination-item--selected .ais-Pagination-link { font-weight: 700; } .ais-Breadcrumb-link, .ais-Breadcrumb-separator { color: #5a5e9a; } .ais-Breadcrumb-separator { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0.5rem; } .ais-Breadcrumb-item--selected { font-weight: 600; } .ais-Breadcrumb-item--selected .ais-Breadcrumb-separator { font-weight: 400; } @media (max-width: 767px) { .ais-RangeInput-input, .ais-SearchBox-input { font-size: 1rem; } } .header { background: rgb(252 252 255 / 92%); box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.05), 0 1px 3px 0 rgba(35, 38, 59, 0.15); padding: 0.5rem 0; position: fixed; top: 0; width: 100%; } .header-wrapper { align-items: center; display: grid; grid-template-columns: 100px 1fr; } .header-nav { font-weight: 500; } .wrapper { margin: 0 auto; max-width: 1200px; padding: 0 1.5rem; width: 100%; } .container { margin-top: 3.5rem; padding: 1.5rem; display: grid; gap: 1rem; grid-template-columns: 1fr 3fr; } /* Autocomplete */ .aa-Panel { position: fixed; } /* InstantSearch */ .ais-Hits-list { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } @media (max-width: 600px) { .ais-Hits-list { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0.5rem; } } @media (max-width: 375px) { .ais-Hits-list { grid-template-columns: 1fr 1fr; gap: 0.5rem; } } .ais-Hits-item { padding: 0.4rem !important; } .hit { align-items: center; display: grid; gap: 1rem; position: relative; width: 100%; } .hit h1 { font-size: 1rem; } .hit p { font-size: 0.8rem; opacity: 0.8; } .hit-image { align-items: center; display: flex; height: 100px; justify-content: center; } .hit-image img { max-height: 100%; } .ais-HierarchicalMenu-item--selected.ais-HierarchicalMenu-item--parent > div:first-of-type .ais-HierarchicalMenu-label { font-weight: bold; } .ais-HierarchicalMenu-item--selected:not(.ais-HierarchicalMenu-item--parent) .ais-HierarchicalMenu-label { font-weight: bold; } .ais-Pagination { display: flex; justify-content: center; margin: 2rem 0; } .center-search { display: flex; align-items: center; } /*! @algolia/autocomplete-theme-classic 1.17.9 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */ /* ----------------*/ /* 1. CSS Variables*/ /* 2. Dark Mode*/ /* 3. Autocomplete*/ /* 4. Panel*/ /* 5. Sources*/ /* 6. Hit Layout*/ /* 7. Panel Header*/ /* 8. Panel Footer*/ /* 9. Detached Mode*/ /* 10. Gradients*/ /* 11. Utilities*/ /* ----------------*/ /* Note:*/ /* This theme reflects the markup structure of autocomplete with SCSS indentation.*/ /* We use the SASS `@at-root` function to keep specificity low.*/ /* ----------------*/ /* 1. CSS Variables*/ /* ----------------*/ :root { /* Input*/ --aa-search-input-height: 36px; --aa-input-icon-size: 20px; /* Size and spacing*/ --aa-base-unit: 16; --aa-spacing-factor: 1; --aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px); --aa-spacing-half: calc(var(--aa-spacing) / 2); --aa-panel-max-height: 650px; /* Z-index*/ --aa-base-z-index: 9999; /* Font*/ --aa-font-size: calc(var(--aa-base-unit) * 1px); --aa-font-family: inherit; --aa-font-weight-medium: 500; --aa-font-weight-semibold: 600; --aa-font-weight-bold: 700; /* Icons*/ --aa-icon-size: 20px; --aa-icon-stroke-width: 1.6; --aa-icon-color-rgb: 119, 119, 163; --aa-icon-color-alpha: 1; --aa-action-icon-size: 20px; /* Text colors*/ --aa-text-color-rgb: 38, 38, 39; --aa-text-color-hdr-rgb: 109, 110, 113; --aa-text-color-alpha: 1; --aa-primary-color-rgb: 177, 32, 40; --aa-primary-color-alpha: 0.2; --aa-muted-color-rgb: 128, 126, 163; --aa-muted-color-alpha: 0.6; /* Border colors*/ --aa-panel-border-color-rgb: 128, 126, 163; --aa-panel-border-color-alpha: 0.3; --aa-input-border-color-rgb: 128, 126, 163; --aa-input-border-color-alpha: 0.8; /* Background colors*/ --aa-background-color-rgb: 255, 255, 255; --aa-background-color-alpha: 1; --aa-input-background-color-rgb: 255, 255, 255; --aa-input-background-color-alpha: 1; --aa-selected-color-rgb: 179, 173, 214; --aa-selected-color-alpha: 0.205; --aa-description-highlight-background-color-rgb: 245, 223, 77; --aa-description-highlight-background-color-alpha: 0.5; /* Detached mode*/ --aa-detached-media-query: (max-width: 680px); --aa-detached-modal-media-query: (min-width: 680px); --aa-detached-modal-max-width: 930px; --aa-detached-modal-max-height: 500px; --aa-detached-modal-max-height-search: 300px; --aa-overlay-color-rgb: 115, 114, 129; --aa-overlay-color-alpha: 0.7; /* Shadows*/ --aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15); /* Scrollbar*/ --aa-scrollbar-width: 13px; --aa-scrollbar-track-background-color-rgb: 234, 234, 234; --aa-scrollbar-track-background-color-alpha: 1; --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb); --aa-scrollbar-thumb-background-color-alpha: 1; /* Touch screens*/ } @media (hover: none) and (pointer: coarse) { :root { --aa-spacing-factor: 1.2; --aa-action-icon-size: 22px; } } /* ----------------*/ /* 2. Dark Mode*/ /* ----------------*/ body[data-theme="dark"], body.dark { /* Text colors*/ --aa-text-color-rgb: 183, 192, 199; --aa-primary-color-rgb: 146, 138, 255; --aa-muted-color-rgb: 146, 138, 255; /* Background colors*/ --aa-input-background-color-rgb: 0, 3, 9; --aa-background-color-rgb: 21, 24, 42; --aa-selected-color-rgb: 146, 138, 255; --aa-selected-color-alpha: 0.25; --aa-description-highlight-background-color-rgb: 0 255 255; --aa-description-highlight-background-color-alpha: 0.25; /* Icons*/ --aa-icon-color-rgb: 119, 119, 163; /* Shadows*/ --aa-panel-shadow: inset 1px 1px 0 0 rgb(44, 46, 64), 0 3px 8px 0 rgb(0, 3, 9); /* Scrollbar*/ --aa-scrollbar-track-background-color-rgb: 44, 46, 64; --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb); } /* Reset for `@extend`*/ .aa-Panel *, .aa-Autocomplete *, .aa-DetachedFormContainer * { box-sizing: border-box; } /* Init for `@extend`*/ .aa-Panel, .aa-Autocomplete, .aa-DetachedFormContainer { color: rgba(38, 38, 39, 1); color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); font-family: inherit; font-family: var(--aa-font-family); font-size: calc(16 * 1px); font-size: var(--aa-font-size); font-weight: normal; line-height: 1em; margin: 0; padding: 0; text-align: left; } /* ----------------*/ /* 3. Autocomplete*/ /* ----------------*/ .aa-Form { align-items: center; background-color: rgba(255, 255, 255, 1); background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha)); border: 1px solid rgba(128, 126, 163, 0.8); border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha)); border-radius: 25px; display: flex; line-height: 1em; margin: 0; position: relative; width: 100%; } .aa-Form:focus-within { /* border-color: rgba(62, 52, 211, 1); */ /* border-color: rgba(var(--aa-primary-color-rgb), 1); */ /* box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px, inset rgba(62, 52, 211, 0.2) 0 0 0 2px; */ /* box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px; */ outline: currentColor none medium; } .aa-InputWrapperPrefix { align-items: center; display: flex; flex-shrink: 0; height: 44px; height: var(--aa-search-input-height); order: 1; /* Container for search and loading icons*/ } .aa-Label, .aa-LoadingIndicator { cursor: auto; cursor: initial; flex-shrink: 0; height: 100%; padding: 0; text-align: left; } .aa-Label svg, .aa-LoadingIndicator svg { color: rgba(177, 32, 40, 1); /* color: rgba(var(--aa-primary-color-rgb), 1); */ height: auto; max-height: 20px; max-height: var(--aa-input-icon-size); stroke-width: 1.6; stroke-width: var(--aa-icon-stroke-width); width: 20px; width: var(--aa-input-icon-size); } .aa-SubmitButton, .aa-LoadingIndicator { height: 100%; padding-left: calc((16 * 1 * 1px) * 0.75 - 1px); padding-left: calc(calc(16 * 1 * 1px) * 0.75 - 1px); padding-left: calc(var(--aa-spacing) * 0.75 - 1px); padding-right: calc((16 * 1 * 1px) / 2); padding-right: calc(calc(16 * 1 * 1px) / 2); padding-right: var(--aa-spacing-half); width: calc((16 * 1 * 1px) * 1.75 + 20px - 1px); width: calc(calc(16 * 1 * 1px) * 1.75 + 20px - 1px); width: calc(var(--aa-spacing) * 1.75 + var(--aa-icon-size) - 1px); } @media (hover: none) and (pointer: coarse) { .aa-SubmitButton, .aa-LoadingIndicator { padding-left: calc(((16 * 1 * 1px) / 2) / 2 - 1px); padding-left: calc(calc(calc(16 * 1 * 1px) / 2) / 2 - 1px); padding-left: calc(var(--aa-spacing-half) / 2 - 1px); width: calc(20px + (16 * 1 * 1px) * 1.25 - 1px); width: calc(20px + calc(16 * 1 * 1px) * 1.25 - 1px); width: calc(var(--aa-icon-size) + var(--aa-spacing) * 1.25 - 1px); } } .aa-SubmitButton { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; margin: 0; } .aa-LoadingIndicator { align-items: center; display: flex; justify-content: center; } .aa-LoadingIndicator[hidden] { display: none; } .aa-InputWrapper { order: 3; position: relative; width: 100%; /* Search box input (with placeholder and query)*/ } .aa-Input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; color: rgba(38, 38, 39, 1); color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); font: inherit; height: 44px; height: var(--aa-search-input-height); padding: 0; width: 100%; /* Focus is set and styled on the parent, it isn't necessary here*/ /* Remove native appearance*/ } .aa-Input::-moz-placeholder { color: rgba(128, 126, 163, 0.6); color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)); opacity: 1; } .aa-Input::placeholder { color: rgba(128, 126, 163, 0.6); color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)); opacity: 1; } .aa-Input:focus { border-color: none; box-shadow: none; outline: none; } .aa-Input::-webkit-search-decoration, .aa-Input::-webkit-search-cancel-button, .aa-Input::-webkit-search-results-button, .aa-Input::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; } .aa-InputWrapperSuffix { align-items: center; display: flex; height: 44px; height: var(--aa-search-input-height); order: 4; /* Accelerator to clear the query*/ } .aa-ClearButton { align-items: center; background: none; border: 0; color: rgba(128, 126, 163, 0.6); color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)); cursor: pointer; display: flex; height: 100%; margin: 0; padding: 0 calc((16 * 1 * 1px) * 0.8333333333 - 0.5px); padding: 0 calc(calc(16 * 1 * 1px) * 0.8333333333 - 0.5px); padding: 0 calc(var(--aa-spacing) * 0.8333333333 - 0.5px); } @media (hover: none) and (pointer: coarse) { .aa-ClearButton { padding: 0 calc((16 * 1 * 1px) * 0.6666666667 - 0.5px); padding: 0 calc(calc(16 * 1 * 1px) * 0.6666666667 - 0.5px); padding: 0 calc(var(--aa-spacing) * 0.6666666667 - 0.5px); } } .aa-ClearButton:hover, .aa-ClearButton:focus { color: rgba(38, 38, 39, 1); color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); } .aa-ClearButton[hidden] { display: none; } .aa-ClearButton svg { stroke-width: 1.6; stroke-width: var(--aa-icon-stroke-width); width: 20px; width: var(--aa-icon-size); } /* ----------------*/ /* 4. Panel*/ /* ----------------*/ .aa-Panel { background-color: rgba(255, 255, 255, 1); background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)); border-radius: calc((16 * 1 * 1px) / 4); border-radius: calc(calc(16 * 1 * 1px) / 4); border-radius: calc(var(--aa-spacing) / 4); box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15); box-shadow: var(--aa-panel-shadow); margin: 8px 0 0; overflow: hidden; position: absolute; transition: opacity 200ms ease-in, filter 200ms ease-in; /* When a request isn't resolved yet*/ } @media screen and (prefers-reduced-motion) { .aa-Panel { transition: none; } } .aa-Panel button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; margin: 0; padding: 0; } .aa-PanelLayout { height: 100%; margin: 0; max-height: 650px; max-height: var(--aa-panel-max-height); overflow-y: auto; padding: 0; position: relative; text-align: left; } .aa-PanelLayoutColumns--twoGolden { display: grid; grid-template-columns: 39.2% auto; overflow: hidden; padding: 0; } .aa-PanelLayoutColumns--two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; padding: 0; } .aa-PanelLayoutColumns--three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; padding: 0; } .aa-Panel--stalled .aa-Source { filter: grayscale(1); opacity: 0.8; } .aa-Panel--scrollable { margin: 0; max-height: 650px; max-height: var(--aa-panel-max-height); overflow-x: hidden; overflow-y: auto; padding: calc((16 * 1 * 1px) / 2); padding: calc(calc(16 * 1 * 1px) / 2); padding: var(--aa-spacing-half); scrollbar-color: rgba(255, 255, 255, 1) rgba(234, 234, 234, 1); scrollbar-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha)); scrollbar-width: thin; } .aa-Panel--scrollable::-webkit-scrollbar { width: 13px; width: var(--aa-scrollbar-width); } .aa-Panel--scrollable::-webkit-scrollbar-track { background-color: rgba(234, 234, 234, 1); background-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha)); } .aa-Panel--scrollable::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 1); background-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha)); border-color: rgba(234, 234, 234, 1); border-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha)); border-radius: 9999px; border-style: solid; border-width: 3px 2px 3px 3px; } /* ----------------*/ /* 5. Sources*/ /* Each source can be styled independently*/ /* ----------------*/ .aa-Source { margin: 0; padding: 0; position: relative; width: 100%; /* List of results inside the source*/ /* Source title*/ /* See all button*/ } .aa-Source:empty { /* Hide empty section*/ display: none; } .aa-SourceNoResults { font-size: 1em; margin: 0; padding: calc(16 * 1 * 1px); padding: var(--aa-spacing); } .aa-List { list-style: none; margin: 0; padding: 0; position: relative; } .aa-SourceHeader { margin: calc((16 * 1 * 1px) / 2) 0.5em calc((16 * 1 * 1px) / 2) 0; margin: calc(calc(16 * 1 * 1px) / 2) 0.5em calc(calc(16 * 1 * 1px) / 2) 0; margin: var(--aa-spacing-half) 0.5em var(--aa-spacing-half) 0; padding: 0; position: relative; /* Hide empty header*/ /* Title typography*/ /* Line separator*/ } .aa-SourceHeader:empty { display: none; } .aa-SourceHeaderTitle { background: rgba(255, 255, 255, 1); background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)); color: rgba(var(--aa-text-color-hdr-rgb), 1); display: inline-block; font-size: 0.8em; font-weight: 600; font-weight: var(--aa-font-weight-semibold); margin: 0; padding: 0 calc((16 * 1 * 1px) / 2) 0 0; padding: 0 calc(calc(16 * 1 * 1px) / 2) 0 0; padding: 0 var(--aa-spacing-half) 0 0; position: relative; z-index: 9999; z-index: var(--aa-base-z-index); } .aa-SourceHeaderLine { border-bottom: solid 1px rgba(62, 52, 211, 1); border-bottom: solid 1px rgba(var(--aa-text-color-hdr-rgb), 1); display: block; height: 2px; left: 0; margin: 0; opacity: 0.3; padding: 0; position: absolute; right: 0; top: calc((16 * 1 * 1px) / 2); top: calc(calc(16 * 1 * 1px) / 2); top: var(--aa-spacing-half); z-index: calc(9999 - 1); z-index: calc(var(--aa-base-z-index) - 1); } .aa-SourceFooterSeeAll { background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(128, 126, 163, 0.14)); background: linear-gradient(180deg, rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)), rgba(128, 126, 163, 0.14)); border: 1px solid rgba(128, 126, 163, 0.6); border: 1px solid rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)); border-radius: 5px; box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, 0.15); color: inherit; font-size: 0.95em; font-weight: 500; font-weight: var(--aa-font-weight-medium); padding: 0.475em 1em 0.6em; -webkit-text-decoration: none; text-decoration: none; } .aa-SourceFooterSeeAll:focus, .aa-SourceFooterSeeAll:hover { border: 1px solid rgba(62, 52, 211, 1); border: 1px solid rgba(var(--aa-primary-color-rgb), 1); color: rgba(62, 52, 211, 1); color: rgba(var(--aa-primary-color-rgb), 1); } /* ----------------*/ /* 6. Hit Layout*/ /* ----------------*/ .aa-Item { align-items: center; border-radius: 3px; cursor: pointer; display: grid; min-height: calc((16 * 1 * 1px) * 2.5); min-height: calc(calc(16 * 1 * 1px) * 2.5); min-height: calc(var(--aa-spacing) * 2.5); padding: calc(((16 * 1 * 1px) / 2) / 2); padding: calc(calc(calc(16 * 1 * 1px) / 2) / 2); padding: calc(var(--aa-spacing-half) / 2); /* When the result is active*/ /* The result type icon inlined SVG or image*/ /* wrap hit with url but we don't need to see it*/ /* Secondary click actions*/ } .aa-Item[aria-selected="true"] { background-color: rgba(179, 173, 214, 0.205); background-color: rgba(var(--aa-selected-color-rgb), var(--aa-selected-color-alpha)); } .aa-Item[aria-selected="true"] .aa-ItemActionButton, .aa-Item[aria-selected="true"] .aa-ActiveOnly { visibility: visible; } .aa-ItemIcon { align-items: center; background: rgba(255, 255, 255, 1); background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)); border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3); box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha)); color: rgba(119, 119, 163, 1); color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha)); display: flex; flex-shrink: 0; font-size: 0.7em; height: calc(20px + ((16 * 1 * 1px) / 2)); height: calc(20px + calc(calc(16 * 1 * 1px) / 2)); height: calc(var(--aa-icon-size) + var(--aa-spacing-half)); justify-content: center; overflow: hidden; stroke-width: 1.6; stroke-width: var(--aa-icon-stroke-width); text-align: center; width: calc(20px + ((16 * 1 * 1px) / 2)); width: calc(20px + calc(calc(16 * 1 * 1px) / 2)); width: calc(var(--aa-icon-size) + var(--aa-spacing-half)); } .aa-ItemIcon img { height: auto; max-height: calc(20px + ((16 * 1 * 1px) / 2) - 8px); max-height: calc(20px + calc(calc(16 * 1 * 1px) / 2) - 8px); max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px); max-width: calc(20px + ((16 * 1 * 1px) / 2) - 8px); max-width: calc(20px + calc(calc(16 * 1 * 1px) / 2) - 8px); max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px); width: auto; } .aa-ItemIcon svg { height: 20px; height: var(--aa-icon-size); width: 20px; width: var(--aa-icon-size); } .aa-ItemIcon--alignTop { align-self: flex-start; } .aa-ItemIcon--noBorder { background: none; box-shadow: none; } .aa-ItemIcon--picture { height: 96px; width: 96px; } .aa-ItemIcon--picture img { max-height: 100%; max-width: 100%; padding: calc((16 * 1 * 1px) / 2); padding: calc(calc(16 * 1 * 1px) / 2); padding: var(--aa-spacing-half); } .aa-ItemContent { align-items: center; cursor: pointer; display: grid; gap: calc((16 * 1 * 1px) / 2); gap: calc(calc(16 * 1 * 1px) / 2); grid-gap: calc((16 * 1 * 1px) / 2); grid-gap: calc(calc(16 * 1 * 1px) / 2); grid-gap: var(--aa-spacing-half); gap: var(--aa-spacing-half); grid-auto-flow: column; line-height: 1.25em; overflow: hidden; } .aa-ItemContent:empty { display: none; } .aa-ItemContent mark { background: none; color: rgba(38, 38, 39, 1); color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); font-style: normal; font-weight: 700; font-weight: var(--aa-font-weight-bold); } .aa-ItemContent--dual { display: flex; flex-direction: column; justify-content: space-between; text-align: left; } .aa-ItemContent--dual .aa-ItemContentTitle, .aa-ItemContent--dual .aa-ItemContentSubtitle { display: block; } .aa-ItemContent--indented { padding-left: calc(20px + (16 * 1 * 1px)); padding-left: calc(20px + calc(16 * 1 * 1px)); padding-left: calc(var(--aa-icon-size) + var(--aa-spacing)); } .aa-ItemContentBody { display: grid; gap: calc(((16 * 1 * 1px) / 2) / 2); gap: calc(calc(calc(16 * 1 * 1px) / 2) / 2); grid-gap: calc(((16 * 1 * 1px) / 2) / 2); grid-gap: calc(calc(calc(16 * 1 * 1px) / 2) / 2); grid-gap: calc(var(--aa-spacing-half) / 2); gap: calc(var(--aa-spacing-half) / 2); } .aa-ItemContentTitle { display: inline-block; margin: 0 0.5em 0 0; max-width: 100%; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; } .aa-ItemContentSubtitle { font-size: 0.92em; } .aa-ItemContentSubtitleIcon::before { border-color: rgba(128, 126, 163, 0.64); border-color: rgba(var(--aa-muted-color-rgb), 0.64); border-style: solid; content: ""; display: inline-block; left: 1px; position: relative; top: -3px; } .aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon::before { border-width: 0 0 1.5px; margin-left: calc((16 * 1 * 1px) / 2); margin-left: calc(calc(16 * 1 * 1px) / 2); margin-left: var(--aa-spacing-half); margin-right: calc(((16 * 1 * 1px) / 2) / 2); margin-right: calc(calc(calc(16 * 1 * 1px) / 2) / 2); margin-right: calc(var(--aa-spacing-half) / 2); width: calc(((16 * 1 * 1px) / 2) + 2px); width: calc(calc(calc(16 * 1 * 1px) / 2) + 2px); width: calc(var(--aa-spacing-half) + 2px); } .aa-ItemContentSubtitle--standalone { align-items: center; color: rgba(38, 38, 39, 1); color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); display: grid; gap: calc((16 * 1 * 1px) / 2); gap: calc(calc(16 * 1 * 1px) / 2); grid-gap: calc((16 * 1 * 1px) / 2); grid-gap: calc(calc(16 * 1 * 1px) / 2); grid-gap: var(--aa-spacing-half); gap: var(--aa-spacing-half); grid-auto-flow: column; justify-content: start; } .aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon::before { border-radius: 0 0 0 3px; border-width: 0 0 1.5px 1.5px; height: calc((16 * 1 * 1px) / 2); height: calc(calc(16 * 1 * 1px) / 2); height: var(--aa-spacing-half); width: calc((16 * 1 * 1px) / 2); width: calc(calc(16 * 1 * 1px) / 2); width: var(--aa-spacing-half); } .aa-ItemContentSubtitleCategory { color: rgba(128, 126, 163, 1); color: rgba(var(--aa-muted-color-rgb), 1); font-weight: 500; } .aa-ItemContentDescription { color: rgba(38, 38, 39, 1); color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); font-size: 0.85em; max-width: 100%; overflow-x: hidden; text-overflow: ellipsis; } .aa-ItemContentDescription:empty { display: none; } .aa-ItemContentDescription mark { background: rgba(245, 223, 77, 0.5); background: rgba(var(--aa-description-highlight-background-color-rgb), var(--aa-description-highlight-background-color-alpha)); color: rgba(38, 38, 39, 1); color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); font-style: normal; font-weight: 500; font-weight: var(--aa-font-weight-medium); } .aa-ItemContentDash { color: rgba(128, 126, 163, 0.6); color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)); display: none; opacity: 0.4; } .aa-ItemContentTag { background-color: rgba(62, 52, 211, 0.2); background-color: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)); border-radius: 3px; margin: 0 0.4em 0 0; padding: 0.08em 0.3em; } .aa-ItemWrapper, .aa-ItemLink { align-items: center; color: inherit; display: grid; gap: calc(((16 * 1 * 1px) / 2) / 2); gap: calc(calc(calc(16 * 1 * 1px) / 2) / 2); grid-gap: calc(((16 * 1 * 1px) / 2) / 2); grid-gap: calc(calc(calc(16 * 1 * 1px) / 2) / 2); grid-gap: calc(var(--aa-spacing-half) / 2); gap: calc(var(--aa-spacing-half) / 2); grid-auto-flow: column; justify-content: space-between; width: 100%; } .aa-ItemLink { color: inherit; -webkit-text-decoration: none; text-decoration: none; } .aa-ItemActions { display: grid; grid-auto-flow: column; height: 100%; justify-self: end; margin: 0 calc((16 * 1 * 1px) / -3); margin: 0 calc(calc(16 * 1 * 1px) / -3); margin: 0 calc(var(--aa-spacing) / -3); padding: 0 2px 0 0; } .aa-ItemActionsAbsolute { position: absolute; right: 0; } .aa-ItemActionButton { align-items: center; background: none; border: 0; color: rgba(128, 126, 163, 0.6); color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)); cursor: pointer; display: flex; flex-shrink: 0; padding: 0; } .aa-ItemActionButton:hover svg, .aa-ItemActionButton:focus svg { color: rgba(38, 38, 39, 1); color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); } @media (hover: none) and (pointer: coarse) { .aa-ItemActionButton:hover svg, .aa-ItemActionButton:focus svg { color: inherit; } } .aa-ItemActionButton svg { color: rgba(128, 126, 163, 0.6); color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)); margin: 0; margin: calc(calc(16 * 1 * 1px) / 3); margin: calc(var(--aa-spacing) / 3); stroke-width: 1.6; stroke-width: var(--aa-icon-stroke-width); width: 20px; width: var(--aa-action-icon-size); } .aa-ActiveOnly { visibility: hidden; } /*----------------*/ /* 7. Panel Header*/ /*----------------*/ .aa-PanelHeader { align-items: center; background: rgba(62, 52, 211, 1); background: rgba(var(--aa-primary-color-rgb), 1); color: #fff; display: grid; height: var(--aa-modal-header-height); margin: 0; padding: calc((16 * 1 * 1px) / 2) calc(16 * 1 * 1px); padding: calc(calc(16 * 1 * 1px) / 2) calc(16 * 1 * 1px); padding: var(--aa-spacing-half) var(--aa-spacing); position: relative; } .aa-PanelHeader::after { background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0)); bottom: calc(((16 * 1 * 1px) / 2) * -1); bottom: calc(calc(calc(16 * 1 * 1px) / 2) * -1); bottom: calc(var(--aa-spacing-half) * -1); content: ""; height: calc((16 * 1 * 1px) / 2); height: calc(calc(16 * 1 * 1px) / 2); height: var(--aa-spacing-half); left: 0; pointer-events: none; position: absolute; right: 0; z-index: 9999; z-index: var(--aa-base-z-index); } /*----------------*/ /* 8. Panel Footer*/ /*----------------*/ .aa-PanelFooter { background-color: rgba(255, 255, 255, 1); background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)); box-shadow: inset 0 1px 0 rgba(128, 126, 163, 0.3); box-shadow: inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha)); display: flex; justify-content: space-between; margin: 0; padding: calc(16 * 1 * 1px); padding: var(--aa-spacing); position: relative; z-index: 9999; z-index: var(--aa-base-z-index); } .aa-PanelFooter::after { background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(128, 126, 163, 0.6)); background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha))); content: ""; height: calc(16 * 1 * 1px); height: var(--aa-spacing); left: 0; opacity: 0.12; pointer-events: none; position: absolute; right: 0; top: calc((16 * 1 * 1px) * -1); top: calc(calc(16 * 1 * 1px) * -1); top: calc(var(--aa-spacing) * -1); z-index: calc(9999 - 1); z-index: calc(var(--aa-base-z-index) - 1); } /*----------------*/ /* 9. Detached Mode*/ /*----------------*/ .aa-DetachedContainer { background: rgba(255, 255, 255, 1); background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)); bottom: 0; box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15); box-shadow: var(--aa-panel-shadow); display: flex; flex-direction: column; left: 0; margin: 0; overflow: hidden; padding: 0; position: fixed; right: 0; top: 0; z-index: 9999; z-index: var(--aa-base-z-index); } .aa-DetachedContainer::after { height: 32px; } .aa-DetachedContainer .aa-SourceHeader { margin: calc((16 * 1 * 1px) / 2) 0 calc((16 * 1 * 1px) / 2) 2px; margin: calc(calc(16 * 1 * 1px) / 2) 0 calc(calc(16 * 1 * 1px) / 2) 2px; margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px; } .aa-DetachedContainer .aa-Panel { background-color: rgba(255, 255, 255, 1); background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)); border-radius: 0; box-shadow: none; flex-grow: 1; margin: 0; padding: 0; position: relative; } .aa-DetachedContainer .aa-PanelLayout { bottom: 0; box-shadow: none; left: 0; margin: 0; max-height: none; overflow-y: auto; position: absolute; right: 0; top: 0; width: 100%; } .aa-DetachedFormContainer { border-bottom: solid 1px rgba(128, 126, 163, 0.3); border-bottom: solid 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha)); display: flex; flex-direction: row; justify-content: space-between; margin: 0; padding: calc((16 * 1 * 1px) / 2); padding: calc(calc(16 * 1 * 1px) / 2); padding: var(--aa-spacing-half); } .aa-DetachedCancelButton { background: none; border: 0; border-radius: 3px; color: inherit; color: rgba(38, 38, 39, 1); color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); cursor: pointer; font: inherit; margin: 0 0 0 calc((16 * 1 * 1px) / 2); margin: 0 0 0 calc(calc(16 * 1 * 1px) / 2); margin: 0 0 0 var(--aa-spacing-half); padding: 0 calc((16 * 1 * 1px) / 2); padding: 0 calc(calc(16 * 1 * 1px) / 2); padding: 0 var(--aa-spacing-half); } .aa-DetachedCancelButton:hover, .aa-DetachedCancelButton:focus { box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3); box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha)); } .aa-DetachedContainer--modal { border-radius: 6px; bottom: inherit; height: auto; margin: 0 auto; max-width: 680px; max-width: var(--aa-detached-modal-max-width); position: absolute; top: 1%; } .aa-DetachedContainer--modal .aa-PanelLayout:empty { display: none; } .aa-DetachedContainer--modal .aa-PanelLayout { max-height: 500px; max-height: var(--aa-detached-modal-max-height); padding-bottom: calc((16 * 1 * 1px) / 2); padding-bottom: calc(calc(16 * 1 * 1px) / 2); padding-bottom: var(--aa-spacing-half); position: static; } .aa-DetachedContainer--modal .aa-Panel-grimco.search .aa-PanelLayout { max-height: 500px; max-height: var(--aa-detached-modal-max-height-search); padding-bottom: calc((16 * 1 * 1px) / 2); padding-bottom: calc(calc(16 * 1 * 1px) / 2); padding-bottom: var(--aa-spacing-half); position: static; } /* Search Button*/ .aa-DetachedSearchButton { align-items: center; background-color: rgba(255, 255, 255, 1); background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha)); border: 1px solid rgba(128, 126, 163, 0.8); border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha)); border-radius: 25px; color: rgba(128, 126, 163, 0.6); color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)); cursor: pointer; display: flex; font: inherit; font-family: inherit; font-family: var(--aa-font-family); font-size: calc(16 * 1px); font-size: var(--aa-font-size); height: 36px; height: var(--aa-search-input-height); margin: 0; padding: 0 calc(44px / 8); padding: 0 calc(var(--aa-search-input-height) / 8); position: relative; text-align: left; width: 100%; } .aa-DetachedSearchButton:focus { /* border-color: rgba(62, 52, 211, 1); */ /* border-color: rgba(var(--aa-primary-color-rgb), 1); */ /* box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 3px, inset rgba(62, 52, 211, 0.2) 0 0 0 2px; */ /* box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 3px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px; */ outline: currentColor none medium; } .aa-DetachedSearchButtonIcon { align-items: center; color: rgba(62, 52, 211, 1); color: rgba(var(--aa-primary-color-rgb), 1); cursor: auto; cursor: initial; display: flex; flex-shrink: 0; height: 100%; justify-content: center; width: calc(20px + (16 * 1 * 1px)); width: calc(20px + calc(16 * 1 * 1px)); width: calc(var(--aa-icon-size) + var(--aa-spacing)); } .aa-DetachedSearchButtonQuery { color: rgba(38, 38, 39, 1); color: rgba(var(--aa-text-color-rgb), 1); line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .aa-DetachedSearchButtonPlaceholder[hidden] { display: none; } /* Remove scroll on `body`*/ .aa-Detached { height: 100vh; overflow: hidden; } .aa-DetachedOverlay { background-color: rgba(115, 114, 129, 0.4); background-color: rgba(var(--aa-overlay-color-rgb), var(--aa-overlay-color-alpha)); height: 100vh; left: 0; margin: 0; padding: 0; position: fixed; right: 0; top: 0; z-index: calc(9999 - 1); z-index: 99999999; } /*----------------*/ /* 10. Gradients*/ /*----------------*/ .aa-GradientTop, .aa-GradientBottom { height: calc((16 * 1 * 1px) / 2); height: calc(calc(16 * 1 * 1px) / 2); height: var(--aa-spacing-half); left: 0; pointer-events: none; position: absolute; right: 0; z-index: 9999; z-index: var(--aa-base-z-index); } .aa-GradientTop { background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0)); top: 0; } .aa-GradientBottom { background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-background-color-rgb), 1)); border-bottom-left-radius: calc((16 * 1 * 1px) / 4); border-bottom-left-radius: calc(calc(16 * 1 * 1px) / 4); border-bottom-left-radius: calc(var(--aa-spacing) / 4); border-bottom-right-radius: calc((16 * 1 * 1px) / 4); border-bottom-right-radius: calc(calc(16 * 1 * 1px) / 4); border-bottom-right-radius: calc(var(--aa-spacing) / 4); bottom: 0; } /*----------------*/ /* 11. Utilities*/ /*----------------*/ @media (hover: none) and (pointer: coarse) { .aa-DesktopOnly { display: none; } } @media (hover: hover) { .aa-TouchOnly { display: none; } } .ais-Hits-item { align-items: stretch; } @media screen and (max-width: 425px) { .ais-Hits-item { align-items: stretch; height: 100%; padding-bottom: 0 !important; } } .instantSearchWrapper { width: 100%; } .aa-ItemPicture { width: 100%; border-radius: calc(var(--aa-spacing-half) / 2); overflow: hidden; } .aa-ItemPicture img { object-fit: cover; width: 100%; height: auto; transition: transform 1.8s ease-out, opacity 0.2s ease-out; transform-origin: center; position: relative; } .aa-ProductItem .aa-ItemPicture { position: relative; height: 60px; width: 60px; } .aa-ProductItem .aa-ItemPicture img { opacity: 0; } .aa-ProductItem .aa-ItemPicture--loaded img { opacity: 1; } * { box-sizing: border-box; } .container { margin: 0 auto; max-width: 1024px; width: 100%; } /* Panel */ .aa-Panel .aa-SourceHeader { margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 0; } /* Panel section */ .aa-PanelSections { column-gap: var(--aa-spacing); display: flex; } .aa-PanelSection--left { display: flex; flex-direction: column; width: 35%; } /* .aa-PanelSection--left .aa-Item { padding: 0; } */ .aa-PanelSection--left .aa-ItemWrapper { height: 100%; border-radius: calc(var(--aa-spacing-half) / 2); } .aa-PanelSection--right { display: flex; flex-direction: column; row-gap: var(--aa-spacing); width: 65%; } .aa-PanelSection--full { display: flex; flex-direction: column; row-gap: var(--aa-spacing); width: 100%; } .aa-PanelSectionSources { display: grid; row-gap: var(--aa-spacing); } .aa-PanelSection--zoomable .aa-Item { transition: opacity 0.2s ease-out, transform 0.2s ease-out; } .aa-PanelSection--active .aa-Item { opacity: 0.5; } /* Item */ .aa-Item { transition: background 0.2s ease-out; } .aa-ItemPicture { width: 100%; border-radius: calc(var(--aa-spacing-half) / 2); overflow: hidden; } .aa-ItemPicture img { object-fit: cover; width: 100%; height: auto; transition: transform 1.8s ease-out, opacity 0.2s ease-out; transform-origin: center; position: relative; } /* Category and FAQ */ .aa-ItemWrapper.aa-CategoryItem, .aa-ItemWrapper.aa-FaqItem { display: flex; flex-direction: column; align-items: flex-start; gap: 0; } .aa-CategoryItem .aa-Breadcrumb, .aa-FaqItem .aa-Breadcrumb { margin-left: calc(var(--aa-icon-size) + var(--aa-spacing)); } /* Breadcrumb */ .aa-Breadcrumb { color: rgb(var(--aa-muted-color-rgb)); display: flex; align-items: center; font-size: 0.8em; } .aa-Breadcrumb .aa-ItemIcon { width: var(--aa-icon-size); height: var(--aa-icon-size); } .aa-Breadcrumb .aa-ItemIcon svg { width: calc(var(--aa-icon-size) * 0.6); height: calc(var(--aa-icon-size) * 0.6); } .aa-Breadcrumb mark { background: none; color: inherit; font-style: normal; font-weight: var(--aa-font-weight-bold); } /* Products */ .aa-PanelSection--products { transition: background 0.2s ease-out; } .aa-PanelSection--products .aa-List { display: grid; grid-template-columns: repeat(4, 1fr); padding: var(--aa-spacing-half); } .aa-PanelSection--products .aa-Item { align-items: flex-start; width: 100%; padding: var(--aa-spacing-half); } .aa-ProductItem { height: 100%; } .aa-ProductItem.aa-ItemLink { align-items: flex-start; justify-content: stretch; } .aa-ProductItem .aa-ItemContent mark { color: rgb(var(--aa-primary-color-rgb)); } .aa-ProductItem .aa-ItemPicture { position: relative; height: 100%; } .aa-ProductItem .aa-ItemPicture img { opacity: 0; } .aa-ProductItem .aa-ItemPicture--loaded img { opacity: 1; } .aa-ProductItem .aa-ItemContentBody { width: 100%; display: flex; flex-grow: 1; flex-direction: column; justify-content: space-between; gap: var(--aa-spacing-half); } .aa-ProductItem .aa-ItemPicture--blurred { position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(var(--aa-muted-color-rgb), 0.2); animation-name: loading; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; } .aa-ProductItem .aa-ItemContent { position: relative; display: flex; flex-direction: row; width: 100%; height: 100%; } .aa-ProductItem .aa-ItemContentBrand { font-size: 0.7em; text-transform: uppercase; color: rgb(var(--aa-muted-color-rgb)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .aa-ProductItem .aa-ItemContentBrand mark { font-weight: normal; } /* .aa-ProductItem .aa-ItemContentTitleWrapper { height: calc(var(--aa-spacing) * 2.5); } */ .aa-ProductItem .aa-ItemContentTitle { font-size: 0.9em; margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; white-space: normal; } .aa-ProductItem .aa-ItemContentPriceCurrent { font-weight: bold; } .aa-ProductItem .aa-ItemContentPriceDiscounted { font-size: 0.9em; text-decoration: line-through; color: rgb(var(--aa-muted-color-rgb)); } .aa-ProductItem .aa-ItemContentPrice { display: flex; column-gap: var(--aa-spacing-half); } .aa-ProductItem .aa-ItemContentRating ul { display: flex; list-style: none; padding: 0; } .aa-ProductItem .aa-ItemContentRating { display: flex; align-items: center; column-gap: calc(var(--aa-spacing-half) / 2); margin-top: var(--aa-spacing-half); } .aa-ProductItem .aa-StarIcon { width: 1.3em; height: 1.3em; color: #fdbc72; } .aa-ProductItem .aa-StarIcon--muted { color: #d6d6e6; } .aa-ProductItem .aa-ItemContentRatingReviews { font-size: 0.7em; color: #908eae; } .aa-ProductItem .aa-ItemFavorite { z-index: 5; position: absolute; right: var(--aa-spacing-half); top: var(--aa-spacing-half); background-color: #fff; border-radius: calc(var(--aa-spacing-half) / 2); box-shadow: 0px 4px 8px rgba(35, 38, 59, 0.15); cursor: pointer; opacity: 0; transition: opacity 0.2s ease-out; } .aa-ProductItem .aa-FavoriteIcon { color: rgb(var(--aa-primary-color-rgb)); stroke-width: 2; stroke: currentColor; margin: 1px; } .aa-ProductItem .aa-FavoriteIcon--outlined { fill: none; } /* Blurhash */ .aa-BlurhashCanvas { position: absolute; inset: 0; width: 100%; height: 100%; } /* See all */ .aa-SeeAllBtn, .aa-SeeAllLink { display: inline-block; text-decoration: none; margin: var(--aa-spacing) auto 0 auto; font-size: 0.9em; font-weight: 600; } .aa-SeeAllBtn { background-color: rgba(var(--aa-primary-color-rgb), 0.8); transition: background 0.2s ease-out; color: #fff; padding: calc(var(--aa-spacing-half) * 1.5) var(--aa-spacing); border-radius: calc(var(--aa-spacing-half) / 2); } .aa-SeeAllLink { color: rgb(var(--aa-primary-color-rgb)); transition: opacity 0.2s ease-out; margin-bottom: var(--aa-spacing-half); } /* Articles */ .aa-PanelSection--articles .aa-List { display: flex; column-gap: calc(var(--aa-spacing) / 10); margin-bottom: calc((var(--aa-spacing-half) / 2) * -1); margin-left: calc((var(--aa-spacing-half) / 2) * -1); margin-right: calc((var(--aa-spacing-half) / 2) * -1); } .aa-PanelSection--articles .aa-Item { width: 50%; padding: 0; margin: calc(var(--aa-spacing-half) / 2); } .aa-ArticleItem { box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha)); border-radius: calc(var(--aa-spacing-half) / 2); padding: var(--aa-spacing-half); height: 100%; } .aa-ArticleItem .aa-ItemContent { height: 100%; } .aa-ArticleItem .aa-ItemPicture { width: 60px; height: 60px; } .aa-ArticleItem .aa-ItemPicture img { height: 100%; } .aa-ArticleItem .aa-ItemContentTitle { font-size: 0.9em; font-weight: bold; white-space: normal; } .aa-ArticleItem .aa-ItemContentDate { color: rgb(var(--aa-muted-color-rgb)); font-size: 0.8em; } /* Popular */ .aa-PanelSection--popular .aa-List { display: flex; flex-wrap: wrap; gap: var(--aa-spacing-half); } .aa-PanelSection--popular .aa-ItemContentTitle { margin: 0; } .aa-PanelSection--popular .aa-ItemWrapper { grid-gap: var(--aa-spacing-half); } .aa-PanelSection--popular .aa-Item { background-color: rgba(var(--aa-muted-color-rgb), 0.08); padding: var(--aa-spacing-half); font-size: 0.9em; } .aa-PanelSection--popular .aa-ItemIcon { width: var(--aa-spacing); height: var(--aa-spacing); } /* Quick access */ .aa-PanelSection--quickAccess .aa-List { display: flex; column-gap: var(--aa-spacing-half); align-items: stretch; } .aa-PanelSection--quickAccess .aa-Item { width: 100%; } .aa-PanelSection--quickAccess .aa-QuickAccessItem { display: flex; border-radius: calc(var(--aa-spacing-half) / 2); overflow: hidden; height: 100%; } .aa-QuickAccessItem .aa-ItemPicture:after { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); } .aa-QuickAccessItem .aa-ItemContent { position: relative; color: #fff; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .aa-QuickAccessItem .aa-ItemContentTitle { margin: 0; } .aa-QuickAccessItem .aa-ItemContentBody { padding: var(--aa-spacing); width: 100%; } /* --- Sales banner template */ .aa-QuickAccessItem--sales-banner .aa-ItemContentBody { width: 100%; background-color: #f78125; bottom: 0; text-align: center; position: absolute; } .aa-QuickAccessItem--sales-banner .aa-ItemContentTitle { font-weight: bold; } /* --- Sale code template */ .aa-QuickAccessItem--sales-code .aa-ItemContentBody { display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 100%; width: 100%; text-align: center; position: absolute; } .aa-QuickAccessItem--sales-code .aa-ItemContentTitle { font-size: 1.2em; line-height: 1.3; font-weight: bold; } /* --- New collection template */ .aa-QuickAccessItem--new-collection .aa-ItemContentBody { position: absolute; } .aa-QuickAccessItem--new-collection .aa-ItemContent { text-transform: uppercase; } .aa-QuickAccessItem--new-collection .aa-ItemContentTitle { font-weight: bold; margin-bottom: var(--aa-spacing-half); } /* --- Help template */ .aa-QuickAccessItem.aa-QuickAccessItem--help { background-color: #f78125; } .aa-QuickAccessItem--help .aa-ItemContent { align-items: flex-start; } .aa-QuickAccessItem--help .aa-ItemContentTitle { text-transform: uppercase; font-size: 1.2em; font-weight: bold; line-height: 1.3; } .aa-QuickAccessItem--help ul { list-style: none; padding: 0; font-size: 0.9em; display: flex; flex-direction: column; row-gap: var(--aa-spacing-half); margin-top: var(--aa-spacing); } .aa-QuickAccessItem--help a { color: #fff; transition: opacity 0.2s ease-out; } /* Faq preview */ .aa-FaqPreview, .aa-FaqPreview .aa-ItemContent { cursor: initial; } .aa-FaqPreview p { margin-right: var(--aa-spacing); } .aa-FaqPreview a { color: #000; font-size: 0.9em; } .aa-FaqPreview h4, .aa-FaqPreview h3 { margin: 0; } .aa-FaqPreview h3 { margin-top: var(--aa-spacing-half); } /* Popular categories */ .aa-PanelSection--popularCategories .aa-List { display: grid; grid-auto-flow: column; grid-gap: var(--aa-spacing); font-size: 0.9em; } .aa-PanelSection--popularCategories .aa-Item { padding: 0; } .aa-PanelSection--popularCategories .aa-SourceHeader { margin-top: 0; } .aa-PopularCategoryItem.aa-ItemWrapper { justify-content: stretch; } .aa-PopularCategoryItem .aa-ItemContent { grid-auto-flow: row; } .aa-PopularCategoryItem .aa-ItemContentTitle { margin-right: 0; } .aa-PopularCategoryItem .aa-ItemContentTitle span { font-size: 0.8em; color: rgb(var(--aa-muted-color-rgb)); } /* No results */ .aa-NoResultsQuery { font-size: 1.15em; line-height: 1.3; font-weight: bold; margin-bottom: var(--aa-spacing); } .aa-NoResultsAdvicesList { font-size: 0.9em; line-height: 1.3; padding: 0; margin-top: 0; margin-left: calc(var(--aa-spacing) * 1.5); margin-bottom: 0; display: flex; flex-direction: column; row-gap: calc(var(--aa-spacing-half) * 0.5); } /* Media queries */ @media (hover: hover) { /* Panel section */ .aa-PanelSection--active .aa-Item[aria-selected="true"] { opacity: 1; transform: scale(1.05); background: none; } /* Item */ .aa-Item:hover .aa-ItemPicture img { transform: scale(1.1); } /* Products */ .aa-PanelSection--products .aa-Item:hover .aa-ItemFavorite { opacity: 1; } /* See all */ .aa-SeeAllBtn:hover { background-color: rgba(var(--aa-primary-color-rgb), 1); } .aa-SeeAllLink:hover { opacity: 0.8; } /* Quick access */ .aa-QuickAccessItem--help a:hover { opacity: 0.6; } } @media screen and (prefers-reduced-motion: reduce) { .aa-Item, .aa-PanelSection--products, .aa-ProductItem .aa-ItemFavorite, .aa-SeeAllBtn, .aa-SeeAllLink, .aa-QuickAccessItem--help a, .aa-ItemPicture img, .aa-PanelSection--zoomable .aa-Item { transition: none; } .aa-ProductItem .aa-ItemPicture--blurred { animation: none; } } @media screen and (max-width: 1024px) { .aa-PanelSection--products .aa-List { grid-template-columns: repeat(2, 1fr); } .aa-PanelSection--left { width: 40%; } .aa-PanelSection--right { width: 60%; } .aa-PanelSection--quickAccess .aa-Item:nth-child(3) { display: none; } } @media screen and (max-width: 960px) { .aa-PanelSection--articles .aa-List { flex-wrap: wrap; } .aa-PanelSection--articles .aa-Item { width: 100%; } } @media screen and (max-width: 600px) { /* Source */ .aa-SourceHeader { display: none; } .aa-PanelSection--quickAccess .aa-SourceHeader, .aa-PanelSection--popular .aa-SourceHeader { display: block; } /* Panel section */ .aa-PanelSections { flex-direction: column; row-gap: var(--aa-spacing); } .aa-PanelSection--left, .aa-PanelSection--right { width: 100%; } .aa-PanelSection--left .aa-ItemWrapper { padding: calc(var(--aa-spacing-half) / 1.5); } .aa-PanelSectionSources { row-gap: 0; } /* Products */ .aa-PanelSection--products .aa-List { display: flex; flex-wrap: wrap; gap: 0; } .aa-PanelSection--products .aa-Item { width: calc(100% - var(--aa-spacing-half) / 2); padding: 0; } .aa-ProductItem { min-height: 100%; } .aa-ProductItem .aa-ItemFavorite { opacity: 1; } /* Articles */ .aa-PanelSection--articles .aa-List { flex-wrap: wrap; gap: var(--aa-spacing-half); } .aa-PanelSection--articles .aa-Item { width: 100%; } /* Quick access */ .aa-PanelSection--quickAccess .aa-List { overflow: auto; scroll-snap-type: x; } .aa-PanelSection--quickAccess .aa-Item { min-width: 40vw; scroll-snap-align: start; padding: 0; } .aa-PanelSection--quickAccess .aa-Item:nth-child(3) { display: block; } /* Popular categories */ .aa-PanelSection--popularCategories .aa-List { grid-template-columns: repeat(3, 1fr); grid-auto-flow: row; grid-gap: var(--aa-spacing-half); } .aa-PanelSection--popularCategories .aa-ItemContentTitle span { display: block; } } /* Keyframes */ @keyframes loading { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .aa-PanelSection--blogs { width: 100%; } /* .aa-PanelSection--blogs .aa-PanelSectionSource .aa-Source .aa-List { display: flex; }*/ .aa-PanelSection--blogs .aa-PanelSectionSource .aa-Source .aa-List .aa-Item { flex-basis: 33%; } .aa-Panel.aa-Panel-grimco { z-index: 1200; } .aa-List-autocomplete-blog { /* display: grid; grid-auto-rows: 1fr; */ display: flex; justify-content: space-evenly; } .aa-List-autocomplete-blog li { flex-basis: 33%; /* width: 100%; display: flex; justify-content: stretch; align-items: stretch; flex-direction: column; */ } .aa-PanelSection--products .aa-PanelSectionSource .aa-Source .aa-List { display: flex; flex-direction: column; padding: 0; } .aa-ratingsContainer { height: 28px; } .scoreContainer { display: flex; flex-grow: 1; justify-content: flex-end; } .aa-ContentItem mark { background: none; color: rgb(var(--aa-primary-color-rgb)); font-style: normal; font-weight: 700; font-weight: var(--aa-font-weight-bold); } .hs-search-highlight { background: none; color: rgb(var(--aa-primary-color-rgb)); font-style: normal; font-weight: 700; font-weight: var(--aa-font-weight-bold); } .aip-paging { position: relative; } .grimco-search-ClearRefinementsButton { background-image: none; border: 0; } .grimco-search-ClearRefinementsButton:disabled[disabled] { background-image: none; } .grimco-search-ClearRefinementsButton:hover { background-image: none; border: 0; } .grimco-search-ClearRefinementsButton:active { border: 0; box-shadow: none; } .mxTJhti4AJau5Id20dWyMA\=\={display:flex;align-items:center}.nLeSjUS1gnRj\+EOjOAMWAw\=\={background:linear-gradient(170deg, transparent 47.75%, #b12028 49.5%, #b12028 50.5%, transparent 52.25%)} .MvHR1V5dMzORZaDGlo5vww\=\={margin-bottom:8px}.oB5iqxB-rhYytqn--79fdw\=\={display:flex;align-items:baseline;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.oB5iqxB-rhYytqn--79fdw\=\=._6oQEKcjjZ3mgrZe9xtCTlQ\=\={width:100%;font-size:.875rem;justify-content:space-between;align-items:center} @font-face{font-family:"revicons";fallback:fallback;src:url(/React/dist/revicons.woff) format('woff'),url(/React/dist/revicons.ttf) format('ttf'),url(/React/dist/revicons.eot) format('ttf')}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,0.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,0.8)}.react-multiple-carousel__arrow::before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,0.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left::before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right::before{content:"\e825"}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;margin:auto;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;padding:5px 5px 5px 5px;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:grey;padding:0;margin:0;margin-right:6px;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active{background:#080808}.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0 !important}.react-multi-carousel-track{overflow:visible !important}}[dir='rtl'].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right::before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left::before{content:"\e825"}