Coding Design Systems - ep21 - ModernCSS.dev and Nunjucks components for a static Web content
{"pages":{"search":{"query":"videoid:4757063191376671082","originalQuery":"","serpid":"1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","reqid":"1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","parentReqid":"","serpItems":[{"id":"4757063191376671082-0-0","type":"videoSnippet","props":{"videoId":"4757063191376671082"},"curPage":0}],"filters":{},"serpFooter":{"linksGroups":[{"type":"geo","links":[{"label":"Columbus","title":"Columbus","url":"//yandex.com.tr/tune/geo/","logNode":{"name":"region"},"target":"_self","a11yLabel":"Bölgeniz Columbus","needRetpath":true}]},{"type":"help","links":[{"label":"Bize ulaşın","url":"https://yandex.com.tr/support/video/troubleshooting.html","logNode":{"name":"feedback"},"needRetpath":true},{"label":"Yardım","url":"https://yandex.com.tr/support/video/","logNode":{"name":"help"},"needRetpath":true}]},{"type":"settings","links":[{"label":"Ayarlar","url":"https://yandex.com.tr/tune/search/","target":"_self","logNode":{"name":"settings"},"needRetpath":true}]},{"type":"company","links":[{"label":"Şirket hakkında","url":"//yandex.com.tr/company/","logNode":{"name":"about"},"target":"_blank"},{"label":"Kullanım lisansı","url":"//yandex.com.tr/legal/termsofuse/","logNode":{"name":"license"},"target":"_blank"},{"label":"Gizlilik Politikası","url":"//yandex.com.tr/legal/confidential/","logNode":{"name":"confidential"},"target":"_blank"}],"a11yHidden":true}],"hasExtralinks":true},"currentPage":0,"prevPageToLoad":-1,"nextPageToLoad":1,"isTranslationsFilterEnabled":false,"isTranslationsDistributionEnabled":false,"isTranslationsDistributionOnboardingEnabled":false,"prevention":{},"hasNextPage":false,"rightSerpItems":[{"type":"direct","id":"search-list-right","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"R-I-8843654-1","renderTo":"search-list-right-0-R-I-8843654-1","pageNumber":0,"grab":"dHZpZGVvaWQ6NDc1NzA2MzE5MTM3NjY3MTA4Mgo=","darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","ui":"desktop","yuid":"8400130941771384297"}}},"isAdult":false,"position":0,"placement":"search-list-right"},"curPage":0}],"isAdultQuery":false,"errorList":[],"layout":"list","retpath":"https%3A%2F%2Fgs.yandex.com.tr%2Fvideo%2Fpreview%2F4757063191376671082","pages":[{"reqid":"1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","start":0,"end":1,"pageNumber":0,"isCounterSent":false}]},"main":{"_isInitial":true,"snippets":[],"serpFooter":{"linksGroups":[]},"isLoggedIn":false,"tags":[]}},"internal":{"nonce":"7470562362383042097247","expFlags":{"video_settings_toolbar_redesign":1,"velocity_delay_drawer":1,"video_feedback_in_d2d":1,"video_search_toggle_with_text":1,"velocity_disable_suspense":1,"video_viewer_desktop_smart_layout":1,"dark_theme_desktop":"cookie","distr_splashscreen_on":1,"video_viewer_check_sandbox_origin":1,"video_font_yandex_sans":1,"video_adv_new_show_rules":1,"video_resource_loader":1,"video_adv_config_desktop":{"search-list":{"adult":{"default":"R-I-474674-135","mail":"R-A-13426421-23"},"regular":{"default":"R-I-48058-751","mail":"R-A-13411721-23"}},"search-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"new_template_version":4,"video_search_page_no_islands":1,"video_vh_player_js":0,"video_masthead_ratio":"180,4","video_searchdata_scheme":1,"video_viewer_related_fail_error_screen":1,"velocity_delay_metrika":1,"video_viewer_channel_link_mode":2,"video_partner_label":1,"video_resource_loader_load_timeout":6000,"int_tr":1,"mmui_extended_escape_scheme":"searchdata.clips.0.authorname","tabs_order_version":"search,images,video,newstr,maps,translate,tr_ecom","spok":"id","video_suggest_use_serp":1,"video_search_grid_direct_repeat":6,"video_direct_config_desktop_search":"search-grid-row:R-I-48058-718:R-I-474674-109,search-grid-head:R-I-2120168-7","init_meta":{"enable-yabs-distr":1,"ask-user-purchase-history":1,"use-src-videoquickp":1,"enable-begemot":1,"enable_masthead":1,"use-src-videop":1,"use-src-videoquickp_misspell":1,"enable_blackbox_multisession":1,"begemot-enable-cancelled-misspell-rtmr":1,"enable_video_iron_fetcher":1,"use-related-only":1,"ask-yandex-io-devices":1,"use-images-device-setup":1,"use-src-imagesp":1,"images-apphost-collections-front":1,"enable_aab_apphost":1,"graph-is-video-search":1,"bg-bert-video":1,"use-src-imagesp_misspell":1,"use-src-imagesultrap":1,"use-video-apphost-pre-templates":1,"use-src-videop_misspell":1,"use-video-apphost-post-templates":1,"use-src-imagesquickp":1,"enable_video_carousels":"1","restrict-max-docs":"1000","use-images-region-setup":1,"use-post-auto2":1,"use-images-settings-setup":1,"use-src-ugc_favorites":1,"video_vitrina_disable":"0","use-images-user-setup":1,"use-video-pre-search-data":1,"begemot-no-suggest-history":1},"video_depot_viewer_masthead_ssr_only":1,"video_blender":1,"video_search_grid_enable":0,"video_viewer_desktop_fix_d2d_scroll":1,"video_depot_viewer_legacy_counters":1,"video_search_grid_direct_start":3,"video_adv_new_show_rules_docs_count":1,"beauty_header_futuris_tab":9,"video_related_suggest_enable":1,"video_redirect_plug":2,"video_adv_grid_inplace":1,"distr_popup_on":1,"dark_theme_desktop_default_pref":"system","video_search_toggle_enable":1,"video_depot_viewer_related_adv_margin":400,"velocity_split_hydration":4,"video_duration_counter_new_format":1,"video_force_grid_on_premordie":1,"int_online_summarization_video_snippet":1,"video_morda_header_nav":1,"video_nohost_full_filter":1,"distr_pcode_off":1,"video_baobab_blockstat":1,"video_thumb_poster_full":1,"video_scrollpages":2,"video_serp_desktop_block_design":1,"video_nohost_youtube_filter":0,"video_viewer_host_link_mode":1},"slots":["1457142,0,20;1336775,0,40;284407,0,40;151171,0,46;1281084,0,98;287509,0,64;86183,0,56;1447467,0,33;1254304,0,46;1478786,0,81;1482952,0,83"],"isYandexNet":false,"platform":"desktop","isEnLogo":true,"retpath":"https%3A%2F%2Fgs.yandex.com.tr%2Fvideo%2Fpreview%2F4757063191376671082","mordaUrl":"//yandex.com.tr/","videoSearchUrl":"https://gs.yandex.com.tr/video/search?text=Coding+Design+Systems+-+ep21+-+ModernCSS.dev+and+Nunjucks+components+for+a+static+Web+content","settingsUrl":"https://yandex.com.tr/tune/search/","helpUrl":"https://yandex.com.tr/support/video/","legalUrl":"//legal.yandex.com.tr/termsofuse/","feedbackUrl":"https://yandex.com.tr/support/video/troubleshooting.html","basename":"/video","currentPageName":"previewShort","isYandexApp":false,"isYandexAppAndroid":false,"isYandexAppIos":false,"isAnyYaBro":false,"isAndroid":false,"isHamster":false,"serpid":"1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","backUrl":"//ya.ru","url":"https://gs.yandex.com.tr/video/preview/4757063191376671082?","isIntegrationTest":false,"isEndToEndTest":false,"shouldDropLogs":false,"seo":{"title":"Coding Design Systems - ep21 - ModernCSS.dev and Nunjucks components for a static Web content - Смотреть онлайн в поиске Яндекса по Видео","description":"⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ In this episode, let's cover upcoming CSS features like container queries or @layer ...","keywords":"","shareTitle":""},"isEmbedded":false,"isPumpkin":false,"sessionCsrfToken":"y7560981162071c6f670ebe58cc274ecf","reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1457142,1336775,284407,151171,1281084,287509,86183,1447467,1254304,1478786,1482952","queryText":"","reqid":"1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","userRegionName":"","userRegionId":"id() {\n return this._region.id;\n }","yandexuid":"8400130941771384297","uid":"0","isChildAccount":false}},"userTestids":"191768,238743,246500,253288,265553,270072,277807,274239,294077,278842,331010,338398,378416,359879,415420,644350,652605,645301,679708,689693,690449,696466,696473,722746,740796,776165,771230,781521,790415,801982,851450,886706,883477,900639,931367,937268,969063,935488,945314,989988,982463,991363,990185,1015567,1011895,1035320,1033956,1035241,1036046,1087297,1060131,1071879,1078818,1077703,1116602,1045814,1131637,1144233,1151726,1156933,1174275,1173000,1167408,1202006,1194718,1221235,1228280,1239596,1227266,1226860,1246754,1276447,1289213,1316370,1313283,1321224,1300570,1320679,1352408,1342688,1344637,1341968,1345362,1343279,1367583,1336673,1348424,1382036,1391511,1384451,1402882,1407422,1417605,1424780,1429092,1438908,1444206,1449283,1452713,1457995,1459277,1459585,1461130,1490736,1299604","regionId":20815,"isYaRu":false,"shouldUnmountSearchPageInViewer":false,"videoGlobalContext":{"platform":"desktop","isPumpkin":false,"language":"tr","user_time":{"epoch":"1771384318","tz":"America/Louisville","to_iso":"2026-02-17T22:11:58-0500","__is_plain":1},"isHermione":false,"shouldStubImages":true,"enableVideoPreviewInHermione":false,"reqid":"1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","isEmbedded":false,"shouldShowMainPageButtonInViewer":false,"shouldDisableWebp":false,"removeLinkPrefix":"/video","shouldUseHighresPreview":true,"shouldCutSnippetTitle":true,"shouldShowPlusBadge":true,"reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1457142,1336775,284407,151171,1281084,287509,86183,1447467,1254304,1478786,1482952","queryText":"","reqid":"1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","userRegionName":"","userRegionId":"id() {\n return this._region.id;\n }","yandexuid":"8400130941771384297","uid":"0","isChildAccount":false}},"deviceDetect":{"OSFamily":"Unknown","isTV":0,"x64":0,"GoogleToolBarVersion":"","MultiTouch":0,"BrowserBase":"","YandexBarVersion":"","isTablet":0,"YandexBar":0,"hasWebOmni":0,"isTouch":0,"hasYandexCamera":0,"isMobile":0,"DeviceKeyboard":"","device":"desktop","TurboAppPlatformVersion":"","historySupport":0,"BrowserShellVersion":"","DeviceVendor":"","isBrowser":0,"hasFlash":0,"MailRuSputnikVersion":"","isSameSiteSupported":0,"BrowserBaseVersion":"","BrowserVersionRaw":"","hasWebVert":0,"DeviceId":"","error":"","MailRuAgent":0,"ScreenWidth":0,"inAppBrowser":0,"hasHTML5":0,"isEmulator":0,"J2ME":0,"MailRuAgentVersion":"","BrowserEngineVersionRaw":"537.36","isRobot":1,"__is_plain":1,"BrowserEngineVersion":"0537.0036","BrowserName":"Unknown","DeviceModel":"","BrowserEngine":"WebKit","DeviceName":"","OSVersionRaw":"","OSName":"","GoogleToolBar":0,"ScreenSize":"","isTurboApp":0,"MailRuSputnik":0,"YaBuildName":"","isWAP":0,"PreferMobile":0,"DesktopMode":0,"BrowserVersion":"","BitsPerPixel":0,"BrowserShell":"","YaGUI":"","isBeta":0,"OSVersion":"","ScreenHeight":0},"nonce":"7470562362383042097247","disableDoc2DocHostLink":false,"shouldHideChannelLink":false,"disableChannelLink":false,"userConnectionRtt":170,"animated":false,"isDoc2DocScrollFix":true,"smartDesktopLayout":true,"enableVIImprovements":false,"enableLazyPoster":false,"isAdvDisabled":false,"shouldShowVideoPlaylistPane":false,"isVideoTranslationSupported":false,"isSummaryDisabled":false,"isSummaryOnlineEnabled":true,"shouldRenderBroSummaryApiContainer":false,"shouldDropLogs":false,"shouldUseBeacon":false,"hasAdBlock":false,"rknWarnHosts":[""],"relatedAdvRootMargin":400,"postInstreamScreenDuration":2000,"minVideoDurationForInstream":120,"isInstreamEnabledInTesting":false,"wildcard":false,"isAdvUnderPlayerRedesign":false,"disableEarlyEventsInD2d":false,"disableEarlyEventsUnsubscribe":false,"showDebugRelatedURL":false,"shouldUseBetaErrorLogging":false,"shouldShowMetaUnderPlayer":false,"isVideoViewerMetaTitleHidden":false,"isStickyPlayerDisabled":false,"headerNoFavicon":false,"headerBranded":false,"shouldCensorSensitiveContent":false,"isAdvUnderPlayerTransparent":false,"isDoc2DocGridLayoutEnabled":false,"detailsRedesignEnabled":false,"detailsRedesignV2Enabled":false,"detailsRedesignV3Enabled":false,"isD2DEmptyLoadFixDisabled":false,"isRoundedPlayerEnabled":false,"isSettingsToolbarRedesign":true,"isDoc2DocEmptyRetryEnabled":false,"isAdvUnderPlayerWithBackdrop":false,"isTouchAdvWithBackdrop":false,"isDoc2DocErrorScreenEnabled":true,"isDoc2DocFeedbackKebabEnabled":true,"isCommentsEnabled":false,"isCommentsCountOnSnippetsEnabled":false,"isVideoMainButtonInitiallyCollapsed":false,"isAdvUnderPlayerWithInnerPadding":false,"isKebabAdvancedActionsEnabled":false,"isKebabOnTouchVideoSearchEnabled":false,"isAdvVideoListLikeUnderPlayer":false,"isSummaryInMetaButtons":false,"isSummaryInMetaButtonsDesktop":false,"isMetaCommentsButtonEnabled":false,"preventAdvHideOnEmpty":false,"isPlayerChangeCounterEnabled":false,"isSmallTitle":false,"shouldRestoreMuteState":false},"shouldShowAdvId":false,"isAdultQuery":false,"isSensitivePage":false,"showSensitive":false,"shouldReplaceHref":false},"user":{"tld":"com.tr","isEuDomain":false,"login":"","passportId":"","isLoggedIn":false,"locationName":"Columbus","isFamily":false,"yandexuid":"8400130941771384297","ugcCsrfToken":"","family":1,"isChild":false},"config":{"skinMode":"system","skin":"light","version":"releases-frontend-video-v1.1770.0__21450a4dd198bc486c6c58ad4d08939e5601f2c7","isGridSupported":false,"advConfig":{"under-player":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"under-player-lite":{"regular":{"default":"R-I-48058-728"},"adult":{"default":"R-I-474674-103"}},"under-player-old":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"video-list":{"regular":{"default":"R-I-48058-708","mail":"R-A-13411721-2"},"adult":{"default":"R-I-474674-101","mail":"R-A-13426421-2"}},"search-list":{"adult":{"default":"R-I-474674-135","mail":"R-A-13426421-23"},"regular":{"default":"R-I-48058-751","mail":"R-A-13411721-23"}},"search-grid-row":{"regular":{"default":"R-I-48058-718","mail":"R-A-13411721-4"},"adult":{"default":"R-I-474674-109","mail":"R-A-13426421-4"}},"search-grid-head":{"regular":{"default":"R-I-2120168-7"}},"search-list-right":{"regular":{"default":"R-I-8843654-1"}},"before-player-old":{"regular":{"default":"R-I-2120168-1"}},"before-player":{"regular":{"default":"R-I-2120168-1"}},"search-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"isSkinInitedOnClient":false},"counters":{"params":{"useBeacon":false,"clickHost":"gs.yandex.com.tr/clck","pid":197},"dict":{"viewer":"2921","user":"538","info":"1275","sources":"1500","select":"775","close":"486","open":"842","source":"186","link":"513","click":"882","tech":"690","player":"1242","change":"719","summary":"3410","init":"1309","item":"22","button":"440","shown":"3780","copy":"1276","text":"232","load":"1724","fallback":"2010","channel":"1345","hide":"1656","serp":"471","page":"143","loaded":"1007"}},"clips":{"items":{"4757063191376671082":{"videoId":"4757063191376671082","docid":"34-8-2-Z237B228F441861CD","description":"⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ In this episode, let's cover upcoming CSS features like container queries or @layer to organize and architect the way you distribute your design system.","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3429725/f56e98597fbc06946f1fa6b801d2521b/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/SVtKCgIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"0","reqid":"1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DV9tI519-UuU","linkTemplate":"/video/preview/4757063191376671082?parent-reqid=1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Coding Design Systems - ep21 - ModernCSS.dev and Nunjucks components for a static Web content","related_orig_text":"","related_porno":false,"related_short":true,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=V9tI519-UuU\",\"src\":\"serp\",\"rvb\":\"EhUKEzQ3NTcwNjMxOTEzNzY2NzEwODIaFQoTNDc1NzA2MzE5MTM3NjY3MTA4MloTNDc1NzA2MzE5MTM3NjY3MTA4MmqIFxIBMBgAIkUaMQAKKmhoc3lrcG5rYWp5Ymtja2RoaFVDZUJObWIzdDBLRVFwT1lLeV9UVkFqQRICABIqEMIPDxoPPxPKGoIEJAGABCsqiwEQARp4gfsEAQL-AwD0AgsAAgT-ARP1Bwb3AAAA5BEHAQP9AQAH-wgB-wEAAPr9CAQAAAAA9fwJC_T_AQAF-fsK8gD_ABn29Qj9AAAAAQbvCwABAAD0_fYD9gIAAAQC_QQAAAAA_AgBAfz_AAAD_PAFAAAAAAD19P4AAAAAIAAtnXXbOzgTQAlITlACKoQCEAAa8AF_DhgC0AAb_3D0-wHjGwkBje8a_2AA9QAA_A0B-_f2ASQcCADqECEAGe3xAQoNBP_WDAH_BAsWAOr1GgD-B-4AHwzsANHd-QAO6P4A6PrqAOri_wD2FekA9Bfy__EU_P0aBAP83unWAQjmFAQaER8B5AUHBOvpFAATCgj-Ke_8AOrl8QDi4_0CA_z59y3zCAXSC_H6GAj1_PkKCAMM9e0ADSfi_vT7C_stHP0C_wLeAPf87v_3_QH77eUGCCILAvv-7gUFB-n_ABwiCPkJIgn-2ewWB-0N8wER-ALy1OEA_gYl_Pf07Qr_2PUECfIZBwAgAC30Fzc7OBNACUhhUAIqzwcQABrAB3jQ5L6pPJE7DA3fvCWbRj2EdkO3QLYWvc7cCL1VZYQ6Xw4WvRDoHL4Qr2s8b2FwuLIv4b6OiHM8gsDSugyQgD6fRJ89l1v3ulNScTwv0rg79D6EvPQzJb6AiW49CNouPX2X8j0UC3c9nN06PdLrBT1mg8y81SICvdAZJz31Hp28yZerum8nhj342a28BcG9OXJNAT4kNom9amT8vMY3T73fE5A81BfXOs3CQ7zpVMO8kR6OOw8exz2RBlw8Y1jPvNvvij1jwym97BjTOwXuaj1Otda8Ux9tO6g0Qj0v4XC9M2SGvOMcFb5Tfq08GwsvPLAZJb1TgB68ZCMQPIjw1Dw4NGA9c5W0uzklAL10_tg7tV4iPT4IYT2oQqI9KCnwPKsx17yipSE9uvCHOwGZtz3Woiq8VyGKPIPC4D0VwDm8L2PUvGcOyTyBSLW8ASXPPJHE_bs00OE83eGAvOsDlL1I2hI9V3J8u8f8kr2iXcW8DdMtPBMLAT1QKmu9tXffOyGNLzyqR5o8vM9xPCDUtb2LiU08jhsAPMolBD3Dv4Q7BCYJOarPujxjuPq8KiSyOpmolLzH81k9t447O97IDL4Lskq9wnlEO4tqNj1C-4W70j9aO3Vn3Lxlnbu8rwEZPBunXD1qmEs94lKZO2ynd721qgC9FHD4OwYharxasak9AIYruvOaDb2E2qk61o8LPE87_D3NCMo6c-oEt4Fb9z0IS5a9-F_uOAfQDz4dFjS8GjxzukYNQb1iP5U9J6ImOq4du7xQXS88vPUXuseFPj0AL429N22mt2A7uD2bdoy7ANjFue2hmL2tAus7CjKkuZDIjb2gelo8_5M6Oka5L73cxQq9eEWzuTiTgD00xIw9a7nQuNNS1Lx6Qbq8J34UusSxTr2V_5o8aUFhuIXNRT1hm568ct_SNx7M4LvW8U69P-YluRIxJT0Uiyk97fRPuZZSoT2a9iM9Zc1oN4blz70AaeS8AzRNudHTF7z-5m47To39ODN9Gjo7iWi9kbqkuA1gYL211Gs9j2EhubmCN7w2PWa76R-LOFU13LxrD_s8pxegN1GQzDsw_eA7OXpLt2FM_rvUmLW9M7SCNo1s3TyAsD2922psOBWDUTxvVs68JSYQOKborzucTJG9hmUUOAe2Srz_WAw8o1GiNkp62D1NLoa8Di1vN-P_jj1_3zo9rfHTt_tkWz17tW09-B6HuC9poT1dBOE8R_gQOboTrLxy3Lk9dDAYueHWWD0wpJ49F9GFty7EDz0cHQG97aaptyAAOBNACUhtUAEqcxAAGmBp9wAt2Qnu-ChV4dzt0QjV8fYa8bUN_wjU__oz6fwEP_e91hT_PObQD6EAAAAEDwZO-QDpfBO_yRHkJPGJ9gIeOX8uGuvmNDMJ8L0EGrnk6uQIKRAA3e7FARQa-18XNB0gAC2CKhk7OBNACUhvUAIqrwYQDBqgBgAAiEEAADBBAACSQgAAgEEAAGhCAAAoQgAAKMIAANjBAACAvwAAyMEAAPhBAADgwQAAvsIAAMDBAACEQgAAYMEAAIA_AAAwQQAAAAAAAGDCAAAQQQAAyEEAAKDBAAAIQgAAwEEAAIA_AACWwgAATMIAAJxCAACGQgAA0MEAAMhBAABswgAAIMEAAKDBAAAMwgAAgMEAAJ5CAABQQQAAoMEAAIxCAABsQgAAgkIAAARCAAAAQQAALMIAAMBAAAAkwgAAykIAACBBAAAwwgAAVEIAABjCAAAAQgAAEMEAAMhBAABYwgAAyEEAABzCAABUQgAAmkIAABDCAABAQQAAPMIAAKBAAADAwQAALEIAAETCAABwwQAA-MEAALRCAAAkQgAAhsIAAJ5CAABwwQAAKMIAANjBAACgQQAAsMEAAAAAAABYwgAAPMIAAEDAAABEQgAAUMEAABhCAABUwgAAAEEAAEBCAADowQAAJMIAABRCAADQwQAAwMEAAEDBAABcwgAAoEEAAFRCAAB0QgAAAMIAAGzCAACAQgAA2EEAAITCAADowQAAqEEAAEBCAABgwQAAYMEAAKhBAADQQQAAQEAAAODBAACQwQAAwEAAALDBAABAwQAAgMAAAIDBAADIwQAAiMIAAIDBAAAwwgAACEIAAIC_AACUQgAAIMEAAEDAAADMwgAAsMEAALDBAABEwgAAQEEAAMhBAAAwwQAAUEEAAKDBAAAgwgAAQMIAAEDBAABgQQAAIEEAABBBAAAAAAAAuEEAAIA_AACAwgAAuEEAAPDBAACQQQAAgEAAAAhCAACAvwAAKMIAALhBAAAQwgAAXEIAAIrCAABAwQAAyEIAAEBAAACgQAAAQMEAAKBAAACQwgAAQMIAADBBAAAcQgAACEIAABDBAAAwQQAAAEAAAMDAAAAQwQAAgEAAAMBAAAAYwgAAHMIAAKBBAACAPwAAAEAAABDBAAAoQgAAfMIAAJpCAAB4wgAAVMIAAEhCAACIQQAAHEIAAILCAADAwQAAVEIAAODAAAAQwQAAMMEAAEDCAAC6QgAAjMIAACjCIAA4E0AJSHVQASqPAhAAGoACAAD4vQAAJD4AAAQ-AAA8PgAA4LwAAHA9AAC4vQAAE78AADS-AACIvQAA4DwAAJi9AAAMPgAADD4AAGy-AACKvgAAlj4AANg9AAAQPQAABz8AAH8_AAAMPgAA2L0AAKC8AABEPgAABL4AAIg9AAAQvQAA2L0AADw-AAAkPgAAHL4AABA9AACYPQAAgLsAAEA8AAAwPQAALL4AAJK-AADYvQAAdL4AABS-AACIvQAAuL0AABQ-AAAEPgAAnj4AAGS-AADIvQAATL4AAFQ-AAAQPQAAdD4AABw-AAAEvgAAqL0AABU_AADIPQAAoDwAAGw-AABAvAAAcD0AAKA8AAAMviAAOBNACUh8UAEqjwIQARqAAgAAir4AAIC7AADgvAAANb8AAFA9AADIPQAAoLwAAOC8AADovQAAZD4AACS-AACgvAAA6L0AAES-AAAwPQAA4DwAAHC9AAA_PwAAgDsAAI4-AACIvQAAgDsAAIA7AABQvQAA-L0AAGw-AACovQAAgLsAADS-AACAOwAAMD0AAOA8AAA0PgAA-L0AAKg9AABAvAAA6D0AAOg9AACCvgAA6L0AAFA9AAAUPgAAmD0AAIi9AAAQvQAAJL4AAH-_AACYvQAAcD0AADC9AAB8PgAAFL4AAGw-AADYPQAATD4AAOC8AAAwPQAAcL0AANi9AACAOwAAqD0AAMg9AACIvQAAQDwgADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=V9tI519-UuU","parent-reqid":"1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["4757063191376671082"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"3324028535"}},"dups":{"4757063191376671082":{"videoId":"4757063191376671082","title":"Coding Design Systems - ep21 - ModernCSS.dev and Nunjucks components for a static Web content","cleanTitle":"Coding Design Systems - ep21 - ModernCSS.dev and Nunjucks components for a static Web content","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=V9tI519-UuU","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/V9tI519-UuU?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDZUJObWIzdDBLRVFwT1lLeV9UVkFqQQ==","name":"Backlight","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Backlight","origUrl":"http://www.youtube.com/@backlight_dev","a11yText":"Backlight. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":3402,"text":"56:42","a11yText":"Süre 56 dakika 42 saniye","shortText":"56 dk."},"date":"8 haz 2022","modifyTime":1654646400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/V9tI519-UuU?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=V9tI519-UuU","reqid":"1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","duration":3402},"parentClipId":"4757063191376671082","href":"/preview/4757063191376671082?parent-reqid=1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","rawHref":"/video/preview/4757063191376671082?parent-reqid=1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","isEmbedOnly":false,"shouldPlayInstreamPreroll":false}}},"viewer":{"_isInitial":false,"clips":{"items":{"4757063191376671082":{"videoId":"4757063191376671082","docid":"34-8-2-Z237B228F441861CD","description":"⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ In this episode, let's cover upcoming CSS features like container queries or @layer to organize and architect the way you distribute your design system.","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3429725/f56e98597fbc06946f1fa6b801d2521b/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/SVtKCgIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"0","reqid":"1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DV9tI519-UuU","linkTemplate":"/video/preview/4757063191376671082?parent-reqid=1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Coding Design Systems - ep21 - ModernCSS.dev and Nunjucks components for a static Web content","related_orig_text":"","related_porno":false,"related_short":true,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=V9tI519-UuU\",\"src\":\"serp\",\"rvb\":\"EhUKEzQ3NTcwNjMxOTEzNzY2NzEwODIaFQoTNDc1NzA2MzE5MTM3NjY3MTA4MloTNDc1NzA2MzE5MTM3NjY3MTA4MmqIFxIBMBgAIkUaMQAKKmhoc3lrcG5rYWp5Ymtja2RoaFVDZUJObWIzdDBLRVFwT1lLeV9UVkFqQRICABIqEMIPDxoPPxPKGoIEJAGABCsqiwEQARp4gfsEAQL-AwD0AgsAAgT-ARP1Bwb3AAAA5BEHAQP9AQAH-wgB-wEAAPr9CAQAAAAA9fwJC_T_AQAF-fsK8gD_ABn29Qj9AAAAAQbvCwABAAD0_fYD9gIAAAQC_QQAAAAA_AgBAfz_AAAD_PAFAAAAAAD19P4AAAAAIAAtnXXbOzgTQAlITlACKoQCEAAa8AF_DhgC0AAb_3D0-wHjGwkBje8a_2AA9QAA_A0B-_f2ASQcCADqECEAGe3xAQoNBP_WDAH_BAsWAOr1GgD-B-4AHwzsANHd-QAO6P4A6PrqAOri_wD2FekA9Bfy__EU_P0aBAP83unWAQjmFAQaER8B5AUHBOvpFAATCgj-Ke_8AOrl8QDi4_0CA_z59y3zCAXSC_H6GAj1_PkKCAMM9e0ADSfi_vT7C_stHP0C_wLeAPf87v_3_QH77eUGCCILAvv-7gUFB-n_ABwiCPkJIgn-2ewWB-0N8wER-ALy1OEA_gYl_Pf07Qr_2PUECfIZBwAgAC30Fzc7OBNACUhhUAIqzwcQABrAB3jQ5L6pPJE7DA3fvCWbRj2EdkO3QLYWvc7cCL1VZYQ6Xw4WvRDoHL4Qr2s8b2FwuLIv4b6OiHM8gsDSugyQgD6fRJ89l1v3ulNScTwv0rg79D6EvPQzJb6AiW49CNouPX2X8j0UC3c9nN06PdLrBT1mg8y81SICvdAZJz31Hp28yZerum8nhj342a28BcG9OXJNAT4kNom9amT8vMY3T73fE5A81BfXOs3CQ7zpVMO8kR6OOw8exz2RBlw8Y1jPvNvvij1jwym97BjTOwXuaj1Otda8Ux9tO6g0Qj0v4XC9M2SGvOMcFb5Tfq08GwsvPLAZJb1TgB68ZCMQPIjw1Dw4NGA9c5W0uzklAL10_tg7tV4iPT4IYT2oQqI9KCnwPKsx17yipSE9uvCHOwGZtz3Woiq8VyGKPIPC4D0VwDm8L2PUvGcOyTyBSLW8ASXPPJHE_bs00OE83eGAvOsDlL1I2hI9V3J8u8f8kr2iXcW8DdMtPBMLAT1QKmu9tXffOyGNLzyqR5o8vM9xPCDUtb2LiU08jhsAPMolBD3Dv4Q7BCYJOarPujxjuPq8KiSyOpmolLzH81k9t447O97IDL4Lskq9wnlEO4tqNj1C-4W70j9aO3Vn3Lxlnbu8rwEZPBunXD1qmEs94lKZO2ynd721qgC9FHD4OwYharxasak9AIYruvOaDb2E2qk61o8LPE87_D3NCMo6c-oEt4Fb9z0IS5a9-F_uOAfQDz4dFjS8GjxzukYNQb1iP5U9J6ImOq4du7xQXS88vPUXuseFPj0AL429N22mt2A7uD2bdoy7ANjFue2hmL2tAus7CjKkuZDIjb2gelo8_5M6Oka5L73cxQq9eEWzuTiTgD00xIw9a7nQuNNS1Lx6Qbq8J34UusSxTr2V_5o8aUFhuIXNRT1hm568ct_SNx7M4LvW8U69P-YluRIxJT0Uiyk97fRPuZZSoT2a9iM9Zc1oN4blz70AaeS8AzRNudHTF7z-5m47To39ODN9Gjo7iWi9kbqkuA1gYL211Gs9j2EhubmCN7w2PWa76R-LOFU13LxrD_s8pxegN1GQzDsw_eA7OXpLt2FM_rvUmLW9M7SCNo1s3TyAsD2922psOBWDUTxvVs68JSYQOKborzucTJG9hmUUOAe2Srz_WAw8o1GiNkp62D1NLoa8Di1vN-P_jj1_3zo9rfHTt_tkWz17tW09-B6HuC9poT1dBOE8R_gQOboTrLxy3Lk9dDAYueHWWD0wpJ49F9GFty7EDz0cHQG97aaptyAAOBNACUhtUAEqcxAAGmBp9wAt2Qnu-ChV4dzt0QjV8fYa8bUN_wjU__oz6fwEP_e91hT_PObQD6EAAAAEDwZO-QDpfBO_yRHkJPGJ9gIeOX8uGuvmNDMJ8L0EGrnk6uQIKRAA3e7FARQa-18XNB0gAC2CKhk7OBNACUhvUAIqrwYQDBqgBgAAiEEAADBBAACSQgAAgEEAAGhCAAAoQgAAKMIAANjBAACAvwAAyMEAAPhBAADgwQAAvsIAAMDBAACEQgAAYMEAAIA_AAAwQQAAAAAAAGDCAAAQQQAAyEEAAKDBAAAIQgAAwEEAAIA_AACWwgAATMIAAJxCAACGQgAA0MEAAMhBAABswgAAIMEAAKDBAAAMwgAAgMEAAJ5CAABQQQAAoMEAAIxCAABsQgAAgkIAAARCAAAAQQAALMIAAMBAAAAkwgAAykIAACBBAAAwwgAAVEIAABjCAAAAQgAAEMEAAMhBAABYwgAAyEEAABzCAABUQgAAmkIAABDCAABAQQAAPMIAAKBAAADAwQAALEIAAETCAABwwQAA-MEAALRCAAAkQgAAhsIAAJ5CAABwwQAAKMIAANjBAACgQQAAsMEAAAAAAABYwgAAPMIAAEDAAABEQgAAUMEAABhCAABUwgAAAEEAAEBCAADowQAAJMIAABRCAADQwQAAwMEAAEDBAABcwgAAoEEAAFRCAAB0QgAAAMIAAGzCAACAQgAA2EEAAITCAADowQAAqEEAAEBCAABgwQAAYMEAAKhBAADQQQAAQEAAAODBAACQwQAAwEAAALDBAABAwQAAgMAAAIDBAADIwQAAiMIAAIDBAAAwwgAACEIAAIC_AACUQgAAIMEAAEDAAADMwgAAsMEAALDBAABEwgAAQEEAAMhBAAAwwQAAUEEAAKDBAAAgwgAAQMIAAEDBAABgQQAAIEEAABBBAAAAAAAAuEEAAIA_AACAwgAAuEEAAPDBAACQQQAAgEAAAAhCAACAvwAAKMIAALhBAAAQwgAAXEIAAIrCAABAwQAAyEIAAEBAAACgQAAAQMEAAKBAAACQwgAAQMIAADBBAAAcQgAACEIAABDBAAAwQQAAAEAAAMDAAAAQwQAAgEAAAMBAAAAYwgAAHMIAAKBBAACAPwAAAEAAABDBAAAoQgAAfMIAAJpCAAB4wgAAVMIAAEhCAACIQQAAHEIAAILCAADAwQAAVEIAAODAAAAQwQAAMMEAAEDCAAC6QgAAjMIAACjCIAA4E0AJSHVQASqPAhAAGoACAAD4vQAAJD4AAAQ-AAA8PgAA4LwAAHA9AAC4vQAAE78AADS-AACIvQAA4DwAAJi9AAAMPgAADD4AAGy-AACKvgAAlj4AANg9AAAQPQAABz8AAH8_AAAMPgAA2L0AAKC8AABEPgAABL4AAIg9AAAQvQAA2L0AADw-AAAkPgAAHL4AABA9AACYPQAAgLsAAEA8AAAwPQAALL4AAJK-AADYvQAAdL4AABS-AACIvQAAuL0AABQ-AAAEPgAAnj4AAGS-AADIvQAATL4AAFQ-AAAQPQAAdD4AABw-AAAEvgAAqL0AABU_AADIPQAAoDwAAGw-AABAvAAAcD0AAKA8AAAMviAAOBNACUh8UAEqjwIQARqAAgAAir4AAIC7AADgvAAANb8AAFA9AADIPQAAoLwAAOC8AADovQAAZD4AACS-AACgvAAA6L0AAES-AAAwPQAA4DwAAHC9AAA_PwAAgDsAAI4-AACIvQAAgDsAAIA7AABQvQAA-L0AAGw-AACovQAAgLsAADS-AACAOwAAMD0AAOA8AAA0PgAA-L0AAKg9AABAvAAA6D0AAOg9AACCvgAA6L0AAFA9AAAUPgAAmD0AAIi9AAAQvQAAJL4AAH-_AACYvQAAcD0AADC9AAB8PgAAFL4AAGw-AADYPQAATD4AAOC8AAAwPQAAcL0AANi9AACAOwAAqD0AAMg9AACIvQAAQDwgADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=V9tI519-UuU","parent-reqid":"1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["4757063191376671082"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false,"videoContentId":"3324028535"}},"dups":{"4757063191376671082":{"videoId":"4757063191376671082","title":"Coding Design Systems - ep21 - ModernCSS.dev and Nunjucks components for a static Web content","cleanTitle":"Coding Design Systems - ep21 - ModernCSS.dev and Nunjucks components for a static Web content","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=V9tI519-UuU","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/V9tI519-UuU?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDZUJObWIzdDBLRVFwT1lLeV9UVkFqQQ==","name":"Backlight","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Backlight","origUrl":"http://www.youtube.com/@backlight_dev","a11yText":"Backlight. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":3402,"text":"56:42","a11yText":"Süre 56 dakika 42 saniye","shortText":"56 dk."},"date":"8 haz 2022","modifyTime":1654646400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/V9tI519-UuU?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=V9tI519-UuU","reqid":"1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","duration":3402},"parentClipId":"4757063191376671082","href":"/preview/4757063191376671082?parent-reqid=1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","rawHref":"/video/preview/4757063191376671082?parent-reqid=1771384318224321-10747056236238304209-balancer-l7leveler-kubr-yp-sas-247-BAL","isEmbedOnly":false,"shouldPlayInstreamPreroll":false}},"loadingStatus":"None"},"internal":{"videoId":"4757063191376671082","sandboxEventPrefix":"sandbox:","sandboxVersion":"0x906f9600bf4","isEmbedded":false,"from":"yavideo","service":"ya-video","hbPeriod":30,"table":"video_tech","isInstreamDisabled":true,"nonce":"7470562362383042097247","errorList":[],"isAdultAdv":false,"isImportantCommonAdv":false,"shouldShowAdvId":false,"advConfig":{"under-player":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"under-player-lite":{"regular":{"default":"R-I-48058-728"},"adult":{"default":"R-I-474674-103"}},"under-player-old":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"video-list":{"regular":{"default":"R-I-48058-708","mail":"R-A-13411721-2"},"adult":{"default":"R-I-474674-101","mail":"R-A-13426421-2"}},"search-list":{"adult":{"default":"R-I-474674-135","mail":"R-A-13426421-23"},"regular":{"default":"R-I-48058-751","mail":"R-A-13411721-23"}},"search-grid-row":{"regular":{"default":"R-I-48058-718","mail":"R-A-13411721-4"},"adult":{"default":"R-I-474674-109","mail":"R-A-13426421-4"}},"search-grid-head":{"regular":{"default":"R-I-2120168-7"}},"search-list-right":{"regular":{"default":"R-I-8843654-1"}},"before-player-old":{"regular":{"default":"R-I-2120168-1"}},"before-player":{"regular":{"default":"R-I-2120168-1"}},"search-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"shouldValidateSandbox":false,"sandboxInitTimeout":15000,"isSSROnlyMastheadEnabled":true,"queryUriEscaped":"videoid%3A4757063191376671082","filterMode":1,"isUserChild":false,"advInstreamConfig":{"regular":{"default":{"category":"2","impId":"7","partnerId":"2216089","vmapScenarioId":"119"}},"adult":{"default":{"category":"3","impId":"4","partnerId":"1988486","vmapScenarioId":"119"}}}},"playbackQueue":{"currentIndex":0,"items":[{"type":"VIDEO","videoId":"4757063191376671082","source":"serp","selectEvent":"click"}]},"related":{"items":[],"pages":[],"loadingStatus":"None","nextPageNum":0,"ncrnd":0},"playlist":{"items":{}},"delayedViews":{"ids":[],"loadingStatus":"None"}}}