[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"summary-db045455737315e8-using-css-style-queries-for-conditional-theming-summary":3,"summaries-facets-categories":97,"summary-related-db045455737315e8-using-css-style-queries-for-conditional-theming-summary":5002},{"id":4,"title":5,"ai":6,"body":13,"categories":54,"created_at":56,"date_modified":56,"description":49,"extension":57,"faq":56,"featured":58,"kicker_label":56,"meta":59,"navigation":77,"path":78,"published_at":79,"question":56,"scraped_at":80,"seo":81,"sitemap":82,"source_id":83,"source_name":84,"source_type":85,"source_url":86,"stem":87,"tags":88,"thumbnail_url":92,"tldr":93,"tweet":94,"unknown_tags":95,"__hash__":96},"summaries\u002Fsummaries\u002Fdb045455737315e8-using-css-style-queries-for-conditional-theming-summary.md","Using CSS Style Queries for Conditional Theming",{"provider":7,"model":8,"input_tokens":9,"output_tokens":10,"processing_time_ms":11,"cost_usd":12},"openrouter","google\u002Fgemini-3.1-flash-lite",6312,522,3180,0.002361,{"type":14,"value":15,"toc":48},"minimark",[16,21,34,38,41],[17,18,20],"h2",{"id":19},"moving-beyond-modifier-classes","Moving Beyond Modifier Classes",[22,23,24,25,29,30,33],"p",{},"CSS style queries provide a powerful alternative to traditional BEM-style modifier classes (e.g., ",[26,27,28],"code",{},".card--primary","). Instead of manually applying classes to every child element, you can define a custom property on a parent container. The child components then use an ",[26,31,32],{},"@container style(...)"," query to detect that property and automatically apply the corresponding theme. This approach decouples the component's internal logic from its parent's configuration, allowing for cleaner, more maintainable code where the parent dictates the theme and the children adapt accordingly.",[17,35,37],{"id":36},"conditional-styling-and-responsive-layouts","Conditional Styling and Responsive Layouts",[22,39,40],{},"Style queries excel when used to apply conditional styles based on layout context rather than just global state. By toggling a custom property at specific breakpoints, you can trigger \"compact\" or \"expanded\" modes for components only when they exist within a specific container (like a sidebar) or layout state (like a two-column grid).",[22,42,43,44,47],{},"This technique replaces the need for JavaScript-based class toggling or complex, redundant CSS media queries. For example, you can set a ",[26,45,46],{},"--card-density: compact"," property on a sidebar container at a specific breakpoint, and all cards within that container will automatically shrink. This keeps the logic contained within CSS, ensuring that component behavior is tied directly to the layout context rather than hardcoded class names.",{"title":49,"searchDepth":50,"depth":50,"links":51},"",2,[52,53],{"id":19,"depth":50,"text":20},{"id":36,"depth":50,"text":37},[55],"Design & Frontend",null,"md",false,{"content_references":60,"triage":72},[61,66,69],{"type":62,"title":63,"url":64,"context":65},"tool","CodePen","https:\u002F\u002Fcodepen.io\u002F","mentioned",{"type":62,"title":67,"url":68,"context":65},"Zed","https:\u002F\u002Fzed.dev\u002F",{"type":62,"title":70,"url":71,"context":65},"VS Code","https:\u002F\u002Fcode.visualstudio.com\u002F",{"relevance":73,"novelty":74,"quality":73,"actionability":73,"composite":75,"reasoning":76},4,3,3.8,"Category: Design & Frontend. The article discusses CSS style queries, which directly relate to frontend development and UI\u002FUX design, addressing the pain point of maintaining clean and adaptive code. It provides actionable insights on using custom properties for theming, which can be immediately applied in design workflows.",true,"\u002Fsummaries\u002Fdb045455737315e8-using-css-style-queries-for-conditional-theming-summary","2026-06-17 13:00:38","2026-06-18 12:56:31",{"title":5,"description":49},{"loc":78},"db045455737315e8","Kevin Powell","video","https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=Rbafod4FvVY","summaries\u002Fdb045455737315e8-using-css-style-queries-for-conditional-theming-summary",[89,90,91],"frontend","ui-ux","css","https:\u002F\u002Fi.ytimg.com\u002Fvi\u002FRbafod4FvVY\u002Fhqdefault.jpg","CSS style queries allow components to adapt their appearance based on parent-defined custom properties, enabling cleaner, conditional theming without relying on manual modifier classes or JavaScript.","A practical demonstration of how to use CSS style queries to handle component theming and conditional styling without relying on manual modifier classes. The video shows how to trigger layout changes based on custom properties, effectively letting parent containers dictate the appearance of their children.",[91],"367F67kNWkmh-e5ya2mHyIG1H_CZ2a3nqqMn4fDYMkE",[98,101,104,107,110,113,115,117,119,121,123,125,127,129,132,134,136,138,140,142,144,146,148,150,152,154,156,158,160,162,164,167,169,171,173,175,177,180,182,184,186,189,191,193,195,197,199,201,203,205,207,209,211,213,215,218,220,222,224,226,228,230,232,234,236,238,240,242,244,246,248,250,252,254,256,258,260,262,264,266,268,270,272,274,276,278,280,282,284,286,288,290,292,294,296,298,300,302,304,306,308,310,312,314,316,318,320,322,324,326,328,330,332,334,336,338,340,342,344,346,348,350,352,354,356,358,360,362,364,366,368,370,372,374,376,378,380,382,384,386,388,390,392,394,396,398,400,402,404,406,408,410,412,414,416,418,420,422,424,426,428,430,432,434,436,438,440,442,444,446,448,450,452,454,456,458,460,462,464,466,468,470,472,474,476,478,480,482,484,486,488,490,492,494,496,498,500,502,504,506,508,510,512,514,516,518,520,522,524,526,528,530,532,534,536,538,540,542,544,546,548,550,552,554,556,558,560,562,564,566,568,570,572,574,576,578,580,582,584,586,588,590,592,594,596,598,600,602,604,606,608,610,612,614,616,618,620,622,624,626,628,630,632,634,636,638,640,642,644,646,648,650,652,654,656,658,660,662,664,666,668,670,672,674,676,678,680,682,684,686,688,690,692,694,696,698,700,702,704,706,708,710,712,714,716,718,720,722,724,726,728,730,732,734,736,738,740,742,744,746,748,750,752,754,756,758,760,762,764,766,768,770,772,774,776,778,780,782,784,786,788,790,792,794,796,798,800,802,804,806,808,810,812,814,816,818,820,822,824,826,828,830,832,834,836,838,840,842,844,846,848,850,852,854,856,858,860,862,864,866,868,870,872,874,876,878,880,882,884,886,888,890,892,894,896,898,900,902,904,906,908,910,912,914,916,918,920,922,924,926,928,930,932,934,936,938,940,942,944,946,948,950,952,954,956,958,960,962,964,966,968,970,972,974,976,978,980,982,984,986,988,990,992,994,996,998,1000,1002,1004,1006,1008,1010,1012,1014,1016,1018,1020,1022,1024,1026,1028,1030,1032,1034,1036,1038,1040,1042,1044,1046,1048,1050,1052,1054,1056,1058,1060,1062,1064,1066,1068,1070,1072,1074,1076,1078,1080,1082,1084,1086,1088,1090,1092,1094,1096,1098,1100,1102,1104,1106,1108,1110,1112,1114,1116,1118,1120,1122,1124,1126,1128,1130,1132,1134,1136,1138,1140,1142,1144,1146,1148,1150,1152,1154,1156,1158,1160,1162,1164,1166,1168,1170,1172,1174,1176,1178,1180,1182,1184,1186,1188,1190,1192,1194,1196,1198,1200,1202,1204,1206,1208,1210,1212,1214,1216,1218,1220,1222,1224,1226,1228,1230,1232,1234,1236,1238,1240,1242,1244,1246,1248,1250,1252,1254,1256,1258,1260,1262,1264,1266,1268,1270,1272,1274,1276,1278,1280,1282,1284,1286,1288,1290,1292,1294,1296,1298,1300,1302,1304,1306,1308,1310,1312,1314,1316,1318,1320,1322,1324,1326,1328,1330,1332,1334,1336,1338,1340,1342,1344,1346,1348,1350,1352,1354,1356,1358,1360,1362,1364,1366,1368,1370,1372,1374,1376,1378,1380,1382,1384,1386,1388,1390,1392,1394,1396,1398,1400,1402,1404,1406,1408,1410,1412,1414,1416,1418,1420,1422,1424,1426,1428,1430,1432,1434,1436,1438,1440,1442,1444,1446,1448,1450,1452,1454,1456,1458,1460,1462,1464,1466,1468,1470,1472,1474,1476,1478,1480,1482,1484,1486,1488,1490,1492,1494,1496,1498,1500,1502,1504,1506,1508,1510,1512,1514,1516,1518,1520,1522,1524,1526,1528,1530,1532,1534,1536,1538,1540,1542,1544,1546,1548,1550,1552,1554,1556,1558,1560,1562,1564,1566,1568,1570,1572,1574,1576,1578,1580,1582,1584,1586,1588,1590,1592,1594,1596,1598,1600,1602,1604,1606,1608,1610,1612,1614,1616,1618,1620,1622,1624,1626,1628,1630,1632,1634,1636,1638,1640,1642,1644,1646,1648,1650,1652,1654,1656,1658,1660,1662,1664,1666,1668,1670,1672,1674,1676,1678,1680,1682,1684,1686,1688,1690,1692,1694,1696,1698,1700,1702,1704,1706,1708,1710,1712,1714,1716,1718,1720,1722,1724,1726,1728,1730,1732,1734,1736,1738,1740,1742,1744,1746,1748,1750,1752,1754,1756,1758,1760,1762,1764,1766,1768,1770,1772,1774,1776,1778,1780,1782,1784,1786,1788,1790,1792,1794,1796,1798,1800,1802,1804,1806,1808,1810,1812,1814,1816,1818,1820,1822,1824,1826,1828,1830,1832,1834,1836,1838,1840,1842,1844,1846,1848,1850,1852,1854,1856,1858,1860,1862,1864,1866,1868,1870,1872,1874,1876,1878,1880,1882,1884,1886,1888,1890,1892,1894,1896,1898,1900,1902,1904,1906,1908,1910,1912,1914,1916,1918,1920,1922,1924,1926,1928,1930,1932,1934,1936,1938,1940,1942,1944,1946,1948,1950,1952,1954,1956,1958,1960,1962,1964,1966,1968,1970,1972,1974,1976,1978,1980,1982,1984,1986,1988,1990,1992,1994,1996,1998,2000,2002,2004,2006,2008,2010,2012,2014,2016,2018,2020,2022,2024,2026,2028,2030,2032,2034,2036,2038,2040,2042,2044,2046,2048,2050,2052,2054,2056,2058,2060,2062,2064,2066,2068,2070,2072,2074,2076,2078,2080,2082,2084,2086,2088,2090,2092,2094,2096,2098,2100,2102,2104,2106,2108,2110,2112,2114,2116,2118,2120,2122,2124,2126,2128,2130,2132,2134,2136,2138,2140,2142,2144,2146,2148,2150,2152,2154,2156,2158,2160,2162,2164,2166,2168,2170,2172,2174,2176,2178,2180,2182,2184,2186,2188,2190,2192,2194,2196,2198,2200,2202,2204,2206,2208,2210,2212,2214,2216,2218,2220,2222,2224,2226,2228,2230,2232,2234,2236,2238,2240,2242,2244,2246,2248,2250,2252,2254,2256,2258,2260,2262,2264,2266,2268,2270,2272,2274,2276,2278,2280,2282,2284,2286,2288,2290,2292,2294,2296,2298,2300,2302,2304,2306,2308,2310,2312,2314,2316,2318,2320,2322,2324,2326,2328,2330,2332,2334,2336,2338,2340,2342,2344,2346,2348,2350,2352,2354,2356,2358,2360,2362,2364,2366,2368,2370,2372,2374,2376,2378,2380,2382,2384,2386,2388,2390,2392,2394,2396,2398,2400,2402,2404,2406,2408,2410,2412,2414,2416,2418,2420,2422,2424,2426,2428,2430,2432,2434,2436,2438,2440,2442,2444,2446,2448,2450,2452,2454,2456,2458,2460,2462,2464,2466,2468,2470,2472,2474,2476,2478,2480,2482,2484,2486,2488,2490,2492,2494,2496,2498,2500,2502,2504,2506,2508,2510,2512,2514,2516,2518,2520,2522,2524,2526,2528,2530,2532,2534,2536,2538,2540,2542,2544,2546,2548,2550,2552,2554,2556,2558,2560,2562,2564,2566,2568,2570,2572,2574,2576,2578,2580,2582,2584,2586,2588,2590,2592,2594,2596,2598,2600,2602,2604,2606,2608,2610,2612,2614,2616,2618,2620,2622,2624,2626,2628,2630,2632,2634,2636,2638,2640,2642,2644,2646,2648,2650,2652,2654,2656,2658,2660,2662,2664,2666,2668,2670,2672,2674,2676,2678,2680,2682,2684,2686,2688,2690,2692,2694,2696,2698,2700,2702,2704,2706,2708,2710,2712,2714,2716,2718,2720,2722,2724,2726,2728,2730,2732,2734,2736,2738,2740,2742,2744,2746,2748,2750,2752,2754,2756,2758,2760,2762,2764,2766,2768,2770,2772,2774,2776,2778,2780,2782,2784,2786,2788,2790,2792,2794,2796,2798,2800,2802,2804,2806,2808,2810,2812,2814,2816,2818,2820,2822,2824,2826,2828,2830,2832,2834,2836,2838,2840,2842,2844,2846,2848,2850,2852,2854,2856,2858,2860,2862,2864,2866,2868,2870,2872,2874,2876,2878,2880,2882,2884,2886,2888,2890,2892,2894,2896,2898,2900,2902,2904,2906,2908,2910,2912,2914,2916,2918,2920,2922,2924,2926,2928,2930,2932,2934,2936,2938,2940,2942,2944,2946,2948,2950,2952,2954,2956,2958,2960,2962,2964,2966,2968,2970,2972,2974,2976,2978,2980,2982,2984,2986,2988,2990,2992,2994,2996,2998,3000,3002,3004,3006,3008,3010,3012,3014,3016,3018,3020,3022,3024,3026,3028,3030,3032,3034,3036,3038,3040,3042,3044,3046,3048,3050,3052,3054,3056,3058,3060,3062,3064,3066,3068,3070,3072,3074,3076,3078,3080,3082,3084,3086,3088,3090,3092,3094,3096,3098,3100,3102,3104,3106,3108,3110,3112,3114,3116,3118,3120,3122,3124,3126,3128,3130,3132,3134,3136,3138,3140,3142,3144,3146,3148,3150,3152,3154,3156,3158,3160,3162,3164,3166,3168,3170,3172,3174,3176,3178,3180,3182,3184,3186,3188,3190,3192,3194,3196,3198,3200,3202,3204,3206,3208,3210,3212,3214,3216,3218,3220,3222,3224,3226,3228,3230,3232,3234,3236,3238,3240,3242,3244,3246,3248,3250,3252,3254,3256,3258,3260,3262,3264,3266,3268,3270,3272,3274,3276,3278,3280,3282,3284,3286,3288,3290,3292,3294,3296,3298,3300,3302,3304,3306,3308,3310,3312,3314,3316,3318,3320,3322,3324,3326,3328,3330,3332,3334,3336,3338,3340,3342,3344,3346,3348,3350,3352,3354,3356,3358,3360,3362,3364,3366,3368,3370,3372,3374,3376,3378,3380,3382,3384,3386,3388,3390,3392,3394,3396,3398,3400,3402,3404,3406,3408,3410,3412,3414,3416,3418,3420,3422,3424,3426,3428,3430,3432,3434,3436,3438,3440,3442,3444,3446,3448,3450,3452,3454,3456,3458,3460,3462,3464,3466,3468,3470,3472,3474,3476,3478,3480,3482,3484,3486,3488,3490,3492,3494,3496,3498,3500,3502,3504,3506,3508,3510,3512,3514,3516,3518,3520,3522,3524,3526,3528,3530,3532,3534,3536,3538,3540,3542,3544,3546,3548,3550,3552,3554,3556,3558,3560,3562,3564,3566,3568,3570,3572,3574,3576,3578,3580,3582,3584,3586,3588,3590,3592,3594,3596,3598,3600,3602,3604,3606,3608,3610,3612,3614,3616,3618,3620,3622,3624,3626,3628,3630,3632,3634,3636,3638,3640,3642,3644,3646,3648,3650,3652,3654,3656,3658,3660,3662,3664,3666,3668,3670,3672,3674,3676,3678,3680,3682,3684,3686,3688,3690,3692,3694,3696,3698,3700,3702,3704,3706,3708,3710,3712,3714,3716,3718,3720,3722,3724,3726,3728,3730,3732,3734,3736,3738,3740,3742,3744,3746,3748,3750,3752,3754,3756,3758,3760,3762,3764,3766,3768,3770,3772,3774,3776,3778,3780,3782,3784,3786,3788,3790,3792,3794,3796,3798,3800,3802,3804,3806,3808,3810,3812,3814,3816,3818,3820,3822,3824,3826,3828,3830,3832,3834,3836,3838,3840,3842,3844,3846,3848,3850,3852,3854,3856,3858,3860,3862,3864,3866,3868,3870,3872,3874,3876,3878,3880,3882,3884,3886,3888,3890,3892,3894,3896,3898,3900,3902,3904,3906,3908,3910,3912,3914,3916,3918,3920,3922,3924,3926,3928,3930,3932,3934,3936,3938,3940,3942,3944,3946,3948,3950,3952,3954,3956,3958,3960,3962,3964,3966,3968,3970,3972,3974,3976,3978,3980,3982,3984,3986,3988,3990,3992,3994,3996,3998,4000,4002,4004,4006,4008,4010,4012,4014,4016,4018,4020,4022,4024,4026,4028,4030,4032,4034,4036,4038,4040,4042,4044,4046,4048,4050,4052,4054,4056,4058,4060,4062,4064,4066,4068,4070,4072,4074,4076,4078,4080,4082,4084,4086,4088,4090,4092,4094,4096,4098,4100,4102,4104,4106,4108,4110,4112,4114,4116,4118,4120,4122,4124,4126,4128,4130,4132,4134,4136,4138,4140,4142,4144,4146,4148,4150,4152,4154,4156,4158,4160,4162,4164,4166,4168,4170,4172,4174,4176,4178,4180,4182,4184,4186,4188,4190,4192,4194,4196,4198,4200,4202,4204,4206,4208,4210,4212,4214,4216,4218,4220,4222,4224,4226,4228,4230,4232,4234,4236,4238,4240,4242,4244,4246,4248,4250,4252,4254,4256,4258,4260,4262,4264,4266,4268,4270,4272,4274,4276,4278,4280,4282,4284,4286,4288,4290,4292,4294,4296,4298,4300,4302,4304,4306,4308,4310,4312,4314,4316,4318,4320,4322,4324,4326,4328,4330,4332,4334,4336,4338,4340,4342,4344,4346,4348,4350,4352,4354,4356,4358,4360,4362,4364,4366,4368,4370,4372,4374,4376,4378,4380,4382,4384,4386,4388,4390,4392,4394,4396,4398,4400,4402,4404,4406,4408,4410,4412,4414,4416,4418,4420,4422,4424,4426,4428,4430,4432,4434,4436,4438,4440,4442,4444,4446,4448,4450,4452,4454,4456,4458,4460,4462,4464,4466,4468,4470,4472,4474,4476,4478,4480,4482,4484,4486,4488,4490,4492,4494,4496,4498,4500,4502,4504,4506,4508,4510,4512,4514,4516,4518,4520,4522,4524,4526,4528,4530,4532,4534,4536,4538,4540,4542,4544,4546,4548,4550,4552,4554,4556,4558,4560,4562,4564,4566,4568,4570,4572,4574,4576,4578,4580,4582,4584,4586,4588,4590,4592,4594,4596,4598,4600,4602,4604,4606,4608,4610,4612,4614,4616,4618,4620,4622,4624,4626,4628,4630,4632,4634,4636,4638,4640,4642,4644,4646,4648,4650,4652,4654,4656,4658,4660,4662,4664,4666,4668,4670,4672,4674,4676,4678,4680,4682,4684,4686,4688,4690,4692,4694,4696,4698,4700,4702,4704,4706,4708,4710,4712,4714,4716,4718,4720,4722,4724,4726,4728,4730,4732,4734,4736,4738,4740,4742,4744,4746,4748,4750,4752,4754,4756,4758,4760,4762,4764,4766,4768,4770,4772,4774,4776,4778,4780,4782,4784,4786,4788,4790,4792,4794,4796,4798,4800,4802,4804,4806,4808,4810,4812,4814,4816,4818,4820,4822,4824,4826,4828,4830,4832,4834,4836,4838,4840,4842,4844,4846,4848,4850,4852,4854,4856,4858,4860,4862,4864,4866,4868,4870,4872,4874,4876,4878,4880,4882,4884,4886,4888,4890,4892,4894,4896,4898,4900,4902,4904,4906,4908,4910,4912,4914,4916,4918,4920,4922,4924,4926,4928,4930,4932,4934,4936,4938,4940,4942,4944,4946,4948,4950,4952,4954,4956,4958,4960,4962,4964,4966,4968,4970,4972,4974,4976,4978,4980,4982,4984,4986,4988,4990,4992,4994,4996,4998,5000],{"categories":99},[100],"Developer Productivity",{"categories":102},[103],"Business & SaaS",{"categories":105},[106],"AI & LLMs",{"categories":108},[109],"AI Automation",{"categories":111},[112],"Product Strategy",{"categories":114},[106],{"categories":116},[100],{"categories":118},[106],{"categories":120},[103],{"categories":122},[],{"categories":124},[106],{"categories":126},[109],{"categories":128},[],{"categories":130},[131],"AI News & Trends",{"categories":133},[109],{"categories":135},[106],{"categories":137},[109],{"categories":139},[131],{"categories":141},[109],{"categories":143},[109],{"categories":145},[106],{"categories":147},[109],{"categories":149},[106],{"categories":151},[106],{"categories":153},[106],{"categories":155},[131],{"categories":157},[106],{"categories":159},[106],{"categories":161},[],{"categories":163},[55],{"categories":165},[166],"Data Science & Visualization",{"categories":168},[131],{"categories":170},[106],{"categories":172},[],{"categories":174},[106],{"categories":176},[109],{"categories":178},[179],"Software Engineering",{"categories":181},[106],{"categories":183},[109],{"categories":185},[106],{"categories":187},[188],"Marketing & Growth",{"categories":190},[55],{"categories":192},[106],{"categories":194},[109],{"categories":196},[106],{"categories":198},[],{"categories":200},[],{"categories":202},[55],{"categories":204},[109],{"categories":206},[100],{"categories":208},[179],{"categories":210},[55],{"categories":212},[106],{"categories":214},[179],{"categories":216},[217],"DevOps & Cloud",{"categories":219},[109],{"categories":221},[112],{"categories":223},[131],{"categories":225},[106],{"categories":227},[],{"categories":229},[106],{"categories":231},[],{"categories":233},[109],{"categories":235},[179],{"categories":237},[],{"categories":239},[103],{"categories":241},[],{"categories":243},[],{"categories":245},[106],{"categories":247},[109],{"categories":249},[106],{"categories":251},[106],{"categories":253},[109],{"categories":255},[106],{"categories":257},[106],{"categories":259},[106],{"categories":261},[],{"categories":263},[179],{"categories":265},[],{"categories":267},[],{"categories":269},[179],{"categories":271},[],{"categories":273},[179],{"categories":275},[106],{"categories":277},[106],{"categories":279},[188],{"categories":281},[55],{"categories":283},[55],{"categories":285},[106],{"categories":287},[179],{"categories":289},[109],{"categories":291},[179],{"categories":293},[106],{"categories":295},[106],{"categories":297},[109],{"categories":299},[109],{"categories":301},[166],{"categories":303},[131],{"categories":305},[109],{"categories":307},[109],{"categories":309},[188],{"categories":311},[109],{"categories":313},[112],{"categories":315},[179],{"categories":317},[],{"categories":319},[109],{"categories":321},[],{"categories":323},[109],{"categories":325},[106],{"categories":327},[179],{"categories":329},[217],{"categories":331},[55],{"categories":333},[106],{"categories":335},[],{"categories":337},[179],{"categories":339},[106],{"categories":341},[],{"categories":343},[109],{"categories":345},[],{"categories":347},[106],{"categories":349},[],{"categories":351},[100],{"categories":353},[179],{"categories":355},[103],{"categories":357},[106],{"categories":359},[106],{"categories":361},[131],{"categories":363},[106],{"categories":365},[],{"categories":367},[106],{"categories":369},[],{"categories":371},[179],{"categories":373},[166],{"categories":375},[],{"categories":377},[106],{"categories":379},[55],{"categories":381},[],{"categories":383},[55],{"categories":385},[109],{"categories":387},[],{"categories":389},[106],{"categories":391},[106],{"categories":393},[109],{"categories":395},[131],{"categories":397},[103],{"categories":399},[106],{"categories":401},[],{"categories":403},[179],{"categories":405},[109],{"categories":407},[106],{"categories":409},[112],{"categories":411},[],{"categories":413},[106],{"categories":415},[112],{"categories":417},[109],{"categories":419},[106],{"categories":421},[109],{"categories":423},[],{"categories":425},[166],{"categories":427},[106],{"categories":429},[],{"categories":431},[100],{"categories":433},[106],{"categories":435},[103],{"categories":437},[106],{"categories":439},[109],{"categories":441},[106],{"categories":443},[106],{"categories":445},[179],{"categories":447},[106],{"categories":449},[],{"categories":451},[],{"categories":453},[106],{"categories":455},[106],{"categories":457},[],{"categories":459},[55],{"categories":461},[],{"categories":463},[106],{"categories":465},[],{"categories":467},[109],{"categories":469},[106],{"categories":471},[55],{"categories":473},[],{"categories":475},[106],{"categories":477},[109],{"categories":479},[106],{"categories":481},[103],{"categories":483},[109],{"categories":485},[106],{"categories":487},[106],{"categories":489},[55],{"categories":491},[109],{"categories":493},[],{"categories":495},[179],{"categories":497},[109],{"categories":499},[],{"categories":501},[131],{"categories":503},[],{"categories":505},[106],{"categories":507},[106],{"categories":509},[103,188],{"categories":511},[],{"categories":513},[106],{"categories":515},[106],{"categories":517},[109],{"categories":519},[],{"categories":521},[],{"categories":523},[106],{"categories":525},[55],{"categories":527},[106],{"categories":529},[],{"categories":531},[106],{"categories":533},[217],{"categories":535},[],{"categories":537},[131],{"categories":539},[55],{"categories":541},[],{"categories":543},[131],{"categories":545},[106],{"categories":547},[109],{"categories":549},[131],{"categories":551},[106],{"categories":553},[188],{"categories":555},[],{"categories":557},[109],{"categories":559},[103],{"categories":561},[179],{"categories":563},[106],{"categories":565},[109],{"categories":567},[],{"categories":569},[106,217],{"categories":571},[106],{"categories":573},[106],{"categories":575},[106],{"categories":577},[109],{"categories":579},[106,179],{"categories":581},[166],{"categories":583},[106],{"categories":585},[106],{"categories":587},[179],{"categories":589},[109],{"categories":591},[188],{"categories":593},[109],{"categories":595},[106],{"categories":597},[106],{"categories":599},[109],{"categories":601},[],{"categories":603},[109],{"categories":605},[106],{"categories":607},[106,103],{"categories":609},[103],{"categories":611},[],{"categories":613},[55],{"categories":615},[55],{"categories":617},[106],{"categories":619},[],{"categories":621},[],{"categories":623},[131],{"categories":625},[],{"categories":627},[100],{"categories":629},[106],{"categories":631},[179],{"categories":633},[106],{"categories":635},[55],{"categories":637},[106],{"categories":639},[109],{"categories":641},[179],{"categories":643},[131],{"categories":645},[55],{"categories":647},[],{"categories":649},[106],{"categories":651},[106],{"categories":653},[106],{"categories":655},[106],{"categories":657},[106],{"categories":659},[106],{"categories":661},[131],{"categories":663},[100],{"categories":665},[106],{"categories":667},[109],{"categories":669},[217],{"categories":671},[55],{"categories":673},[106],{"categories":675},[109],{"categories":677},[],{"categories":679},[],{"categories":681},[55],{"categories":683},[131],{"categories":685},[166],{"categories":687},[],{"categories":689},[106],{"categories":691},[106],{"categories":693},[103],{"categories":695},[106],{"categories":697},[106],{"categories":699},[106],{"categories":701},[131],{"categories":703},[55],{"categories":705},[],{"categories":707},[109],{"categories":709},[179],{"categories":711},[],{"categories":713},[106],{"categories":715},[106],{"categories":717},[109],{"categories":719},[179],{"categories":721},[106],{"categories":723},[166],{"categories":725},[],{"categories":727},[106],{"categories":729},[],{"categories":731},[106],{"categories":733},[],{"categories":735},[112],{"categories":737},[103],{"categories":739},[109],{"categories":741},[109],{"categories":743},[],{"categories":745},[100],{"categories":747},[106],{"categories":749},[103],{"categories":751},[131],{"categories":753},[100],{"categories":755},[],{"categories":757},[106],{"categories":759},[],{"categories":761},[],{"categories":763},[131],{"categories":765},[131],{"categories":767},[],{"categories":769},[55],{"categories":771},[179],{"categories":773},[],{"categories":775},[103],{"categories":777},[],{"categories":779},[],{"categories":781},[100],{"categories":783},[166],{"categories":785},[],{"categories":787},[188],{"categories":789},[109],{"categories":791},[103],{"categories":793},[109],{"categories":795},[179],{"categories":797},[],{"categories":799},[112],{"categories":801},[106],{"categories":803},[55],{"categories":805},[179],{"categories":807},[106],{"categories":809},[109],{"categories":811},[103],{"categories":813},[106],{"categories":815},[],{"categories":817},[],{"categories":819},[179],{"categories":821},[166],{"categories":823},[112],{"categories":825},[106],{"categories":827},[109],{"categories":829},[106],{"categories":831},[],{"categories":833},[131],{"categories":835},[217],{"categories":837},[],{"categories":839},[109],{"categories":841},[],{"categories":843},[100],{"categories":845},[],{"categories":847},[106],{"categories":849},[106],{"categories":851},[55],{"categories":853},[188],{"categories":855},[179],{"categories":857},[109],{"categories":859},[],{"categories":861},[179],{"categories":863},[100],{"categories":865},[],{"categories":867},[131],{"categories":869},[106,217],{"categories":871},[106],{"categories":873},[131],{"categories":875},[106],{"categories":877},[106],{"categories":879},[103],{"categories":881},[106],{"categories":883},[],{"categories":885},[106],{"categories":887},[103],{"categories":889},[106],{"categories":891},[],{"categories":893},[109],{"categories":895},[179],{"categories":897},[55],{"categories":899},[131],{"categories":901},[166],{"categories":903},[106],{"categories":905},[100],{"categories":907},[106],{"categories":909},[109],{"categories":911},[106],{"categories":913},[179],{"categories":915},[179],{"categories":917},[],{"categories":919},[],{"categories":921},[109],{"categories":923},[112],{"categories":925},[],{"categories":927},[106],{"categories":929},[],{"categories":931},[55],{"categories":933},[109],{"categories":935},[179],{"categories":937},[55],{"categories":939},[106],{"categories":941},[55],{"categories":943},[],{"categories":945},[],{"categories":947},[131],{"categories":949},[109],{"categories":951},[109],{"categories":953},[106],{"categories":955},[106],{"categories":957},[106],{"categories":959},[103],{"categories":961},[106],{"categories":963},[106],{"categories":965},[],{"categories":967},[179],{"categories":969},[179],{"categories":971},[106],{"categories":973},[179],{"categories":975},[103],{"categories":977},[],{"categories":979},[106],{"categories":981},[106],{"categories":983},[109],{"categories":985},[100],{"categories":987},[103],{"categories":989},[131],{"categories":991},[109],{"categories":993},[188],{"categories":995},[106],{"categories":997},[109],{"categories":999},[],{"categories":1001},[55],{"categories":1003},[],{"categories":1005},[106],{"categories":1007},[106],{"categories":1009},[],{"categories":1011},[179],{"categories":1013},[103],{"categories":1015},[109],{"categories":1017},[],{"categories":1019},[106],{"categories":1021},[106],{"categories":1023},[217],{"categories":1025},[166],{"categories":1027},[179],{"categories":1029},[188],{"categories":1031},[106],{"categories":1033},[55],{"categories":1035},[106],{"categories":1037},[179],{"categories":1039},[109],{"categories":1041},[],{"categories":1043},[],{"categories":1045},[109],{"categories":1047},[100],{"categories":1049},[109],{"categories":1051},[112],{"categories":1053},[103],{"categories":1055},[],{"categories":1057},[106],{"categories":1059},[112],{"categories":1061},[106],{"categories":1063},[106],{"categories":1065},[106],{"categories":1067},[106],{"categories":1069},[106],{"categories":1071},[188],{"categories":1073},[106],{"categories":1075},[106],{"categories":1077},[106],{"categories":1079},[106],{"categories":1081},[55],{"categories":1083},[109],{"categories":1085},[],{"categories":1087},[],{"categories":1089},[217],{"categories":1091},[179],{"categories":1093},[],{"categories":1095},[109],{"categories":1097},[106],{"categories":1099},[55,106],{"categories":1101},[100],{"categories":1103},[],{"categories":1105},[106],{"categories":1107},[100],{"categories":1109},[55],{"categories":1111},[109],{"categories":1113},[179],{"categories":1115},[],{"categories":1117},[106],{"categories":1119},[],{"categories":1121},[],{"categories":1123},[106],{"categories":1125},[100],{"categories":1127},[106],{"categories":1129},[106],{"categories":1131},[],{"categories":1133},[109],{"categories":1135},[112],{"categories":1137},[179],{"categories":1139},[106],{"categories":1141},[106],{"categories":1143},[106],{"categories":1145},[55],{"categories":1147},[109],{"categories":1149},[217],{"categories":1151},[55],{"categories":1153},[103],{"categories":1155},[109],{"categories":1157},[106],{"categories":1159},[106],{"categories":1161},[106],{"categories":1163},[109],{"categories":1165},[179],{"categories":1167},[106],{"categories":1169},[112],{"categories":1171},[],{"categories":1173},[131],{"categories":1175},[],{"categories":1177},[112],{"categories":1179},[109],{"categories":1181},[55],{"categories":1183},[106],{"categories":1185},[106],{"categories":1187},[109],{"categories":1189},[179],{"categories":1191},[55],{"categories":1193},[109],{"categories":1195},[131],{"categories":1197},[],{"categories":1199},[106],{"categories":1201},[],{"categories":1203},[106],{"categories":1205},[106],{"categories":1207},[55],{"categories":1209},[106],{"categories":1211},[100],{"categories":1213},[131],{"categories":1215},[106],{"categories":1217},[106],{"categories":1219},[188],{"categories":1221},[106],{"categories":1223},[106],{"categories":1225},[109],{"categories":1227},[109],{"categories":1229},[106],{"categories":1231},[106],{"categories":1233},[109],{"categories":1235},[109],{"categories":1237},[106],{"categories":1239},[106],{"categories":1241},[109],{"categories":1243},[55],{"categories":1245},[106],{"categories":1247},[106],{"categories":1249},[],{"categories":1251},[],{"categories":1253},[179],{"categories":1255},[],{"categories":1257},[100],{"categories":1259},[217],{"categories":1261},[106],{"categories":1263},[],{"categories":1265},[100],{"categories":1267},[103],{"categories":1269},[106],{"categories":1271},[188],{"categories":1273},[],{"categories":1275},[103],{"categories":1277},[103],{"categories":1279},[],{"categories":1281},[106],{"categories":1283},[179],{"categories":1285},[],{"categories":1287},[],{"categories":1289},[],{"categories":1291},[],{"categories":1293},[106],{"categories":1295},[109],{"categories":1297},[217],{"categories":1299},[106],{"categories":1301},[100],{"categories":1303},[179],{"categories":1305},[106],{"categories":1307},[106],{"categories":1309},[179],{"categories":1311},[112],{"categories":1313},[106],{"categories":1315},[188],{"categories":1317},[179],{"categories":1319},[103],{"categories":1321},[106],{"categories":1323},[106],{"categories":1325},[106],{"categories":1327},[106],{"categories":1329},[109],{"categories":1331},[106,100],{"categories":1333},[179],{"categories":1335},[179],{"categories":1337},[55],{"categories":1339},[109],{"categories":1341},[179],{"categories":1343},[106],{"categories":1345},[106],{"categories":1347},[],{"categories":1349},[],{"categories":1351},[106],{"categories":1353},[],{"categories":1355},[106],{"categories":1357},[179],{"categories":1359},[166],{"categories":1361},[131],{"categories":1363},[55],{"categories":1365},[106],{"categories":1367},[179],{"categories":1369},[],{"categories":1371},[109],{"categories":1373},[106],{"categories":1375},[106],{"categories":1377},[106],{"categories":1379},[106],{"categories":1381},[],{"categories":1383},[109],{"categories":1385},[106],{"categories":1387},[106],{"categories":1389},[],{"categories":1391},[109],{"categories":1393},[106],{"categories":1395},[103],{"categories":1397},[],{"categories":1399},[100],{"categories":1401},[106],{"categories":1403},[55],{"categories":1405},[106],{"categories":1407},[100],{"categories":1409},[106],{"categories":1411},[179],{"categories":1413},[188],{"categories":1415},[109],{"categories":1417},[109],{"categories":1419},[106,55],{"categories":1421},[131],{"categories":1423},[106],{"categories":1425},[55],{"categories":1427},[],{"categories":1429},[179],{"categories":1431},[217],{"categories":1433},[55],{"categories":1435},[179],{"categories":1437},[106],{"categories":1439},[112],{"categories":1441},[106],{"categories":1443},[109],{"categories":1445},[],{"categories":1447},[],{"categories":1449},[],{"categories":1451},[],{"categories":1453},[179],{"categories":1455},[106],{"categories":1457},[109],{"categories":1459},[103],{"categories":1461},[109],{"categories":1463},[217],{"categories":1465},[106],{"categories":1467},[106],{"categories":1469},[106],{"categories":1471},[109],{"categories":1473},[106],{"categories":1475},[106],{"categories":1477},[],{"categories":1479},[55],{"categories":1481},[179],{"categories":1483},[],{"categories":1485},[],{"categories":1487},[109],{"categories":1489},[],{"categories":1491},[],{"categories":1493},[188],{"categories":1495},[188],{"categories":1497},[109],{"categories":1499},[179],{"categories":1501},[],{"categories":1503},[106],{"categories":1505},[106],{"categories":1507},[179],{"categories":1509},[55],{"categories":1511},[55],{"categories":1513},[106],{"categories":1515},[109],{"categories":1517},[100],{"categories":1519},[106],{"categories":1521},[106],{"categories":1523},[55],{"categories":1525},[55],{"categories":1527},[109],{"categories":1529},[109],{"categories":1531},[106],{"categories":1533},[],{"categories":1535},[106],{"categories":1537},[],{"categories":1539},[106],{"categories":1541},[109],{"categories":1543},[131],{"categories":1545},[179],{"categories":1547},[106],{"categories":1549},[179],{"categories":1551},[100],{"categories":1553},[106],{"categories":1555},[],{"categories":1557},[109],{"categories":1559},[109],{"categories":1561},[],{"categories":1563},[179],{"categories":1565},[106],{"categories":1567},[100],{"categories":1569},[106],{"categories":1571},[100],{"categories":1573},[100],{"categories":1575},[],{"categories":1577},[179],{"categories":1579},[],{"categories":1581},[109],{"categories":1583},[131],{"categories":1585},[106],{"categories":1587},[109],{"categories":1589},[106],{"categories":1591},[109],{"categories":1593},[106],{"categories":1595},[131],{"categories":1597},[166],{"categories":1599},[106],{"categories":1601},[112],{"categories":1603},[131],{"categories":1605},[55],{"categories":1607},[],{"categories":1609},[],{"categories":1611},[106],{"categories":1613},[106],{"categories":1615},[131],{"categories":1617},[],{"categories":1619},[],{"categories":1621},[],{"categories":1623},[109],{"categories":1625},[106],{"categories":1627},[],{"categories":1629},[179],{"categories":1631},[179],{"categories":1633},[166],{"categories":1635},[],{"categories":1637},[106],{"categories":1639},[106],{"categories":1641},[106],{"categories":1643},[166],{"categories":1645},[179],{"categories":1647},[],{"categories":1649},[],{"categories":1651},[109],{"categories":1653},[109],{"categories":1655},[179],{"categories":1657},[109],{"categories":1659},[131],{"categories":1661},[131],{"categories":1663},[109],{"categories":1665},[109],{"categories":1667},[100],{"categories":1669},[106,217],{"categories":1671},[],{"categories":1673},[55],{"categories":1675},[179],{"categories":1677},[100],{"categories":1679},[106],{"categories":1681},[109],{"categories":1683},[55],{"categories":1685},[],{"categories":1687},[109],{"categories":1689},[109],{"categories":1691},[109],{"categories":1693},[106],{"categories":1695},[188],{"categories":1697},[106],{"categories":1699},[179],{"categories":1701},[55],{"categories":1703},[106],{"categories":1705},[],{"categories":1707},[109],{"categories":1709},[55],{"categories":1711},[106],{"categories":1713},[109],{"categories":1715},[109],{"categories":1717},[109],{"categories":1719},[188],{"categories":1721},[166],{"categories":1723},[106],{"categories":1725},[109],{"categories":1727},[106],{"categories":1729},[],{"categories":1731},[188],{"categories":1733},[131],{"categories":1735},[179],{"categories":1737},[106],{"categories":1739},[109],{"categories":1741},[],{"categories":1743},[],{"categories":1745},[106],{"categories":1747},[109],{"categories":1749},[106],{"categories":1751},[109],{"categories":1753},[131],{"categories":1755},[179],{"categories":1757},[106],{"categories":1759},[109],{"categories":1761},[109],{"categories":1763},[],{"categories":1765},[106],{"categories":1767},[],{"categories":1769},[],{"categories":1771},[106],{"categories":1773},[106],{"categories":1775},[109],{"categories":1777},[179],{"categories":1779},[],{"categories":1781},[],{"categories":1783},[166],{"categories":1785},[106],{"categories":1787},[166],{"categories":1789},[131],{"categories":1791},[106],{"categories":1793},[106],{"categories":1795},[109],{"categories":1797},[109],{"categories":1799},[106],{"categories":1801},[109],{"categories":1803},[],{"categories":1805},[],{"categories":1807},[106],{"categories":1809},[217],{"categories":1811},[106],{"categories":1813},[],{"categories":1815},[],{"categories":1817},[100],{"categories":1819},[],{"categories":1821},[],{"categories":1823},[106],{"categories":1825},[],{"categories":1827},[],{"categories":1829},[179],{"categories":1831},[131],{"categories":1833},[188],{"categories":1835},[103],{"categories":1837},[106],{"categories":1839},[106],{"categories":1841},[103],{"categories":1843},[],{"categories":1845},[55],{"categories":1847},[106],{"categories":1849},[109],{"categories":1851},[103],{"categories":1853},[106],{"categories":1855},[106],{"categories":1857},[100],{"categories":1859},[106],{"categories":1861},[],{"categories":1863},[100],{"categories":1865},[106],{"categories":1867},[188],{"categories":1869},[109],{"categories":1871},[131],{"categories":1873},[106],{"categories":1875},[103],{"categories":1877},[106],{"categories":1879},[106],{"categories":1881},[109],{"categories":1883},[],{"categories":1885},[106],{"categories":1887},[179],{"categories":1889},[100],{"categories":1891},[106],{"categories":1893},[106],{"categories":1895},[],{"categories":1897},[131],{"categories":1899},[106],{"categories":1901},[106],{"categories":1903},[],{"categories":1905},[103],{"categories":1907},[103],{"categories":1909},[106],{"categories":1911},[106],{"categories":1913},[112],{"categories":1915},[106],{"categories":1917},[106],{"categories":1919},[106],{"categories":1921},[],{"categories":1923},[179],{"categories":1925},[106],{"categories":1927},[],{"categories":1929},[],{"categories":1931},[106],{"categories":1933},[131],{"categories":1935},[],{"categories":1937},[217],{"categories":1939},[106],{"categories":1941},[106],{"categories":1943},[],{"categories":1945},[106],{"categories":1947},[179],{"categories":1949},[106],{"categories":1951},[106],{"categories":1953},[106,217],{"categories":1955},[106],{"categories":1957},[106],{"categories":1959},[55],{"categories":1961},[109],{"categories":1963},[],{"categories":1965},[109],{"categories":1967},[109],{"categories":1969},[106],{"categories":1971},[106],{"categories":1973},[106],{"categories":1975},[106],{"categories":1977},[100],{"categories":1979},[166],{"categories":1981},[100],{"categories":1983},[179],{"categories":1985},[55],{"categories":1987},[109],{"categories":1989},[106],{"categories":1991},[],{"categories":1993},[106],{"categories":1995},[131],{"categories":1997},[106],{"categories":1999},[109],{"categories":2001},[106],{"categories":2003},[106],{"categories":2005},[103],{"categories":2007},[],{"categories":2009},[217],{"categories":2011},[55],{"categories":2013},[55],{"categories":2015},[179],{"categories":2017},[109],{"categories":2019},[106],{"categories":2021},[103],{"categories":2023},[131],{"categories":2025},[55],{"categories":2027},[109],{"categories":2029},[106],{"categories":2031},[106],{"categories":2033},[],{"categories":2035},[106],{"categories":2037},[106],{"categories":2039},[106],{"categories":2041},[],{"categories":2043},[],{"categories":2045},[106],{"categories":2047},[106],{"categories":2049},[106],{"categories":2051},[179],{"categories":2053},[106],{"categories":2055},[106],{"categories":2057},[109],{"categories":2059},[106],{"categories":2061},[106],{"categories":2063},[106],{"categories":2065},[106],{"categories":2067},[],{"categories":2069},[166],{"categories":2071},[106],{"categories":2073},[109],{"categories":2075},[],{"categories":2077},[],{"categories":2079},[106],{"categories":2081},[106],{"categories":2083},[106],{"categories":2085},[131],{"categories":2087},[],{"categories":2089},[55],{"categories":2091},[106],{"categories":2093},[217],{"categories":2095},[131],{"categories":2097},[179],{"categories":2099},[179],{"categories":2101},[131],{"categories":2103},[131],{"categories":2105},[217],{"categories":2107},[],{"categories":2109},[131],{"categories":2111},[106],{"categories":2113},[100],{"categories":2115},[179],{"categories":2117},[106],{"categories":2119},[131],{"categories":2121},[],{"categories":2123},[106],{"categories":2125},[179],{"categories":2127},[166],{"categories":2129},[106],{"categories":2131},[131],{"categories":2133},[106],{"categories":2135},[179],{"categories":2137},[109],{"categories":2139},[131],{"categories":2141},[109],{"categories":2143},[217],{"categories":2145},[109],{"categories":2147},[106],{"categories":2149},[106],{"categories":2151},[179],{"categories":2153},[106],{"categories":2155},[],{"categories":2157},[103],{"categories":2159},[],{"categories":2161},[],{"categories":2163},[106],{"categories":2165},[109],{"categories":2167},[106],{"categories":2169},[106],{"categories":2171},[106],{"categories":2173},[106],{"categories":2175},[],{"categories":2177},[166],{"categories":2179},[100],{"categories":2181},[109],{"categories":2183},[55],{"categories":2185},[],{"categories":2187},[106],{"categories":2189},[179],{"categories":2191},[106],{"categories":2193},[217],{"categories":2195},[217],{"categories":2197},[],{"categories":2199},[109],{"categories":2201},[131],{"categories":2203},[131],{"categories":2205},[106],{"categories":2207},[109],{"categories":2209},[],{"categories":2211},[55],{"categories":2213},[106],{"categories":2215},[106],{"categories":2217},[],{"categories":2219},[106],{"categories":2221},[],{"categories":2223},[106],{"categories":2225},[179],{"categories":2227},[217],{"categories":2229},[106],{"categories":2231},[179],{"categories":2233},[103],{"categories":2235},[106],{"categories":2237},[],{"categories":2239},[109],{"categories":2241},[100],{"categories":2243},[100],{"categories":2245},[],{"categories":2247},[106],{"categories":2249},[106],{"categories":2251},[106],{"categories":2253},[179],{"categories":2255},[55],{"categories":2257},[106],{"categories":2259},[179],{"categories":2261},[179],{"categories":2263},[109],{"categories":2265},[],{"categories":2267},[106],{"categories":2269},[106],{"categories":2271},[109],{"categories":2273},[106],{"categories":2275},[106],{"categories":2277},[],{"categories":2279},[109],{"categories":2281},[106],{"categories":2283},[109],{"categories":2285},[109],{"categories":2287},[179],{"categories":2289},[],{"categories":2291},[179],{"categories":2293},[106],{"categories":2295},[106],{"categories":2297},[109],{"categories":2299},[103],{"categories":2301},[106],{"categories":2303},[],{"categories":2305},[106],{"categories":2307},[],{"categories":2309},[106],{"categories":2311},[106],{"categories":2313},[],{"categories":2315},[106],{"categories":2317},[106],{"categories":2319},[188],{"categories":2321},[131],{"categories":2323},[106],{"categories":2325},[106],{"categories":2327},[100],{"categories":2329},[106],{"categories":2331},[106],{"categories":2333},[166],{"categories":2335},[131],{"categories":2337},[109],{"categories":2339},[],{"categories":2341},[106],{"categories":2343},[55],{"categories":2345},[106],{"categories":2347},[188],{"categories":2349},[106],{"categories":2351},[109],{"categories":2353},[],{"categories":2355},[],{"categories":2357},[],{"categories":2359},[100],{"categories":2361},[131],{"categories":2363},[109],{"categories":2365},[106],{"categories":2367},[106],{"categories":2369},[106],{"categories":2371},[55],{"categories":2373},[109],{"categories":2375},[106],{"categories":2377},[],{"categories":2379},[109],{"categories":2381},[109],{"categories":2383},[],{"categories":2385},[106],{"categories":2387},[109],{"categories":2389},[106],{"categories":2391},[],{"categories":2393},[106],{"categories":2395},[106],{"categories":2397},[131],{"categories":2399},[55],{"categories":2401},[109],{"categories":2403},[55],{"categories":2405},[109],{"categories":2407},[103],{"categories":2409},[],{"categories":2411},[],{"categories":2413},[106],{"categories":2415},[100],{"categories":2417},[109],{"categories":2419},[131],{"categories":2421},[],{"categories":2423},[55],{"categories":2425},[],{"categories":2427},[179],{"categories":2429},[179],{"categories":2431},[55],{"categories":2433},[179],{"categories":2435},[106],{"categories":2437},[],{"categories":2439},[106],{"categories":2441},[106],{"categories":2443},[],{"categories":2445},[188],{"categories":2447},[106],{"categories":2449},[217],{"categories":2451},[179],{"categories":2453},[],{"categories":2455},[109],{"categories":2457},[106],{"categories":2459},[100],{"categories":2461},[109],{"categories":2463},[109],{"categories":2465},[106],{"categories":2467},[106],{"categories":2469},[],{"categories":2471},[100],{"categories":2473},[106],{"categories":2475},[103],{"categories":2477},[179],{"categories":2479},[55],{"categories":2481},[],{"categories":2483},[],{"categories":2485},[],{"categories":2487},[109],{"categories":2489},[179],{"categories":2491},[55],{"categories":2493},[131],{"categories":2495},[106],{"categories":2497},[131],{"categories":2499},[109],{"categories":2501},[55],{"categories":2503},[106],{"categories":2505},[],{"categories":2507},[106],{"categories":2509},[109],{"categories":2511},[55],{"categories":2513},[131],{"categories":2515},[103],{"categories":2517},[179],{"categories":2519},[106],{"categories":2521},[131],{"categories":2523},[188],{"categories":2525},[],{"categories":2527},[],{"categories":2529},[166],{"categories":2531},[109],{"categories":2533},[106,179],{"categories":2535},[131],{"categories":2537},[106],{"categories":2539},[106],{"categories":2541},[109],{"categories":2543},[106],{"categories":2545},[109],{"categories":2547},[106],{"categories":2549},[106],{"categories":2551},[],{"categories":2553},[179],{"categories":2555},[55],{"categories":2557},[106],{"categories":2559},[166],{"categories":2561},[109],{"categories":2563},[188],{"categories":2565},[217],{"categories":2567},[],{"categories":2569},[106],{"categories":2571},[103],{"categories":2573},[109],{"categories":2575},[100],{"categories":2577},[109],{"categories":2579},[106],{"categories":2581},[109],{"categories":2583},[112],{"categories":2585},[179],{"categories":2587},[106],{"categories":2589},[106],{"categories":2591},[],{"categories":2593},[],{"categories":2595},[],{"categories":2597},[217],{"categories":2599},[106],{"categories":2601},[131],{"categories":2603},[106],{"categories":2605},[106],{"categories":2607},[106],{"categories":2609},[],{"categories":2611},[166],{"categories":2613},[103],{"categories":2615},[109],{"categories":2617},[106],{"categories":2619},[],{"categories":2621},[106],{"categories":2623},[109],{"categories":2625},[106],{"categories":2627},[217],{"categories":2629},[],{"categories":2631},[55],{"categories":2633},[55],{"categories":2635},[],{"categories":2637},[179],{"categories":2639},[106],{"categories":2641},[55],{"categories":2643},[106],{"categories":2645},[103],{"categories":2647},[109],{"categories":2649},[106],{"categories":2651},[],{"categories":2653},[131],{"categories":2655},[106],{"categories":2657},[106],{"categories":2659},[55],{"categories":2661},[109],{"categories":2663},[131],{"categories":2665},[],{"categories":2667},[109],{"categories":2669},[109],{"categories":2671},[55],{"categories":2673},[106],{"categories":2675},[106],{"categories":2677},[],{"categories":2679},[106],{"categories":2681},[106],{"categories":2683},[217],{"categories":2685},[131],{"categories":2687},[166],{"categories":2689},[166],{"categories":2691},[],{"categories":2693},[],{"categories":2695},[],{"categories":2697},[109],{"categories":2699},[109],{"categories":2701},[179],{"categories":2703},[179],{"categories":2705},[106],{"categories":2707},[106],{"categories":2709},[106],{"categories":2711},[106],{"categories":2713},[109],{"categories":2715},[],{"categories":2717},[],{"categories":2719},[106],{"categories":2721},[],{"categories":2723},[106],{"categories":2725},[109],{"categories":2727},[55],{"categories":2729},[106],{"categories":2731},[106],{"categories":2733},[],{"categories":2735},[112],{"categories":2737},[106],{"categories":2739},[55],{"categories":2741},[106],{"categories":2743},[103],{"categories":2745},[106],{"categories":2747},[188],{"categories":2749},[109],{"categories":2751},[106],{"categories":2753},[106],{"categories":2755},[109],{"categories":2757},[106],{"categories":2759},[179],{"categories":2761},[55],{"categories":2763},[],{"categories":2765},[131],{"categories":2767},[109],{"categories":2769},[106],{"categories":2771},[],{"categories":2773},[131],{"categories":2775},[109],{"categories":2777},[109],{"categories":2779},[106],{"categories":2781},[106],{"categories":2783},[109],{"categories":2785},[],{"categories":2787},[103],{"categories":2789},[109],{"categories":2791},[],{"categories":2793},[179],{"categories":2795},[106],{"categories":2797},[100],{"categories":2799},[131],{"categories":2801},[217],{"categories":2803},[109],{"categories":2805},[106],{"categories":2807},[109],{"categories":2809},[100],{"categories":2811},[],{"categories":2813},[106],{"categories":2815},[106],{"categories":2817},[],{"categories":2819},[],{"categories":2821},[55],{"categories":2823},[106,103],{"categories":2825},[109],{"categories":2827},[106],{"categories":2829},[],{"categories":2831},[100],{"categories":2833},[166],{"categories":2835},[103],{"categories":2837},[106],{"categories":2839},[179],{"categories":2841},[106],{"categories":2843},[109],{"categories":2845},[106],{"categories":2847},[106],{"categories":2849},[106],{"categories":2851},[131],{"categories":2853},[109],{"categories":2855},[106],{"categories":2857},[],{"categories":2859},[],{"categories":2861},[109],{"categories":2863},[106],{"categories":2865},[217],{"categories":2867},[],{"categories":2869},[106],{"categories":2871},[109],{"categories":2873},[109],{"categories":2875},[],{"categories":2877},[109],{"categories":2879},[106],{"categories":2881},[188],{"categories":2883},[106],{"categories":2885},[166],{"categories":2887},[109],{"categories":2889},[106],{"categories":2891},[217],{"categories":2893},[],{"categories":2895},[106],{"categories":2897},[188],{"categories":2899},[55],{"categories":2901},[106],{"categories":2903},[106],{"categories":2905},[],{"categories":2907},[188],{"categories":2909},[131],{"categories":2911},[106],{"categories":2913},[106],{"categories":2915},[100],{"categories":2917},[106],{"categories":2919},[],{"categories":2921},[],{"categories":2923},[55],{"categories":2925},[106],{"categories":2927},[166],{"categories":2929},[188],{"categories":2931},[109],{"categories":2933},[188],{"categories":2935},[131],{"categories":2937},[],{"categories":2939},[106],{"categories":2941},[],{"categories":2943},[106],{"categories":2945},[109],{"categories":2947},[106],{"categories":2949},[106],{"categories":2951},[],{"categories":2953},[106,179],{"categories":2955},[131],{"categories":2957},[109],{"categories":2959},[179],{"categories":2961},[179],{"categories":2963},[106],{"categories":2965},[100],{"categories":2967},[],{"categories":2969},[],{"categories":2971},[109],{"categories":2973},[106],{"categories":2975},[179],{"categories":2977},[100],{"categories":2979},[179],{"categories":2981},[179],{"categories":2983},[106],{"categories":2985},[188],{"categories":2987},[106],{"categories":2989},[179],{"categories":2991},[],{"categories":2993},[55,106],{"categories":2995},[217],{"categories":2997},[100],{"categories":2999},[],{"categories":3001},[106],{"categories":3003},[103],{"categories":3005},[103],{"categories":3007},[106],{"categories":3009},[106],{"categories":3011},[106],{"categories":3013},[179],{"categories":3015},[109],{"categories":3017},[106],{"categories":3019},[131],{"categories":3021},[188],{"categories":3023},[55],{"categories":3025},[106],{"categories":3027},[106],{"categories":3029},[106],{"categories":3031},[106],{"categories":3033},[100],{"categories":3035},[106],{"categories":3037},[109],{"categories":3039},[109],{"categories":3041},[179],{"categories":3043},[131],{"categories":3045},[179],{"categories":3047},[],{"categories":3049},[],{"categories":3051},[166],{"categories":3053},[106],{"categories":3055},[179],{"categories":3057},[106],{"categories":3059},[55],{"categories":3061},[106],{"categories":3063},[106],{"categories":3065},[106],{"categories":3067},[166],{"categories":3069},[106],{"categories":3071},[106],{"categories":3073},[106],{"categories":3075},[109],{"categories":3077},[109],{"categories":3079},[106,103],{"categories":3081},[],{"categories":3083},[55],{"categories":3085},[],{"categories":3087},[112],{"categories":3089},[106],{"categories":3091},[131],{"categories":3093},[100],{"categories":3095},[100],{"categories":3097},[109],{"categories":3099},[109],{"categories":3101},[109],{"categories":3103},[106],{"categories":3105},[106],{"categories":3107},[103],{"categories":3109},[179],{"categories":3111},[188],{"categories":3113},[106],{"categories":3115},[],{"categories":3117},[131],{"categories":3119},[106],{"categories":3121},[106],{"categories":3123},[106],{"categories":3125},[106],{"categories":3127},[106],{"categories":3129},[179],{"categories":3131},[131],{"categories":3133},[179],{"categories":3135},[179],{"categories":3137},[106],{"categories":3139},[106],{"categories":3141},[106],{"categories":3143},[109],{"categories":3145},[131],{"categories":3147},[106],{"categories":3149},[109],{"categories":3151},[106],{"categories":3153},[106],{"categories":3155},[106],{"categories":3157},[55],{"categories":3159},[106],{"categories":3161},[106],{"categories":3163},[106],{"categories":3165},[217],{"categories":3167},[106],{"categories":3169},[112],{"categories":3171},[109],{"categories":3173},[106],{"categories":3175},[106],{"categories":3177},[131],{"categories":3179},[106],{"categories":3181},[109],{"categories":3183},[188],{"categories":3185},[106],{"categories":3187},[106],{"categories":3189},[103],{"categories":3191},[106],{"categories":3193},[],{"categories":3195},[106],{"categories":3197},[179],{"categories":3199},[106],{"categories":3201},[],{"categories":3203},[],{"categories":3205},[],{"categories":3207},[103],{"categories":3209},[106],{"categories":3211},[109],{"categories":3213},[131],{"categories":3215},[131],{"categories":3217},[131],{"categories":3219},[131],{"categories":3221},[],{"categories":3223},[100],{"categories":3225},[109],{"categories":3227},[131],{"categories":3229},[106],{"categories":3231},[100],{"categories":3233},[109],{"categories":3235},[106],{"categories":3237},[106,109],{"categories":3239},[109],{"categories":3241},[217],{"categories":3243},[131],{"categories":3245},[109],{"categories":3247},[131],{"categories":3249},[109],{"categories":3251},[106],{"categories":3253},[],{"categories":3255},[131],{"categories":3257},[188],{"categories":3259},[100],{"categories":3261},[106],{"categories":3263},[106],{"categories":3265},[],{"categories":3267},[179],{"categories":3269},[],{"categories":3271},[100],{"categories":3273},[109],{"categories":3275},[131],{"categories":3277},[106],{"categories":3279},[131],{"categories":3281},[100],{"categories":3283},[131],{"categories":3285},[131],{"categories":3287},[],{"categories":3289},[103],{"categories":3291},[109],{"categories":3293},[131],{"categories":3295},[131],{"categories":3297},[131],{"categories":3299},[131],{"categories":3301},[131],{"categories":3303},[131],{"categories":3305},[131],{"categories":3307},[131],{"categories":3309},[131],{"categories":3311},[131],{"categories":3313},[166],{"categories":3315},[100],{"categories":3317},[106],{"categories":3319},[106],{"categories":3321},[109],{"categories":3323},[109],{"categories":3325},[],{"categories":3327},[106,100],{"categories":3329},[],{"categories":3331},[109],{"categories":3333},[131],{"categories":3335},[109],{"categories":3337},[106],{"categories":3339},[106],{"categories":3341},[106],{"categories":3343},[106],{"categories":3345},[106],{"categories":3347},[109],{"categories":3349},[103],{"categories":3351},[109],{"categories":3353},[],{"categories":3355},[109],{"categories":3357},[55],{"categories":3359},[131],{"categories":3361},[106],{"categories":3363},[],{"categories":3365},[],{"categories":3367},[109],{"categories":3369},[55],{"categories":3371},[106],{"categories":3373},[],{"categories":3375},[106],{"categories":3377},[],{"categories":3379},[188],{"categories":3381},[106],{"categories":3383},[],{"categories":3385},[],{"categories":3387},[131],{"categories":3389},[100],{"categories":3391},[106],{"categories":3393},[103],{"categories":3395},[106],{"categories":3397},[106],{"categories":3399},[106],{"categories":3401},[103],{"categories":3403},[55],{"categories":3405},[],{"categories":3407},[106],{"categories":3409},[131],{"categories":3411},[],{"categories":3413},[55],{"categories":3415},[106],{"categories":3417},[188],{"categories":3419},[106],{"categories":3421},[217],{"categories":3423},[],{"categories":3425},[188],{"categories":3427},[179],{"categories":3429},[],{"categories":3431},[106],{"categories":3433},[],{"categories":3435},[109],{"categories":3437},[179],{"categories":3439},[],{"categories":3441},[103],{"categories":3443},[100],{"categories":3445},[166],{"categories":3447},[109],{"categories":3449},[55],{"categories":3451},[179],{"categories":3453},[],{"categories":3455},[],{"categories":3457},[106],{"categories":3459},[100],{"categories":3461},[106],{"categories":3463},[188],{"categories":3465},[],{"categories":3467},[109],{"categories":3469},[109],{"categories":3471},[109],{"categories":3473},[131],{"categories":3475},[179],{"categories":3477},[106],{"categories":3479},[109],{"categories":3481},[112],{"categories":3483},[106],{"categories":3485},[109],{"categories":3487},[106],{"categories":3489},[112],{"categories":3491},[188],{"categories":3493},[131],{"categories":3495},[],{"categories":3497},[188],{"categories":3499},[],{"categories":3501},[179],{"categories":3503},[109],{"categories":3505},[],{"categories":3507},[106],{"categories":3509},[106],{"categories":3511},[106],{"categories":3513},[106],{"categories":3515},[109],{"categories":3517},[103],{"categories":3519},[100],{"categories":3521},[106],{"categories":3523},[55],{"categories":3525},[179],{"categories":3527},[179],{"categories":3529},[106],{"categories":3531},[166],{"categories":3533},[109],{"categories":3535},[106],{"categories":3537},[109],{"categories":3539},[106],{"categories":3541},[103],{"categories":3543},[55],{"categories":3545},[179],{"categories":3547},[109],{"categories":3549},[106],{"categories":3551},[106],{"categories":3553},[109],{"categories":3555},[106],{"categories":3557},[131],{"categories":3559},[],{"categories":3561},[100],{"categories":3563},[106],{"categories":3565},[106],{"categories":3567},[106],{"categories":3569},[106],{"categories":3571},[109],{"categories":3573},[106],{"categories":3575},[106],{"categories":3577},[106],{"categories":3579},[106],{"categories":3581},[],{"categories":3583},[106],{"categories":3585},[55],{"categories":3587},[103],{"categories":3589},[131],{"categories":3591},[109],{"categories":3593},[106],{"categories":3595},[106],{"categories":3597},[55],{"categories":3599},[109],{"categories":3601},[106],{"categories":3603},[188],{"categories":3605},[106],{"categories":3607},[166],{"categories":3609},[106],{"categories":3611},[106],{"categories":3613},[131],{"categories":3615},[106],{"categories":3617},[106],{"categories":3619},[109],{"categories":3621},[217],{"categories":3623},[106],{"categories":3625},[109],{"categories":3627},[166],{"categories":3629},[],{"categories":3631},[109],{"categories":3633},[179],{"categories":3635},[106],{"categories":3637},[55],{"categories":3639},[106],{"categories":3641},[100],{"categories":3643},[179],{"categories":3645},[103],{"categories":3647},[179],{"categories":3649},[106],{"categories":3651},[],{"categories":3653},[109],{"categories":3655},[109],{"categories":3657},[106],{"categories":3659},[106],{"categories":3661},[166],{"categories":3663},[],{"categories":3665},[131],{"categories":3667},[],{"categories":3669},[131],{"categories":3671},[106],{"categories":3673},[106],{"categories":3675},[109],{"categories":3677},[109],{"categories":3679},[109],{"categories":3681},[],{"categories":3683},[131],{"categories":3685},[106],{"categories":3687},[],{"categories":3689},[106],{"categories":3691},[106],{"categories":3693},[],{"categories":3695},[55],{"categories":3697},[179],{"categories":3699},[109],{"categories":3701},[106],{"categories":3703},[106],{"categories":3705},[188],{"categories":3707},[106],{"categories":3709},[106],{"categories":3711},[100],{"categories":3713},[],{"categories":3715},[106],{"categories":3717},[],{"categories":3719},[100],{"categories":3721},[131],{"categories":3723},[179],{"categories":3725},[106],{"categories":3727},[106],{"categories":3729},[106],{"categories":3731},[179],{"categories":3733},[131],{"categories":3735},[55],{"categories":3737},[106],{"categories":3739},[106],{"categories":3741},[106],{"categories":3743},[131],{"categories":3745},[55],{"categories":3747},[106],{"categories":3749},[131],{"categories":3751},[55],{"categories":3753},[106],{"categories":3755},[131],{"categories":3757},[109],{"categories":3759},[109],{"categories":3761},[109],{"categories":3763},[179],{"categories":3765},[131],{"categories":3767},[109],{"categories":3769},[109],{"categories":3771},[106],{"categories":3773},[179],{"categories":3775},[55],{"categories":3777},[106],{"categories":3779},[],{"categories":3781},[109],{"categories":3783},[],{"categories":3785},[],{"categories":3787},[],{"categories":3789},[103],{"categories":3791},[109],{"categories":3793},[106],{"categories":3795},[109],{"categories":3797},[100],{"categories":3799},[109],{"categories":3801},[188],{"categories":3803},[109],{"categories":3805},[],{"categories":3807},[109],{"categories":3809},[],{"categories":3811},[100],{"categories":3813},[109],{"categories":3815},[],{"categories":3817},[109],{"categories":3819},[106],{"categories":3821},[106],{"categories":3823},[131],{"categories":3825},[106],{"categories":3827},[106],{"categories":3829},[109],{"categories":3831},[106],{"categories":3833},[106],{"categories":3835},[131],{"categories":3837},[109],{"categories":3839},[179],{"categories":3841},[55],{"categories":3843},[100],{"categories":3845},[106],{"categories":3847},[],{"categories":3849},[109],{"categories":3851},[55],{"categories":3853},[217],{"categories":3855},[131],{"categories":3857},[106],{"categories":3859},[55],{"categories":3861},[106],{"categories":3863},[100],{"categories":3865},[],{"categories":3867},[109],{"categories":3869},[106],{"categories":3871},[106],{"categories":3873},[109],{"categories":3875},[106],{"categories":3877},[55],{"categories":3879},[],{"categories":3881},[109],{"categories":3883},[112],{"categories":3885},[131],{"categories":3887},[109],{"categories":3889},[103],{"categories":3891},[],{"categories":3893},[106],{"categories":3895},[112],{"categories":3897},[106],{"categories":3899},[109],{"categories":3901},[131],{"categories":3903},[100],{"categories":3905},[217],{"categories":3907},[106],{"categories":3909},[106],{"categories":3911},[106],{"categories":3913},[131],{"categories":3915},[103],{"categories":3917},[106],{"categories":3919},[55],{"categories":3921},[131],{"categories":3923},[217],{"categories":3925},[106],{"categories":3927},[],{"categories":3929},[],{"categories":3931},[106],{"categories":3933},[217],{"categories":3935},[166],{"categories":3937},[109],{"categories":3939},[109],{"categories":3941},[131],{"categories":3943},[106],{"categories":3945},[100],{"categories":3947},[106],{"categories":3949},[55],{"categories":3951},[109],{"categories":3953},[109],{"categories":3955},[106],{"categories":3957},[188],{"categories":3959},[106],{"categories":3961},[109],{"categories":3963},[],{"categories":3965},[106],{"categories":3967},[106],{"categories":3969},[106],{"categories":3971},[131],{"categories":3973},[100],{"categories":3975},[],{"categories":3977},[106],{"categories":3979},[106],{"categories":3981},[179],{"categories":3983},[55],{"categories":3985},[106],{"categories":3987},[106,109],{"categories":3989},[188,103],{"categories":3991},[106],{"categories":3993},[106],{"categories":3995},[106],{"categories":3997},[],{"categories":3999},[109],{"categories":4001},[],{"categories":4003},[179],{"categories":4005},[106],{"categories":4007},[179],{"categories":4009},[],{"categories":4011},[109],{"categories":4013},[106],{"categories":4015},[131],{"categories":4017},[106],{"categories":4019},[],{"categories":4021},[109],{"categories":4023},[106],{"categories":4025},[],{"categories":4027},[55],{"categories":4029},[106],{"categories":4031},[109],{"categories":4033},[106],{"categories":4035},[100],{"categories":4037},[109],{"categories":4039},[106],{"categories":4041},[],{"categories":4043},[217],{"categories":4045},[188],{"categories":4047},[103],{"categories":4049},[103],{"categories":4051},[106],{"categories":4053},[100],{"categories":4055},[100],{"categories":4057},[106],{"categories":4059},[109],{"categories":4061},[106],{"categories":4063},[106],{"categories":4065},[106],{"categories":4067},[179],{"categories":4069},[100],{"categories":4071},[106],{"categories":4073},[188],{"categories":4075},[131],{"categories":4077},[106],{"categories":4079},[106],{"categories":4081},[109],{"categories":4083},[106],{"categories":4085},[],{"categories":4087},[179],{"categories":4089},[],{"categories":4091},[179],{"categories":4093},[109],{"categories":4095},[100],{"categories":4097},[],{"categories":4099},[166],{"categories":4101},[217],{"categories":4103},[106],{"categories":4105},[179],{"categories":4107},[],{"categories":4109},[131],{"categories":4111},[109],{"categories":4113},[179],{"categories":4115},[55],{"categories":4117},[106],{"categories":4119},[109],{"categories":4121},[179],{"categories":4123},[109],{"categories":4125},[131],{"categories":4127},[100],{"categories":4129},[131],{"categories":4131},[179],{"categories":4133},[106],{"categories":4135},[55],{"categories":4137},[103],{"categories":4139},[106],{"categories":4141},[106],{"categories":4143},[106],{"categories":4145},[106],{"categories":4147},[106],{"categories":4149},[109],{"categories":4151},[106],{"categories":4153},[109],{"categories":4155},[106],{"categories":4157},[106],{"categories":4159},[100],{"categories":4161},[106],{"categories":4163},[109],{"categories":4165},[109],{"categories":4167},[55],{"categories":4169},[109],{"categories":4171},[109],{"categories":4173},[100],{"categories":4175},[109],{"categories":4177},[55],{"categories":4179},[],{"categories":4181},[106],{"categories":4183},[166],{"categories":4185},[106],{"categories":4187},[106],{"categories":4189},[179],{"categories":4191},[],{"categories":4193},[109],{"categories":4195},[188],{"categories":4197},[106],{"categories":4199},[131],{"categories":4201},[188],{"categories":4203},[109],{"categories":4205},[103],{"categories":4207},[103],{"categories":4209},[106],{"categories":4211},[106],{"categories":4213},[106],{"categories":4215},[100],{"categories":4217},[],{"categories":4219},[106],{"categories":4221},[109],{"categories":4223},[109],{"categories":4225},[106],{"categories":4227},[106],{"categories":4229},[179],{"categories":4231},[],{"categories":4233},[100],{"categories":4235},[106],{"categories":4237},[106],{"categories":4239},[109],{"categories":4241},[109],{"categories":4243},[],{"categories":4245},[179],{"categories":4247},[179],{"categories":4249},[188],{"categories":4251},[55],{"categories":4253},[],{"categories":4255},[106],{"categories":4257},[109],{"categories":4259},[100],{"categories":4261},[106],{"categories":4263},[179],{"categories":4265},[100],{"categories":4267},[131],{"categories":4269},[131],{"categories":4271},[],{"categories":4273},[131],{"categories":4275},[109],{"categories":4277},[55],{"categories":4279},[166],{"categories":4281},[106],{"categories":4283},[],{"categories":4285},[109],{"categories":4287},[131],{"categories":4289},[179],{"categories":4291},[106],{"categories":4293},[103],{"categories":4295},[106],{"categories":4297},[100],{"categories":4299},[217],{"categories":4301},[100],{"categories":4303},[],{"categories":4305},[],{"categories":4307},[109],{"categories":4309},[131],{"categories":4311},[],{"categories":4313},[109],{"categories":4315},[109],{"categories":4317},[109],{"categories":4319},[],{"categories":4321},[106],{"categories":4323},[],{"categories":4325},[131],{"categories":4327},[100],{"categories":4329},[55],{"categories":4331},[106],{"categories":4333},[131],{"categories":4335},[106],{"categories":4337},[131],{"categories":4339},[],{"categories":4341},[131],{"categories":4343},[100],{"categories":4345},[109],{"categories":4347},[106],{"categories":4349},[],{"categories":4351},[179],{"categories":4353},[109],{"categories":4355},[112],{"categories":4357},[109],{"categories":4359},[100],{"categories":4361},[],{"categories":4363},[],{"categories":4365},[],{"categories":4367},[55],{"categories":4369},[109],{"categories":4371},[106],{"categories":4373},[106],{"categories":4375},[],{"categories":4377},[],{"categories":4379},[],{"categories":4381},[55],{"categories":4383},[],{"categories":4385},[109],{"categories":4387},[106],{"categories":4389},[100],{"categories":4391},[],{"categories":4393},[],{"categories":4395},[55],{"categories":4397},[106],{"categories":4399},[131],{"categories":4401},[],{"categories":4403},[188],{"categories":4405},[131],{"categories":4407},[188],{"categories":4409},[166],{"categories":4411},[106],{"categories":4413},[106],{"categories":4415},[],{"categories":4417},[],{"categories":4419},[109],{"categories":4421},[],{"categories":4423},[106],{"categories":4425},[106],{"categories":4427},[],{"categories":4429},[109],{"categories":4431},[106],{"categories":4433},[106],{"categories":4435},[],{"categories":4437},[109],{"categories":4439},[106],{"categories":4441},[131],{"categories":4443},[106],{"categories":4445},[188],{"categories":4447},[103],{"categories":4449},[106],{"categories":4451},[106],{"categories":4453},[166],{"categories":4455},[109],{"categories":4457},[109],{"categories":4459},[],{"categories":4461},[],{"categories":4463},[106],{"categories":4465},[],{"categories":4467},[131],{"categories":4469},[103],{"categories":4471},[],{"categories":4473},[],{"categories":4475},[55],{"categories":4477},[100],{"categories":4479},[],{"categories":4481},[103],{"categories":4483},[188],{"categories":4485},[106],{"categories":4487},[179],{"categories":4489},[100],{"categories":4491},[166],{"categories":4493},[103],{"categories":4495},[179],{"categories":4497},[179],{"categories":4499},[],{"categories":4501},[106],{"categories":4503},[],{"categories":4505},[109],{"categories":4507},[100],{"categories":4509},[55],{"categories":4511},[106],{"categories":4513},[100],{"categories":4515},[109],{"categories":4517},[217],{"categories":4519},[106],{"categories":4521},[106],{"categories":4523},[106],{"categories":4525},[100],{"categories":4527},[109],{"categories":4529},[],{"categories":4531},[106],{"categories":4533},[179],{"categories":4535},[131],{"categories":4537},[179],{"categories":4539},[106],{"categories":4541},[],{"categories":4543},[55],{"categories":4545},[131],{"categories":4547},[100],{"categories":4549},[109],{"categories":4551},[106],{"categories":4553},[106],{"categories":4555},[109],{"categories":4557},[106],{"categories":4559},[106],{"categories":4561},[103],{"categories":4563},[109],{"categories":4565},[109,217],{"categories":4567},[109],{"categories":4569},[179],{"categories":4571},[106],{"categories":4573},[106],{"categories":4575},[166],{"categories":4577},[109],{"categories":4579},[188],{"categories":4581},[109],{"categories":4583},[103],{"categories":4585},[],{"categories":4587},[109],{"categories":4589},[106],{"categories":4591},[103],{"categories":4593},[],{"categories":4595},[],{"categories":4597},[106],{"categories":4599},[109],{"categories":4601},[166],{"categories":4603},[188],{"categories":4605},[106],{"categories":4607},[106],{"categories":4609},[109],{"categories":4611},[],{"categories":4613},[131],{"categories":4615},[109],{"categories":4617},[],{"categories":4619},[131],{"categories":4621},[179],{"categories":4623},[100],{"categories":4625},[179],{"categories":4627},[106],{"categories":4629},[109],{"categories":4631},[106],{"categories":4633},[106],{"categories":4635},[188],{"categories":4637},[179],{"categories":4639},[],{"categories":4641},[131],{"categories":4643},[106],{"categories":4645},[],{"categories":4647},[106],{"categories":4649},[106],{"categories":4651},[106],{"categories":4653},[109],{"categories":4655},[106],{"categories":4657},[106],{"categories":4659},[112],{"categories":4661},[109],{"categories":4663},[106],{"categories":4665},[106],{"categories":4667},[106],{"categories":4669},[106],{"categories":4671},[106],{"categories":4673},[103],{"categories":4675},[],{"categories":4677},[112],{"categories":4679},[131],{"categories":4681},[109],{"categories":4683},[106],{"categories":4685},[179],{"categories":4687},[],{"categories":4689},[179],{"categories":4691},[179],{"categories":4693},[109],{"categories":4695},[179],{"categories":4697},[106],{"categories":4699},[106],{"categories":4701},[179],{"categories":4703},[106],{"categories":4705},[109],{"categories":4707},[131],{"categories":4709},[106],{"categories":4711},[106],{"categories":4713},[106],{"categories":4715},[103],{"categories":4717},[106],{"categories":4719},[109],{"categories":4721},[55],{"categories":4723},[],{"categories":4725},[106],{"categories":4727},[166],{"categories":4729},[109],{"categories":4731},[106],{"categories":4733},[],{"categories":4735},[106],{"categories":4737},[106],{"categories":4739},[131],{"categories":4741},[106],{"categories":4743},[109],{"categories":4745},[188],{"categories":4747},[],{"categories":4749},[],{"categories":4751},[131],{"categories":4753},[179],{"categories":4755},[131],{"categories":4757},[106],{"categories":4759},[188],{"categories":4761},[106],{"categories":4763},[100],{"categories":4765},[109],{"categories":4767},[106],{"categories":4769},[109],{"categories":4771},[109],{"categories":4773},[106],{"categories":4775},[103],{"categories":4777},[],{"categories":4779},[166],{"categories":4781},[],{"categories":4783},[131],{"categories":4785},[106],{"categories":4787},[166],{"categories":4789},[106],{"categories":4791},[179],{"categories":4793},[179],{"categories":4795},[179],{"categories":4797},[109],{"categories":4799},[109],{"categories":4801},[109],{"categories":4803},[106],{"categories":4805},[55],{"categories":4807},[166],{"categories":4809},[166],{"categories":4811},[],{"categories":4813},[131],{"categories":4815},[106],{"categories":4817},[106],{"categories":4819},[179],{"categories":4821},[],{"categories":4823},[131],{"categories":4825},[131],{"categories":4827},[131],{"categories":4829},[],{"categories":4831},[109],{"categories":4833},[106],{"categories":4835},[],{"categories":4837},[100],{"categories":4839},[103],{"categories":4841},[],{"categories":4843},[106],{"categories":4845},[106],{"categories":4847},[],{"categories":4849},[179],{"categories":4851},[],{"categories":4853},[],{"categories":4855},[],{"categories":4857},[],{"categories":4859},[106],{"categories":4861},[131],{"categories":4863},[],{"categories":4865},[],{"categories":4867},[106],{"categories":4869},[106],{"categories":4871},[106],{"categories":4873},[166],{"categories":4875},[106],{"categories":4877},[166],{"categories":4879},[],{"categories":4881},[166],{"categories":4883},[166],{"categories":4885},[217],{"categories":4887},[109],{"categories":4889},[179],{"categories":4891},[],{"categories":4893},[],{"categories":4895},[166],{"categories":4897},[179],{"categories":4899},[179],{"categories":4901},[179],{"categories":4903},[],{"categories":4905},[100],{"categories":4907},[179],{"categories":4909},[179],{"categories":4911},[100],{"categories":4913},[179],{"categories":4915},[103],{"categories":4917},[179],{"categories":4919},[179],{"categories":4921},[179],{"categories":4923},[166],{"categories":4925},[131],{"categories":4927},[131],{"categories":4929},[106],{"categories":4931},[179],{"categories":4933},[166],{"categories":4935},[217],{"categories":4937},[166],{"categories":4939},[166],{"categories":4941},[166],{"categories":4943},[],{"categories":4945},[103],{"categories":4947},[],{"categories":4949},[217],{"categories":4951},[179],{"categories":4953},[179],{"categories":4955},[179],{"categories":4957},[109],{"categories":4959},[131,103],{"categories":4961},[166],{"categories":4963},[],{"categories":4965},[],{"categories":4967},[166],{"categories":4969},[],{"categories":4971},[166],{"categories":4973},[131],{"categories":4975},[109],{"categories":4977},[],{"categories":4979},[179],{"categories":4981},[106],{"categories":4983},[55],{"categories":4985},[],{"categories":4987},[106],{"categories":4989},[],{"categories":4991},[131],{"categories":4993},[100],{"categories":4995},[166],{"categories":4997},[],{"categories":4999},[179],{"categories":5001},[131],[5003,5076,5593,5770],{"id":5004,"title":5005,"ai":5006,"body":5011,"categories":5056,"created_at":56,"date_modified":56,"description":49,"extension":57,"faq":56,"featured":58,"kicker_label":56,"meta":5057,"navigation":77,"path":5062,"published_at":5063,"question":56,"scraped_at":5064,"seo":5065,"sitemap":5066,"source_id":5067,"source_name":5068,"source_type":85,"source_url":5069,"stem":5070,"tags":5071,"thumbnail_url":56,"tldr":5072,"tweet":5073,"unknown_tags":5074,"__hash__":5075},"summaries\u002Fsummaries\u002Fcef05f71fca49beb-solving-element-anchoring-with-the-css-anchor-posi-summary.md","Solving Element Anchoring with the CSS Anchor Positioning API",{"provider":7,"model":8,"input_tokens":5007,"output_tokens":5008,"processing_time_ms":5009,"cost_usd":5010},3683,382,2516,0.00149375,{"type":14,"value":5012,"toc":5052},[5013,5017,5036,5040],[17,5014,5016],{"id":5015},"the-failure-of-traditional-absolute-positioning","The Failure of Traditional Absolute Positioning",[22,5018,5019,5020,5023,5024,5027,5028,5031,5032,5035],{},"Developers have historically relied on ",[26,5021,5022],{},"position: absolute"," combined with ",[26,5025,5026],{},"top",", ",[26,5029,5030],{},"left",", or ",[26,5033,5034],{},"transform: translate"," to attach UI elements like tooltips, popovers, or menus to specific trigger elements. This approach is fundamentally fragile because it assumes a static relationship between the anchor and the target. When the anchor element changes size, moves due to layout shifts, or is nested deep within a complex DOM structure, these manual coordinate calculations fail. The target element becomes detached or misaligned, requiring constant, brittle updates to the CSS or JavaScript to maintain the intended visual connection.",[17,5037,5039],{"id":5038},"native-anchoring-as-a-declarative-solution","Native Anchoring as a Declarative Solution",[22,5041,5042,5043,5047,5048,5051],{},"The CSS Anchor Positioning API introduces a native, browser-level solution to this problem by defining two distinct roles: the ",[5044,5045,5046],"strong",{},"anchor"," (the trigger element) and the ",[5044,5049,5050],{},"target"," (the element to be positioned relative to the anchor). Instead of manually calculating offsets, developers can declaratively link these elements. The browser handles the complex geometry of the viewport, ensuring that the target remains attached to the anchor regardless of layout changes, window resizing, or DOM nesting. This shift moves the burden of coordinate management from the developer to the browser engine, resulting in more resilient and maintainable UI components that adapt automatically to dynamic content.",{"title":49,"searchDepth":50,"depth":50,"links":5053},[5054,5055],{"id":5015,"depth":50,"text":5016},{"id":5038,"depth":50,"text":5039},[55],{"content_references":5058,"triage":5059},[],{"relevance":74,"novelty":74,"quality":73,"actionability":74,"composite":5060,"reasoning":5061},3.25,"Category: Design & Frontend. The article discusses the CSS Anchor Positioning API, which is relevant to frontend development and UI\u002FUX design. It provides insights into a new approach to positioning elements, which could help developers improve their UI components, but lacks specific implementation examples that would enhance actionability.","\u002Fsummaries\u002Fcef05f71fca49beb-solving-element-anchoring-with-the-css-anchor-posi-summary","2026-05-15 10:01:03","2026-05-21 03:00:17",{"title":5005,"description":49},{"loc":5062},"cef05f71fca49beb","Smashing Magazine","https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=fCjryd5ZgBU","summaries\u002Fcef05f71fca49beb-solving-element-anchoring-with-the-css-anchor-posi-summary",[89,90,91],"The CSS Anchor Positioning API provides a robust, native way to tether elements like tooltips to dynamic anchors, replacing fragile absolute positioning hacks that break when elements resize or move.","A technical explanation of the CSS Anchor Positioning API. The video demonstrates how to use the `anchor()` function and `anchor-name` property to tether elements together, solving the layout fragility issues common with traditional absolute positioning.",[91],"o-tnUHH0vRzSahG5i_SGjsAhA7kRULwYrLlcXogqXxg",{"id":5077,"title":5078,"ai":5079,"body":5085,"categories":5567,"created_at":56,"date_modified":56,"description":49,"extension":57,"faq":56,"featured":58,"kicker_label":56,"meta":5568,"navigation":77,"path":5580,"published_at":56,"question":56,"scraped_at":5581,"seo":5582,"sitemap":5583,"source_id":5584,"source_name":5585,"source_type":5586,"source_url":5587,"stem":5588,"tags":5589,"thumbnail_url":56,"tldr":5590,"tweet":56,"unknown_tags":5591,"__hash__":5592},"summaries\u002Fsummaries\u002F0541a873071e8673-css-scroll-driven-animations-via-animation-timelin-summary.md","CSS Scroll-Driven Animations via Animation Timeline API",{"provider":7,"model":5080,"input_tokens":5081,"output_tokens":5082,"processing_time_ms":5083,"cost_usd":5084},"x-ai\u002Fgrok-4.1-fast",8497,1663,18977,0.00250825,{"type":14,"value":5086,"toc":5562},[5087,5091,5098,5196,5207,5248,5251,5255,5270,5316,5326,5380,5399,5406,5444,5447,5451,5462,5546,5558],[17,5088,5090],{"id":5089},"map-scroll-progress-to-keyframe-animations","Map Scroll Progress to Keyframe Animations",[22,5092,5093,5094,5097],{},"Drive CSS keyframe animations with an element's viewport position instead of duration by adding ",[26,5095,5096],{},"animation-timeline: view()",". This scrubs through keyframes from 0% (element bottom enters viewport) to 100% (element top exits viewport). For example:",[5099,5100,5103],"pre",{"className":5101,"code":5102,"language":91,"meta":49,"style":49},"language-css shiki shiki-themes github-light github-dark","@keyframes fadeIn {\n  0% { opacity: 0; }\n  100% { opacity: 1; }\n}\n.elem {\n  animation: fadeIn;\n  animation-timeline: view();\n}\n",[26,5104,5105,5122,5144,5160,5165,5173,5182,5191],{"__ignoreMap":49},[5106,5107,5110,5114,5118],"span",{"class":5108,"line":5109},"line",1,[5106,5111,5113],{"class":5112},"szBVR","@keyframes",[5106,5115,5117],{"class":5116},"s4XuR"," fadeIn",[5106,5119,5121],{"class":5120},"sVt8B"," {\n",[5106,5123,5124,5128,5131,5135,5138,5141],{"class":5108,"line":50},[5106,5125,5127],{"class":5126},"sScJk","  0%",[5106,5129,5130],{"class":5120}," { ",[5106,5132,5134],{"class":5133},"sj4cs","opacity",[5106,5136,5137],{"class":5120},": ",[5106,5139,5140],{"class":5133},"0",[5106,5142,5143],{"class":5120},"; }\n",[5106,5145,5146,5149,5151,5153,5155,5158],{"class":5108,"line":74},[5106,5147,5148],{"class":5126},"  100%",[5106,5150,5130],{"class":5120},[5106,5152,5134],{"class":5133},[5106,5154,5137],{"class":5120},[5106,5156,5157],{"class":5133},"1",[5106,5159,5143],{"class":5120},[5106,5161,5162],{"class":5108,"line":73},[5106,5163,5164],{"class":5120},"}\n",[5106,5166,5168,5171],{"class":5108,"line":5167},5,[5106,5169,5170],{"class":5126},".elem",[5106,5172,5121],{"class":5120},[5106,5174,5176,5179],{"class":5108,"line":5175},6,[5106,5177,5178],{"class":5133},"  animation",[5106,5180,5181],{"class":5120},": fadeIn;\n",[5106,5183,5185,5188],{"class":5108,"line":5184},7,[5106,5186,5187],{"class":5133},"  animation-timeline",[5106,5189,5190],{"class":5120},": view();\n",[5106,5192,5194],{"class":5108,"line":5193},8,[5106,5195,5164],{"class":5120},[22,5197,5198,5199,5202,5203,5206],{},"Scrolling advances the animation proportionally to the element's viewport coverage, measured as a percentage (100% at full entry, 0% at full exit). Apply standard timing functions like ",[26,5200,5201],{},"cubic-bezier(0.15, 0.75, 0.35, 1)"," for ease-out effects or ",[26,5204,5205],{},"linear()"," for springs:",[5099,5208,5210],{"className":5101,"code":5209,"language":91,"meta":49,"style":49},".box {\n  animation: spin var(--spring);\n  animation-timeline: view();\n}\n",[26,5211,5212,5219,5238,5244],{"__ignoreMap":49},[5106,5213,5214,5217],{"class":5108,"line":5109},[5106,5215,5216],{"class":5126},".box",[5106,5218,5121],{"class":5120},[5106,5220,5221,5223,5226,5229,5232,5235],{"class":5108,"line":50},[5106,5222,5178],{"class":5133},[5106,5224,5225],{"class":5120},": spin ",[5106,5227,5228],{"class":5133},"var",[5106,5230,5231],{"class":5120},"(",[5106,5233,5234],{"class":5116},"--spring",[5106,5236,5237],{"class":5120},");\n",[5106,5239,5240,5242],{"class":5108,"line":74},[5106,5241,5187],{"class":5133},[5106,5243,5190],{"class":5120},[5106,5245,5246],{"class":5108,"line":73},[5106,5247,5164],{"class":5120},[22,5249,5250],{},"This leverages existing keyframe knowledge—no new syntax for basics—while avoiding JavaScript for simple scroll effects.",[17,5252,5254],{"id":5253},"control-animation-timing-with-ranges","Control Animation Timing with Ranges",[22,5256,5257,5258,5261,5262,5265,5266,5269],{},"Override default ",[26,5259,5260],{},"cover"," range (full viewport traversal) using ",[26,5263,5264],{},"animation-range"," to start\u002Fend at specific points. ",[26,5267,5268],{},"contain"," triggers only when fully in viewport, ideal for complete animations like offscreen slides:",[5099,5271,5273],{"className":5101,"code":5272,"language":91,"meta":49,"style":49},".shape {\n  animation: slideIn backwards;\n  animation-timeline: view();\n  animation-range: contain;\n}\n",[26,5274,5275,5282,5295,5301,5312],{"__ignoreMap":49},[5106,5276,5277,5280],{"class":5108,"line":5109},[5106,5278,5279],{"class":5126},".shape",[5106,5281,5121],{"class":5120},[5106,5283,5284,5286,5289,5292],{"class":5108,"line":50},[5106,5285,5178],{"class":5133},[5106,5287,5288],{"class":5120},": slideIn ",[5106,5290,5291],{"class":5133},"backwards",[5106,5293,5294],{"class":5120},";\n",[5106,5296,5297,5299],{"class":5108,"line":74},[5106,5298,5187],{"class":5133},[5106,5300,5190],{"class":5120},[5106,5302,5303,5306,5308,5310],{"class":5108,"line":73},[5106,5304,5305],{"class":5133},"  animation-range",[5106,5307,5137],{"class":5120},[5106,5309,5268],{"class":5133},[5106,5311,5294],{"class":5120},[5106,5313,5314],{"class":5108,"line":5167},[5106,5315,5164],{"class":5120},[22,5317,5318,5321,5322,5325],{},[26,5319,5320],{},"entry"," animates during top-to-bottom entry (perfect for fade-ins on images), ",[26,5323,5324],{},"exit"," during top-edge exit (fade-outs). Combine via comma-separated values:",[5099,5327,5329],{"className":5101,"code":5328,"language":91,"meta":49,"style":49},"img {\n  animation: fadeIn linear, fadeOut linear;\n  animation-timeline: view(), view();\n  animation-range: entry, exit;\n}\n",[26,5330,5331,5339,5356,5369,5376],{"__ignoreMap":49},[5106,5332,5333,5337],{"class":5108,"line":5109},[5106,5334,5336],{"class":5335},"s9eBZ","img",[5106,5338,5121],{"class":5120},[5106,5340,5341,5343,5346,5349,5352,5354],{"class":5108,"line":50},[5106,5342,5178],{"class":5133},[5106,5344,5345],{"class":5120},": fadeIn ",[5106,5347,5348],{"class":5133},"linear",[5106,5350,5351],{"class":5120},", fadeOut ",[5106,5353,5348],{"class":5133},[5106,5355,5294],{"class":5120},[5106,5357,5358,5360,5363,5366],{"class":5108,"line":74},[5106,5359,5187],{"class":5133},[5106,5361,5362],{"class":5120},": view(), ",[5106,5364,5365],{"class":5133},"view",[5106,5367,5368],{"class":5120},"();\n",[5106,5370,5371,5373],{"class":5108,"line":73},[5106,5372,5305],{"class":5133},[5106,5374,5375],{"class":5120},": entry, exit;\n",[5106,5377,5378],{"class":5108,"line":5167},[5106,5379,5164],{"class":5120},[22,5381,5382,5383,5386,5387,5390,5391,5394,5395,5398],{},"For precision, use percentages: ",[26,5384,5385],{},"animation-range: cover 0% cover 50%"," starts at first pixel entry, ends at viewport midpoint. Long-form ",[26,5388,5389],{},"animation-range-start: cover 0%; animation-range-end: cover 50%;"," offers clarity. Mix ranges like ",[26,5392,5393],{},"contain 0%"," to ",[26,5396,5397],{},"exit 50%"," for extended effects.",[22,5400,5401,5402,5405],{},"Use ",[26,5403,5404],{},"scroll()"," timeline for global progress, like fixed reading indicators:",[5099,5407,5409],{"className":5101,"code":5408,"language":91,"meta":49,"style":49},".readingIndicator {\n  animation: expand linear;\n  animation-timeline: scroll();\n}\n",[26,5410,5411,5418,5429,5440],{"__ignoreMap":49},[5106,5412,5413,5416],{"class":5108,"line":5109},[5106,5414,5415],{"class":5126},".readingIndicator",[5106,5417,5121],{"class":5120},[5106,5419,5420,5422,5425,5427],{"class":5108,"line":50},[5106,5421,5178],{"class":5133},[5106,5423,5424],{"class":5120},": expand ",[5106,5426,5348],{"class":5133},[5106,5428,5294],{"class":5120},[5106,5430,5431,5433,5435,5438],{"class":5108,"line":74},[5106,5432,5187],{"class":5133},[5106,5434,5137],{"class":5120},[5106,5436,5437],{"class":5133},"scroll",[5106,5439,5368],{"class":5120},[5106,5441,5442],{"class":5108,"line":73},[5106,5443,5164],{"class":5120},[22,5445,5446],{},"This scales a bar from 0 to total page scroll distance, though scrollbars often suffice.",[17,5448,5450],{"id":5449},"link-timelines-between-elements","Link Timelines Between Elements",[22,5452,5453,5454,5457,5458,5461],{},"Decouple tracking from animation: name a ",[26,5455,5456],{},"view-timeline"," on the trigger element, reference it elsewhere via ",[26,5459,5460],{},"timeline-scope"," on a shared ancestor.",[5099,5463,5465],{"className":5101,"code":5464,"language":91,"meta":49,"style":49},"main {\n  timeline-scope: --tracked-elem;\n}\n.content {\n  view-timeline: --tracked-elem;\n}\n.square {\n  animation: fadeIn backwards, fadeOut forwards;\n  animation-timeline: --tracked-elem, --tracked-elem;\n  animation-range: entry, exit;\n}\n",[26,5466,5467,5474,5482,5486,5493,5500,5504,5511,5526,5534,5541],{"__ignoreMap":49},[5106,5468,5469,5472],{"class":5108,"line":5109},[5106,5470,5471],{"class":5335},"main",[5106,5473,5121],{"class":5120},[5106,5475,5476,5479],{"class":5108,"line":50},[5106,5477,5478],{"class":5133},"  timeline-scope",[5106,5480,5481],{"class":5120},": --tracked-elem;\n",[5106,5483,5484],{"class":5108,"line":74},[5106,5485,5164],{"class":5120},[5106,5487,5488,5491],{"class":5108,"line":73},[5106,5489,5490],{"class":5126},".content",[5106,5492,5121],{"class":5120},[5106,5494,5495,5498],{"class":5108,"line":5167},[5106,5496,5497],{"class":5133},"  view-timeline",[5106,5499,5481],{"class":5120},[5106,5501,5502],{"class":5108,"line":5175},[5106,5503,5164],{"class":5120},[5106,5505,5506,5509],{"class":5108,"line":5184},[5106,5507,5508],{"class":5126},".square",[5106,5510,5121],{"class":5120},[5106,5512,5513,5515,5517,5519,5521,5524],{"class":5108,"line":5193},[5106,5514,5178],{"class":5133},[5106,5516,5345],{"class":5120},[5106,5518,5291],{"class":5133},[5106,5520,5351],{"class":5120},[5106,5522,5523],{"class":5133},"forwards",[5106,5525,5294],{"class":5120},[5106,5527,5529,5531],{"class":5108,"line":5528},9,[5106,5530,5187],{"class":5133},[5106,5532,5533],{"class":5120},": --tracked-elem, --tracked-elem;\n",[5106,5535,5537,5539],{"class":5108,"line":5536},10,[5106,5538,5305],{"class":5133},[5106,5540,5375],{"class":5120},[5106,5542,5544],{"class":5108,"line":5543},11,[5106,5545,5164],{"class":5120},[22,5547,5548,5549,5551,5552,5554,5555,5557],{},"Scroll on ",[26,5550,5490],{}," fades sticky ",[26,5553,5508],{},", even if not descendants—",[26,5556,5460],{}," propagates the named timeline. Limit: names are scoped to creator and descendants unless elevated.",[5559,5560,5561],"style",{},"html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}",{"title":49,"searchDepth":50,"depth":50,"links":5563},[5564,5565,5566],{"id":5089,"depth":50,"text":5090},{"id":5253,"depth":50,"text":5254},{"id":5449,"depth":50,"text":5450},[55],{"content_references":5569,"triage":5578},[5570,5575],{"type":5571,"title":5572,"url":5573,"context":5574},"other","Whimsical Animations","https:\u002F\u002Fwhimsy.joshwcomeau.com\u002F","recommended",{"type":62,"title":5576,"url":5577,"context":65},"Lipsum.com","https:\u002F\u002Fwww.lipsum.com\u002F",{"relevance":73,"novelty":74,"quality":73,"actionability":73,"composite":75,"reasoning":5579},"Category: Design & Frontend. The article provides practical insights into using the Animation Timeline API for scroll-driven animations, which directly addresses the needs of designers and developers looking to enhance UI\u002FUX. It includes specific code examples and techniques that can be immediately applied in projects.","\u002Fsummaries\u002F0541a873071e8673-css-scroll-driven-animations-via-animation-timelin-summary","2026-05-03 17:02:04",{"title":5078,"description":49},{"loc":5580},"0541a873071e8673","Josh W. Comeau","article","https:\u002F\u002Fwww.joshwcomeau.com\u002Fanimation\u002Fscroll-driven-animations\u002F","summaries\u002F0541a873071e8673-css-scroll-driven-animations-via-animation-timelin-summary",[89,90,91],"Replace time-based keyframes with scroll progress using animation-timeline: view() to trigger animations as elements enter\u002Fexit viewport; customize ranges like entry\u002Fexit for precise control without JavaScript.",[91],"H-OMxl4xx30p7NefpUpuI0olBbU-dSy34fNFMO-yhMk",{"id":5594,"title":5595,"ai":5596,"body":5601,"categories":5743,"created_at":56,"date_modified":56,"description":49,"extension":57,"faq":56,"featured":58,"kicker_label":56,"meta":5744,"navigation":77,"path":5754,"published_at":5755,"question":56,"scraped_at":5756,"seo":5757,"sitemap":5758,"source_id":5759,"source_name":5760,"source_type":85,"source_url":5761,"stem":5762,"tags":5763,"thumbnail_url":5765,"tldr":5766,"tweet":5767,"unknown_tags":5768,"__hash__":5769},"summaries\u002Fsummaries\u002F20c8a07ac262eba4-modern-web-ui-new-css-and-browser-primitives-summary.md","Modern Web UI: New CSS and Browser Primitives",{"provider":7,"model":8,"input_tokens":5597,"output_tokens":5598,"processing_time_ms":5599,"cost_usd":5600},9829,762,4513,0.00360025,{"type":14,"value":5602,"toc":5736},[5603,5607,5610,5614,5617,5657,5661,5664,5698,5702,5705,5725,5729],[17,5604,5606],{"id":5605},"the-modern-web-ux-framework","The Modern Web UX Framework",[22,5608,5609],{},"Modern web development is shifting toward five core principles: respecting user preferences, implementing natural interactions, providing guided navigation, maximizing content\u002Freducing noise, and adapting to form factors. The goal is to bridge the gap between high-performance graphics and the semantic web.",[17,5611,5613],{"id":5612},"advanced-css-theming-and-personalization","Advanced CSS Theming and Personalization",[22,5615,5616],{},"Building dynamic themes that respect system-level preferences is becoming significantly easier with new CSS primitives:",[5618,5619,5620,5627,5633,5647],"ul",{},[5621,5622,5623,5626],"li",{},[5044,5624,5625],{},"contrast-color()",": A function that automatically returns black or white based on the WCAG 2 algorithm for a given background color, ensuring accessible text contrast.",[5621,5628,5629,5632],{},[5044,5630,5631],{},"light\u002Fdark()",": A native utility to toggle values based on system color schemes. This has been extended to support images, allowing developers to swap assets based on theme.",[5621,5634,5635,5638,5639,5642,5643,5646],{},[5044,5636,5637],{},"Style Queries & @function",": By combining custom properties with style queries, developers can create custom conditional logic. The new ",[26,5640,5641],{},"@function"," and ",[26,5644,5645],{},"if()"," function allow for complex conditional styling directly within property values, reducing the need for JavaScript-heavy state management.",[5621,5648,5649,5652,5653,5656],{},[5044,5650,5651],{},"Text Scaling",": The new ",[26,5654,5655],{},"meta=text-scale"," tag allows browsers to handle system-level font size changes natively, ensuring layouts remain responsive without manual base font size calculations.",[17,5658,5660],{"id":5659},"natural-interactions-and-motion","Natural Interactions and Motion",[22,5662,5663],{},"To make web interfaces feel like native applications, developers should prioritize physics-based motion:",[5618,5665,5666,5675,5689],{},[5621,5667,5668,5671,5672,5674],{},[5044,5669,5670],{},"Linear Easing",": While true spring physics are still in development, the ",[26,5673,5205],{}," easing function allows for complex, multi-step animation curves that approximate natural bounce and overshoot effects.",[5621,5676,5677,5680,5681,5684,5685,5688],{},[5044,5678,5679],{},"Dialog and Popover Enhancements",": The ",[26,5682,5683],{},"\u003Cdialog>"," element now supports declarative light dismiss (",[26,5686,5687],{},"closedby=\"any\"","), allowing modals to close via escape keys or back gestures without custom JavaScript.",[5621,5690,5691,5680,5694,5697],{},[5044,5692,5693],{},"Corner Shapes",[26,5695,5696],{},"corner-shape"," property moves beyond simple border-radius, supporting bevel, notch, scoop, and squircle shapes, which are fully animatable.",[17,5699,5701],{"id":5700},"view-transitions-and-navigation","View Transitions and Navigation",[22,5703,5704],{},"View Transitions are evolving from simple page-wide animations to granular, stateful controls:",[5618,5706,5707,5713,5719],{},[5621,5708,5709,5712],{},[5044,5710,5711],{},"Element-Scoped View Transitions",": This allows developers to trigger transitions on a specific DOM subtree without blocking the rest of the page. This is ideal for micro-interactions like filtering lists or adding items to a cart while keeping the navigation bar and other UI elements interactive.",[5621,5714,5715,5718],{},[5044,5716,5717],{},"View Transitions Toolkit",": A utility library that provides helpers for hardware-accelerated animations (using scale\u002Ftranslate instead of width\u002Fheight) and scrub functions to sync animations with scroll events or drag gestures.",[5621,5720,5721,5724],{},[5044,5722,5723],{},"Two-Phase View Transitions",": A prototype feature that allows cross-document transitions to initiate immediately, improving perceived performance by not waiting for the full DOM to load.",[17,5726,5728],{"id":5727},"html-in-canvas","HTML-in-Canvas",[22,5730,5731,5732,5735],{},"A new paradigm for high-performance graphics, this feature allows developers to render accessible, semantic DOM content directly inside a ",[26,5733,5734],{},"\u003Ccanvas>"," element, bridging the gap between game-like performance and accessible web standards.",{"title":49,"searchDepth":50,"depth":50,"links":5737},[5738,5739,5740,5741,5742],{"id":5605,"depth":50,"text":5606},{"id":5612,"depth":50,"text":5613},{"id":5659,"depth":50,"text":5660},{"id":5700,"depth":50,"text":5701},{"id":5727,"depth":50,"text":5728},[55],{"content_references":5745,"triage":5751},[5746,5748],{"type":62,"title":5717,"url":5747,"context":5574},"https:\u002F\u002Fgoo.gle\u002Fio26-web-ui-codepen-demos",{"type":5749,"title":5750,"context":65},"podcast","The CSS Podcast",{"relevance":73,"novelty":74,"quality":73,"actionability":74,"composite":5752,"reasoning":5753},3.6,"Category: Design & Frontend. The article discusses new CSS functions and browser primitives that enhance UI\u002FUX design, addressing the audience's interest in building functional interfaces. It provides specific examples like the contrast-color() function, which can directly improve accessibility in web applications.","\u002Fsummaries\u002F20c8a07ac262eba4-modern-web-ui-new-css-and-browser-primitives-summary","2026-05-22 16:11:55","2026-06-06 15:50:55",{"title":5595,"description":49},{"loc":5754},"20c8a07ac262eba4","Chrome for Developers","https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=uT7MVcCQ4rw","summaries\u002F20c8a07ac262eba4-modern-web-ui-new-css-and-browser-primitives-summary",[90,5764,89,91],"web-performance","https:\u002F\u002Fi.ytimg.com\u002Fvi\u002FuT7MVcCQ4rw\u002Fhqdefault.jpg","The web platform is evolving to support high-quality, native-feeling experiences through new CSS functions like contrast-color(), element-scoped view transitions, and improved accessibility primitives.","This session from Google I\u002FO 2026 provides a technical overview of modern CSS and browser APIs designed to improve UI adaptability and user experience. It focuses on native primitives for theming, responsive design, and interaction, rather than external frameworks.\n\n* [@function](https:\u002F\u002Fgoo.gle\u002F42E2HNu) — CSS custom functions for conditional logic\n* [Style Queries](https:\u002F\u002Fgoo.gle\u002F4nA8SvR) — querying parent styles for component adaptation\n* [contrast-color()](https:\u002F\u002Fgoo.gle\u002F4derGNv) — automatic WCAG-compliant text color selection\n* [Element-scoped View Transitions](https:\u002F\u002Fgoo.gle\u002F42DlZTi) — granular control over page transitions\n* [Scroll-triggered Animations](https:\u002F\u002Fgoo.gle\u002F4wDZvzo) — native browser-based animation hooks\n* [meta=text-scale](https:\u002F\u002Fgoo.gle\u002F4ugEnxx) — handling system-level font size preferences\n* [Overscroll Gestures Explainer](https:\u002F\u002Fgoo.gle\u002F3PsNV9o) — documentation on native gesture interactions\n* [Modern Web Guidance](https:\u002F\u002Fgoo.gle\u002Fmodern-web-guidance) — best practices for modern UI development\n* [CodePen Demos](https:\u002F\u002Fgoo.gle\u002Fio26-web-ui-codepen-demos) — interactive examples of the features discussed",[91],"fH-ZeN6oZSprF9i2I0Gs31PwT293cugbDZhvTU0nlNA",{"id":5771,"title":5772,"ai":5773,"body":5778,"categories":5871,"created_at":56,"date_modified":56,"description":49,"extension":57,"faq":56,"featured":58,"kicker_label":56,"meta":5872,"navigation":77,"path":5876,"published_at":5877,"question":56,"scraped_at":5878,"seo":5879,"sitemap":5880,"source_id":5881,"source_name":5882,"source_type":5586,"source_url":5883,"stem":5884,"tags":5885,"thumbnail_url":56,"tldr":5887,"tweet":56,"unknown_tags":5888,"__hash__":5889},"summaries\u002Fsummaries\u002F04a639b65acfaeb8-fixing-iframe-transparency-issues-on-dark-mode-sit-summary.md","Fixing Iframe Transparency Issues on Dark-Mode Sites",{"provider":7,"model":8,"input_tokens":5774,"output_tokens":5775,"processing_time_ms":5776,"cost_usd":5777},4037,449,3514,0.00168275,{"type":14,"value":5779,"toc":5865},[5780,5784,5795,5799,5814,5819,5826,5859,5862],[17,5781,5783],{"id":5782},"the-root-cause-browser-default-color-schemes","The Root Cause: Browser Default Color-Schemes",[22,5785,5786,5787,5790,5791,5794],{},"When you inject an iframe into a host page, it inherits the browser's default rendering behavior. If the host site uses ",[26,5788,5789],{},"color-scheme: dark",", the browser may force the iframe to render with a default light background to ensure readability, even if you have explicitly set ",[26,5792,5793],{},"background: transparent"," on your CSS elements. This results in a jarring white rectangle appearing over the user's dark-themed dashboard, despite DevTools reporting that your background colors are transparent.",[17,5796,5798],{"id":5797},"the-css-fix-explicitly-setting-color-scheme","The CSS Fix: Explicitly Setting Color-Scheme",[22,5800,5801,5802,5805,5806,5809,5810,5813],{},"The solution is to explicitly define the ",[26,5803,5804],{},"color-scheme"," property on the root element of your iframe's content. By setting ",[26,5807,5808],{},"color-scheme: light dark;"," or specifically ",[26,5811,5812],{},"color-scheme: light;"," within the iframe's CSS, you instruct the browser to stop forcing its default light-mode rendering on your component.",[5815,5816,5818],"h3",{"id":5817},"implementation-example","Implementation Example",[22,5820,5821,5822,5825],{},"To implement this in a React application, apply the property to your root container or the ",[26,5823,5824],{},"html"," element:",[5099,5827,5829],{"className":5101,"code":5828,"language":91,"meta":49,"style":49},":root {\n  color-scheme: light; \u002F* Forces the iframe to ignore host dark-mode defaults *\u002F\n}\n",[26,5830,5831,5838,5855],{"__ignoreMap":49},[5106,5832,5833,5836],{"class":5108,"line":5109},[5106,5834,5835],{"class":5126},":root",[5106,5837,5121],{"class":5120},[5106,5839,5840,5843,5845,5848,5851],{"class":5108,"line":50},[5106,5841,5842],{"class":5133},"  color-scheme",[5106,5844,5137],{"class":5120},[5106,5846,5847],{"class":5133},"light",[5106,5849,5850],{"class":5120},"; ",[5106,5852,5854],{"class":5853},"sJ8bj","\u002F* Forces the iframe to ignore host dark-mode defaults *\u002F\n",[5106,5856,5857],{"class":5108,"line":74},[5106,5858,5164],{"class":5120},[22,5860,5861],{},"By setting this property, you ensure that the iframe's background remains transparent as intended, allowing the host page's dark theme to show through without the browser injecting an unwanted white layer. This approach is lightweight, requiring only a few lines of CSS to resolve a common cross-site rendering conflict.",[5559,5863,5864],{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":49,"searchDepth":50,"depth":50,"links":5866},[5867,5868],{"id":5782,"depth":50,"text":5783},{"id":5797,"depth":50,"text":5798,"children":5869},[5870],{"id":5817,"depth":74,"text":5818},[55],{"content_references":5873,"triage":5874},[],{"relevance":74,"novelty":50,"quality":73,"actionability":73,"composite":5060,"reasoning":5875},"Category: Design & Frontend. The article addresses a specific issue related to UI\u002FUX design in the context of iframes on dark-mode sites, which is relevant for frontend developers. It provides a practical CSS solution to a common problem, making it actionable for the audience.","\u002Fsummaries\u002F04a639b65acfaeb8-fixing-iframe-transparency-issues-on-dark-mode-sit-summary","2026-05-20 17:43:31","2026-05-20 19:00:32",{"title":5772,"description":49},{"loc":5876},"04a639b65acfaeb8","Level Up Coding","https:\u002F\u002Flevelup.gitconnected.com\u002Fhow-to-make-chrome-extension-iframes-transparent-on-dark-mode-sites-css-color-scheme-fix-09e6e8162ba3?source=rss----5517fd7b58a6---4","summaries\u002F04a639b65acfaeb8-fixing-iframe-transparency-issues-on-dark-mode-sit-summary",[89,90,5886,91],"chrome-extension","Chrome extension iframes often render a white background on dark-mode sites because the browser defaults to a light color-scheme. Setting 'color-scheme: light dark' or 'only light' on the iframe's root element forces the browser to respect your intended transparency.",[5886,91],"NmZEIOjwnrvlI1dNrVEP-dqsAA1MJZCF2aaSftBgKVA"]