[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"summary-new-css-features-hit-baseline-browser-support-summary":3,"summaries-facets-categories":203,"summary-related-new-css-features-hit-baseline-browser-support-summary":4500},{"id":4,"title":5,"ai":6,"body":13,"categories":140,"created_at":142,"date_modified":142,"description":133,"extension":143,"faq":142,"featured":144,"kicker_label":142,"meta":145,"navigation":185,"path":186,"published_at":187,"question":142,"scraped_at":188,"seo":189,"sitemap":190,"source_id":191,"source_name":192,"source_type":193,"source_url":194,"stem":195,"tags":196,"thumbnail_url":142,"tldr":200,"unknown_tags":201,"__hash__":202},"summaries\u002Fsummaries\u002Fnew-css-features-hit-baseline-browser-support-summary.md","New CSS Features Hit Baseline Browser Support",{"provider":7,"model":8,"input_tokens":9,"output_tokens":10,"processing_time_ms":11,"cost_usd":12},"openrouter","x-ai\u002Fgrok-4.1-fast",4391,1988,13708,0.00184955,{"type":14,"value":15,"toc":132},"minimark",[16,21,34,40,44,66,69,73,87,102,106,112,129],[17,18,20],"h2",{"id":19},"native-tethering-and-style-scoping-replaces-hacks","Native Tethering and Style Scoping Replaces Hacks",[22,23,24,25,29,30,33],"p",{},"Anchor positioning tethers UI components to targets without DOM changes or heavy JS, using ",[26,27,28],"code",{},"anchor"," for FLIP-like transitions (see AIM technique). Core features now baseline; sub-features pending. Pair with ",[26,31,32],{},"@scope"," for selector scoping—limits cascade into nested elements via 'donut' holes, ending selector reach to avoid global collisions and bloated class names.",[22,35,36,37,39],{},"Apply ",[26,38,32],{}," to simplify naming: styles stop propagating beyond defined boundaries, preventing leaks into child components. Browser support: full across latest versions.",[17,41,43],{"id":42},"name-only-queries-enable-contextual-responsive-design","Name-Only Queries Enable Contextual Responsive Design",[22,45,46,47,50,51,54,55,58,59,54,62,65],{},"Container queries drop size requirements—style by ",[26,48,49],{},"container-name"," alone. Set ",[26,52,53],{},"container-name: sidebar"," on ",[26,56,57],{},".sidebar",", then ",[26,60,61],{},"@container sidebar { grid-auto-flow: column; }",[26,63,64],{},".card"," for layout shifts based on context, not viewport.",[22,67,68],{},"Supported in Chrome 149, Safari 26.4, Firefox 148. Use for modular components that adapt to parent containers without media queries.",[17,70,72],{"id":71},"css-shapes-for-dynamic-geometry-and-text-flows","CSS Shapes for Dynamic Geometry and Text Flows",[22,74,75,78,79,82,83,86],{},[26,76,77],{},"shape()"," draws responsive clipping paths with CSS syntax and dynamic units like ",[26,80,81],{},"rem"," or ",[26,84,85],{},"calc()",", escaping SVG's pixel locks for complex, scalable geometry.",[22,88,89,90,93,94,97,98,101],{},"Extend ",[26,91,92],{},"shape-outside"," with ",[26,95,96],{},"xywh()"," and ",[26,99,100],{},"rect()"," for precise text wrapping around custom boundaries—no images or clip-path hacks needed. Ships in Chrome 150 (imminent), Safari 18, Firefox 149.",[17,103,105],{"id":104},"spa-transitions-and-typo-units-boost-polish","SPA Transitions and Typo Units Boost Polish",[22,107,108,111],{},[26,109,110],{},"view-transition-class"," animates DOM collections with one rule; JS types control forward\u002Fbackward motion for contextual SPA routing without full framework overhead.",[22,113,114,115,118,119,118,122,118,125,128],{},"New relative units ",[26,116,117],{},"rcap",", ",[26,120,121],{},"rch",[26,123,124],{},"rex",[26,126,127],{},"ric"," deliver cap-height, ch-height, ex-height, ic-width precision for typography, scaling reliably across fonts.",[22,130,131],{},"Trade-off: Early adoption risks partial support, but baselines eliminate 'I can't use it' blockers for production UIs.",{"title":133,"searchDepth":134,"depth":134,"links":135},"",2,[136,137,138,139],{"id":19,"depth":134,"text":20},{"id":42,"depth":134,"text":43},{"id":71,"depth":134,"text":72},{"id":104,"depth":134,"text":105},[141],"Design & Frontend",null,"md",false,{"content_references":146,"triage":180},[147,153,158,162,166,170,173,177],{"type":148,"title":149,"author":150,"url":151,"context":152},"other","Anchor Positioning","Tab","https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=p18LhnYNkDQ","recommended",{"type":154,"title":155,"url":156,"context":157},"event","CSS Day 2025","https:\u002F\u002Fcssday.nl\u002F2025\u002F","mentioned",{"type":148,"title":159,"author":160,"url":161,"context":152},"Scope In CSS","Chris","https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=VO1uz2zVCBU",{"type":148,"title":163,"author":164,"url":165,"context":152},"Name-only containers: the scoping we needed","Chris Coyier","https:\u002F\u002Ffrontendmasters.com\u002Fblog\u002Fname-only-containers-the-scoping-we-needed\u002F",{"type":148,"title":167,"author":168,"url":169,"context":152},"Drawing CSS Shapes Using corner-shape()","Temani","https:\u002F\u002Ffrontendmasters.com\u002Fblog\u002Fdrawing-css-shapes-using-corner-shape\u002F",{"type":148,"title":171,"author":168,"url":172,"context":152},"Complex CSS Shapes with shape() function","https:\u002F\u002Fcss-tricks.com\u002Fcomplex-css-shapes-with-shape-function\u002F",{"type":148,"title":174,"author":175,"url":176,"context":157},"Scope donuts","Stubbornella","https:\u002F\u002Fwww.stubbornella.org\u002F2011\u002F10\u002F08\u002Fscope-donuts\u002F",{"type":148,"title":178,"url":179,"context":157},"Pretext","https:\u002F\u002Fchenglou.me\u002Fpretext\u002F",{"relevance":181,"novelty":181,"quality":182,"actionability":181,"composite":183,"reasoning":184},3,4,3.25,"Category: Design & Frontend. The article discusses new CSS features that enhance frontend development, which is relevant to the audience focused on building AI-powered products. It provides practical insights into using features like `@scope` and container queries, but lacks detailed implementation steps for immediate action.",true,"\u002Fsummaries\u002Fnew-css-features-hit-baseline-browser-support-summary","2026-04-26 01:32:25","2026-04-26 17:23:24",{"title":5,"description":133},{"loc":186},"c2d6b6bbef5bff8e","Adam Argyle (nerdy.dev)","article","https:\u002F\u002Fnerdy.dev\u002FCSS-recently-in-all-browsers?utm_source=rss","summaries\u002Fnew-css-features-hit-baseline-browser-support-summary",[197,198,199],"frontend","ui-ux","css","Anchor positioning, @scope, name-only container queries, shape(), and more now work across Chrome 149+, Safari 26.4\u002F18+, Firefox 148+—ditch hacks for native tethering, scoping, responsive geometry, and transitions.",[199],"8mFZW13k-g177B5THN2qXR6KCpFAMXMClcnZvEuFlug",[204,207,209,212,214,217,220,222,225,227,229,231,233,235,237,240,242,244,246,248,250,252,255,257,259,261,263,265,267,269,271,273,275,277,279,281,283,285,287,289,291,293,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,557,559,561,563,565,567,569,571,573,575,577,579,581,583,585,587,589,591,593,595,597,599,601,603,605,607,609,611,613,615,617,619,621,623,625,627,629,631,633,635,637,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],{"categories":205},[206],"Business & SaaS",{"categories":208},[206],{"categories":210},[211],"AI News & Trends",{"categories":213},[],{"categories":215},[216],"AI Automation",{"categories":218},[219],"Marketing & Growth",{"categories":221},[141],{"categories":223},[224],"Software Engineering",{"categories":226},[],{"categories":228},[141],{"categories":230},[141],{"categories":232},[216],{"categories":234},[141],{"categories":236},[141],{"categories":238},[239],"AI & LLMs",{"categories":241},[141],{"categories":243},[141],{"categories":245},[],{"categories":247},[141],{"categories":249},[141],{"categories":251},[239],{"categories":253},[254],"Developer Productivity",{"categories":256},[239],{"categories":258},[239],{"categories":260},[239],{"categories":262},[211],{"categories":264},[239],{"categories":266},[216],{"categories":268},[206],{"categories":270},[211],{"categories":272},[219],{"categories":274},[],{"categories":276},[],{"categories":278},[216],{"categories":280},[219],{"categories":282},[239],{"categories":284},[254],{"categories":286},[211],{"categories":288},[],{"categories":290},[],{"categories":292},[],{"categories":294},[295],"Data Science & Visualization",{"categories":297},[],{"categories":299},[216],{"categories":301},[224],{"categories":303},[216],{"categories":305},[216],{"categories":307},[239],{"categories":309},[219],{"categories":311},[216],{"categories":313},[],{"categories":315},[],{"categories":317},[],{"categories":319},[141],{"categories":321},[141],{"categories":323},[216],{"categories":325},[219],{"categories":327},[254],{"categories":329},[141],{"categories":331},[239],{"categories":333},[224],{"categories":335},[239],{"categories":337},[],{"categories":339},[216],{"categories":341},[239],{"categories":343},[254],{"categories":345},[254],{"categories":347},[],{"categories":349},[219],{"categories":351},[206],{"categories":353},[239],{"categories":355},[206],{"categories":357},[206],{"categories":359},[216],{"categories":361},[219],{"categories":363},[216],{"categories":365},[206],{"categories":367},[216],{"categories":369},[141],{"categories":371},[239],{"categories":373},[141],{"categories":375},[239],{"categories":377},[206],{"categories":379},[239],{"categories":381},[219],{"categories":383},[],{"categories":385},[239],{"categories":387},[206],{"categories":389},[],{"categories":391},[211],{"categories":393},[224],{"categories":395},[],{"categories":397},[239],{"categories":399},[141],{"categories":401},[239],{"categories":403},[141],{"categories":405},[],{"categories":407},[216],{"categories":409},[],{"categories":411},[],{"categories":413},[],{"categories":415},[239],{"categories":417},[],{"categories":419},[239],{"categories":421},[239],{"categories":423},[141],{"categories":425},[239],{"categories":427},[254],{"categories":429},[216],{"categories":431},[219],{"categories":433},[254],{"categories":435},[254],{"categories":437},[254],{"categories":439},[219],{"categories":441},[219],{"categories":443},[239],{"categories":445},[239],{"categories":447},[206],{"categories":449},[141],{"categories":451},[224],{"categories":453},[206],{"categories":455},[206],{"categories":457},[206],{"categories":459},[141],{"categories":461},[],{"categories":463},[],{"categories":465},[239],{"categories":467},[239],{"categories":469},[224],{"categories":471},[239],{"categories":473},[239],{"categories":475},[],{"categories":477},[239],{"categories":479},[239],{"categories":481},[],{"categories":483},[239],{"categories":485},[211],{"categories":487},[211],{"categories":489},[],{"categories":491},[],{"categories":493},[219],{"categories":495},[219],{"categories":497},[224],{"categories":499},[239],{"categories":501},[],{"categories":503},[],{"categories":505},[216],{"categories":507},[239],{"categories":509},[239],{"categories":511},[],{"categories":513},[239,206],{"categories":515},[239],{"categories":517},[],{"categories":519},[239],{"categories":521},[239],{"categories":523},[],{"categories":525},[],{"categories":527},[216],{"categories":529},[239],{"categories":531},[239],{"categories":533},[216],{"categories":535},[239],{"categories":537},[],{"categories":539},[],{"categories":541},[239],{"categories":543},[],{"categories":545},[239],{"categories":547},[239],{"categories":549},[],{"categories":551},[216],{"categories":553},[],{"categories":555},[216,556],"DevOps & Cloud",{"categories":558},[239],{"categories":560},[216],{"categories":562},[239],{"categories":564},[],{"categories":566},[],{"categories":568},[],{"categories":570},[],{"categories":572},[239],{"categories":574},[216],{"categories":576},[],{"categories":578},[216],{"categories":580},[],{"categories":582},[239],{"categories":584},[],{"categories":586},[],{"categories":588},[],{"categories":590},[],{"categories":592},[216],{"categories":594},[239],{"categories":596},[219],{"categories":598},[211],{"categories":600},[206],{"categories":602},[254],{"categories":604},[],{"categories":606},[216],{"categories":608},[216],{"categories":610},[239],{"categories":612},[],{"categories":614},[],{"categories":616},[216],{"categories":618},[],{"categories":620},[216],{"categories":622},[216],{"categories":624},[211],{"categories":626},[216],{"categories":628},[239],{"categories":630},[],{"categories":632},[239],{"categories":634},[],{"categories":636},[211],{"categories":638},[216,639],"Product Strategy",{"categories":641},[224],{"categories":643},[639],{"categories":645},[239],{"categories":647},[216],{"categories":649},[],{"categories":651},[211],{"categories":653},[211],{"categories":655},[216],{"categories":657},[],{"categories":659},[216],{"categories":661},[239],{"categories":663},[239],{"categories":665},[254],{"categories":667},[239],{"categories":669},[],{"categories":671},[239,224],{"categories":673},[211],{"categories":675},[239],{"categories":677},[211],{"categories":679},[216],{"categories":681},[211],{"categories":683},[],{"categories":685},[224],{"categories":687},[206],{"categories":689},[],{"categories":691},[216],{"categories":693},[216],{"categories":695},[216],{"categories":697},[216],{"categories":699},[206],{"categories":701},[141],{"categories":703},[219],{"categories":705},[],{"categories":707},[216],{"categories":709},[],{"categories":711},[211],{"categories":713},[211],{"categories":715},[211],{"categories":717},[211],{"categories":719},[239],{"categories":721},[254],{"categories":723},[239],{"categories":725},[224],{"categories":727},[239,254],{"categories":729},[254],{"categories":731},[254],{"categories":733},[254],{"categories":735},[254],{"categories":737},[239],{"categories":739},[],{"categories":741},[],{"categories":743},[219],{"categories":745},[239],{"categories":747},[254],{"categories":749},[239],{"categories":751},[141],{"categories":753},[224],{"categories":755},[],{"categories":757},[239],{"categories":759},[254],{"categories":761},[219],{"categories":763},[211],{"categories":765},[224],{"categories":767},[239],{"categories":769},[],{"categories":771},[224],{"categories":773},[141],{"categories":775},[206],{"categories":777},[206],{"categories":779},[],{"categories":781},[141],{"categories":783},[211],{"categories":785},[254],{"categories":787},[216],{"categories":789},[216],{"categories":791},[239],{"categories":793},[239],{"categories":795},[211],{"categories":797},[211],{"categories":799},[254],{"categories":801},[211],{"categories":803},[],{"categories":805},[639],{"categories":807},[216],{"categories":809},[211],{"categories":811},[211],{"categories":813},[211],{"categories":815},[239],{"categories":817},[216],{"categories":819},[216],{"categories":821},[206],{"categories":823},[206],{"categories":825},[239],{"categories":827},[211],{"categories":829},[],{"categories":831},[239],{"categories":833},[206],{"categories":835},[216],{"categories":837},[216],{"categories":839},[216],{"categories":841},[141],{"categories":843},[216],{"categories":845},[254],{"categories":847},[211],{"categories":849},[211],{"categories":851},[211],{"categories":853},[211],{"categories":855},[211],{"categories":857},[],{"categories":859},[],{"categories":861},[254],{"categories":863},[211],{"categories":865},[211],{"categories":867},[211],{"categories":869},[],{"categories":871},[239],{"categories":873},[],{"categories":875},[],{"categories":877},[141],{"categories":879},[206],{"categories":881},[],{"categories":883},[211],{"categories":885},[216],{"categories":887},[216],{"categories":889},[216],{"categories":891},[219],{"categories":893},[216],{"categories":895},[],{"categories":897},[211],{"categories":899},[211],{"categories":901},[],{"categories":903},[219],{"categories":905},[219],{"categories":907},[239],{"categories":909},[211],{"categories":911},[206],{"categories":913},[224],{"categories":915},[239],{"categories":917},[],{"categories":919},[239],{"categories":921},[239],{"categories":923},[224],{"categories":925},[239],{"categories":927},[239],{"categories":929},[239],{"categories":931},[219],{"categories":933},[211],{"categories":935},[239],{"categories":937},[239],{"categories":939},[211],{"categories":941},[216],{"categories":943},[254],{"categories":945},[206],{"categories":947},[239],{"categories":949},[254],{"categories":951},[254],{"categories":953},[],{"categories":955},[211],{"categories":957},[211],{"categories":959},[254],{"categories":961},[216],{"categories":963},[216],{"categories":965},[216],{"categories":967},[216],{"categories":969},[141],{"categories":971},[239],{"categories":973},[239],{"categories":975},[639],{"categories":977},[239],{"categories":979},[239],{"categories":981},[216],{"categories":983},[206],{"categories":985},[219],{"categories":987},[],{"categories":989},[206],{"categories":991},[206],{"categories":993},[],{"categories":995},[141],{"categories":997},[239],{"categories":999},[],{"categories":1001},[],{"categories":1003},[211],{"categories":1005},[211],{"categories":1007},[211],{"categories":1009},[211],{"categories":1011},[],{"categories":1013},[211],{"categories":1015},[239],{"categories":1017},[],{"categories":1019},[211],{"categories":1021},[211],{"categories":1023},[206],{"categories":1025},[239],{"categories":1027},[],{"categories":1029},[],{"categories":1031},[211],{"categories":1033},[211],{"categories":1035},[239],{"categories":1037},[211],{"categories":1039},[211],{"categories":1041},[211],{"categories":1043},[211],{"categories":1045},[211],{"categories":1047},[],{"categories":1049},[216],{"categories":1051},[239],{"categories":1053},[219],{"categories":1055},[206],{"categories":1057},[216],{"categories":1059},[239],{"categories":1061},[],{"categories":1063},[219],{"categories":1065},[211],{"categories":1067},[211],{"categories":1069},[211],{"categories":1071},[211],{"categories":1073},[254],{"categories":1075},[224],{"categories":1077},[],{"categories":1079},[239],{"categories":1081},[216],{"categories":1083},[216],{"categories":1085},[216],{"categories":1087},[556],{"categories":1089},[216],{"categories":1091},[239],{"categories":1093},[239],{"categories":1095},[224],{"categories":1097},[556],{"categories":1099},[295],{"categories":1101},[239],{"categories":1103},[295],{"categories":1105},[],{"categories":1107},[219],{"categories":1109},[219],{"categories":1111},[141],{"categories":1113},[556],{"categories":1115},[216],{"categories":1117},[239],{"categories":1119},[239],{"categories":1121},[216],{"categories":1123},[216],{"categories":1125},[216],{"categories":1127},[254],{"categories":1129},[254],{"categories":1131},[216],{"categories":1133},[216],{"categories":1135},[],{"categories":1137},[216],{"categories":1139},[216],{"categories":1141},[239],{"categories":1143},[295],{"categories":1145},[216],{"categories":1147},[216],{"categories":1149},[216],{"categories":1151},[216],{"categories":1153},[206],{"categories":1155},[141],{"categories":1157},[211],{"categories":1159},[224],{"categories":1161},[556],{"categories":1163},[224],{"categories":1165},[295],{"categories":1167},[],{"categories":1169},[224],{"categories":1171},[],{"categories":1173},[],{"categories":1175},[224],{"categories":1177},[239],{"categories":1179},[],{"categories":1181},[],{"categories":1183},[],{"categories":1185},[206],{"categories":1187},[],{"categories":1189},[],{"categories":1191},[295],{"categories":1193},[239],{"categories":1195},[556],{"categories":1197},[239],{"categories":1199},[],{"categories":1201},[216],{"categories":1203},[254],{"categories":1205},[254],{"categories":1207},[219],{"categories":1209},[219],{"categories":1211},[219],{"categories":1213},[556],{"categories":1215},[224],{"categories":1217},[216],{"categories":1219},[206],{"categories":1221},[206],{"categories":1223},[224],{"categories":1225},[141],{"categories":1227},[295],{"categories":1229},[141],{"categories":1231},[],{"categories":1233},[239],{"categories":1235},[216],{"categories":1237},[216],{"categories":1239},[254],{"categories":1241},[216],{"categories":1243},[216],{"categories":1245},[141],{"categories":1247},[141],{"categories":1249},[216],{"categories":1251},[556],{"categories":1253},[239],{"categories":1255},[],{"categories":1257},[219],{"categories":1259},[216],{"categories":1261},[206],{"categories":1263},[216],{"categories":1265},[216],{"categories":1267},[],{"categories":1269},[239],{"categories":1271},[216],{"categories":1273},[216],{"categories":1275},[254],{"categories":1277},[216],{"categories":1279},[239],{"categories":1281},[],{"categories":1283},[216],{"categories":1285},[],{"categories":1287},[141],{"categories":1289},[254],{"categories":1291},[239],{"categories":1293},[224],{"categories":1295},[141],{"categories":1297},[254],{"categories":1299},[295],{"categories":1301},[254],{"categories":1303},[],{"categories":1305},[239],{"categories":1307},[239],{"categories":1309},[639],{"categories":1311},[224],{"categories":1313},[239,216],{"categories":1315},[216],{"categories":1317},[239],{"categories":1319},[216],{"categories":1321},[216,224],{"categories":1323},[216],{"categories":1325},[239],{"categories":1327},[],{"categories":1329},[254],{"categories":1331},[239],{"categories":1333},[216],{"categories":1335},[239],{"categories":1337},[],{"categories":1339},[224],{"categories":1341},[216],{"categories":1343},[],{"categories":1345},[295],{"categories":1347},[224],{"categories":1349},[216],{"categories":1351},[224],{"categories":1353},[],{"categories":1355},[216],{"categories":1357},[],{"categories":1359},[216],{"categories":1361},[],{"categories":1363},[],{"categories":1365},[141],{"categories":1367},[254],{"categories":1369},[239],{"categories":1371},[],{"categories":1373},[216],{"categories":1375},[224],{"categories":1377},[239],{"categories":1379},[239],{"categories":1381},[254],{"categories":1383},[206],{"categories":1385},[],{"categories":1387},[239],{"categories":1389},[239],{"categories":1391},[239],{"categories":1393},[216],{"categories":1395},[239],{"categories":1397},[],{"categories":1399},[141],{"categories":1401},[239],{"categories":1403},[216],{"categories":1405},[],{"categories":1407},[239],{"categories":1409},[],{"categories":1411},[239],{"categories":1413},[],{"categories":1415},[],{"categories":1417},[],{"categories":1419},[239],{"categories":1421},[239],{"categories":1423},[239],{"categories":1425},[],{"categories":1427},[239],{"categories":1429},[239],{"categories":1431},[239],{"categories":1433},[],{"categories":1435},[239],{"categories":1437},[],{"categories":1439},[219],{"categories":1441},[239],{"categories":1443},[],{"categories":1445},[],{"categories":1447},[],{"categories":1449},[239],{"categories":1451},[211],{"categories":1453},[211],{"categories":1455},[],{"categories":1457},[216],{"categories":1459},[239],{"categories":1461},[],{"categories":1463},[239],{"categories":1465},[239],{"categories":1467},[211],{"categories":1469},[],{"categories":1471},[239],{"categories":1473},[211],{"categories":1475},[216],{"categories":1477},[239],{"categories":1479},[],{"categories":1481},[],{"categories":1483},[],{"categories":1485},[216],{"categories":1487},[216],{"categories":1489},[216],{"categories":1491},[216],{"categories":1493},[239],{"categories":1495},[141],{"categories":1497},[141],{"categories":1499},[216],{"categories":1501},[216],{"categories":1503},[254],{"categories":1505},[639],{"categories":1507},[254],{"categories":1509},[254],{"categories":1511},[239],{"categories":1513},[216],{"categories":1515},[239],{"categories":1517},[254],{"categories":1519},[239],{"categories":1521},[216],{"categories":1523},[216],{"categories":1525},[216],{"categories":1527},[216],{"categories":1529},[216],{"categories":1531},[239],{"categories":1533},[254],{"categories":1535},[254],{"categories":1537},[219],{"categories":1539},[216],{"categories":1541},[],{"categories":1543},[216],{"categories":1545},[],{"categories":1547},[211],{"categories":1549},[239],{"categories":1551},[],{"categories":1553},[206],{"categories":1555},[141],{"categories":1557},[141],{"categories":1559},[216],{"categories":1561},[216],{"categories":1563},[239],{"categories":1565},[239],{"categories":1567},[211],{"categories":1569},[211],{"categories":1571},[556],{"categories":1573},[216],{"categories":1575},[211],{"categories":1577},[],{"categories":1579},[239],{"categories":1581},[216],{"categories":1583},[216],{"categories":1585},[216],{"categories":1587},[216],{"categories":1589},[239],{"categories":1591},[239],{"categories":1593},[239],{"categories":1595},[239],{"categories":1597},[216],{"categories":1599},[216],{"categories":1601},[216],{"categories":1603},[216],{"categories":1605},[],{"categories":1607},[141],{"categories":1609},[239],{"categories":1611},[239],{"categories":1613},[239],{"categories":1615},[],{"categories":1617},[219],{"categories":1619},[],{"categories":1621},[254],{"categories":1623},[],{"categories":1625},[216],{"categories":1627},[254],{"categories":1629},[141],{"categories":1631},[254],{"categories":1633},[],{"categories":1635},[254],{"categories":1637},[254],{"categories":1639},[],{"categories":1641},[141],{"categories":1643},[216],{"categories":1645},[216],{"categories":1647},[254],{"categories":1649},[239],{"categories":1651},[239],{"categories":1653},[],{"categories":1655},[211],{"categories":1657},[],{"categories":1659},[219],{"categories":1661},[],{"categories":1663},[141],{"categories":1665},[211],{"categories":1667},[141],{"categories":1669},[141],{"categories":1671},[141],{"categories":1673},[141],{"categories":1675},[141],{"categories":1677},[141],{"categories":1679},[141],{"categories":1681},[141],{"categories":1683},[141],{"categories":1685},[141],{"categories":1687},[],{"categories":1689},[216],{"categories":1691},[141],{"categories":1693},[239],{"categories":1695},[239],{"categories":1697},[141],{"categories":1699},[141],{"categories":1701},[141],{"categories":1703},[141],{"categories":1705},[141],{"categories":1707},[141],{"categories":1709},[141],{"categories":1711},[239,141],{"categories":1713},[141],{"categories":1715},[141],{"categories":1717},[141],{"categories":1719},[141],{"categories":1721},[],{"categories":1723},[141],{"categories":1725},[141],{"categories":1727},[141],{"categories":1729},[141],{"categories":1731},[141],{"categories":1733},[141],{"categories":1735},[141],{"categories":1737},[141],{"categories":1739},[141],{"categories":1741},[141,239],{"categories":1743},[141],{"categories":1745},[141],{"categories":1747},[],{"categories":1749},[211],{"categories":1751},[],{"categories":1753},[239],{"categories":1755},[],{"categories":1757},[216],{"categories":1759},[556],{"categories":1761},[639],{"categories":1763},[216],{"categories":1765},[216],{"categories":1767},[],{"categories":1769},[216],{"categories":1771},[],{"categories":1773},[216],{"categories":1775},[],{"categories":1777},[],{"categories":1779},[239],{"categories":1781},[239],{"categories":1783},[239],{"categories":1785},[211],{"categories":1787},[211],{"categories":1789},[211],{"categories":1791},[211],{"categories":1793},[],{"categories":1795},[211],{"categories":1797},[],{"categories":1799},[211],{"categories":1801},[239],{"categories":1803},[211],{"categories":1805},[211],{"categories":1807},[211],{"categories":1809},[211],{"categories":1811},[239],{"categories":1813},[211],{"categories":1815},[216],{"categories":1817},[],{"categories":1819},[216],{"categories":1821},[211],{"categories":1823},[239],{"categories":1825},[211],{"categories":1827},[211],{"categories":1829},[211],{"categories":1831},[239],{"categories":1833},[239],{"categories":1835},[239],{"categories":1837},[],{"categories":1839},[],{"categories":1841},[239],{"categories":1843},[211],{"categories":1845},[],{"categories":1847},[239],{"categories":1849},[216],{"categories":1851},[239],{"categories":1853},[216],{"categories":1855},[216],{"categories":1857},[239],{"categories":1859},[],{"categories":1861},[],{"categories":1863},[216],{"categories":1865},[216],{"categories":1867},[216],{"categories":1869},[216],{"categories":1871},[216],{"categories":1873},[216],{"categories":1875},[216],{"categories":1877},[216],{"categories":1879},[],{"categories":1881},[216],{"categories":1883},[216],{"categories":1885},[216],{"categories":1887},[239],{"categories":1889},[239],{"categories":1891},[239],{"categories":1893},[211],{"categories":1895},[239],{"categories":1897},[239],{"categories":1899},[239],{"categories":1901},[216],{"categories":1903},[219],{"categories":1905},[219],{"categories":1907},[219],{"categories":1909},[216],{"categories":1911},[],{"categories":1913},[239],{"categories":1915},[],{"categories":1917},[],{"categories":1919},[239],{"categories":1921},[],{"categories":1923},[216],{"categories":1925},[141],{"categories":1927},[254],{"categories":1929},[295],{"categories":1931},[239],{"categories":1933},[216],{"categories":1935},[141],{"categories":1937},[216],{"categories":1939},[219,206],{"categories":1941},[216],{"categories":1943},[216],{"categories":1945},[556],{"categories":1947},[224],{"categories":1949},[219],{"categories":1951},[254],{"categories":1953},[239],{"categories":1955},[],{"categories":1957},[239],{"categories":1959},[],{"categories":1961},[239],{"categories":1963},[239],{"categories":1965},[216],{"categories":1967},[],{"categories":1969},[239],{"categories":1971},[239],{"categories":1973},[254],{"categories":1975},[216],{"categories":1977},[239],{"categories":1979},[239,254],{"categories":1981},[254],{"categories":1983},[],{"categories":1985},[239],{"categories":1987},[239],{"categories":1989},[239],{"categories":1991},[],{"categories":1993},[],{"categories":1995},[216],{"categories":1997},[219],{"categories":1999},[211],{"categories":2001},[216],{"categories":2003},[239],{"categories":2005},[211],{"categories":2007},[],{"categories":2009},[254],{"categories":2011},[211],{"categories":2013},[],{"categories":2015},[295],{"categories":2017},[219],{"categories":2019},[206],{"categories":2021},[211],{"categories":2023},[239],{"categories":2025},[216],{"categories":2027},[239],{"categories":2029},[216],{"categories":2031},[216],{"categories":2033},[211],{"categories":2035},[254],{"categories":2037},[206],{"categories":2039},[239],{"categories":2041},[239],{"categories":2043},[],{"categories":2045},[],{"categories":2047},[239],{"categories":2049},[],{"categories":2051},[239],{"categories":2053},[211],{"categories":2055},[],{"categories":2057},[216],{"categories":2059},[254],{"categories":2061},[211],{"categories":2063},[254],{"categories":2065},[216],{"categories":2067},[239],{"categories":2069},[],{"categories":2071},[216],{"categories":2073},[141],{"categories":2075},[216],{"categories":2077},[141],{"categories":2079},[216],{"categories":2081},[216],{"categories":2083},[141],{"categories":2085},[],{"categories":2087},[],{"categories":2089},[141],{"categories":2091},[141],{"categories":2093},[141],{"categories":2095},[224],{"categories":2097},[254],{"categories":2099},[254],{"categories":2101},[216],{"categories":2103},[211],{"categories":2105},[254],{"categories":2107},[254],{"categories":2109},[219],{"categories":2111},[141],{"categories":2113},[216],{"categories":2115},[216],{"categories":2117},[239],{"categories":2119},[254],{"categories":2121},[239],{"categories":2123},[556],{"categories":2125},[639],{"categories":2127},[],{"categories":2129},[],{"categories":2131},[216],{"categories":2133},[211],{"categories":2135},[219],{"categories":2137},[219],{"categories":2139},[295],{"categories":2141},[295],{"categories":2143},[295],{"categories":2145},[216],{"categories":2147},[],{"categories":2149},[],{"categories":2151},[295],{"categories":2153},[224],{"categories":2155},[239],{"categories":2157},[224],{"categories":2159},[295],{"categories":2161},[224],{"categories":2163},[295],{"categories":2165},[224],{"categories":2167},[254],{"categories":2169},[239],{"categories":2171},[],{"categories":2173},[295],{"categories":2175},[556],{"categories":2177},[],{"categories":2179},[239],{"categories":2181},[239],{"categories":2183},[],{"categories":2185},[],{"categories":2187},[239],{"categories":2189},[239],{"categories":2191},[211],{"categories":2193},[239],{"categories":2195},[211],{"categories":2197},[],{"categories":2199},[],{"categories":2201},[211],{"categories":2203},[211],{"categories":2205},[239],{"categories":2207},[239],{"categories":2209},[239],{"categories":2211},[239],{"categories":2213},[239],{"categories":2215},[239],{"categories":2217},[219],{"categories":2219},[],{"categories":2221},[239],{"categories":2223},[],{"categories":2225},[],{"categories":2227},[216],{"categories":2229},[254],{"categories":2231},[],{"categories":2233},[556],{"categories":2235},[239,556],{"categories":2237},[239],{"categories":2239},[141],{"categories":2241},[141],{"categories":2243},[141],{"categories":2245},[141],{"categories":2247},[],{"categories":2249},[],{"categories":2251},[],{"categories":2253},[224],{"categories":2255},[216],{"categories":2257},[206],{"categories":2259},[224],{"categories":2261},[254],{"categories":2263},[141],{"categories":2265},[],{"categories":2267},[219],{"categories":2269},[639],{"categories":2271},[295],{"categories":2273},[295],{"categories":2275},[295],{"categories":2277},[254],{"categories":2279},[639],{"categories":2281},[254],{"categories":2283},[],{"categories":2285},[206],{"categories":2287},[224],{"categories":2289},[239],{"categories":2291},[219],{"categories":2293},[224],{"categories":2295},[219],{"categories":2297},[239],{"categories":2299},[141],{"categories":2301},[224],{"categories":2303},[556],{"categories":2305},[239],{"categories":2307},[211],{"categories":2309},[224],{"categories":2311},[],{"categories":2313},[239],{"categories":2315},[224],{"categories":2317},[224],{"categories":2319},[216],{"categories":2321},[],{"categories":2323},[219],{"categories":2325},[219],{"categories":2327},[219],{"categories":2329},[216],{"categories":2331},[239],{"categories":2333},[],{"categories":2335},[206],{"categories":2337},[254],{"categories":2339},[254],{"categories":2341},[295],{"categories":2343},[206],{"categories":2345},[211],{"categories":2347},[295],{"categories":2349},[],{"categories":2351},[211],{"categories":2353},[211],{"categories":2355},[211],{"categories":2357},[239],{"categories":2359},[206],{"categories":2361},[239],{"categories":2363},[],{"categories":2365},[],{"categories":2367},[],{"categories":2369},[224],{"categories":2371},[216],{"categories":2373},[],{"categories":2375},[254],{"categories":2377},[141],{"categories":2379},[],{"categories":2381},[219],{"categories":2383},[],{"categories":2385},[141],{"categories":2387},[239],{"categories":2389},[254],{"categories":2391},[206],{"categories":2393},[],{"categories":2395},[141],{"categories":2397},[141],{"categories":2399},[239],{"categories":2401},[],{"categories":2403},[],{"categories":2405},[224],{"categories":2407},[239],{"categories":2409},[],{"categories":2411},[216],{"categories":2413},[239],{"categories":2415},[],{"categories":2417},[224],{"categories":2419},[216],{"categories":2421},[239],{"categories":2423},[295],{"categories":2425},[239],{"categories":2427},[],{"categories":2429},[295],{"categories":2431},[239],{"categories":2433},[224],{"categories":2435},[239],{"categories":2437},[295],{"categories":2439},[216],{"categories":2441},[239],{"categories":2443},[239],{"categories":2445},[239,216],{"categories":2447},[216],{"categories":2449},[216],{"categories":2451},[216],{"categories":2453},[141],{"categories":2455},[254],{"categories":2457},[239],{"categories":2459},[254],{"categories":2461},[141],{"categories":2463},[239],{"categories":2465},[],{"categories":2467},[],{"categories":2469},[239],{"categories":2471},[239],{"categories":2473},[239],{"categories":2475},[216],{"categories":2477},[],{"categories":2479},[239],{"categories":2481},[239],{"categories":2483},[216],{"categories":2485},[216],{"categories":2487},[239],{"categories":2489},[239],{"categories":2491},[],{"categories":2493},[239],{"categories":2495},[],{"categories":2497},[239],{"categories":2499},[239],{"categories":2501},[239],{"categories":2503},[239],{"categories":2505},[239],{"categories":2507},[239],{"categories":2509},[239],{"categories":2511},[],{"categories":2513},[239],{"categories":2515},[211],{"categories":2517},[211],{"categories":2519},[],{"categories":2521},[],{"categories":2523},[239],{"categories":2525},[],{"categories":2527},[239],{"categories":2529},[239,556],{"categories":2531},[],{"categories":2533},[211],{"categories":2535},[],{"categories":2537},[239],{"categories":2539},[],{"categories":2541},[],{"categories":2543},[],{"categories":2545},[239],{"categories":2547},[],{"categories":2549},[239],{"categories":2551},[],{"categories":2553},[239],{"categories":2555},[239],{"categories":2557},[],{"categories":2559},[],{"categories":2561},[239,556],{"categories":2563},[556,239],{"categories":2565},[211],{"categories":2567},[],{"categories":2569},[239],{"categories":2571},[],{"categories":2573},[239],{"categories":2575},[239],{"categories":2577},[],{"categories":2579},[211],{"categories":2581},[239,206],{"categories":2583},[211],{"categories":2585},[224],{"categories":2587},[],{"categories":2589},[216],{"categories":2591},[239],{"categories":2593},[219],{"categories":2595},[239],{"categories":2597},[254],{"categories":2599},[254],{"categories":2601},[556],{"categories":2603},[211],{"categories":2605},[239],{"categories":2607},[556],{"categories":2609},[224],{"categories":2611},[239],{"categories":2613},[254],{"categories":2615},[],{"categories":2617},[239],{"categories":2619},[],{"categories":2621},[],{"categories":2623},[239],{"categories":2625},[],{"categories":2627},[239],{"categories":2629},[224],{"categories":2631},[206],{"categories":2633},[254],{"categories":2635},[219],{"categories":2637},[216],{"categories":2639},[254],{"categories":2641},[],{"categories":2643},[219],{"categories":2645},[],{"categories":2647},[],{"categories":2649},[239],{"categories":2651},[211],{"categories":2653},[219],{"categories":2655},[],{"categories":2657},[239],{"categories":2659},[211],{"categories":2661},[211],{"categories":2663},[219],{"categories":2665},[211],{"categories":2667},[239],{"categories":2669},[211],{"categories":2671},[239],{"categories":2673},[],{"categories":2675},[239],{"categories":2677},[239],{"categories":2679},[239],{"categories":2681},[211],{"categories":2683},[],{"categories":2685},[],{"categories":2687},[141],{"categories":2689},[211],{"categories":2691},[],{"categories":2693},[239],{"categories":2695},[239],{"categories":2697},[239],{"categories":2699},[239],{"categories":2701},[239],{"categories":2703},[239],{"categories":2705},[239],{"categories":2707},[239],{"categories":2709},[239],{"categories":2711},[219],{"categories":2713},[239,141],{"categories":2715},[211],{"categories":2717},[239],{"categories":2719},[224],{"categories":2721},[295],{"categories":2723},[239],{"categories":2725},[239],{"categories":2727},[],{"categories":2729},[],{"categories":2731},[239],{"categories":2733},[239],{"categories":2735},[],{"categories":2737},[141],{"categories":2739},[141],{"categories":2741},[254],{"categories":2743},[239],{"categories":2745},[254],{"categories":2747},[239],{"categories":2749},[239],{"categories":2751},[],{"categories":2753},[239],{"categories":2755},[],{"categories":2757},[],{"categories":2759},[239],{"categories":2761},[],{"categories":2763},[],{"categories":2765},[211],{"categories":2767},[],{"categories":2769},[239],{"categories":2771},[239],{"categories":2773},[239],{"categories":2775},[],{"categories":2777},[239],{"categories":2779},[211],{"categories":2781},[639],{"categories":2783},[216],{"categories":2785},[239],{"categories":2787},[],{"categories":2789},[216],{"categories":2791},[239],{"categories":2793},[],{"categories":2795},[239],{"categories":2797},[],{"categories":2799},[216],{"categories":2801},[],{"categories":2803},[],{"categories":2805},[216],{"categories":2807},[216],{"categories":2809},[216],{"categories":2811},[239],{"categories":2813},[],{"categories":2815},[216],{"categories":2817},[216],{"categories":2819},[],{"categories":2821},[],{"categories":2823},[216],{"categories":2825},[239],{"categories":2827},[211],{"categories":2829},[639],{"categories":2831},[219],{"categories":2833},[],{"categories":2835},[141],{"categories":2837},[239],{"categories":2839},[239],{"categories":2841},[206],{"categories":2843},[211],{"categories":2845},[211],{"categories":2847},[211],{"categories":2849},[211],{"categories":2851},[],{"categories":2853},[216],{"categories":2855},[216],{"categories":2857},[216],{"categories":2859},[216],{"categories":2861},[254],{"categories":2863},[239],{"categories":2865},[206],{"categories":2867},[],{"categories":2869},[254],{"categories":2871},[216],{"categories":2873},[141],{"categories":2875},[141],{"categories":2877},[141],{"categories":2879},[141],{"categories":2881},[141],{"categories":2883},[141],{"categories":2885},[239,206],{"categories":2887},[216],{"categories":2889},[206],{"categories":2891},[211],{"categories":2893},[211],{"categories":2895},[254],{"categories":2897},[],{"categories":2899},[],{"categories":2901},[219],{"categories":2903},[],{"categories":2905},[239],{"categories":2907},[219],{"categories":2909},[239],{"categories":2911},[224],{"categories":2913},[216],{"categories":2915},[206],{"categories":2917},[216],{"categories":2919},[224],{"categories":2921},[254],{"categories":2923},[216],{"categories":2925},[],{"categories":2927},[254],{"categories":2929},[],{"categories":2931},[],{"categories":2933},[216],{"categories":2935},[216],{"categories":2937},[216],{"categories":2939},[239],{"categories":2941},[239],{"categories":2943},[239],{"categories":2945},[239],{"categories":2947},[239],{"categories":2949},[],{"categories":2951},[556],{"categories":2953},[239],{"categories":2955},[],{"categories":2957},[],{"categories":2959},[],{"categories":2961},[254],{"categories":2963},[],{"categories":2965},[239],{"categories":2967},[],{"categories":2969},[211],{"categories":2971},[239],{"categories":2973},[211],{"categories":2975},[239],{"categories":2977},[216],{"categories":2979},[],{"categories":2981},[239],{"categories":2983},[239],{"categories":2985},[],{"categories":2987},[295],{"categories":2989},[295],{"categories":2991},[224],{"categories":2993},[141],{"categories":2995},[],{"categories":2997},[239],{"categories":2999},[216],{"categories":3001},[],{"categories":3003},[],{"categories":3005},[239],{"categories":3007},[224],{"categories":3009},[216],{"categories":3011},[206],{"categories":3013},[254,224],{"categories":3015},[224],{"categories":3017},[239],{"categories":3019},[216],{"categories":3021},[],{"categories":3023},[],{"categories":3025},[],{"categories":3027},[],{"categories":3029},[],{"categories":3031},[],{"categories":3033},[239],{"categories":3035},[],{"categories":3037},[],{"categories":3039},[239],{"categories":3041},[],{"categories":3043},[],{"categories":3045},[],{"categories":3047},[239],{"categories":3049},[211],{"categories":3051},[],{"categories":3053},[],{"categories":3055},[],{"categories":3057},[239],{"categories":3059},[],{"categories":3061},[239],{"categories":3063},[239],{"categories":3065},[],{"categories":3067},[239],{"categories":3069},[],{"categories":3071},[254],{"categories":3073},[254],{"categories":3075},[],{"categories":3077},[219],{"categories":3079},[],{"categories":3081},[],{"categories":3083},[],{"categories":3085},[141],{"categories":3087},[211],{"categories":3089},[216],{"categories":3091},[239],{"categories":3093},[206],{"categories":3095},[239],{"categories":3097},[],{"categories":3099},[],{"categories":3101},[219],{"categories":3103},[216],{"categories":3105},[],{"categories":3107},[556],{"categories":3109},[],{"categories":3111},[239],{"categories":3113},[239],{"categories":3115},[219],{"categories":3117},[239],{"categories":3119},[141],{"categories":3121},[216],{"categories":3123},[239],{"categories":3125},[216],{"categories":3127},[239],{"categories":3129},[216],{"categories":3131},[254],{"categories":3133},[254],{"categories":3135},[141],{"categories":3137},[],{"categories":3139},[239],{"categories":3141},[239],{"categories":3143},[219],{"categories":3145},[639],{"categories":3147},[254],{"categories":3149},[211],{"categories":3151},[239],{"categories":3153},[211],{"categories":3155},[239],{"categories":3157},[239],{"categories":3159},[],{"categories":3161},[239],{"categories":3163},[],{"categories":3165},[239],{"categories":3167},[219],{"categories":3169},[239],{"categories":3171},[239],{"categories":3173},[239],{"categories":3175},[],{"categories":3177},[239],{"categories":3179},[239],{"categories":3181},[639],{"categories":3183},[],{"categories":3185},[211],{"categories":3187},[556],{"categories":3189},[224],{"categories":3191},[],{"categories":3193},[295],{"categories":3195},[],{"categories":3197},[],{"categories":3199},[211],{"categories":3201},[239],{"categories":3203},[],{"categories":3205},[239],{"categories":3207},[239],{"categories":3209},[216],{"categories":3211},[239],{"categories":3213},[211],{"categories":3215},[211],{"categories":3217},[141],{"categories":3219},[141],{"categories":3221},[141],{"categories":3223},[239],{"categories":3225},[295],{"categories":3227},[211],{"categories":3229},[254],{"categories":3231},[],{"categories":3233},[141],{"categories":3235},[556],{"categories":3237},[141],{"categories":3239},[141],{"categories":3241},[211],{"categories":3243},[556],{"categories":3245},[239],{"categories":3247},[239],{"categories":3249},[239],{"categories":3251},[239],{"categories":3253},[],{"categories":3255},[216],{"categories":3257},[239],{"categories":3259},[141],{"categories":3261},[],{"categories":3263},[],{"categories":3265},[211],{"categories":3267},[],{"categories":3269},[216],{"categories":3271},[216],{"categories":3273},[216],{"categories":3275},[216],{"categories":3277},[216],{"categories":3279},[216],{"categories":3281},[216],{"categories":3283},[216],{"categories":3285},[],{"categories":3287},[],{"categories":3289},[239],{"categories":3291},[],{"categories":3293},[254],{"categories":3295},[254],{"categories":3297},[295],{"categories":3299},[],{"categories":3301},[],{"categories":3303},[],{"categories":3305},[141],{"categories":3307},[239],{"categories":3309},[],{"categories":3311},[206],{"categories":3313},[206],{"categories":3315},[141],{"categories":3317},[254],{"categories":3319},[295],{"categories":3321},[141],{"categories":3323},[141],{"categories":3325},[],{"categories":3327},[216],{"categories":3329},[206],{"categories":3331},[206],{"categories":3333},[239],{"categories":3335},[216],{"categories":3337},[224],{"categories":3339},[141],{"categories":3341},[],{"categories":3343},[219],{"categories":3345},[295],{"categories":3347},[211],{"categories":3349},[211],{"categories":3351},[211],{"categories":3353},[556],{"categories":3355},[],{"categories":3357},[216],{"categories":3359},[],{"categories":3361},[216],{"categories":3363},[216],{"categories":3365},[239],{"categories":3367},[239],{"categories":3369},[224],{"categories":3371},[216],{"categories":3373},[224],{"categories":3375},[],{"categories":3377},[216],{"categories":3379},[141],{"categories":3381},[141],{"categories":3383},[141],{"categories":3385},[239],{"categories":3387},[216],{"categories":3389},[239],{"categories":3391},[206],{"categories":3393},[211],{"categories":3395},[141],{"categories":3397},[211],{"categories":3399},[239],{"categories":3401},[],{"categories":3403},[211],{"categories":3405},[216],{"categories":3407},[211],{"categories":3409},[211],{"categories":3411},[211],{"categories":3413},[],{"categories":3415},[],{"categories":3417},[211],{"categories":3419},[211],{"categories":3421},[],{"categories":3423},[211],{"categories":3425},[239],{"categories":3427},[239],{"categories":3429},[211],{"categories":3431},[211],{"categories":3433},[239],{"categories":3435},[],{"categories":3437},[239],{"categories":3439},[216],{"categories":3441},[239],{"categories":3443},[239],{"categories":3445},[],{"categories":3447},[239],{"categories":3449},[239],{"categories":3451},[239],{"categories":3453},[211],{"categories":3455},[],{"categories":3457},[],{"categories":3459},[],{"categories":3461},[],{"categories":3463},[239],{"categories":3465},[239],{"categories":3467},[219],{"categories":3469},[211],{"categories":3471},[],{"categories":3473},[],{"categories":3475},[],{"categories":3477},[],{"categories":3479},[],{"categories":3481},[239],{"categories":3483},[],{"categories":3485},[],{"categories":3487},[239],{"categories":3489},[],{"categories":3491},[216],{"categories":3493},[216],{"categories":3495},[216],{"categories":3497},[206],{"categories":3499},[],{"categories":3501},[219],{"categories":3503},[224],{"categories":3505},[224],{"categories":3507},[556],{"categories":3509},[211],{"categories":3511},[],{"categories":3513},[239],{"categories":3515},[239],{"categories":3517},[206],{"categories":3519},[],{"categories":3521},[206],{"categories":3523},[],{"categories":3525},[],{"categories":3527},[],{"categories":3529},[224],{"categories":3531},[216],{"categories":3533},[216],{"categories":3535},[216],{"categories":3537},[216],{"categories":3539},[216],{"categories":3541},[],{"categories":3543},[211],{"categories":3545},[239],{"categories":3547},[239],{"categories":3549},[239],{"categories":3551},[],{"categories":3553},[206],{"categories":3555},[],{"categories":3557},[141],{"categories":3559},[295],{"categories":3561},[141],{"categories":3563},[],{"categories":3565},[],{"categories":3567},[239],{"categories":3569},[216],{"categories":3571},[],{"categories":3573},[239],{"categories":3575},[239],{"categories":3577},[239],{"categories":3579},[216],{"categories":3581},[216],{"categories":3583},[239],{"categories":3585},[295],{"categories":3587},[216],{"categories":3589},[],{"categories":3591},[239],{"categories":3593},[],{"categories":3595},[639],{"categories":3597},[224],{"categories":3599},[295],{"categories":3601},[224],{"categories":3603},[556],{"categories":3605},[239],{"categories":3607},[224],{"categories":3609},[556],{"categories":3611},[224],{"categories":3613},[141],{"categories":3615},[141],{"categories":3617},[],{"categories":3619},[224],{"categories":3621},[],{"categories":3623},[254],{"categories":3625},[224],{"categories":3627},[],{"categories":3629},[295],{"categories":3631},[295],{"categories":3633},[639],{"categories":3635},[],{"categories":3637},[239],{"categories":3639},[224],{"categories":3641},[556],{"categories":3643},[216],{"categories":3645},[295],{"categories":3647},[239],{"categories":3649},[254],{"categories":3651},[239],{"categories":3653},[],{"categories":3655},[],{"categories":3657},[],{"categories":3659},[219],{"categories":3661},[239],{"categories":3663},[141],{"categories":3665},[224],{"categories":3667},[224],{"categories":3669},[239],{"categories":3671},[219],{"categories":3673},[254],{"categories":3675},[239],{"categories":3677},[224],{"categories":3679},[239],{"categories":3681},[224],{"categories":3683},[254],{"categories":3685},[254],{"categories":3687},[216],{"categories":3689},[254],{"categories":3691},[224],{"categories":3693},[206],{"categories":3695},[224],{"categories":3697},[224],{"categories":3699},[224],{"categories":3701},[224],{"categories":3703},[],{"categories":3705},[211],{"categories":3707},[],{"categories":3709},[295],{"categories":3711},[239],{"categories":3713},[239],{"categories":3715},[],{"categories":3717},[],{"categories":3719},[],{"categories":3721},[239],{"categories":3723},[211],{"categories":3725},[239],{"categories":3727},[239],{"categories":3729},[],{"categories":3731},[239],{"categories":3733},[141],{"categories":3735},[239],{"categories":3737},[239],{"categories":3739},[239],{"categories":3741},[],{"categories":3743},[],{"categories":3745},[],{"categories":3747},[556],{"categories":3749},[556],{"categories":3751},[206],{"categories":3753},[216],{"categories":3755},[206,219],{"categories":3757},[239],{"categories":3759},[211],{"categories":3761},[],{"categories":3763},[141],{"categories":3765},[295],{"categories":3767},[239],{"categories":3769},[224],{"categories":3771},[239],{"categories":3773},[],{"categories":3775},[295],{"categories":3777},[556],{"categories":3779},[216],{"categories":3781},[206],{"categories":3783},[556],{"categories":3785},[216],{"categories":3787},[254],{"categories":3789},[216],{"categories":3791},[254],{"categories":3793},[239],{"categories":3795},[254],{"categories":3797},[254],{"categories":3799},[224],{"categories":3801},[295],{"categories":3803},[239],{"categories":3805},[219],{"categories":3807},[],{"categories":3809},[239],{"categories":3811},[141],{"categories":3813},[295],{"categories":3815},[206],{"categories":3817},[239],{"categories":3819},[295],{"categories":3821},[254],{"categories":3823},[239],{"categories":3825},[239],{"categories":3827},[295],{"categories":3829},[239],{"categories":3831},[254],{"categories":3833},[239],{"categories":3835},[],{"categories":3837},[239],{"categories":3839},[239],{"categories":3841},[239],{"categories":3843},[239],{"categories":3845},[],{"categories":3847},[216],{"categories":3849},[556],{"categories":3851},[],{"categories":3853},[],{"categories":3855},[239],{"categories":3857},[206],{"categories":3859},[219],{"categories":3861},[206],{"categories":3863},[],{"categories":3865},[239],{"categories":3867},[211],{"categories":3869},[239],{"categories":3871},[239],{"categories":3873},[],{"categories":3875},[216],{"categories":3877},[211],{"categories":3879},[239,556],{"categories":3881},[216,556],{"categories":3883},[556],{"categories":3885},[239],{"categories":3887},[216],{"categories":3889},[216],{"categories":3891},[224],{"categories":3893},[224],{"categories":3895},[224],{"categories":3897},[239],{"categories":3899},[141],{"categories":3901},[216],{"categories":3903},[],{"categories":3905},[556],{"categories":3907},[],{"categories":3909},[556],{"categories":3911},[556],{"categories":3913},[206],{"categories":3915},[216],{"categories":3917},[],{"categories":3919},[556],{"categories":3921},[239],{"categories":3923},[211],{"categories":3925},[239],{"categories":3927},[141],{"categories":3929},[224],{"categories":3931},[224],{"categories":3933},[224],{"categories":3935},[556],{"categories":3937},[],{"categories":3939},[],{"categories":3941},[],{"categories":3943},[239],{"categories":3945},[224],{"categories":3947},[239],{"categories":3949},[224],{"categories":3951},[556],{"categories":3953},[556],{"categories":3955},[239],{"categories":3957},[216],{"categories":3959},[],{"categories":3961},[239],{"categories":3963},[239],{"categories":3965},[239],{"categories":3967},[],{"categories":3969},[],{"categories":3971},[556],{"categories":3973},[556],{"categories":3975},[239,556],{"categories":3977},[216],{"categories":3979},[216],{"categories":3981},[216],{"categories":3983},[216],{"categories":3985},[216],{"categories":3987},[],{"categories":3989},[224],{"categories":3991},[239],{"categories":3993},[224],{"categories":3995},[219],{"categories":3997},[239],{"categories":3999},[639],{"categories":4001},[639],{"categories":4003},[216],{"categories":4005},[224],{"categories":4007},[],{"categories":4009},[216],{"categories":4011},[239],{"categories":4013},[],{"categories":4015},[141],{"categories":4017},[],{"categories":4019},[239],{"categories":4021},[216],{"categories":4023},[211],{"categories":4025},[239],{"categories":4027},[],{"categories":4029},[],{"categories":4031},[141],{"categories":4033},[141],{"categories":4035},[254],{"categories":4037},[141],{"categories":4039},[216],{"categories":4041},[],{"categories":4043},[216],{"categories":4045},[211],{"categories":4047},[239],{"categories":4049},[239],{"categories":4051},[],{"categories":4053},[239],{"categories":4055},[254],{"categories":4057},[239],{"categories":4059},[],{"categories":4061},[295],{"categories":4063},[224],{"categories":4065},[224],{"categories":4067},[206],{"categories":4069},[206],{"categories":4071},[206],{"categories":4073},[216],{"categories":4075},[206],{"categories":4077},[216],{"categories":4079},[556],{"categories":4081},[639],{"categories":4083},[211],{"categories":4085},[211],{"categories":4087},[211],{"categories":4089},[556],{"categories":4091},[211,206],{"categories":4093},[295],{"categories":4095},[216],{"categories":4097},[],{"categories":4099},[239],{"categories":4101},[],{"categories":4103},[224],{"categories":4105},[295],{"categories":4107},[141],{"categories":4109},[224],{"categories":4111},[254],{"categories":4113},[],{"categories":4115},[],{"categories":4117},[639],{"categories":4119},[],{"categories":4121},[141],{"categories":4123},[141],{"categories":4125},[295],{"categories":4127},[],{"categories":4129},[239],{"categories":4131},[295],{"categories":4133},[],{"categories":4135},[239],{"categories":4137},[239],{"categories":4139},[],{"categories":4141},[254],{"categories":4143},[239],{"categories":4145},[],{"categories":4147},[239],{"categories":4149},[],{"categories":4151},[],{"categories":4153},[216],{"categories":4155},[216],{"categories":4157},[],{"categories":4159},[224],{"categories":4161},[224],{"categories":4163},[224],{"categories":4165},[239,216],{"categories":4167},[216],{"categories":4169},[216],{"categories":4171},[216],{"categories":4173},[295],{"categories":4175},[295],{"categories":4177},[],{"categories":4179},[211],{"categories":4181},[239],{"categories":4183},[295],{"categories":4185},[295],{"categories":4187},[211],{"categories":4189},[206],{"categories":4191},[216],{"categories":4193},[224],{"categories":4195},[239],{"categories":4197},[239],{"categories":4199},[216],{"categories":4201},[224],{"categories":4203},[216],{"categories":4205},[239],{"categories":4207},[219],{"categories":4209},[],{"categories":4211},[239],{"categories":4213},[239],{"categories":4215},[239],{"categories":4217},[224],{"categories":4219},[],{"categories":4221},[295],{"categories":4223},[239],{"categories":4225},[216],{"categories":4227},[216],{"categories":4229},[224],{"categories":4231},[254],{"categories":4233},[254],{"categories":4235},[211],{"categories":4237},[216],{"categories":4239},[],{"categories":4241},[216],{"categories":4243},[239],{"categories":4245},[211],{"categories":4247},[239],{"categories":4249},[239],{"categories":4251},[239],{"categories":4253},[216],{"categories":4255},[295],{"categories":4257},[239],{"categories":4259},[141],{"categories":4261},[239],{"categories":4263},[239],{"categories":4265},[239],{"categories":4267},[239],{"categories":4269},[],{"categories":4271},[239],{"categories":4273},[295],{"categories":4275},[141],{"categories":4277},[239],{"categories":4279},[141],{"categories":4281},[],{"categories":4283},[],{"categories":4285},[],{"categories":4287},[239],{"categories":4289},[],{"categories":4291},[],{"categories":4293},[],{"categories":4295},[],{"categories":4297},[216],{"categories":4299},[254],{"categories":4301},[216],{"categories":4303},[216],{"categories":4305},[224],{"categories":4307},[206],{"categories":4309},[239],{"categories":4311},[239],{"categories":4313},[239],{"categories":4315},[206],{"categories":4317},[254],{"categories":4319},[],{"categories":4321},[295],{"categories":4323},[219],{"categories":4325},[141],{"categories":4327},[254],{"categories":4329},[254],{"categories":4331},[639],{"categories":4333},[216],{"categories":4335},[239],{"categories":4337},[239],{"categories":4339},[254],{"categories":4341},[239],{"categories":4343},[],{"categories":4345},[],{"categories":4347},[556],{"categories":4349},[141],{"categories":4351},[254],{"categories":4353},[239],{"categories":4355},[211],{"categories":4357},[254],{"categories":4359},[206],{"categories":4361},[216],{"categories":4363},[216],{"categories":4365},[211],{"categories":4367},[239],{"categories":4369},[],{"categories":4371},[],{"categories":4373},[],{"categories":4375},[239],{"categories":4377},[],{"categories":4379},[211],{"categories":4381},[],{"categories":4383},[239],{"categories":4385},[],{"categories":4387},[211],{"categories":4389},[216],{"categories":4391},[239],{"categories":4393},[556],{"categories":4395},[239],{"categories":4397},[254],{"categories":4399},[239],{"categories":4401},[254],{"categories":4403},[],{"categories":4405},[],{"categories":4407},[254],{"categories":4409},[254],{"categories":4411},[254],{"categories":4413},[],{"categories":4415},[254],{"categories":4417},[216],{"categories":4419},[],{"categories":4421},[239],{"categories":4423},[219],{"categories":4425},[295],{"categories":4427},[239],{"categories":4429},[],{"categories":4431},[254],{"categories":4433},[239],{"categories":4435},[639],{"categories":4437},[254],{"categories":4439},[254],{"categories":4441},[219],{"categories":4443},[224],{"categories":4445},[224],{"categories":4447},[],{"categories":4449},[224],{"categories":4451},[239],{"categories":4453},[],{"categories":4455},[],{"categories":4457},[216],{"categories":4459},[],{"categories":4461},[216],{"categories":4463},[216],{"categories":4465},[211],{"categories":4467},[239],{"categories":4469},[211],{"categories":4471},[254],{"categories":4473},[211],{"categories":4475},[224],{"categories":4477},[224],{"categories":4479},[224],{"categories":4481},[211],{"categories":4483},[239],{"categories":4485},[216],{"categories":4487},[556],{"categories":4489},[206],{"categories":4491},[556],{"categories":4493},[556],{"categories":4495},[224],{"categories":4497},[556],{"categories":4499},[556],[4501,5016,5209,5335],{"id":4502,"title":4503,"ai":4504,"body":4509,"categories":4991,"created_at":142,"date_modified":142,"description":133,"extension":143,"faq":142,"featured":144,"kicker_label":142,"meta":4992,"navigation":185,"path":5004,"published_at":142,"question":142,"scraped_at":5005,"seo":5006,"sitemap":5007,"source_id":5008,"source_name":5009,"source_type":193,"source_url":5010,"stem":5011,"tags":5012,"thumbnail_url":142,"tldr":5013,"unknown_tags":5014,"__hash__":5015},"summaries\u002Fsummaries\u002Fcss-scroll-driven-animations-via-animation-timelin-summary.md","CSS Scroll-Driven Animations via Animation Timeline API",{"provider":7,"model":8,"input_tokens":4505,"output_tokens":4506,"processing_time_ms":4507,"cost_usd":4508},8497,1663,18977,0.00250825,{"type":14,"value":4510,"toc":4986},[4511,4515,4522,4620,4631,4672,4675,4679,4694,4740,4750,4804,4823,4830,4868,4871,4875,4886,4970,4982],[17,4512,4514],{"id":4513},"map-scroll-progress-to-keyframe-animations","Map Scroll Progress to Keyframe Animations",[22,4516,4517,4518,4521],{},"Drive CSS keyframe animations with an element's viewport position instead of duration by adding ",[26,4519,4520],{},"animation-timeline: view()",". This scrubs through keyframes from 0% (element bottom enters viewport) to 100% (element top exits viewport). For example:",[4523,4524,4527],"pre",{"className":4525,"code":4526,"language":199,"meta":133,"style":133},"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,4528,4529,4546,4568,4584,4589,4597,4606,4615],{"__ignoreMap":133},[4530,4531,4534,4538,4542],"span",{"class":4532,"line":4533},"line",1,[4530,4535,4537],{"class":4536},"szBVR","@keyframes",[4530,4539,4541],{"class":4540},"s4XuR"," fadeIn",[4530,4543,4545],{"class":4544},"sVt8B"," {\n",[4530,4547,4548,4552,4555,4559,4562,4565],{"class":4532,"line":134},[4530,4549,4551],{"class":4550},"sScJk","  0%",[4530,4553,4554],{"class":4544}," { ",[4530,4556,4558],{"class":4557},"sj4cs","opacity",[4530,4560,4561],{"class":4544},": ",[4530,4563,4564],{"class":4557},"0",[4530,4566,4567],{"class":4544},"; }\n",[4530,4569,4570,4573,4575,4577,4579,4582],{"class":4532,"line":181},[4530,4571,4572],{"class":4550},"  100%",[4530,4574,4554],{"class":4544},[4530,4576,4558],{"class":4557},[4530,4578,4561],{"class":4544},[4530,4580,4581],{"class":4557},"1",[4530,4583,4567],{"class":4544},[4530,4585,4586],{"class":4532,"line":182},[4530,4587,4588],{"class":4544},"}\n",[4530,4590,4592,4595],{"class":4532,"line":4591},5,[4530,4593,4594],{"class":4550},".elem",[4530,4596,4545],{"class":4544},[4530,4598,4600,4603],{"class":4532,"line":4599},6,[4530,4601,4602],{"class":4557},"  animation",[4530,4604,4605],{"class":4544},": fadeIn;\n",[4530,4607,4609,4612],{"class":4532,"line":4608},7,[4530,4610,4611],{"class":4557},"  animation-timeline",[4530,4613,4614],{"class":4544},": view();\n",[4530,4616,4618],{"class":4532,"line":4617},8,[4530,4619,4588],{"class":4544},[22,4621,4622,4623,4626,4627,4630],{},"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,4624,4625],{},"cubic-bezier(0.15, 0.75, 0.35, 1)"," for ease-out effects or ",[26,4628,4629],{},"linear()"," for springs:",[4523,4632,4634],{"className":4525,"code":4633,"language":199,"meta":133,"style":133},".box {\n  animation: spin var(--spring);\n  animation-timeline: view();\n}\n",[26,4635,4636,4643,4662,4668],{"__ignoreMap":133},[4530,4637,4638,4641],{"class":4532,"line":4533},[4530,4639,4640],{"class":4550},".box",[4530,4642,4545],{"class":4544},[4530,4644,4645,4647,4650,4653,4656,4659],{"class":4532,"line":134},[4530,4646,4602],{"class":4557},[4530,4648,4649],{"class":4544},": spin ",[4530,4651,4652],{"class":4557},"var",[4530,4654,4655],{"class":4544},"(",[4530,4657,4658],{"class":4540},"--spring",[4530,4660,4661],{"class":4544},");\n",[4530,4663,4664,4666],{"class":4532,"line":181},[4530,4665,4611],{"class":4557},[4530,4667,4614],{"class":4544},[4530,4669,4670],{"class":4532,"line":182},[4530,4671,4588],{"class":4544},[22,4673,4674],{},"This leverages existing keyframe knowledge—no new syntax for basics—while avoiding JavaScript for simple scroll effects.",[17,4676,4678],{"id":4677},"control-animation-timing-with-ranges","Control Animation Timing with Ranges",[22,4680,4681,4682,4685,4686,4689,4690,4693],{},"Override default ",[26,4683,4684],{},"cover"," range (full viewport traversal) using ",[26,4687,4688],{},"animation-range"," to start\u002Fend at specific points. ",[26,4691,4692],{},"contain"," triggers only when fully in viewport, ideal for complete animations like offscreen slides:",[4523,4695,4697],{"className":4525,"code":4696,"language":199,"meta":133,"style":133},".shape {\n  animation: slideIn backwards;\n  animation-timeline: view();\n  animation-range: contain;\n}\n",[26,4698,4699,4706,4719,4725,4736],{"__ignoreMap":133},[4530,4700,4701,4704],{"class":4532,"line":4533},[4530,4702,4703],{"class":4550},".shape",[4530,4705,4545],{"class":4544},[4530,4707,4708,4710,4713,4716],{"class":4532,"line":134},[4530,4709,4602],{"class":4557},[4530,4711,4712],{"class":4544},": slideIn ",[4530,4714,4715],{"class":4557},"backwards",[4530,4717,4718],{"class":4544},";\n",[4530,4720,4721,4723],{"class":4532,"line":181},[4530,4722,4611],{"class":4557},[4530,4724,4614],{"class":4544},[4530,4726,4727,4730,4732,4734],{"class":4532,"line":182},[4530,4728,4729],{"class":4557},"  animation-range",[4530,4731,4561],{"class":4544},[4530,4733,4692],{"class":4557},[4530,4735,4718],{"class":4544},[4530,4737,4738],{"class":4532,"line":4591},[4530,4739,4588],{"class":4544},[22,4741,4742,4745,4746,4749],{},[26,4743,4744],{},"entry"," animates during top-to-bottom entry (perfect for fade-ins on images), ",[26,4747,4748],{},"exit"," during top-edge exit (fade-outs). Combine via comma-separated values:",[4523,4751,4753],{"className":4525,"code":4752,"language":199,"meta":133,"style":133},"img {\n  animation: fadeIn linear, fadeOut linear;\n  animation-timeline: view(), view();\n  animation-range: entry, exit;\n}\n",[26,4754,4755,4763,4780,4793,4800],{"__ignoreMap":133},[4530,4756,4757,4761],{"class":4532,"line":4533},[4530,4758,4760],{"class":4759},"s9eBZ","img",[4530,4762,4545],{"class":4544},[4530,4764,4765,4767,4770,4773,4776,4778],{"class":4532,"line":134},[4530,4766,4602],{"class":4557},[4530,4768,4769],{"class":4544},": fadeIn ",[4530,4771,4772],{"class":4557},"linear",[4530,4774,4775],{"class":4544},", fadeOut ",[4530,4777,4772],{"class":4557},[4530,4779,4718],{"class":4544},[4530,4781,4782,4784,4787,4790],{"class":4532,"line":181},[4530,4783,4611],{"class":4557},[4530,4785,4786],{"class":4544},": view(), ",[4530,4788,4789],{"class":4557},"view",[4530,4791,4792],{"class":4544},"();\n",[4530,4794,4795,4797],{"class":4532,"line":182},[4530,4796,4729],{"class":4557},[4530,4798,4799],{"class":4544},": entry, exit;\n",[4530,4801,4802],{"class":4532,"line":4591},[4530,4803,4588],{"class":4544},[22,4805,4806,4807,4810,4811,4814,4815,4818,4819,4822],{},"For precision, use percentages: ",[26,4808,4809],{},"animation-range: cover 0% cover 50%"," starts at first pixel entry, ends at viewport midpoint. Long-form ",[26,4812,4813],{},"animation-range-start: cover 0%; animation-range-end: cover 50%;"," offers clarity. Mix ranges like ",[26,4816,4817],{},"contain 0%"," to ",[26,4820,4821],{},"exit 50%"," for extended effects.",[22,4824,4825,4826,4829],{},"Use ",[26,4827,4828],{},"scroll()"," timeline for global progress, like fixed reading indicators:",[4523,4831,4833],{"className":4525,"code":4832,"language":199,"meta":133,"style":133},".readingIndicator {\n  animation: expand linear;\n  animation-timeline: scroll();\n}\n",[26,4834,4835,4842,4853,4864],{"__ignoreMap":133},[4530,4836,4837,4840],{"class":4532,"line":4533},[4530,4838,4839],{"class":4550},".readingIndicator",[4530,4841,4545],{"class":4544},[4530,4843,4844,4846,4849,4851],{"class":4532,"line":134},[4530,4845,4602],{"class":4557},[4530,4847,4848],{"class":4544},": expand ",[4530,4850,4772],{"class":4557},[4530,4852,4718],{"class":4544},[4530,4854,4855,4857,4859,4862],{"class":4532,"line":181},[4530,4856,4611],{"class":4557},[4530,4858,4561],{"class":4544},[4530,4860,4861],{"class":4557},"scroll",[4530,4863,4792],{"class":4544},[4530,4865,4866],{"class":4532,"line":182},[4530,4867,4588],{"class":4544},[22,4869,4870],{},"This scales a bar from 0 to total page scroll distance, though scrollbars often suffice.",[17,4872,4874],{"id":4873},"link-timelines-between-elements","Link Timelines Between Elements",[22,4876,4877,4878,4881,4882,4885],{},"Decouple tracking from animation: name a ",[26,4879,4880],{},"view-timeline"," on the trigger element, reference it elsewhere via ",[26,4883,4884],{},"timeline-scope"," on a shared ancestor.",[4523,4887,4889],{"className":4525,"code":4888,"language":199,"meta":133,"style":133},"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,4890,4891,4898,4906,4910,4917,4924,4928,4935,4950,4958,4965],{"__ignoreMap":133},[4530,4892,4893,4896],{"class":4532,"line":4533},[4530,4894,4895],{"class":4759},"main",[4530,4897,4545],{"class":4544},[4530,4899,4900,4903],{"class":4532,"line":134},[4530,4901,4902],{"class":4557},"  timeline-scope",[4530,4904,4905],{"class":4544},": --tracked-elem;\n",[4530,4907,4908],{"class":4532,"line":181},[4530,4909,4588],{"class":4544},[4530,4911,4912,4915],{"class":4532,"line":182},[4530,4913,4914],{"class":4550},".content",[4530,4916,4545],{"class":4544},[4530,4918,4919,4922],{"class":4532,"line":4591},[4530,4920,4921],{"class":4557},"  view-timeline",[4530,4923,4905],{"class":4544},[4530,4925,4926],{"class":4532,"line":4599},[4530,4927,4588],{"class":4544},[4530,4929,4930,4933],{"class":4532,"line":4608},[4530,4931,4932],{"class":4550},".square",[4530,4934,4545],{"class":4544},[4530,4936,4937,4939,4941,4943,4945,4948],{"class":4532,"line":4617},[4530,4938,4602],{"class":4557},[4530,4940,4769],{"class":4544},[4530,4942,4715],{"class":4557},[4530,4944,4775],{"class":4544},[4530,4946,4947],{"class":4557},"forwards",[4530,4949,4718],{"class":4544},[4530,4951,4953,4955],{"class":4532,"line":4952},9,[4530,4954,4611],{"class":4557},[4530,4956,4957],{"class":4544},": --tracked-elem, --tracked-elem;\n",[4530,4959,4961,4963],{"class":4532,"line":4960},10,[4530,4962,4729],{"class":4557},[4530,4964,4799],{"class":4544},[4530,4966,4968],{"class":4532,"line":4967},11,[4530,4969,4588],{"class":4544},[22,4971,4972,4973,4975,4976,4978,4979,4981],{},"Scroll on ",[26,4974,4914],{}," fades sticky ",[26,4977,4932],{},", even if not descendants—",[26,4980,4884],{}," propagates the named timeline. Limit: names are scoped to creator and descendants unless elevated.",[4983,4984,4985],"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":133,"searchDepth":134,"depth":134,"links":4987},[4988,4989,4990],{"id":4513,"depth":134,"text":4514},{"id":4677,"depth":134,"text":4678},{"id":4873,"depth":134,"text":4874},[141],{"content_references":4993,"triage":5001},[4994,4997],{"type":148,"title":4995,"url":4996,"context":152},"Whimsical Animations","https:\u002F\u002Fwhimsy.joshwcomeau.com\u002F",{"type":4998,"title":4999,"url":5000,"context":157},"tool","Lipsum.com","https:\u002F\u002Fwww.lipsum.com\u002F",{"relevance":182,"novelty":181,"quality":182,"actionability":182,"composite":5002,"reasoning":5003},3.8,"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\u002Fcss-scroll-driven-animations-via-animation-timelin-summary","2026-05-03 17:02:04",{"title":4503,"description":133},{"loc":5004},"0541a873071e8673","Josh W. Comeau","https:\u002F\u002Fwww.joshwcomeau.com\u002Fanimation\u002Fscroll-driven-animations\u002F","summaries\u002Fcss-scroll-driven-animations-via-animation-timelin-summary",[197,198,199],"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.",[199],"EuhhakqyHyQH075UyXd3Dr46dxVhnVOz5bqxfOgZVDI",{"id":5017,"title":5018,"ai":5019,"body":5024,"categories":5177,"created_at":142,"date_modified":142,"description":133,"extension":143,"faq":142,"featured":144,"kicker_label":142,"meta":5178,"navigation":185,"path":5195,"published_at":5196,"question":142,"scraped_at":5197,"seo":5198,"sitemap":5199,"source_id":5200,"source_name":5201,"source_type":193,"source_url":5202,"stem":5203,"tags":5204,"thumbnail_url":142,"tldr":5206,"unknown_tags":5207,"__hash__":5208},"summaries\u002Fsummaries\u002Frecreate-css-battles-251-253-in-15min-with-divs-sh-summary.md","Recreate CSS Battles 251-253 in 15min with Divs, Shadows, Borders",{"provider":7,"model":8,"input_tokens":5020,"output_tokens":5021,"processing_time_ms":5022,"cost_usd":5023},9519,1788,37716,0.0027753,{"type":14,"value":5025,"toc":5172},[5026,5030,5045,5052,5056,5082,5085,5089,5132,5169],[17,5027,5029],{"id":5028},"precise-measurement-and-centering-speeds-up-puzzle-solving","Precise Measurement and Centering Speeds Up Puzzle Solving",[22,5031,5032,5033,5036,5037,5040,5041,5044],{},"Start by using CSS Battle's measurement tool for exact pixel values—e.g., widths from 150-310px become 160px, heights 30-130px become 100px. Center elements universally with ",[26,5034,5035],{},"margin-inline: auto"," on divs, avoiding per-element tweaks. Set ",[26,5038,5039],{},"body { background: #exact-color; display: grid; place-items: center; }"," for vertical centering. Position relative on containers enables absolute pseudos without magic numbers; e.g., ",[26,5042,5043],{},"left: 190px"," for protrusions aligns faster than trial-error. This shaved seconds off Battle 1, hitting 100% match in 5:40 after one submit (99.7% → adjust middleL width 140px, bottom 160px).",[22,5046,5047,5048,5051],{},"Trade-off: Short class names (#top, #middle, #middleL, #bottom) type faster than semantic ones, but add ",[26,5049,5050],{},"border: 2px solid"," temporarily to visualize bounds—remove post-alignment to avoid outline diffs.",[17,5053,5055],{"id":5054},"layered-blocks-via-stacked-divs-and-pseudo-overlays","Layered Blocks via Stacked Divs and Pseudo Overlays",[22,5057,5058,5059,5062,5063,5066,5067,5070,5071,5074,5075,5077,5078,5081],{},"For Battle 251 (chunky red\u002Fblue stack with side tab): Use 4 nested divs in ",[26,5060,5061],{},".container",". Heights: top 100px, middle\u002FmiddleL 20px\u002F40px, bottom 60px; widths all ~150px (top\u002Fmiddle 150px, middleL 150px, bottom 160px post-tweak). ",[26,5064,5065],{},"border-radius: 100vw 100vw 0 0"," on top for semicircle. Pseudo ",[26,5068,5069],{},"::after"," on top: ",[26,5072,5073],{},"content: ''; position: absolute; left: 190px; width: 20px; height: 100%; background: #lighter-blue"," creates overhang. All share ",[26,5076,5035],{},". Alternative: ",[26,5079,5080],{},"position: relative; inset: 0; margin-inline: auto"," on pseudo skips manual left positioning.",[22,5083,5084],{},"Outcome: Reliable for irregular stacks; scales to complex shapes without extra HTML.",[17,5086,5088],{"id":5087},"rings-and-diamonds-box-shadows-borders-body-pseudos","Rings and Diamonds: Box-Shadows, Borders, Body Pseudos",[22,5090,5091,5092,118,5095,5098,5099,5102,5103,5106,5107,118,5110,118,5113,5116,5117,5119,5120,5123,5124,5127,5128,5131],{},"Battle 252 (purple ring with yellow\u002Fred shadows + teal cap): Outer div (220px aspect-ratio:1, ",[26,5093,5094],{},"border-radius: 100vw",[26,5096,5097],{},"margin: auto",") holds inner grid (80px height, ",[26,5100,5101],{},"place-items: center","). Three ",[26,5104,5105],{},"box-shadow","s simulate rings: ",[26,5108,5109],{},"0 0 0 20px #red",[26,5111,5112],{},"0 0 0 50px #yellow",[26,5114,5115],{},"0 0 0 70px #purple"," (drop last if unneeded). ",[26,5118,5069],{}," on outer (",[26,5121,5122],{},"height: 50%; width: 100%; top: 0; position: absolute; overflow: hidden",") clips teal half-circle. Got 99.9%—pixel diffs on edges common; fix via ",[26,5125,5126],{},"rgb(0 0 0 \u002F 0)"," over ",[26,5129,5130],{},"transparent"," avoids trailing comma issues.",[22,5133,5134,5135,5138,5139,5142,5143,5146,5147,54,5150,97,5153,5156,5157,5160,5161,5164,5165,5168],{},"Battle 253 (diamond bar with circular ends): Single 170px div (",[26,5136,5137],{},"aspect-ratio: 1",", rotate ",[26,5140,5141],{},"-45deg","), ",[26,5144,5145],{},"border: 40px transparent solid; border-top-color: #blue; border-bottom-color: #blue",". Background fills center. Caps via ",[26,5148,5149],{},"::before, ::after",[26,5151,5152],{},"body",[26,5154,5155],{},"html"," (nesting): 40px circles (",[26,5158,5159],{},"aspect-ratio: 1; border-radius: 100vw","), positioned absolutely—e.g., body::before left:75px top:125px; html::before left:180px top:235px; afters at left:175px\u002F285px top:25px\u002F130px. ",[26,5162,5163],{},"z-index: 99999"," layers over rotation. Flex on body (",[26,5166,5167],{},"align-items: center",") centers vertically.",[22,5170,5171],{},"Trade-off: Body\u002Fhtml pseudos handle rotation offsets but require 4 rules (2 per); SVGs easier but disallowed. Total time ~15min across three.",{"title":133,"searchDepth":134,"depth":134,"links":5173},[5174,5175,5176],{"id":5028,"depth":134,"text":5029},{"id":5054,"depth":134,"text":5055},{"id":5087,"depth":134,"text":5088},[141],{"content_references":5179,"triage":5192},[5180,5183,5186,5189],{"type":4998,"title":5181,"url":5182,"context":157},"CSS Battles","https:\u002F\u002Fcssbattle.dev\u002Fbattle\u002F38",{"type":4998,"title":5184,"url":5185,"context":157},"CodePen","https:\u002F\u002Fcodepen.io\u002F",{"type":4998,"title":5187,"url":5188,"context":157},"Zed","https:\u002F\u002Fzed.dev\u002F",{"type":4998,"title":5190,"url":5191,"context":157},"VS Code","https:\u002F\u002Fcode.visualstudio.com\u002F",{"relevance":181,"novelty":134,"quality":182,"actionability":181,"composite":5193,"reasoning":5194},3.05,"Category: Design & Frontend. The article provides practical CSS techniques for solving specific design challenges, which aligns with the interests of the target audience. However, it lacks broader application to AI-powered product development and does not address pain points related to integrating AI into design workflows.","\u002Fsummaries\u002Frecreate-css-battles-251-253-in-15min-with-divs-sh-summary","2026-05-06 13:00:44","2026-05-06 16:12:54",{"title":5018,"description":133},{"loc":5195},"51a321e76d6f8b1b","Kevin Powell","https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=MVsG4agTS94","summaries\u002Frecreate-css-battles-251-253-in-15min-with-divs-sh-summary",[197,198,5205,199],"coding","Kevin Powell solves CSS Battles 251-253 live under time pressure: stacked divs\u002Fpseudos (5:40, 100%), ring shadows (4:16, 99.9%), rotated border diamond + cap circles. Measure precisely, center with margin-inline:auto, use body\u002Fhtml pseudos for overlays.",[199],"NtFw2XpgmRHc8DDr1EW2GH_Bu1Z3yA-uKcTJN8slORY",{"id":5210,"title":5211,"ai":5212,"body":5217,"categories":5305,"created_at":142,"date_modified":142,"description":133,"extension":143,"faq":142,"featured":144,"kicker_label":142,"meta":5306,"navigation":185,"path":5323,"published_at":5324,"question":142,"scraped_at":5324,"seo":5325,"sitemap":5326,"source_id":5327,"source_name":5328,"source_type":193,"source_url":5329,"stem":5330,"tags":5331,"thumbnail_url":142,"tldr":5332,"unknown_tags":5333,"__hash__":5334},"summaries\u002Fsummaries\u002Fuse-range-syntax-to-fix-media-query-overlap-bugs-summary.md","Use Range Syntax to Fix Media Query Overlap Bugs",{"provider":7,"model":8,"input_tokens":5213,"output_tokens":5214,"processing_time_ms":5215,"cost_usd":5216},4908,1507,15321,0.0017126,{"type":14,"value":5218,"toc":5300},[5219,5223,5234,5245,5256,5260,5271,5290,5294,5297],[17,5220,5222],{"id":5221},"prevent-layout-bugs-from-minmax-width-overlaps","Prevent Layout Bugs from min\u002Fmax-width Overlaps",[22,5224,5225,5226,5229,5230,5233],{},"Traditional media queries using ",[26,5227,5228],{},"min-width"," (>=) and ",[26,5231,5232],{},"max-width"," (\u003C=) create gaps when both target the same breakpoint, like 300px. At exactly 300px, both rules apply, hiding elements simultaneously—e.g., navigation and toggle both disappear, breaking the layout.",[22,5235,5236,5237,5240,5241,5244],{},"To fix without ranges, offset breakpoints manually: ",[26,5238,5239],{},"max-width: 299px"," (\u003C=299px) for hiding nav on small screens, and ",[26,5242,5243],{},"min-width: 300px"," (>=300px) for hiding toggle on large screens. This works for one breakpoint but scales poorly with multiples, leading to error-prone maintenance and 45-minute debug sessions.",[22,5246,5247,5248,5251,5252,5255],{},"Range syntax eliminates this: ",[26,5249,5250],{},"@media (width \u003C= 300px)"," hides nav, ",[26,5253,5254],{},"@media (width > 300px)"," hides toggle. At 300px, nav shows (not \u003C=) and toggle hides (>), ensuring seamless transitions.",[17,5257,5259],{"id":5258},"write-readable-ranges-for-complex-breakpoints","Write Readable Ranges for Complex Breakpoints",[22,5261,5262,5263,5266,5267,5270],{},"Ranges shine for styles between breakpoints. Instead of ",[26,5264,5265],{},"@media (min-width: 300px) and (max-width: 500px)",", use ",[26,5268,5269],{},"@media (300px \u003C= width \u003C= 500px)",". This directly expresses \"between 300px and 500px inclusive,\" reducing cognitive load during review or debugging.",[22,5272,5273,5274,5277,5278,5281,5282,5285,5286,5289],{},"Apply to container queries too: swap ",[26,5275,5276],{},"@media"," for ",[26,5279,5280],{},"@container",", e.g., ",[26,5283,5284],{},"@container (width >= 300px)"," changes h1 styles, ",[26,5287,5288],{},"@container (width >= 500px)"," adds more. This powers responsive components without viewport reliance.",[17,5291,5293],{"id":5292},"leverage-strong-browser-support","Leverage Strong Browser Support",[22,5295,5296],{},"Range syntax landed in March 2023 with wide adoption: Chrome, Edge, Firefox, Safari all support it, per Baseline and Web Platform Status. If you're using container queries, ranges are already viable—no polyfills needed.",[22,5298,5299],{},"Adopt today for clearer CSS that's easier to reason about, especially in teams. Test in projects to catch intent faster than deciphering min\u002Fmax logic.",{"title":133,"searchDepth":134,"depth":134,"links":5301},[5302,5303,5304],{"id":5221,"depth":134,"text":5222},{"id":5258,"depth":134,"text":5259},{"id":5292,"depth":134,"text":5293},[141],{"content_references":5307,"triage":5321},[5308,5314,5318],{"type":5309,"title":5310,"publisher":5311,"url":5312,"context":5313},"report","Media Queries Level 4","W3C","https:\u002F\u002Fwww.w3.org\u002FTR\u002Fmediaqueries-4\u002F#mq-range-context","cited",{"type":148,"title":5315,"author":5316,"url":5317,"context":152},"Unintentional CSS media query gaps","Steve Fenton","https:\u002F\u002Fstevefenton.co.uk\u002Fblog\u002F2023\u002F05\u002Funintentional-media-query-gaps\u002F",{"type":148,"title":5319,"url":5320,"context":5313},"Media query range syntax","https:\u002F\u002Fwebstatus.dev\u002Ffeatures\u002Fmedia-query-range-syntax",{"relevance":182,"novelty":181,"quality":182,"actionability":182,"composite":5002,"reasoning":5322},"Category: Design & Frontend. The article addresses a specific pain point related to frontend development by providing a solution to media query overlap bugs, which is relevant for developers building responsive designs. It introduces the range syntax as a practical alternative to traditional media queries, offering a clearer and more maintainable approach.","\u002Fsummaries\u002Fuse-range-syntax-to-fix-media-query-overlap-bugs-summary","2026-05-04 16:13:43",{"title":5211,"description":133},{"loc":5323},"8cd34b92f1be4ae8","Ahmad Shadeed","https:\u002F\u002Fishadeed.com\u002Farticle\u002Frange-syntax\u002F","summaries\u002Fuse-range-syntax-to-fix-media-query-overlap-bugs-summary",[197,198],"Replace min\u002Fmax-width media queries with range syntax like (width \u003C= 300px) to prevent elements from both hiding at shared breakpoints, improving readability and avoiding offset hacks.",[],"kTI_IoPqKfga2ET2Mz5zHJEmZeQ2IX_gg5kP2cGLgKw",{"id":5336,"title":5337,"ai":5338,"body":5343,"categories":5485,"created_at":142,"date_modified":142,"description":133,"extension":143,"faq":142,"featured":144,"kicker_label":142,"meta":5486,"navigation":185,"path":5493,"published_at":5494,"question":142,"scraped_at":5495,"seo":5496,"sitemap":5497,"source_id":5498,"source_name":5499,"source_type":193,"source_url":5500,"stem":5501,"tags":5502,"thumbnail_url":142,"tldr":5503,"unknown_tags":5504,"__hash__":5505},"summaries\u002Fsummaries\u002Fembed-interactive-html-textures-in-canvas-scenes-summary.md","Embed Interactive HTML Textures in Canvas Scenes",{"provider":7,"model":8,"input_tokens":5339,"output_tokens":5340,"processing_time_ms":5341,"cost_usd":5342},6092,1532,9720,0.00147755,{"type":14,"value":5344,"toc":5480},[5345,5349,5352,5355,5359,5366,5372,5427,5430,5477],[17,5346,5348],{"id":5347},"combine-canvas-power-with-html-layout-fidelity","Combine Canvas Power with HTML Layout Fidelity",[22,5350,5351],{},"Canvas excels at custom UIs like 3D scenes or whimsical interactions (e.g., pinball unsubscribes or virtual desktops), but struggles with complex text, internationalization, accessibility, and render quality—problems HTML solves natively. HTML in Canvas bridges this by treating canvas child elements as layout participants: they join the accessibility tree, receive focus, and stay interactive, but render invisibly off-screen as updatable textures. Changes trigger automatic repaints via paint events, or use requestRepaint() manually, like requestAnimationFrame(). This delivers canvas's visual freedom with HTML's reliability, enabling production-ready hybrids without rebuilding layouts from scratch.",[22,5353,5354],{},"Result: Live-updating elements like clocks or timetables appear as seamless textures in Three.js scenes, maintaining DOM interactivity without visual desync in most cases.",[17,5356,5358],{"id":5357},"implement-with-threejs-or-vanilla-canvas","Implement with Three.js or Vanilla Canvas",[22,5360,5361,5362],{},"Nest target HTML inside ",[5363,5364,5365],"canvas",{"layout-subtree":133},"—it acts as fallback if canvas fails, then becomes a texture source.",[22,5367,5368],{},[5369,5370,5371],"strong",{},"Three.js example:",[4523,5373,5377],{"className":5374,"code":5375,"language":5376,"meta":133,"style":133},"language-javascript shiki shiki-themes github-light github-dark","const texture = htmlElementImage2D(existingGLTexture, { \u002F\u002F color space, GPU options\n  htmlElement: document.getElementById('board'),\n});\n\u002F\u002F Apply texture to mesh, replacing static images like Thomas the Tank Engine.\n","javascript",[26,5378,5379,5400,5417,5422],{"__ignoreMap":133},[4530,5380,5381,5384,5387,5390,5393,5396],{"class":4532,"line":4533},[4530,5382,5383],{"class":4536},"const",[4530,5385,5386],{"class":4557}," texture",[4530,5388,5389],{"class":4536}," =",[4530,5391,5392],{"class":4550}," htmlElementImage2D",[4530,5394,5395],{"class":4544},"(existingGLTexture, { ",[4530,5397,5399],{"class":5398},"sJ8bj","\u002F\u002F color space, GPU options\n",[4530,5401,5402,5405,5408,5410,5414],{"class":4532,"line":134},[4530,5403,5404],{"class":4544},"  htmlElement: document.",[4530,5406,5407],{"class":4550},"getElementById",[4530,5409,4655],{"class":4544},[4530,5411,5413],{"class":5412},"sZZnC","'board'",[4530,5415,5416],{"class":4544},"),\n",[4530,5418,5419],{"class":4532,"line":181},[4530,5420,5421],{"class":4544},"});\n",[4530,5423,5424],{"class":4532,"line":182},[4530,5425,5426],{"class":5398},"\u002F\u002F Apply texture to mesh, replacing static images like Thomas the Tank Engine.\n",[22,5428,5429],{},"The texture auto-updates on DOM repaints. For a London Underground timetable, extract the ",[5431,5432,5434,5435,5440,5461,5464,5467,5471,5474],"div",{"id":5433},"board",", inject it as canvas child, and texture-swap it into a 3D plane—live clock ticks and times refresh without manual polling.",[22,5436,5437],{},[5369,5438,5439],{},"Vanilla 2D Canvas:",[4523,5441,5443],{"className":5374,"code":5442,"language":5376,"meta":133,"style":133},"ctx.drawElementImage(formElement, x, y, width, height);\n\u002F\u002F Renders interactive \u003Cform> directly.\n",[26,5444,5445,5456],{"__ignoreMap":133},[4530,5446,5447,5450,5453],{"class":4532,"line":4533},[4530,5448,5449],{"class":4544},"ctx.",[4530,5451,5452],{"class":4550},"drawElementImage",[4530,5454,5455],{"class":4544},"(formElement, x, y, width, height);\n",[4530,5457,5458],{"class":4532,"line":134},[4530,5459,5460],{"class":5398},"\u002F\u002F Renders interactive \u003Cform> directly.\n",[22,5462,5463],{},"WebGPU variant: copyElementImage() for advanced shaders, like jelly sliders over hidden inputs.",[22,5465,5466],{},"Enable in Chrome Canary via flag (proposal stage). Full code in GitHub proposal demos.",[17,5468,5470],{"id":5469},"experimental-edges-and-privacy-safeguards","Experimental Edges and Privacy Safeguards",[22,5472,5473],{},"Performance lags (frame-late draws, desyncs), scrollbars crash, and bugs persist—ideal for experiment feedback. Privacy mitigations block fingerprinting: no system colors, themes, spellcheck, visited links, or preferences in textures. Avoids expanding JS-accessible data leaks.",[22,5475,5476],{},"Trade-off: Canvas whimsy + HTML robustness now viable for fun UIs (e.g., finger-gun tweets, YouTube eyes, beer-browsing desktops), but stabilize before production. Demos from Matt Rothenberg, Wes Bos, AA, and others prove viability—fork and iterate.",[4983,5478,5479],{},"html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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 .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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":133,"searchDepth":134,"depth":134,"links":5481},[5482,5483,5484],{"id":5347,"depth":134,"text":5348},{"id":5357,"depth":134,"text":5358},{"id":5469,"depth":134,"text":5470},[141],{"content_references":5487,"triage":5491},[5488],{"type":148,"title":5489,"url":5490,"context":152},"HTML in Canvas Proposal","https:\u002F\u002Fgithub.com\u002FWICG\u002Fhtml-in-canvas",{"relevance":182,"novelty":181,"quality":182,"actionability":182,"composite":5002,"reasoning":5492},"Category: Design & Frontend. The article discusses a novel approach to integrating HTML elements within canvas scenes, addressing specific pain points like accessibility and layout fidelity. It provides practical implementation examples using Three.js and Vanilla Canvas, making it actionable for developers looking to enhance their UI\u002FUX.","\u002Fsummaries\u002Fembed-interactive-html-textures-in-canvas-scenes-summary","2026-04-19 17:30:00","2026-04-21 15:16:51",{"title":5337,"description":133},{"loc":5493},"7519c73348243dba","Better Stack","https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=1zfRSiZBLyQ","summaries\u002Fembed-interactive-html-textures-in-canvas-scenes-summary",[197,198],"HTML in Canvas renders live, interactive DOM elements as GPU textures in WebGL or 2D canvases, solving canvas's text\u002Flayout issues while preserving HTML's accessibility and performance.",[],"yzp70N8aNE0YNdGZP0MQJ49soQjwFB6S4zvuFrv6jOg"]