{"pages":{"search":{"query":"Codingflag","originalQuery":"Codingflag","serpid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","parentReqid":"","serpItems":[{"id":"7128942170378620342-0-0","type":"videoSnippet","props":{"videoId":"7128942170378620342"},"curPage":0},{"id":"9612799036110223468-0-1","type":"videoSnippet","props":{"videoId":"9612799036110223468"},"curPage":0},{"id":"7338312856927192009-0-2","type":"videoSnippet","props":{"videoId":"7338312856927192009"},"curPage":0},{"id":"6078246480512729657-0-3","type":"videoSnippet","props":{"videoId":"6078246480512729657"},"curPage":0},{"id":"-0-4","type":"direct","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"","renderTo":"","pageNumber":4,"grab":"dENvZGluZ2ZsYWcK","statId":4,"darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","ui":"desktop","yuid":"4369388791769126603"}}},"isAdult":false,"position":4,"placement":"empty"},"curPage":0},{"id":"2375305266298214707-0-5","type":"videoSnippet","props":{"videoId":"16127296667663151567"},"curPage":0},{"id":"15218985559641567709-0-6","type":"videoSnippet","props":{"videoId":"15218985559641567709"},"curPage":0},{"id":"14954237088602641151-0-7","type":"videoSnippet","props":{"videoId":"14954237088602641151"},"curPage":0},{"id":"13790741190186679399-0-8","type":"videoSnippet","props":{"videoId":"13790741190186679399"},"curPage":0},{"id":"14704187475412004468-0-9","type":"videoSnippet","props":{"videoId":"14704187475412004468"},"curPage":0},{"id":"9456422277989623355-0-10","type":"videoSnippet","props":{"videoId":"9456422277989623355"},"curPage":0},{"id":"-0-11","type":"direct","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"","renderTo":"","pageNumber":11,"grab":"dENvZGluZ2ZsYWcK","statId":11,"darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","ui":"desktop","yuid":"4369388791769126603"}}},"isAdult":false,"position":11,"placement":"empty"},"curPage":0},{"id":"728775430643326838-0-12","type":"videoSnippet","props":{"videoId":"728775430643326838"},"curPage":0},{"id":"18116719913806790654-0-13","type":"videoSnippet","props":{"videoId":"18116719913806790654"},"curPage":0},{"id":"14141297161140937613-0-14","type":"videoSnippet","props":{"videoId":"14141297161140937613"},"curPage":0},{"id":"17589330105830739323-0-15","type":"videoSnippet","props":{"videoId":"17589330105830739323"},"curPage":0},{"id":"4379657182187750643-0-16","type":"videoSnippet","props":{"videoId":"4379657182187750643"},"curPage":0},{"id":"2871403043139514240-0-17","type":"videoSnippet","props":{"videoId":"1662235902029018278"},"curPage":0},{"id":"15279645958940806488-0-18","type":"videoSnippet","props":{"videoId":"15279645958940806488"},"curPage":0},{"id":"15342378437109084108-0-19","type":"videoSnippet","props":{"videoId":"15342378437109084108"},"curPage":0}],"filters":{},"serpFooter":{"linksGroups":[{"type":"geo","links":[{"label":"Columbus","title":"Columbus","url":"//yandex.com/tune/geo/","logNode":{"name":"region"},"target":"_self","a11yLabel":"Your region Columbus","needRetpath":true}]},{"type":"searchengines","links":[{"label":"Google","url":"//google.com/search?tbm=vid&q=Codingflag","logNode":{"name":"link","attrs":{"type":"google"}},"target":"_blank"},{"label":"Bing","url":"//bing.com/videos?scope=video&q=Codingflag","logNode":{"name":"link","attrs":{"type":"bing"}},"target":"_blank"}]},{"type":"help","links":[{"label":"Contact us","url":"https://yandex.com/support/video/troubleshooting.html","logNode":{"name":"feedback"},"needRetpath":true},{"label":"Help","url":"https://yandex.com/support/video/","logNode":{"name":"help"},"needRetpath":true}]},{"type":"settings","links":[{"label":"Tune","url":"https://yandex.com/tune/search/","target":"_self","logNode":{"name":"settings"},"needRetpath":true}]},{"type":"company","links":[{"label":"About","url":"//yandex.com/company/","logNode":{"name":"about"},"target":"_blank"},{"label":"License","url":"//yandex.com/legal/termsofuse/","logNode":{"name":"license"},"target":"_blank"},{"label":"Privacy Policy","url":"//yandex.com/legal/confidential/","logNode":{"name":"confidential"},"target":"_blank"}],"a11yHidden":true}],"hasExtralinks":true},"currentPage":0,"prevPageToLoad":-1,"nextPageToLoad":1,"isTranslationsFilterEnabled":false,"isTranslationsDistributionEnabled":false,"isTranslationsDistributionOnboardingEnabled":false,"isFeedbackModalVisible":false,"correction":{"items":[{"kind":"misspell","url":"/video/search?text=Coding%20flag","params":{"text":"Coding flag"},"query":"Coding flag","helpUrl":"https://yandex.com/support/search/how-to-search/request-correction.xml","helpTarget":"_blank","helpAriaLabel":"Spelling correction service"}],"id":"604872753537"},"prevention":{},"hasNextPage":true,"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":"dENvZGluZ2ZsYWcK","darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","ui":"desktop","yuid":"4369388791769126603"}}},"isAdult":false,"position":0,"placement":"search-list-right"},"curPage":0}],"isAdultQuery":false,"errorList":[],"layout":"list","retpath":"https%3A%2F%2Fxmlsearch.yandex.com%2Fvideo%2Fsearch%3Ftext%3DCodingflag"},"main":{"_isInitial":true,"snippets":[],"serpFooter":{"linksGroups":[]},"isLoggedIn":false,"tags":[]}},"internal":{"nonce":"8357131738712002227148","expFlags":{"video_settings_toolbar_redesign":1,"velocity_delay_drawer":1,"video_feedback_in_d2d":1,"video_viewer_heartbeat_disabled_in_no_js_api":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_no_islands":1,"video_viewer_channel_link_mode":2,"video_partner_label":1,"video_resource_loader_load_timeout":6000,"mmui_extended_escape_scheme":"searchdata.clips.0.authorname","spok":"id","video_suggest_use_serp":1,"video_search_grid_direct_repeat":6,"video_viewer_critical_error_codes":"101,102,103,100,151,152,153,154,155,156,150","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_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,"video_viewer_doc2doc_instant_load":1,"velocity_split_hydration":4,"video_duration_counter_new_format":1,"video_force_grid_on_premordie":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":["1455698,0,83;1466867,0,31;1457621,0,64;1468855,0,58;1460717,0,11;1464561,0,72;1460214,0,44;1465968,0,68;1452511,0,88;1461638,0,94;1469897,0,39;187287,0,38;182560,0,14;1447333,0,56;1464524,0,59;1455765,0,66;1463533,0,33;1466296,0,96;1470853,0,82;1466077,0,26;1464403,0,97;1466618,0,89;1470513,0,13;1460391,0,51;1471179,0,40;1470316,0,18;1357005,0,58;961010,0,4;151171,0,96;128378,0,63;126344,0,88;1459211,0,3;1281084,0,58;287509,0,93;1447467,0,6;790823,0,78;1468028,0,13"],"isYandexNet":false,"platform":"desktop","isEnLogo":true,"retpath":"https%3A%2F%2Fxmlsearch.yandex.com%2Fvideo%2Fsearch%3Ftext%3DCodingflag","mordaUrl":"//yandex.com/","videoSearchUrl":"https://xmlsearch.yandex.com/video/search?text=Codingflag","settingsUrl":"https://yandex.com/tune/search/","helpUrl":"https://yandex.com/support/video/","legalUrl":"//legal.yandex.com/termsofservice/","feedbackUrl":"https://yandex.com/support/video/troubleshooting.html","basename":"/video","currentPageName":"search","isYandexApp":false,"isYandexAppAndroid":false,"isYandexAppIos":false,"isAnyYaBro":false,"isAndroid":false,"isHamster":false,"serpid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","backUrl":"//ya.ru","url":"https://xmlsearch.yandex.com/video/search?text=Codingflag","isIntegrationTest":false,"isEndToEndTest":false,"shouldDropLogs":false,"seo":{"title":"Codingflag: 2 thousand videos found on Yandex","description":"Результаты поиска по запросу \"Codingflag\" в Яндексе","keywords":"яндекс видео, поиск видео, смотреть онлайн, сериалы, фильмы, клипы","shareTitle":"Codingflag — Яндекс — поиск по видео"},"isEmbedded":false,"isPumpkin":false,"sessionCsrfToken":"yc3f9c62b09e532cef0d937e4c76124ff","reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1455698,1466867,1457621,1468855,1460717,1464561,1460214,1465968,1452511,1461638,1469897,187287,182560,1447333,1464524,1455765,1463533,1466296,1470853,1466077,1464403,1466618,1470513,1460391,1471179,1470316,1357005,961010,151171,128378,126344,1459211,1281084,287509,1447467,790823,1468028","queryText":"Codingflag","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","userRegionName":"","userRegionId":"id() {\n return this._region.id;\n }","yandexuid":"4369388791769126603","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,1167408,1202006,1194718,1221235,1228280,1227266,1226860,1246754,1313283,1321224,1300570,1320679,1352408,1342688,1341968,1345362,1367583,1336673,1348424,1382036,1391511,1384451,1402882,1407422,1417605,1424780,1429092,1438908,1444206,1449283,1452713,1457995,1459277,1459585,1461130,1466451,1299604","regionId":20815,"isYaRu":false,"shouldUnmountSearchPageInViewer":false,"videoGlobalContext":{"platform":"desktop","isPumpkin":false,"language":"en","user_time":{"epoch":"1769126604","tz":"America/Louisville","to_iso":"2026-01-22T19:03:24-0500","__is_plain":1},"isHermione":false,"shouldStubImages":true,"enableVideoPreviewInHermione":false,"reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-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":"1455698,1466867,1457621,1468855,1460717,1464561,1460214,1465968,1452511,1461638,1469897,187287,182560,1447333,1464524,1455765,1463533,1466296,1470853,1466077,1464403,1466618,1470513,1460391,1471179,1470316,1357005,961010,151171,128378,126344,1459211,1281084,287509,1447467,790823,1468028","queryText":"Codingflag","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","userRegionName":"","userRegionId":"id() {\n return this._region.id;\n }","yandexuid":"4369388791769126603","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":"8357131738712002227148","disableDoc2DocHostLink":false,"shouldHideChannelLink":false,"disableChannelLink":false,"userConnectionRtt":156,"animated":false,"isDoc2DocScrollFix":true,"smartDesktopLayout":true,"enableVIImprovements":false,"enableLazyPoster":false,"isAdvDisabled":false,"shouldShowVideoPlaylistPane":false,"isVideoTranslationSupported":false,"isSummaryDisabled":false,"isSummaryOnlineEnabled":false,"shouldRenderBroSummaryApiContainer":false,"shouldDropLogs":false,"shouldUseBeacon":false,"hasAdBlock":false,"rknWarnHosts":[""],"relatedAdvRootMargin":400,"postInstreamScreenDuration":2000,"minVideoDurationForInstream":120,"isInstreamEnabledInTesting":false,"isFinalHeartbeatDisabledInNoJsApi":true,"wildcard":false,"isAdvUnderPlayerRedesign":false,"disableEarlyEventsInD2d":false,"isDoc2DocInstantLoadEnabled":true,"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,"isIslandsDisabled":true,"isD2DEmptyLoadFixDisabled":false,"isRoundedPlayerEnabled":false,"isSettingsToolbarRedesign":true,"isDoc2DocEmptyRetryEnabled":false,"isAdvUnderPlayerWithBackdrop":false,"isTouchAdvWithBackdrop":false,"isDoc2DocErrorScreenEnabled":true,"isDoc2DocFeedbackKebabEnabled":true,"isCommentsEnabled":false,"isCommentsCountOnSnippetsEnabled":false,"criticalErrorCodes":["101","102","103","100","151","152","153","154","155","156","150"],"isVideoMainButtonInitiallyCollapsed":false,"isAdvUnderPlayerWithInnerPadding":false,"isKebabAdvancedActionsEnabled":false,"isKebabOnTouchVideoSearchEnabled":false,"isAdvVideoListLikeUnderPlayer":false,"isSummaryInMetaButtons":false,"isSummaryInMetaButtonsDesktop":false,"isMetaCommentsButtonEnabled":false,"preventAdvHideOnEmpty":false},"shouldShowAdvId":false,"isAdultQuery":false,"isSensitivePage":false,"showSensitive":false,"shouldReplaceHref":false},"user":{"tld":"com","isEuDomain":false,"login":"","passportId":"","isLoggedIn":false,"locationName":"Columbus","isFamily":false,"yandexuid":"4369388791769126603","ugcCsrfToken":"","family":1,"isChild":false},"config":{"skinMode":"system","skin":"light","version":"releases-frontend-video-v1.1752.0__ae004822389e3439f94879359ebf2afe68764f77","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":"xmlsearch.yandex.com/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","pager":"405","down":"601","up":"600","footer":"295","more":"75","page":"143","loaded":"1007","grid":"3223","support":"2458","client":"2989","layout":"54","list":"436","duration":"2136","within":"3247","on":"10","off":"11","host":"3052","supported":"3761","enable":"2396","disable":"2395","full":"318","video":"231","translation":"347","distrib":"316","onboarding":"2045","filters":"618","lang":"1144","advanced":"255","apply":"2461","reset":"3236","short":"142","toggle":"237","snippet":"254","icon":"1167","abuse":"1436","submit":"297","wizard":"358","incut":"1073","extralinks":"3557","show":"487","feedback":"296","region":"287","help":"177","settings":"1137","recommendations":"2671","home":"1319","soo":"65","youtube":"624","google":"66","bing":"568"}},"clips":{"items":{"7128942170378620342":{"videoId":"7128942170378620342","docid":"34-1-4-Z82794CBBEADA0F24","description":"In this video, I will show you how you can create your own live code editor with syntax highlighting feature using HTML, CSS & JavaScript. I have used codemirror library to add syntax...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/215137/c0a95c19620a0932748222ce78dfb442/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/tzehegEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"0","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"Create Your Own Code Editor With Syntax Highlighting using HTML, CSS & JavaScript","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=wK2jmHWP6eU\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoVChM3MTI4OTQyMTcwMzc4NjIwMzQyWhM3MTI4OTQyMTcwMzc4NjIwMzQyarYPEgEwGAAiRRoxAAoqaGh1c3lmYnNmcXRndHVsYmhoVUNYRExyc3FlMTR1RnU2azk2eGpsRjR3EgIAEioQwg8PGg8_E4oEggQkAYAEKyqLARABGniBAgkKBQX6APIVBwYIBf0BH-sC_fUCAQDSA_MFB_cEAA0BA_b5AAAA9PUABwYAAAABCAL-8P4BAPQFCw8EAAAAHPX0Cf0AAAAND-4C_wEAAPHy9_QCAAAACAMG9_8AAAAMCQT5_v8AAAkI9e4BAAAA_vj-CwAAAAAgAC3bNsQ7OBNACUhOUAIqhAIQABrwAWYg4fwVy_EFoCLE_t4N8gGYDP__SdncAMv64wH6298Bw9fiAPzqGf_K7NMAgRPsAb8o8P8LEQ7__dcS_w_5J_8JA8IBN9EuAzH75gLzLdn_BR0a_gfiOf9N3foDKvr--iTuFvvNCtEAqd_iA90gLAEx-_38MxYfAuwmHvnxLxoE8-IR_dkgAwmrExH6BRTqBRc42QFEC9IA7B4t_Evx3gE2_yH_3QH5_fMKEg3d5Pn08unxAuL_8xLmKCH-8z0bA-_3GBTw3AHsGD4HAxoD3wbxFwf6C-zzCf_fBQLZDQf81fcS7u0ODQDlFfbm2wnz6SAALdWsADs4E0AJSGFQAipzEAAaYBkAAFD0-tj-ID_XE8ryK7oE79zh5jn_EMD_wBL9JfPbzJU9-P_-Gej-nAAAAE1Ex0T1AAx_0df_2Kwr_Zay-kgXewHZSrUBBCEF9F3tzSHD_x08FwDy8-AI5Pz7NyPCEiAALULYDjs4E0AJSG9QAiqvBhAMGqAGAADIQQAAOEIAADBCAAAAAAAAgEEAAHxCAADMQgAAQMEAAJ7CAACAvwAAAEIAALrCAACAwgAAuMEAAIZCAABcwgAA4MAAAKDCAABAQAAAgMIAAHxCAADIwQAAYEEAAJBCAAAgQQAAGMIAAFDCAABQwQAArEIAAKBAAACYwQAAYEEAAKrCAABAQAAAcMIAAODAAABQQQAArkIAAFDBAACKQgAA0EEAAIDAAABUQgAA-EEAADBBAAAMwgAAHMIAADBCAAAwQgAA4EEAAJTCAABQwQAAkMEAAIBBAABIQgAAAEEAAIrCAABQwQAAcMEAAHBBAAAEQgAAAAAAAEzCAABkwgAAsEEAACTCAAC4wQAAEMIAABzCAAAswgAAGEIAAHRCAAC4wQAAMMEAAIjBAADwwQAA8MEAADBBAACGQgAAyMEAAJTCAAAUQgAAAEAAADRCAAAIwgAA4MAAAEDAAABQQgAAOEIAANDBAADIQQAA6EEAAIA_AADMwgAAMMEAACTCAAAgwQAAqMEAAFBCAAC8wgAAGMIAAPBBAABYQgAAoEAAACDCAACgwAAAgEEAAKxCAACQwQAAaEIAAADBAADQQQAAQMEAABBBAAAYQgAAKEIAAFDBAABAwgAADMIAABBBAACQQQAAWMIAAPDBAAAswgAAiEEAAMBBAAAwwQAAMEEAAATCAADYQQAAHMIAAKBAAACAQAAAQMEAAJDBAAAYQgAAuEEAAKBAAADowQAAisIAAKhBAAAgwQAAwEEAAODBAAAsQgAAdMIAAJLCAADoQQAAIMEAAFzCAAAwQQAA-EEAACRCAACgwAAAQEEAAITCAAAIwgAADMIAAKjBAAA0QgAAEMEAADxCAAC4wQAANMIAADDBAAAAQQAAcEIAAIhCAACAvwAAgEAAABTCAACYQgAACMIAAHBBAACIQQAA4EAAADRCAADwwQAANEIAABRCAAAIwgAAOMIAAADBAABwQgAATEIAAGDBAACAwgAATEIAAIBAAACQwQAAgMAAAATCAABwQQAA4MAAALDBAABQQQAAXMIAADBBAACIQQAAQMIgADgTQAlIdVABKo8CEAAagAIAAJq-AAAkPgAAlj4AAOo-AACGvgAAZD4AADQ-AAAvvwAAcL0AAKi9AABQPQAA6D0AAKC8AABAvAAAqL0AAFC9AACiPgAAMD0AACw-AAAlPwAAfz8AAPi9AABEvgAAPD4AAAw-AAAwvQAAHD4AAJa-AABsPgAAXD4AAEw-AACgPAAAkj4AABy-AACoPQAAmj4AAJY-AADSvgAATL4AALg9AACmvgAAVL4AAIg9AACgPAAAFz8AAN4-AAC-PgAAXL4AAAy-AAB0vgAAXD4AAHy-AADYvQAAMD0AAKA8AAAMPgAAXT8AABy-AABwPQAA6D0AAJI-AAC4vQAAuD0AAKA8IAA4E0AJSHxQASqPAhABGoACAADSvgAAqL0AAJa-AAAvvwAAoLwAAES-AAAMvgAAoDwAAOA8AAC4PQAAtr4AAJ4-AAAsvgAALL4AAPg9AABAvAAA4r4AAF8_AADYvQAAuj4AAFw-AAAsvgAAyL0AAKg9AADovQAAiD0AAIA7AAAkPgAAqL0AAOA8AACgvAAA4LwAAIo-AAB8vgAAZD4AAIA7AACIPQAAgr4AAES-AACOPgAAuD0AADS-AADYvQAAiD0AAFw-AADyvgAAf78AAHy-AAC4vQAAXL4AAES-AACgvAAANL4AAAw-AADGPgAA-D0AAIi9AADYPQAAgDsAAMg9AADoPQAA1j4AABw-AACmviAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=wK2jmHWP6eU","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["7128942170378620342"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"2974137884"},"9612799036110223468":{"videoId":"9612799036110223468","docid":"34-6-16-Z0F5C01A88DDE50EC","description":"In this video, I will show you how you can easily create text decoding animation using HTML, CSS & JavaScript. This text decoding animation / text decoding e...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3448035/b3b827dd8c9007ee9293281325139ea6/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/60Tp5wEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"1","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"Create Text Decoding Animation using HTML, CSS & JavaScript","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=yW6fqcqxJ5k\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoVChM5NjEyNzk5MDM2MTEwMjIzNDY4WhM5NjEyNzk5MDM2MTEwMjIzNDY4aogXEgEwGAAiRRoxAAoqaGh1c3lmYnNmcXRndHVsYmhoVUNYRExyc3FlMTR1RnU2azk2eGpsRjR3EgIAEioQwg8PGg8_E_8FggQkAYAEKyqLARABGniB_QQJDf8CAPMKBAEDA_4BBvUA-vj-_gDhDvYEA_wCABD7EQMBAAAA_Pj9_AkAAAD8AgQE9v4BAPEA_A0CAAAAEwDzAv8AAAAKBvcI_gEAAPj39_0D_wAAAAUI_v8AAAAEBf____8AABAI__IBAAAA-vTxCAAAAAAgAC047tc7OBNACUhOUAIqhAIQABrwAWcdAPz55AwDoCLE_tH_9AGdIAsATAn4ANAKy__p_tQAtwPaAf6r-gKW6fICgRPsAboErf8vEPMBD_8W_xbsFgAAC9sBP-QXAFYd1v_vFeH-A0AcAQfiOf9E7QECLOUCAQkCEP70DN0Cx8vm_-sQOAIX6-8EFhMR_9H5KP3uHSUB3e_t_cYMOgKrExH6CPoEAAsl5f4vGtP94xsUAyn94gIL5P4HD_IKCQb9Cgrc0vj-0_X-B-L_8xIECDP-AjEM8vcS-wjizvT2DjUX-U4F8PMAIRH6JQrmCf7dAfKvFREC4-oNANEu_AXZ-iDi-vb47SAALdWsADs4E0AJSGFQAirPBxAAGsAHL_3rvgpiBT3d1P47cxwuvIN2fT307KS7Yy_vvBJrUb1M83i9tTUyPr9rSz3xaP48oUh3vnNWujykNjG9PSlzPpTA5rv1cg49WMfRvQy8iTxsA3y9JTcvvXQjDD0wqvu6fxPqvbtjMbwLyjk9k28GPm-wIT2ckA68IbKzvU07rburMVe82fWRPbzTGbwJdrK8z_O8PZy8rTzjgCe9LlmlPWNCTLwfCFo8Zkj6vPFuOz0JaZG77GjcvS-9AbwZWAU7iy3pvHi1GrtSOuI8JT28va2ZxrzZFpS8r7AgPag3gz2fI808WPMtvHURNT164U684NsUPcdFGj18HJc8seFJvi6S9jxPCJ081oLIPQIjuTx3G8q846XbvUUFGD2vtwg9AvPQPRQmZ7yMUCY7LuciPsGquj2qvkC6Rii2us7gL72hNZo8ajA9Pg3iIz2Zmim7jI0PvaUeGL0F0s886tOVPVWGET4ucNy6hwRivTeuej3-Nnq8gjDBPD_1-jvShLO7XE1oPYfSuL2ZE5M7S4ORPett2DxmCE87i0ievJrdJLyx1wG8GLAkPTEd3zxVhcg7hlqePSdQRLpdN4C8k64UvSieLr0QYt-7A70mPTS_9byUULg7tvBhvMiLFrzUTO-7oXEXvbiPjL2Cmxy7vCMDvpykubyFq4c7tUgDvM2VgTzVx6o7rNr_PBLYwbwdYjQ7NyRkvW4o47veqPw6SKjZPC91iLsPlAA7eSEdvVS3abyXzsE68iKXOj7tED1YUWa77q8OPp8Skb1-0JQ5jSURvbuM7DwUII66VsVKvc6E7LuNdIA5YBDHPIi7yj2GpZm4avYju--dp71iSNy4cPsvPG3GSb0F7A452DJ0vQrZGT2Skiw4vXcvPdd9UT1sSIy4702oPdNgP7z3fjq4vEcRPX5UQzyc24W3BKEmPUqqgLwv8zg5vRiKvNnUVLyQe0M4FZXovDfh3jvlKi-4Xw0QPZdjCL3ypa-33fNXPcdXUT0Heh83qfKiPKFIHL04exm4celzvHKmy7saBv43IO66vfOvJb6rC8k4DCl1PB7mBj2DLVg3dz2HvaTDwzyAr8I4Nov8vPvb77yS-4e4K2_ivCFcfL0GUbM0NPUKvt761bwMBK43CyxbPab4LryS0Je4LZPhPX-rcL0PeJ64VyAfPX19iDxqjY22MImOPeR8uTqr0Iq49nR6PeAP370_mZu3Iv_sPTUpBT7zflu4MUhVvecIzzx5x_m4b70BvY-JlD00ods3D14AvenyBr3ZxSk4IAA4E0AJSG1QASpzEAAaYE_1AF35A-ToL0Ht_KzkK87pt-jz8Az_BMv_3Qvy9wXy0qkqHAAP7AsKpAAAACos9Cb5AAt60OLl7sH6B6bV5jglf-_sO7IOEBjN1kTv5AOCHBob9AAP1LQM9SXUQyTT-iAALWDbFTs4E0AJSG9QAiqvBhAMGqAGAABQQQAAwMAAADBBAACQwQAA4EAAAExCAACAQgAA0EEAAEDCAACowQAApEIAAIzCAABkwgAAQEAAACDBAADgwAAAhkIAAPBBAAAgQQAAiMEAACBBAACAQQAAgMAAADxCAAAAwQAAiEEAAEBAAAB8wgAAOEIAAIC_AABAQQAAEMEAAEjCAAAYwgAA8EEAACBBAAC4QQAAzEIAADDBAACgwQAAkMEAAIhBAABgQgAA4MAAAKDAAACewgAAyEEAAKBBAABwQgAAZEIAAJDBAABAQgAANMIAABRCAAAgQgAAyEEAACjCAADwwQAAyEEAAFRCAACgQQAAcMEAAKhBAADAQAAAfEIAAEDCAABcwgAAQEEAACDCAACoQQAAAMEAAOBAAAAAwQAAmMEAAADCAABEwgAAuMEAAIBBAAAIQgAAQMEAAGxCAADoQgAAgMAAAFDCAAA8QgAAmEEAALhBAACAQAAAmkIAANjBAACYQQAABEIAAGjCAABEwgAAYMIAALzCAACQQQAAOEIAAMBAAABgwQAAmMEAAHBBAAAAQAAAuEEAAMzCAACYQQAAHMIAAFBCAAAAwgAACEIAAIDAAAAwQQAAcMEAABDBAABgQgAANEIAAExCAAAwwQAAyEEAAMBBAAAYwgAAGMIAADzCAACYwgAAmEEAAEzCAACwwQAAAEAAALBBAAAYwgAAUMEAAIrCAAAkwgAAAMAAAMzCAAC6QgAAEEIAAGBBAAAYQgAA4MEAABRCAAAAAAAA2EEAADBBAADGQgAAgEAAAJhBAACaQgAAPEIAAKBAAACQwQAAQMEAANDBAAAAwQAAHEIAAAAAAABAwgAAAMIAAEDBAABgwgAAWEIAAOhBAADAwAAA0EEAALDBAADwwQAAwMAAAKBBAAAAQQAALMIAAJJCAACaQgAAEMEAABDBAABgQgAAPMIAAEjCAAA0wgAALEIAAPBBAACGwgAAIMIAAFzCAAAMQgAAFEIAAPjBAAAgQQAAMEEAAOjBAAAAAAAAyEEAAPjBAACIQQAAsMEAABDCAAAgQgAAAAAAAJjBAABYQgAAWEIgADgTQAlIdVABKo8CEAAagAIAAB-_AACCPgAAbD4AADQ-AACgvAAAmj4AAIY-AABZvwAAjr4AAES-AAAxPwAAML0AAKg9AACoPQAAuL0AAFS-AADCPgAAcD0AANg9AAAXPwAARz8AACw-AACIvQAAdD4AACQ-AADYvQAAQDwAALK-AADmPgAA-D0AALI-AABUvgAAXD4AAEA8AADWPgAA-D0AAII-AAAbvwAANL4AAIi9AACWvgAAir4AAPg9AAAwPQAA6D0AADM_AACIPQAAbL4AAAy-AACSvgAAqD0AALK-AADKvgAADD4AABy-AABwPQAAfz8AALg9AABAvAAAhj4AAPg9AABUvgAA4DwAADw-IAA4E0AJSHxQASqPAhABGoACAAA8vgAATL4AAJq-AAAJvwAAUL0AACy-AACgvAAABL4AAAS-AACIvQAAXL4AAPg9AADoPQAAmL0AAII-AABQvQAAgr4AAE8_AAAQvQAA4j4AAHQ-AABUvgAA4LwAAEC8AAAQvQAAFL4AAKC8AABwPQAAMD0AAIg9AABwPQAAUL0AANg9AADgPAAAyj4AAHC9AADgPAAAFL4AABS-AAAMPgAAhj4AAKA8AABAPAAAED0AAKi9AABkvgAAf78AAKa-AABEvgAAvr4AADy-AACoPQAAyL0AAFQ-AACoPQAAND4AANi9AAAMPgAAQDwAANg9AAAQPQAAxj4AADA9AADKviAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=yW6fqcqxJ5k","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["9612799036110223468"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"736151549"},"7338312856927192009":{"videoId":"7338312856927192009","docid":"34-2-13-Z2825B393CDA4B6AD","description":"In this video, I will show you how you can easily create / design animated tabs / tab with indicator / sliding underline animation using HTML, CSS & JavaScript.","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4443093/018eac19c40f4bde9cbf4f6289f2a4ab/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/xQ_p0QAAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"2","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"How to Create Animated Tabs with Indicator using HTML, CSS & JavaScript","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=mBaMq1DphRs\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoVChM3MzM4MzEyODU2OTI3MTkyMDA5WhM3MzM4MzEyODU2OTI3MTkyMDA5aogXEgEwGAAiRRoxAAoqaGh1c3lmYnNmcXRndHVsYmhoVUNYRExyc3FlMTR1RnU2azk2eGpsRjR3EgIAEioQwg8PGg8_E-gEggQkAYAEKyqLARABGniB-AACBgH_AOoI_gIBAQAAD_0GAvcBAADiAfb_CvwCAB4BEwAC_gAA_fnw9wQAAAD3_f71-v8AAP_8BBIDAAAADv_9CAUAAAAKEfsO_gEAAP_uBQED_wAABQEA_f8AAAAHDf8A-f8AAREI__IBAAAAAvr2BgAAAAAgAC30CdA7OBNACUhOUAIqhAIQABrwAX8A9QPB-g39UQwHALgG_f_P7-kAwgUIAPP4CgD-BwcA7v8fAM0U5f_H9CL_GhXmACf27f_-Cf8B5_jz_yL8BADaAwQAIxroAeAY8gANDeQB3f8IAA4G9wDn7ggAJvrs_uQEEADxFgkBD_8GBOv5GgIH6vQAFOX6AhXfDf4GEvX_C_30A_DSDQQD6PIF4Af__fD-9QT77RYA2_bn_szsBf_z9QcAFAj0-_0ADfvx6wX9CBb7AAkJCfjz9PsI6fXwAAjvEQHoBwMGDgoD99MDFAYc6AP7_O4EBgP5_gILBwv99BAH_wAcAQMBAv4A_QkDAiAALfclTTs4E0AJSGFQAirPBxAAGsAHCVLZvkUEkLqMoPE8yrufvVpGij18hku8GsALvpvnyLz5Xxi9iV0rPtNdwz19hgU8nE2Xvuo9XLlkjxa8LQlQPtT4YDzmZBg9huMJvt8g9TysASq9t7IkvikVwzxE0GK8OC_OPM5twrwxb588CoEsPjlH-Dwl7La8TFTPvRHuxLzDxFU8w0pFPdkcBzrb-JM8jgQaPgTFNDwV2bk75Zn3PTflZTxOHfU8k9STvdUqlTw84Z27cv4BvfQSiDz2Ali8cNBePbMl67yGYMs86_uFvT5oTL2HOxE8SQv8PJkHVT1Juqg7Iee9vJGp8TycH7k7iIdNu35MEL3_pkE8seFJvi6S9jxPCJ08PUQjPlYc2LxNmqs8wrKYvZXp_DxoMLw8K97IPHyX97ykw0M8z3yjPbgyUj2n0FQ8sqeTPMBTEr2DjjG8o80xPmyzMbzIeLm8GyWkve8QsbuMPhM86tOVPVWGET4ucNy6ft0uvSmnRz13SX87NEfWPfQ2NryhZz26GOuLPQVZJb3eVGY7E5KWPW26jz0yKqE7sdEjvToeMzxxc-y7CxJ2Pd2hdjtbiW27TPKtPW4-pDwRZM68s83tvRm6KL20Adi7W3IGPQdTXjyk8Mk7sSQvPehnajxo1Nc7LbrQu5GEWL2eB3u74E3XvT4rBL3tNfM6NYQeve7OHDyAv5S7hr3cu8xkk7xNUao74D1RvINAuLw9RdC700SUPXniHLxRaaM7s_UGvC3fhjqiL0y5eCY0PDyqUDwDrze7bQPXPbWj2L0Mn685WZNdPFhS8jtzYJy6Ru8vvHu0ozo2ey85fPUsPdd3tDzBz3O376sSPc6mA74Woda3Bz7rvA9YQ715vQK6LOQAvVEt4jzs5LO5AUb8PPg7DLzZVRy5umVqu9fdvLzuAcq4t26UPPP1hjw4QWA4SFM9PZY5Yr0y5pI4CKnAvASp1Lzr2Uc5HDm5uVGmLDyBwqe4t8lyPG0tHb3Lo8K4nKglPWEoET3NQ-U4Go4EOyFC9zzlqz24F34wvTFUz7zdzBe5Vwb1vXBD7L3MDIu4vdiDO8qmnDwFeRM3a_HpvXnWJLzuL2A2PympvRvW1L24fkG3JVBOvfKGar2znn24PLavvRNLRb3-r7w3mXJvPeejMb2AAB64BUaIPRBsprwy-Y42O_5LPYiBrjyCE8o2imd6PSZBbjytAxC49nR6PeAP370_mZu3VRimPW0LxT2Dx-c4gBa2vePYHz2nu8G4l_RBvby8vz3pDhI4ZhxZvLZ7jr1WIsO3IAA4E0AJSG1QASpzEAAaYCAMACceFQrYEybtIL7V7-H85LAg6uT_-NUA0O319DfWnZkLMwDdBuTxpQAAAAT76AoPAB1y5uDgBtv7yc3GBEAwfyB54-08AvXT89wSARDEA-MtMQDh3qlJE_8OLzHx3iAALQFwGzs4E0AJSG9QAiqvBhAMGqAGAADowQAAIMIAAHDBAAAQQgAAQMAAAIBBAABgQgAA8EEAABDCAACAwAAAiEIAAGDCAACiwgAAWMIAAAhCAAAgwQAADEIAAGDCAAAowgAAGMIAALRCAAAAQAAASEIAAPhBAAAIwgAAaMIAAJbCAAB4wgAAnEIAAHBBAABAwAAAWEIAAFTCAADgQAAAVMIAABDBAACgwQAArEIAAEDAAAAgQgAAEEEAAHRCAAA8QgAABEIAAKRCAACewgAAEMEAAIDAAACiQgAAqMEAABDCAAC4QQAAIMIAADBBAABMQgAAZEIAALzCAACQwQAA4MAAAIC_AADAQAAAJMIAAJTCAAAYwgAA8EEAAADCAACwwQAANMIAAATCAAAcwgAA0EEAAGBCAAB8wgAAmEEAANDBAACAwQAA-MEAAIhBAACAQAAAmMIAAKrCAADIQQAAwEEAAFxCAAA4wgAAcEEAAJjBAAAcQgAApkIAAIDBAAAsQgAAEEEAAMBAAACQwgAAQMAAADjCAAAMwgAAQMEAAEDAAABIwgAAgMAAACBBAABwQgAAgMAAAJhBAADowQAAuEEAAJBBAACQwQAAEEIAAHBBAAAQwgAAiMIAACTCAAAwQgAAGMIAAIBBAACAQAAAAMEAAGBBAAAgQQAAQMIAAMTCAAAwwgAAaEIAAChCAAAAwQAAcMEAAFjCAAB8wgAAmMEAAIDAAAAMwgAAQMEAAADAAAAgwQAAWEIAAMBAAADwwQAATMIAAADBAABgwQAAEEEAADDBAABQQQAA6MEAAHzCAACAQAAAUMEAAFjCAABQQQAAgMEAAFBBAADYQQAAEEIAAMTCAADAwAAAGMIAAODAAAAQwQAAAMIAABhCAACAQQAAuMEAAIjBAAAwwQAAoMAAABxCAACgwAAAUMEAACzCAAAkQgAA8MEAABBCAACAwAAAoEAAABhCAADgwQAAsEEAAIBAAACAQAAABMIAALDBAAAMQgAAkEIAAHzCAABkwgAAQEEAAIC_AADoQQAAAAAAAEDCAACQQgAAJMIAAABCAAAQwQAAmMIAANDBAACAwAAA6MEgADgTQAlIdVABKo8CEAAagAIAAJK-AAAwPQAAZD4AANg9AAA0PgAAgDsAAFC9AADavgAADL4AADA9AAAEPgAA-D0AABy-AABEvgAAjr4AACw-AACqPgAAQLwAAOC8AADiPgAAfz8AAIA7AAAMPgAAED0AACS-AACovQAAED0AAHy-AABMPgAARD4AAJI-AACIPQAA3j4AAIi9AAC2PgAAuD0AAPg9AADqvgAAmr4AABC9AAA0vgAAAb8AAKi9AACGvgAAuL0AADs_AADIPQAAFL4AAMi9AABQvQAA2D0AAKq-AACqvgAA6D0AAK6-AAAQvQAAJT8AAKi9AACYvQAACT8AACS-AACOvgAAoLwAAHw-IAA4E0AJSHxQASqPAhABGoACAACavgAAlr4AAJa-AAAjvwAAbD4AAOi9AADovQAAoLwAAEy-AADYvQAAor4AAFQ-AADYvQAAPL4AACQ-AAAQvQAAqr4AAFs_AACgPAAArj4AAFA9AAAMvgAAQDwAAIg9AAC4vQAAiL0AAIg9AACAOwAAmD0AAIA7AABwPQAAmL0AAPg9AACAOwAAZD4AAMi9AABAPAAAPL4AAFS-AAA8PgAAZD4AAFC9AACYPQAAiD0AANi9AACavgAAf78AAMa-AABwvQAAPL4AADy-AADgvAAAQLwAAKA8AACGPgAAcD0AAFC9AAAEPgAAoLwAAKg9AABAPAAAxj4AABS-AADCviAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=mBaMq1DphRs","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["7338312856927192009"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"1639725601"},"6078246480512729657":{"videoId":"6078246480512729657","docid":"34-4-17-ZFCEE41576F711B4F","description":"In this video, I will show you how you can easily design css card with hover effect / animation using clip-path css property. Code - https://codepen.io/dsr/pen/zYGazWa...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/978385/fee2f953234d81a95a8cddc1b4cce41c/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/8QUEagEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"3","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"CSS Card Hover Animation","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=anqB5mFetTU\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoVChM2MDc4MjQ2NDgwNTEyNzI5NjU3WhM2MDc4MjQ2NDgwNTEyNzI5NjU3aq8NEgEwGAAiRRoxAAoqaGh1c3lmYnNmcXRndHVsYmhoVUNYRExyc3FlMTR1RnU2azk2eGpsRjR3EgIAEioQwg8PGg8_E9EBggQkAYAEKyqLARABGniB-gcABvoGAPELCwL7A_8BGf0D_hn__wDu_QEECAAAAPT6BwEEAAAACPv-BgEAAAD4-gsAAv8AAPoEAgcEAAAA-ff8_fwAAAAMAQEB_wEAAPH8_AMDAAAAAPv8_QAAAAAF9gQHAAAAAAUD8f0AAAAA-P3zAwAAAAAgAC0r9eM7OBNACUhOUAIqcxAAGmAKEAAsExf56QcGEPjt6QkY7QX6_gT-AAn9AAMF2PcZ_PXXCwYAG-f--tAAAAAD5e_6CQD1NALR5u3_G-Lf_RcCIX_a8BYNAg_75u8f8QMOAwUiGQoA8_cTBuXw8x4sAv8gAC3ar4w7OBNACUhvUAIqrwYQDBqgBgAA2EEAAIDBAACwwQAAgEAAALBBAABQQQAAoEAAAIBBAAA0wgAAgMEAAFBCAACCwgAAiMIAADzCAAC2QgAAiEEAAATCAABIwgAAPMIAADTCAAAwQgAAJMIAADxCAAB4QgAAEEEAAMjBAAAAwgAAxMIAACBCAAAYQgAAHMIAAIBCAACMwgAAEMIAAOjBAADAwAAAiMEAAPxCAACgwAAAwEAAAIZCAADgQQAAAEIAAFRCAACaQgAArsIAAFTCAACgQAAAWEIAAFBBAABwwgAAPEIAAIrCAAAAwAAAPEIAAEBCAADAwgAAYEEAAIA_AABwQQAAOEIAAJDBAAA8wgAAQMIAAMBBAAB0wgAAAMEAABjCAADIwQAAoMEAAGBCAACkQgAARMIAAMDAAABAwQAAOMIAAMDBAACQQQAAIEIAAFjCAACIwgAAQEEAAERCAAAgQgAAbMIAALBBAADAQAAAUEEAAIZCAACAvwAAHEIAAMhBAADAwAAAIMIAACDBAACYwQAAisIAAFBBAACgQQAAIMIAALjBAACoQQAALEIAACDCAAAYQgAAAMAAAJhBAAAQQgAA0MEAABBCAACgQQAABMIAAMDBAABowgAAwEEAANDBAAAAwAAALMIAAKBAAAAgwQAAAEIAAJbCAAB0wgAACMIAALBBAABUQgAAYMEAAEDBAAAQwgAAQMIAAMjBAACgQAAAMEEAAMBBAACgQAAAwEAAAJhBAACAwAAAoEAAAFjCAACAwQAAUEEAAEDAAAAQQQAADEIAAOBAAAAUwgAAgEEAAMBAAAC4wQAAMMEAAADBAAAwwQAAwEEAADBBAACGwgAAmMEAADjCAAC4wQAAEMEAAJDBAACgQQAAEEEAAFDBAABwQQAABEIAAARCAADYQQAAQMEAACTCAAAQwQAAJEIAAILCAAAgwQAAAEAAADRCAADAQQAAAMIAAHxCAADoQQAAPMIAAJTCAACgwAAAyEEAAIxCAACIwQAAnsIAAAAAAABgQQAALEIAAGDCAACawgAAgEIAAPjBAAAgwQAAkEEAALTCAACAQQAAEMEAAATCIAA4E0AJSHVQASqPAhAAGoACAADOvgAAiD0AAHC9AACWPgAAEL0AAAw-AADyvgAAE78AACy-AAA0vgAAXD4AABC9AADovQAAPD4AAAS-AABUvgAAnj4AAKA8AAAQvQAACT8AAD0_AADgvAAA4LwAAEC8AACIvQAAuL0AAIC7AACGvgAA-j4AABQ-AAB8PgAABD4AAKC8AACyPgAAfD4AAEC8AACYvQAAbL4AABS-AADevgAAqL0AANK-AABEPgAAPL4AAIC7AADoPQAAQDwAAKA8AACAuwAARL4AAPg9AACKvgAA2L0AAAw-AACIvQAA4LwAAH8_AACCPgAAuD0AAIC7AAAQvQAARL4AAIA7AACIPSAAOBNACUh8UAEqjwIQARqAAgAABL4AANi9AAAkvgAALb8AAMg9AABMvgAAHD4AAJa-AACYvQAAuD0AANg9AAC4PQAA4LwAAI6-AABAPAAAML0AAKq-AAA9PwAAqL0AAII-AAAQPQAATL4AAOC8AACgvAAAyL0AAFC9AAA8vgAAgDsAAGQ-AACAOwAAcD0AAHA9AAA0vgAABL4AAOg9AAAQPQAAqD0AAAS-AABsvgAA2D0AAEw-AADIvQAAmL0AAHA9AACIvQAAgDsAAH-_AABUvgAAyD0AAIK-AABwvQAA-L0AAIg9AADYvQAAqD0AADA9AABQvQAAcL0AAOi9AAAwPQAA4LwAAIC7AACovQAAyL0gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=anqB5mFetTU","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["6078246480512729657"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"701831912"},"2375305266298214707":{"videoId":"2375305266298214707","docid":"34-6-7-Z20CF1C1B07B04634","description":"In this video, I will show you how you can easily create simple animated custom input stepper / input step UI using HTML, CSS & JavaScript. This UI is using input range as backbone and provides...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2121487/a60da0a533118bc2e50ef56d1e6cac26/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/0gxZswEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"5","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"Create Custom Input Stepper UI using HTML, CSS & JavaScript","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=EkVm0Yq0l84\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoVChMyMzc1MzA1MjY2Mjk4MjE0NzA3WhMyMzc1MzA1MjY2Mjk4MjE0NzA3aogXEgEwGAAiRRoxAAoqaGh1c3lmYnNmcXRndHVsYmhoVUNYRExyc3FlMTR1RnU2azk2eGpsRjR3EgIAEioQwg8PGg8_E7AEggQkAYAEKyqLARABGniB-xIICgL-AO8FDAYRA_0AFPQHBvcAAADXBAIL_fcEAAj7DPT-AQAA-_cF8QYAAAD7BAnx-v4BAP_8BBIDAAAAF_j7AP8AAAAKEfoP_gEAAPnxAPcCAAAAAAMCAf8AAAADBgIIAAAAABMC7gMBAAAACPLvCgEAAAAgAC1ohMw7OBNACUhOUAIqhAIQABrwAW0O3P0VvwsEpiLiALz86QGBGA__OAjpANAKy__49LcBtPLzAQHOAwCs1toAlP32AbEfx_4eEh4ADPIo_wgAGQAJA8IBN9EuA0P61gLzLdn_6T4S_RT3JP9N3foDKvr--iPyBP3NCtEAsd7-_90gLAEgAQb_GA8qBOYqEgTuHSUB6doCAeQSBvurExH6HQ0d_Bc42QEvGtP9-BgW-yn94gIMAAoG7gj8-PsO9gvc0vj-0_X-B9ohAgEECDP-Cyoq-O0VCgj64dzoDjUX-S8L7wn3L__2H_PyDv3J-PDMIBb8z__48tElEfrrDQbxHwDs6yAALQGwADs4E0AJSGFQAirPBxAAGsAHbcjfvnP31Dz-AaA85AVCvdv7lD33Qpw8LqmfvQMLu7xT8G-8iV0rPtNdwz19hgU8oUh3vnNWujykNjG9PSlzPpTA5rv1cg49WMfRvQy8iTxsA3y91oCCvXaHuTzycr28MEGSvU9oiLyFTyk9CoEsPjlH-Dwl7La8CcypvVTDA71owyu82fWRPbzTGbwJdrK8vFgYPisxrrtvTdW84yDMPeA-_Dxekes6h4RUvZIkaD2_4dM67GjcvS-9AbwZWAU7XhyLPC6IrbyGh9k7LLsQvtkWr7z7PMo7r7AgPag3gz2fI808jX-fO6GOfT3_CS68zKD1PI1uc7x-BSQ9seFJvi6S9jxPCJ0899a2Parw1DloVwQ746XbvUUFGD2vtwg9mOrIPa1Bqbz3k7E89DTgPTiTwD13AlA8egCmPGLgVL3EH0k7o80xPmyzMbzIeLm8GyWkve8QsbuMPhM8Z4I8PXoNuz3dbGK8SRXgvM_3cDvTctq6G-1dPW8UtDxVTEE6YyZRPZ8dUL1RS3O8xvycPWNJND2lsxs7sdEjvToeMzxxc-y7tZEmPX-rMD27Hcy7kWT2PWmjX7wAk5K7BnXLve8dhb1hFlW5i2o2PUL7hbvSP1o7Y3Rlu-2WybxpDhy7YNw3vbsEzL0qusO69DLqvSh9gb0VVb86ipSBvNFB8jx_b5G7R0zaPCq3I73FzV66BFRYvUZzCb2nUES7RPO1PZYibzley_k6eSEdvVS3abyXzsE6yOpWPHYe8DzU70K7oZ3TPVGBmL2XnVE5TLMMvECj9DzEFeW5Tv1SvVcpmLwssQE4cwjmPHXNnz163FA32AKMPINozb0uJMK4hp4DPMJbdr0pQIk4NplsvRLzUT3PR245z-1qPQBh1jzeqWK3BucdPWBe27pD2ao4bVWSPLYC2DsGeDg3PfE8PaNYLr3cABS5AFYnvVi5obzajaE55s2hPF4lRLxeYxc53qg6PfcokrzZ37y0w3csPe5IoD1t7Rs56UpfPDSz-7yTExU49LrPvFW1Lr07atA3Vwb1vXBD7L3MDIu42k7lPGQsiTx8mpi4rAmYvUgQtjsEpsE3fqcuvUTT47xY75E33sOKvFWSq71oOf834ZoLvlwFUb1nc5m2mXJvPeejMb2AAB64QUiWPbAnsL3sLAq4sN-4PA56ID0Fdbg39w94PT1NQbxh1bu39nR6PeAP370_mZu3VRimPW0LxT2Dx-c4Rqs_vd8WrDxms_y2kDjavBXlsj3Eoi03VDbsvEb4jb3OBtC3IAA4E0AJSG1QASpzEAAaYDr-AEv3APTOKDDg-sDuR8wR4dIKExv_H-MA4xYAD_TjzcQ_HP8M4BIQqAAAADEbyTH_AA903MIIAbL386Xh4CIgfwb8RNknFBQn2XfwxSjbSvsu-wD07eMHE_H-IxC1BCAALdWnHTs4E0AJSG9QAiqvBhAMGqAGAACoQQAAiMEAAIDBAABwwQAAuMEAADDBAADYQQAAwEAAACTCAAAAQQAAUEIAAIDBAAD4wQAAnMIAAMhBAADwwQAAgL8AAEjCAADwwQAARMIAANhBAABQwQAA2EEAAAhCAAAAwAAAUMIAAI7CAAA0wgAAVEIAAKBBAADwwQAASEIAAGDBAACAwAAAQEAAAJhBAAAEwgAA_kIAAJLCAAA0QgAAEEEAAEBCAACUQgAAYEIAAKhBAABIwgAAwMEAAMjBAACuQgAA0MEAAODBAACQQQAAAMEAACBBAAAQQgAAgEEAAO7CAACIwQAAIMEAADRCAAAYQgAAXMIAAIjBAACewgAAwMAAAETCAACIwQAAWMIAABDCAAAkwgAAnkIAAKxCAABswgAAiEEAACBBAABQwgAAEMEAAHBBAABsQgAAwMEAAEjCAAAwQQAAAAAAADBCAAAAQQAA6EEAAExCAAA8QgAAJEIAAPjBAAAAwAAA6EEAAEzCAACuwgAAsEEAAFDCAAC4QQAA-EEAAOBAAAAMwgAAUMIAAABAAAA4QgAALMIAABDBAAAAQAAAmMEAAGBCAABwwQAAwEEAAAhCAACgwAAAaMIAAOjBAAAAAAAAQEAAAIBAAADIwQAAIEIAAKBAAACwwQAAhMIAADjCAACIwQAAQEIAAEDAAACgwQAA2MEAAKrCAACEwgAAMMIAADBBAACIwQAAAEAAAODAAAAgQQAAYEEAAKjBAACQwQAAvsIAANDBAAAIQgAAQEAAAKDAAADwQQAA2MEAAJzCAAAUQgAAAEEAAFTCAADIQQAAoEEAALBBAAAgQQAAgL8AAFDCAACAQQAAUMIAABDCAABwwQAAoMEAAKhBAAAcwgAAGMIAAETCAABAwQAAoMAAAIZCAABAwQAA4EAAAODBAAAMQgAAuMEAAKBAAADowQAAwEAAAMDBAABEwgAAhEIAAAhCAABAQQAAHMIAADDBAAAwwQAAwkIAALTCAACwwgAAoEEAAAAAAADgQQAAAEAAAIDCAAB4QgAA8MEAAHBBAACAvwAAeMIAAChCAACQwQAAIMIgADgTQAlIdVABKo8CEAAagAIAAIq-AACCPgAAjj4AAIY-AADYPQAAXD4AAKC8AAAPvwAALL4AAOg9AAAsPgAAqD0AAOC8AACAOwAA2D0AACS-AAC6PgAAgDsAAFA9AADWPgAAfz8AAGQ-AADoPQAAMD0AABS-AACAOwAAUD0AAES-AADIPQAAVD4AABQ-AAA8PgAAdD4AALg9AAAUPgAAyD0AAAw-AAAcvgAAmL0AAIi9AAA0vgAAsr4AAIg9AACgPAAAnj4AAM4-AADgPAAAbL4AAIa-AAB8vgAAkj4AAKC8AACYvQAAMD0AAKi9AADgvAAAKz8AALi9AAAQvQAA2D0AAKA8AAB8vgAAqD0AAMg9IAA4E0AJSHxQASqPAhABGoACAACavgAAFL4AAIa-AAAzvwAAED0AAJi9AADIPQAAoLwAAOC8AABwvQAAbL4AAOg9AABMvgAAmL0AAEQ-AABAPAAAkr4AADk_AABQvQAAAz8AAJY-AAAEvgAA-L0AAIi9AABwvQAAQDwAADC9AACIPQAAFL4AAPg9AACAOwAAoLwAAJ4-AAAsvgAAhj4AABy-AAAwvQAAkr4AABS-AACKPgAAhj4AAMi9AAAcPgAAQLwAAAS-AAB0vgAAf78AAKa-AACovQAAfL4AAGS-AADoPQAATL4AAAw-AAC2PgAABD4AAKi9AADgPAAABD4AABw-AAAQPQAARD4AAEC8AACIvSAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=EkVm0Yq0l84","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["16127296667663151567","2375305266298214707"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"2301514591"},"15218985559641567709":{"videoId":"15218985559641567709","docid":"34-8-13-ZB4DDB2DEBC37153F","description":"In this video, I will show you how you can easily create / design animated responsive popup box / modal / dialog box with scale effects using HTML, CSS & JavaScript.","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4535967/cc5e3242916e9c1618cf2886e0442ce2/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/kmnFZAEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"6","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"How to Create Animated Popup / Modal / Dialog Box using HTML, CSS & JavaScript","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=LqBmbgD_2Ig\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoWChQxNTIxODk4NTU1OTY0MTU2NzcwOVoUMTUyMTg5ODU1NTk2NDE1Njc3MDlqtg8SATAYACJFGjEACipoaHVzeWZic2ZxdGd0dWxiaGhVQ1hETHJzcWUxNHVGdTZrOTZ4amxGNHcSAgASKhDCDw8aDz8T2wOCBCQBgAQrKosBEAEaeIH4AAIGAf8A8goFAQMD_gEPAxMB9wEAAOAO9QQD_AIAHgETAAL-AAACA_n3CQAAAPsDBAX1_gEA9fIEDgIAAAAPA_7__AAAAA4M-wP-AQAA_-z19gL_AAAFA_r2_wAAAAAOAfn9_wAAEwLuAwEAAAAA8PoNAAAAACAALfQJ0Ds4E0AJSE5QAiqEAhAAGvABdhne_g3gAASrIOMAwA35_4H6Ef8e9vIBsuvUANbw6wHLC_gA9PAHAM719QCZ_vcBwf3V_zAZG__8DiX-DRIYAA_43gE9xBIBQPvYAvAU4v7qOxH9JOc1AjnJCAAtDQD8MgIP_8oGtv_czRb-0gA5AhIL9AEXDigE7Qwe_eQXEQLt9AUD3Q4LBKrsF_wOG_z_CyPn_kEK1AD6DB8MJ_3jAgUC-Ar8AvL7CgsEEMv6CPnV9v4HzCT6BwQIMf7SDSP16QAGCfHdAe0NMhb5SgXx8_MsGP8W3PkL_cz48c4eFfzv7QnuxCYSCNv7H-MLA-z4IAAtxv0GOzgTQAlIYVACKnMQABpgUvkAUgIf4_kOLeISxecctgbr4_XuO_8a1__rCRcG9PzSpAsM_wkaAROqAAAAKBoRKPIAInDd8MHz0BP4ocgSICh_9xFOwgoAF-nCTfLaFbQGFAkTAPDcwur8HNY9Nu8OIAAt0PEhOzgTQAlIb1ACKq8GEAwaoAYAAADBAABIwgAAYEIAAGBBAACwQQAAFEIAAFRCAAAEwgAAjMIAABRCAAAoQgAAgMIAAJjBAAAUwgAALEIAAODBAABwQQAA0MEAAMDBAAAIwgAATEIAAIDBAABUQgAAYEIAAGDBAABswgAADMIAAKzCAACeQgAA0EEAACDBAAC2QgAARMIAAMhBAABAwQAAMMIAAMDAAAD-QgAAoMEAAFhCAADoQQAAPEIAAGxCAAA8QgAAwMAAADDCAABwwQAAXEIAAIZCAABAwAAAAEAAAABBAACAwQAAEEIAADBCAAAoQgAAsMIAAGDBAADowQAAAAAAAHDBAACYwQAAEMIAAJLCAACOQgAAAAAAAABAAAAcwgAA2MEAAMDBAAAcQgAAmkIAAAjCAAAgQQAAgMAAAPBBAADAQAAAiEEAAGxCAAA8wgAAnsIAAMBAAACgQQAAhkIAACDCAADgwQAAIMEAAFRCAABwQgAAyEEAAFBBAADAQAAAhsIAAGzCAAAQQQAAIMIAAIC_AADgQQAAEMEAACzCAADAwQAAIMIAADxCAAAwwgAAMEIAAHBBAADgwAAAiEIAANDBAAAEQgAAjEIAAJjBAACCwgAAcMEAAHhCAAAAwgAAEEIAAKDBAAAsQgAAwEAAAAhCAAAUwgAALMIAAIBAAACYQQAAREIAAEBAAACwwQAAQMIAAMDBAADIwQAAcEEAADjCAABAwAAAwEAAAADAAADIQQAAZEIAAOjBAABgwgAAQEEAAAzCAADAwAAAAMEAAABAAACgwQAAfMIAAAhCAABwwgAAUMIAAOBBAABAwQAAmEEAAGDBAACYQQAAMMIAACDCAABwwQAAwMAAAGDBAADYwQAAkEEAABDCAAAQwQAAIMIAABRCAAC4wQAAREIAAABAAAA0QgAAOMIAALBBAADgwQAAiEEAAIBAAABoQgAAgEAAAFzCAACEQgAAGEIAAKBAAACgwQAAgMAAADBCAABMQgAAQMAAAMjCAAAUQgAAqMEAABBCAADAwQAAWMIAABhCAAB4wgAAMMIAABDCAABIwgAAQMAAALhBAABIwiAAOBNACUh1UAEqjwIQABqAAgAATL4AAOC8AACAuwAAyj4AAIC7AABwvQAAcD0AAB2_AACYvQAAqD0AAEw-AAA8PgAA2L0AAMg9AACKvgAAhr4AABM_AABwPQAAND4AADc_AAB_PwAAgj4AAIA7AADoPQAAHD4AAEA8AAAUPgAAwr4AANo-AAC4PQAAJD4AAJi9AADmPgAAyD0AAKo-AADYPQAAmD0AANa-AAAkvgAAEL0AAJq-AADqvgAAQDwAAPi9AACCPgAA7j4AAJg9AABUvgAAfL4AAKi9AACCPgAAqL0AAKK-AADgvAAANL4AAJi9AABnPwAANL4AAIC7AAAMPgAAgDsAAI6-AACgvAAAuD0gADgTQAlIfFABKo8CEAEagAIAACy-AAAcvgAAfL4AABu_AADIPQAAir4AABC9AAAEvgAA-L0AAKg9AAAkvgAAFD4AAOi9AABUvgAAdD4AAKi9AACevgAAQT8AAEA8AADmPgAAoDwAAJi9AADYvQAAMD0AAOC8AAAkvgAAED0AAMg9AACgPAAAEL0AAIC7AAAQPQAABD4AAHC9AABEPgAAyL0AAPg9AACgPAAAbL4AABw-AAA0PgAAgDsAACy-AACAuwAAEL0AAIq-AAB_vwAAir4AAFA9AACWvgAAZL4AAKi9AABcvgAA4DwAAGw-AADoPQAAML0AAIg9AAAQvQAAPD4AAKC8AACiPgAAgLsAAHS-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=LqBmbgD_2Ig","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["15218985559641567709"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"2189223987"},"14954237088602641151":{"videoId":"14954237088602641151","docid":"34-5-5-Z51A91538851F4010","description":"In this video, I will show you how you can easily add scroll progress indicator to your website just using CSS. I am using newly added CSS (animation timeline) feature to achieve this effect.","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2043807/429a3a31c4c4eff3bf21c18619e4f2df/564x318_1"},"target":"_self","position":"7","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"Scroll Progress Indicator using Only CSS (2 Minutes)","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=QLziINvaC68\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoWChQxNDk1NDIzNzA4ODYwMjY0MTE1MVoUMTQ5NTQyMzcwODg2MDI2NDExNTFqrw0SATAYACJFGjEACipoaHVzeWZic2ZxdGd0dWxiaGhVQ1hETHJzcWUxNHVGdTZrOTZ4amxGNHcSAgASKhDCDw8aDz8TmgGCBCQBgAQrKosBEAEaeIH0AwL-_wEA8goFAQMD_gEQDfoCCP8AAOYO_fgI_QEADAED9_kAAAD89_38CQAAAP3__AEE_gAA-QQCBwQAAAAJ9wAH_QAAABEVB_n-AQAA9_0KAfQCAAEH-wcM_wAAAAoICggAAAAADfgE-gAAAAD65gEJAAAAACAALdgy1Ds4E0AJSE5QAipzEAAaYAQNAE9X-vwVVVjVG_PDMyrVR-TQ7y3_D8wATh4A4QfQzsMITP8PDhX5nwAAAAQX3hEtACV_47rz1_LR0KK9ARNufgwmFT0lISrVCUMmA-sFASQgTgAgBwImOOncEm3n8iAALXaNDTs4E0AJSG9QAiqvBhAMGqAGAABgQgAAYEEAAMBAAADgwAAAEEIAAJjBAAC4QQAA4MAAACDBAAAUwgAAVEIAAGjCAABYwgAAmMEAAGxCAAAgwQAAgMEAAHDCAADQwQAAPMIAAAAAAADgwAAANEIAADBCAADAQAAAqEEAABzCAADQwgAA8EEAABRCAAAgwgAArEIAAITCAAAcwgAA0MEAAEDBAACgwQAAbEIAACzCAACAvwAAuEEAAIA_AACIQQAAqEEAAChCAACiwgAAhsIAAIA_AAB4QgAAUEEAAJ7CAADoQQAANMIAAEDBAAAIQgAAEEEAAOTCAAAAQAAAJMIAAARCAACgQQAAQEAAAFDBAACWwgAAbEIAABDCAADgwAAAiMEAAHDBAADgwQAAsEIAAMxCAAAAQQAAAEEAAHDBAACAwgAACMIAAKhBAAC4QQAACMIAAKLCAACAQAAAYEEAAOhBAACQwQAA8EEAAIJCAABAQAAAMEEAAGzCAADowQAAYEIAAEBBAAB0wgAABMIAACDCAACgwQAAMEIAABxCAAAMwgAAjMIAAIA_AABQQQAAOMIAAADCAAAEQgAAJEIAAHBCAADAQAAA6EEAAIDAAADAwQAAgMEAABDBAADgwAAA0EEAAAjCAAAwwgAAgEAAAKDAAACAQAAAXMIAAJTCAACgwQAAgEEAAEDAAAAwwQAA4EEAADjCAAAIwgAANMIAAEDBAACAQQAAIMEAAOBAAAA4QgAAVEIAADDBAAA0wgAAusIAAKDBAABAQQAAJMIAAMBAAAAgQgAAgL8AAEzCAAC4QQAAbEIAALjBAAAAwAAAMEEAADRCAABAQQAAmMEAAEDBAABQwQAAiMIAAATCAADIQQAAEMEAAPBBAAA4wgAABMIAABzCAACCQgAAfEIAALpCAABAQgAAiMEAAETCAABsQgAAEMEAADDCAACgwAAAOEIAAIC_AABwwgAAqEIAAPBBAABAwQAAoEAAAIhBAACQQQAAmkIAAIBAAAAAwgAAUEIAABTCAADAwAAAqMIAAFzCAACwQQAAEMEAAIDBAADYQQAAeMIAAMDAAABQwQAAJMIgADgTQAlIdVABKo8CEAAagAIAANK-AADovQAAiD0AAIC7AACAuwAAND4AAHC9AAAtvwAAor4AADA9AABcPgAA-L0AAOC8AACIvQAA-L0AAHA9AABsPgAA4DwAAHw-AAAPPwAAfz8AAGQ-AADYPQAAyL0AAHS-AACAuwAAQLwAAHS-AAC4PQAAdD4AAKo-AAA0PgAAFD4AANg9AADGPgAALD4AAHA9AAAwvQAAFL4AAKi9AACWvgAArr4AAEA8AAB0vgAA6L0AAAc_AAC4PQAA4DwAAAQ-AAA8vgAAnj4AAJq-AAC4vQAArj4AANi9AACIvQAAXz8AAHA9AAAwvQAAtj4AAEC8AAB0vgAAcD0AACQ-IAA4E0AJSHxQASqPAhABGoACAACWvgAABL4AAFy-AAAxvwAA-D0AAKA8AACAuwAAyD0AAIK-AABwvQAAPL4AAKg9AABUvgAAVL4AAKA8AACAOwAAjr4AAFE_AABQvQAAjj4AACw-AAAUvgAAQDwAABC9AAA8vgAA2L0AAFy-AACAOwAAiD0AAEA8AACYPQAAEL0AABQ-AAAEvgAAdD4AAPi9AADIPQAAFL4AADy-AABkPgAAbD4AAIK-AADgPAAAoLwAABC9AABAPAAAf78AAKK-AAAQvQAADL4AANg9AAAQvQAATD4AAKC8AABUPgAA4DwAAHC9AADgPAAABD4AAJg9AACgPAAAfD4AADS-AAAkviAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=QLziINvaC68","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["14954237088602641151"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false},"13790741190186679399":{"videoId":"13790741190186679399","docid":"34-3-1-ZBE9D3BEE96D06735","description":"In this video, I will show you how you can create animated responsive sidebar using HTML & CSS. This sidebar menu using new popover attribute and you can close sidebar by clicking outside or by...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4104385/c0d9b5a555739dfee66c56bb0f2748c8/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/5fBLSgIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"8","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"Build Animated Sidebar using HTML & CSS | No JavaScript","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=1Tcs2qX_m9Y\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoWChQxMzc5MDc0MTE5MDE4NjY3OTM5OVoUMTM3OTA3NDExOTAxODY2NzkzOTlqiBcSATAYACJFGjEACipoaHVzeWZic2ZxdGd0dWxiaGhVQ1hETHJzcWUxNHVGdTZrOTZ4amxGNHcSAgASKhDCDw8aDz8TuwSCBCQBgAQrKosBEAEaeIH9B_4N_gIA8AUMBRAD_QAT9QcG9wAAAOIO9gQD_AIAAwQP_f4BAAAJ9fD9BQAAAAX6B_X7_QEA9_sKCAMAAAAN__0IBAAAAAoG9wj-AQAABvH__QL_AAD7APwDAAAAAAsIA_n-_wAAEwT0-AEAAAD69PIIAAAAACAALY2P2js4E0AJSE5QAiqEAhAAGvABWQ7y_gUOAgPLEeUA1v_ZAIEAAv85HOQA2gjXAO7-3gDX-OkA7OwPAMj7CwHBFwcA6e7M_zAOBgEABQz_AQYmABMD-AAy6hIARBff_9UL8_8CMhYBHusrAifrGQAs7e__Ev7_A9MFw__U1uwA8AwsAg8J9gEfDQT_4AcYA-kTDgLa8QH-2PAVBMD6AwMHFQ4AEQztAS4j7P_4DAgDO_TlARD88Qgw5hcB9ggOCuDK9_3d-P8G9QD0_vwhGAn6GBAB-fT3Avf3DPESDAP0LvUA9uosBwYY9vUL7eL19_MGDvfpBwUB4T4HAgAMFPYNE_byIAAtv08kOzgTQAlIYVACKs8HEAAawAcv_eu-CmIFPd3U_jsDFUS9AIlLPVSnKLubG9O8FzMdvdBdt7z5ENQ9qcNFPaq78jz8jLu-WlMPvMbqxbstCVA-1PhgPOZkGD1Yx9G9DLyJPGwDfL1tO-29fbg_vBryFTz_lTW9DxuWvUCnezyTbwY-b7AhPZyQDrwhsrO9TTutu6sxV7xWP8C8F_hFvTt5ibtngQY-mTM2PUrM2Ly8Wu49QGNLvCsBpzxmSPq88W47PQlpkbuscOu98NOCPDIFqbvLSD28bh03vT85yDtEIL29tGA9vVvVRzkUvYI9IVGyPeverzyWCmq9rpSKPal_Nbw4oZA8zFiZPESL7Lv5oAe-9BqbPS-BgDtjhIs9L4NWPCDxhrxDVey9iL47PEWQuTw5rrA9TP9Svf7MhTyX5iY-Jfw3PdLLAzt6AKY8YuBUvcQfSTtqMD0-DeIjPZmaKbspwSw8G0xDOc0ngjsJu9E7HLbNPe96RLyHgLi9KquJPVcHozvxfGs9w-7gvDXAO7zU4gI9W422vJiQB7wrFwo9s_mOPbQwlzuD6tU6UZAQvBq4ybtqNg08n3sqPTHJbbxemTw9k4RpvNsAh7yTH7y9v5DfvFDhCrw9kXE9-GEuvfnmiru2SjA8j0EfvMuIybtL2K28qxW3vcWaArz0Muq9KH2BvRVVvzq_ETi8nOyVvAFUbbveZ0Y9JaOUvKiL1jsEVFi9RnMJvadQRLsocQc9BlTNOp8xXbtSi_e8EmP8u6LhXjvI6lY8dh7wPNTvQrvurw4-nxKRvX7QlDkA8tS8hoEdPe0nnbgbaB69kGzJvPelCzlZt6w7O0WYPa8iP7nYAow8g2jNvS4kwrh8TtW8HeS1vXe9x7mrez-9CHw5PZ1idjo1Z5g9bscPPbRbCbk2iSs96AcgPDsNcbh5YUY9zAP9PCkG4Dg98Tw9o1guvdwAFLlxTzy9f9U2vDSgvzjuwIq8pSG0PIn7qTeeSTY9BMX0vA7xfTdZDYM98Q3FPN277zg-EVo9GG6KPG3wXDgSR4O8niNSvXurHrfiz5u9M1D5vUbKDbiQmTC8reYPPccmFjis5nm9bVeovHlp9reaEv-8vbImvRW6x7eMSPm8kjwXveQvGzcF4eq9u7Y3vfsoA7mgVMs99_HGvC2P1bhkioM9kmQsvc1Kf7fpeNS7OUyPPGxWkjguQrc9fvoVO13XeTdDIsg8pU3VvVAHd7hVGKY9bQvFPYPH5zhGqz-93xasPGaz_LZnCZe8pgSJPZqypTd7uj-9UQsPvcgft7cgADgTQAlIbVABKnMQABpgUPYAXxP2_t0sD_j2vMYv2QvVEdfEIv8h0__nHvke3wjXiS8C_wYF9v6fAAAAJOf4FxUAA3_e0dPkzhDmtOnsKCt0Kx5KpQENTAkBbPjMILMDAwMUABvhtf3dAslMKwTxIAAtHs4UOzgTQAlIb1ACKq8GEAwaoAYAADBBAAAwQQAAgkIAAOjBAADAwAAAoMAAAHBBAAAAwQAAlsIAAHBBAADQQQAAyMIAAGjCAAAowgAA4EAAAKjBAACAQQAAMMIAAJLCAAAAQgAA6EEAAHTCAADIQQAAREIAAIC_AACwQQAA4MAAAIzCAADAQQAAcMEAADTCAADIQgAAeMIAAJjBAADgwQAAcEEAAJBBAADGQgAAyMEAAPhBAAAcQgAAcEEAACBCAADKQgAAHMIAAGBBAABswgAAEEIAAKxCAABAQAAAjMIAALjBAABgwQAAwMEAABxCAAAgQQAAFMIAALBBAACAvwAAoMEAAIA_AACgQQAA-MEAALDCAADgQQAADMIAAEzCAAAAQgAAQEEAADjCAACgQQAAxEIAAFDBAABYQgAAoMAAAAhCAACAwQAAIEIAAGxCAAAQwgAAmMIAALBBAADgwAAADEIAAMjBAAB4wgAABEIAAEBAAAAAQgAAUEEAAKDBAABMQgAAYMEAAETCAACAvwAAmMEAAHBBAABAQgAAgL8AALjBAADYwQAAUMEAAHBCAADgwQAAsMEAACxCAACYQQAAlEIAAKBBAABoQgAA4EEAAFBBAADQwQAA-MEAAEBAAADQQQAAkEEAAADBAAAQwQAAuEEAAHBBAACQwgAAFMIAAAAAAAAAQQAAPEIAANjBAACQwQAAAMAAAKBAAADowQAA4EAAAIBAAAB4wgAAyEEAADRCAAAIwgAABEIAAFDBAAAowgAAgEEAAJ7CAAA8wgAAcMEAADBCAAAgQQAAjsIAAK5CAADgQAAAiMEAAJhBAACQwQAAsMEAANDBAACAvwAAisIAAEDBAAAUwgAA2EEAAChCAACIwQAAGEIAAEjCAABswgAAZMIAAHxCAABMQgAArkIAAIC_AAAgQQAAgD8AAABCAADIwQAAkMEAANhBAAA0QgAAAMEAAEjCAACUQgAAMEEAAAAAAADAwAAAEMEAAEBBAACaQgAAkEEAAIDCAAAsQgAAUMEAAODBAAB4wgAAwMEAACDBAAAgQgAAHMIAAOjBAAA8wgAACEIAAHxCAABAwiAAOBNACUh1UAEqjwIQABqAAgAADb8AAPi9AACWPgAAoLwAAEC8AAAQvQAA5j4AAMK-AADovQAAqL0AAHw-AADIPQAA4LwAAFC9AABQvQAA-D0AAOI-AABQPQAAmD0AANI-AAB_PwAAzj4AAOi9AACuPgAA4LwAAIA7AAD4vQAAmr4AAJI-AACCPgAAiD0AANg9AAAsPgAABL4AAAQ-AAD4PQAABD4AANa-AACevgAAFL4AANi9AABMvgAAgj4AABA9AABAPAAA7j4AACy-AACgvAAAQLwAABy-AACaPgAAmD0AAFw-AACmPgAA0r4AADC9AABrPwAAyD0AAKg9AAC4PQAAcL0AAFS-AABwvQAAiL0gADgTQAlIfFABKo8CEAEagAIAAPK-AABEvgAAVL4AADO_AACYPQAAhr4AAKC8AACevgAADL4AAEC8AABEvgAA4DwAAAy-AADgvAAAPD4AADC9AACOvgAAPz8AAHC9AACqPgAApj4AADC9AAAkvgAAED0AAHC9AADYvQAAmL0AABA9AADoPQAABD4AAHA9AACoPQAAiD0AACS-AACqPgAAQDwAABw-AAAMvgAAbL4AAEA8AAAcPgAAmD0AAOC8AACAOwAAiL0AAAS-AAB_vwAAJL4AAFA9AADevgAAqL0AACS-AADIvQAAVD4AADQ-AAA0PgAAQDwAABw-AACgPAAAuD0AAIA7AAC4PQAAiD0AAES-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=1Tcs2qX_m9Y","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["13790741190186679399"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"1554424459"},"14704187475412004468":{"videoId":"14704187475412004468","docid":"34-11-14-ZB4095924C58F3527","description":"In this video, I will show you how you can easily create simple tags input box component using React i.e. HTML, CSS & JavaScript. In this component you can add tags, remove tags and it will also...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3369115/c3946be8aaa55037c49d4ea9a4b10bae/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/mZHGQwIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"9","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"Create Tags Input Box using React | HTML, CSS & JavaScript","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=Q2YTl7M8X64\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoWChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OFoUMTQ3MDQxODc0NzU0MTIwMDQ0NjhqiBcSATAYACJFGjEACipoaHVzeWZic2ZxdGd0dWxiaGhVQ1hETHJzcWUxNHVGdTZrOTZ4amxGNHcSAgASKhDCDw8aDz8TjAeCBCQBgAQrKosBEAEaeIEFFP0JBPwA8xQHBggF_QEE-A4B-P79AN8P9QQD-wIAEQgLAfsAAAAC_fcCCgAAAPQBA_vy_wEA5QUHEQMAAAAb9fQJ_QAAAAIM9wb-AQAAA_b4-AP_AAAI__j-_wAAAAMBBv_8_wAAFALtBAEAAAAK9_kSAAAAACAALUvkxzs4E0AJSE5QAiqEAhAAGvABaA7e_SHnBAWrIOMA6RzmAIH6Ef9H9fEA0gnO_98A6QG6A9sB_OsY_63rBQCLL_8BtR7J_kADHAAABw__Gw4mAQ_43gE00ywCRw_sAPAU4v7xJQv_E_gi_0HuAQIo-v76Fv7-BLwA1QC13_7__gUxAC_7_fwOBBgByxUPA-QXEQLvBPgCzgIP-5j7Cf0P9fv2DxPX_0EK1ADqBCMHJ_3jAvrZAwvu5wn5GxEnCN7l-fTb6e0G_wb4DMYOJAMKKCj4-fsBFuHx-vIHJAnuJ_Pk--YfCgIK7fQI_t8B8uHzHuvv7QnuxCYSCNv7H-MkIQrwIAAtxv0GOzgTQAlIYVACKs8HEAAawAcdAgO_TBDaPDy69jy0ZEQ8l0qZPdOO0TzCypc8cXZGPCsNJr3S_9I9aSp1PVSUBbyXx6q-E8fsO74Rnbw9KXM-lMDmu_VyDj25vJ69qTD4O9j-BL3RXIe9jz5eO6Bu4ropmLy92Nc6vJH64TyTbwY-b7AhPZyQDryjkyW-K38EPLa1ibvhXhk9d_GjvJG-JLziA9s9i4f3usFTyLxsz8w9QjofvHeBVDvmbRa9cg_TPAmHg7vsaNy9L70BvBlYBTvLSD28bh03vT85yDtKuIu9rTLTvEdQAryvsCA9qDeDPZ8jzTyWCmq9rpSKPal_NbybaKG89wW0PHF6sjz5oAe-9BqbPS-BgDt4eko9dWXGvNRDGbxQw9e9xJJ3PWuMzjp5tYc9cxC0vB0qvDwu5yI-waq6Paq-QLrpaxE9TRp-vEzyDjxqMD0-DeIjPZmaKbtjAsi7GWrevCCfCz3q05U9VYYRPi5w3Lo2Q8O7A-8_PfAb_LqkLI09nRwVvHlskTsfVNg827OIvQZvITyQXTM8Im1jPd-V8jqD6tU6UZAQvBq4ybsYsCQ9MR3fPFWFyDuGWp49J1BEul03gLzxbpu9ycuavV5tAbyLajY9QvuFu9I_WjvPw-Q85zJavNmZ37pg3De9uwTMvSq6w7q8IwO-nKS5vIWrhztNCr28OPUhPfXQYzs8ZK-8mq0hvNmT4bssuas7111qPHapkbtSXxs9WWGEvG15WDnFQLI8D5vIvLJWh7mJVpM7sIWqvIoBlrttA9c9taPYvQyfrzn-t5I8BlwBPdsdLDhzEiq9wwM0vZ3cFjkrHjI9CeXIPRQinrndKqO8Vz3AvZEGHjlniu88Wh41vee21bgaVJa95KV2PcMktTmy8Do9hVf1O3Fjirr39a090hjSvCyV5rePoII96IoyukK-IjjUiVo9RzzUOfeXdjnIuCC6sGXoPC_Cdbj1Vei8j4lZPdYxQTh46GC8-y8mvUMWKTVEQR89qk-NPL81ETkMKgA99gAnveRMd7iF4968DEZbvY2t-DawD7G9twy4vf5YOLgoWC09qw-KPVYUmriUhyW95W14O7_lLjiKiJy9g7IavUO4obc-l6S9oBgZvYg46LYt0dm9vKCEvevJlDfrhGE9KxjVvDyT8bijXrs95gv3O-yx8jf2Ru08VIO6PCdWirfwp5Y9dmOLPFt5qbRTZU48e1yVvV51vLerD8o9pf6VPcGUmjdhIIO9vj6pPNVUkbgtZyW8nuLCPbB8K7h3FIS62roFvQVaUDggADgTQAlIbVABKnMQABpgJxAAbtzv_eAAMNkvvd06yA7eFujxPP_1A__TEQAX4frSph0x_xMO7iGlAAAAIjQUN_gALn_hysrruRj5q-DTPSN_4PpAx_8LCAfCbOPaC7Lw_g_2APz5uQgMDwVfON7zIAAtW80UOzgTQAlIb1ACKq8GEAwaoAYAADDBAACwwQAAgEEAAOhBAABAQAAAgEEAAJBCAADYwQAAfMIAABDCAAAYQgAASMIAALjBAAAowgAAjkIAAJjBAABcQgAAqMIAABjCAAAUwgAAAAAAADzCAADgwQAAZEIAAMBAAABswgAApsIAABDCAABcQgAAEMIAAHBBAAD-QgAAosIAAJDCAABgwQAA4MAAADRCAADKQgAA6MEAAHhCAAD4wQAAuEEAAJ5CAAAUQgAAAAAAAABBAAAMwgAAYMEAAAxCAACgQAAADMIAAIC_AABUwgAAIEIAACRCAADYQQAAAMMAAKDBAADgwAAANEIAAIhBAACYwQAAuMEAAKjCAAAAwAAAJMIAAOjBAACGwgAAEMEAAEDBAACAQgAAjkIAAIC_AACAQAAAQMIAAETCAADAwAAAEEIAAOBAAAAcwgAAmMIAACxCAAAowgAAbEIAAAAAAAD4QQAAEEEAAHhCAAD4QQAAUEEAAFBCAADAQQAALMIAANDBAADAwAAAQMEAAHjCAABAQAAAAMAAAMzCAABQwgAAQMIAAPBBAAAwwQAAAEIAAJhBAAAAQgAAEEEAAABAAAAEwgAAMEEAAMhBAABAQAAAiEEAAABAAAAgQgAAoEEAALhBAABwQgAAQMEAAMBAAAAUwgAAcMEAAETCAACIQQAAoMEAAJBBAAAwQQAAkMEAAFDCAAAgwgAAYMEAAATCAAAQQQAAIMEAAHBBAABQQQAA2MEAAKBAAACQwgAAEEEAAGBCAABgwgAAAMEAACBCAABAQQAAOMIAAOBBAACgwQAAYMEAAEDAAABAQAAAYMEAAEBAAACgwQAAKMIAAKhBAAAEwgAAEMEAAHBBAABAQAAAQMAAAKjBAABAwQAAfMIAAKjBAADgwAAAMEEAAIDAAADAQAAA0EEAAMBAAADAwQAAuEEAAAxCAADgQAAAcEEAANjBAAD4QQAANEIAADjCAABswgAAsEEAAMBAAADcQgAANMIAAKDCAAAsQgAA4EAAAABCAAAAwgAAMMIAAFxCAACgwAAAyMEAANBBAADowQAAIEIAAHDBAADIQSAAOBNACUh1UAEqjwIQABqAAgAALL4AANg9AADIPQAAqj4AAJg9AAAMPgAAqL0AABW_AADYvQAAqL0AANg9AADgPAAAML0AAEw-AACgvAAAiL0AALY-AADYPQAA2D0AAP4-AAB_PwAAgj4AAOA8AABQPQAAiD0AAKi9AABAvAAAkr4AAM4-AACWPgAAmj4AACS-AAAXPwAAiL0AAKY-AAC2PgAAEL0AAIa-AACavgAAiL0AACS-AACSvgAAcL0AAGy-AACWPgAApj4AAGw-AACCvgAA-L0AAKq-AAC6PgAAVL4AAOC8AAC4vQAAiL0AAIA7AAA5PwAAMD0AAOA8AADIPQAAcD0AADS-AAD4PQAAgDsgADgTQAlIfFABKo8CEAEagAIAAHS-AADovQAAgr4AACm_AADYPQAAXL4AABA9AAAkvgAAmD0AAPi9AABUvgAA2D0AACy-AAAcvgAAVD4AAKC8AACWvgAARz8AAKC8AAABPwAA-D0AADy-AACgvAAAoLwAAHC9AADIvQAAgDsAAKg9AABwPQAAoDwAAFA9AADgPAAADD4AAJi9AACGPgAAyL0AABC9AAAkvgAAPL4AAHQ-AACaPgAAiD0AAEC8AACgvAAARL4AAIK-AAB_vwAAnr4AAIg9AABUvgAAir4AABA9AACevgAAJD4AANo-AAAcPgAAqL0AABA9AADIvQAADD4AABC9AABUPgAAuD0AAFS-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=Q2YTl7M8X64","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["14704187475412004468"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"3167800562"},"9456422277989623355":{"videoId":"9456422277989623355","docid":"34-5-17-ZA05F1396ECAD4397","description":"In this video I'll show you how to design/create animated toggle switch/button using HTML,CSS and JavaScript.","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4356112/be9e605c8755dd888cedc3539039b9c9/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/vudKVQAAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"10","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"How to design animated toggle button using [HTML+CSS+JavaScript]","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=ZZoA3MjgASQ\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoVChM5NDU2NDIyMjc3OTg5NjIzMzU1WhM5NDU2NDIyMjc3OTg5NjIzMzU1apMXEgEwGAAiRRoxAAoqaGh1c3lmYnNmcXRndHVsYmhoVUNYRExyc3FlMTR1RnU2azk2eGpsRjR3EgIAEioQwg8PGg8_E_sCggQkAYAEKyqLARABGniB9_78AP4DAPUBAwUHBf0BE_cB9_cBAADkA_wKCPwCABX8CPz9AAAAAe3__gYAAAD1AQP89P8BAP_8BBEDAAAADvT5AwMAAAAJEPsO_gAAAP_y-wED_wAAA_v9BAAAAAACAQb__f8AABME9PkBAAAAAPD6DQAAAAAgAC0AU9s7OBNACUhOUAIqhAIQABrwAX_o9AGSBBf7ISEFAA4F5ACK-g__XR3dAe0a4gH69fMB4QjzAO3sKACz7QQAmywhAcHc2f47JQoAMhH1ANwOIwAKEPYBOMgQAT8B_QDxDQL-9S_7_jQAEAFVB-gBCvwKAzP09PrnD9UB0MoABO4OMQIoEvj_CBr1_-cFAwAQGx732NDj_ujzJgLN_hr_Ed0oBSAY4wMYMdT_9izyBA_y6AAZGQv_PAv3_RkfCAb6yBT5wvsDAQnq-wny7RwB-goPB9nfCvbm0_X3-BUMABD8Af_bDw7yBQLyDQT2_QP-_gn58vkK__YcCfsF-Rf88OTy_iAALTw7ETs4E0AJSGFQAirPBxAAGsAHvhUNv71dZbxTzhc97tKhvAeoGj0gES48DDdFPQObjrxeQuq8-RDUPanDRT2qu_I8dHzEvhyE7zyZ2i29LQlQPtT4YDzmZBg9BqcZvH3wtbzouL-8bTvtvX24P7wa8hU8_U7TvZt1Rr2LLjQ9k28GPm-wIT2ckA68xO7bvQeDJTtmFRU8EfmTPNMjl7zcNgK8lPYGPqoAqTwTMtS5L2OEPbvKBL3t1Jw8DPipu1cbjT1y6OO87GjcvS-9AbwZWAU7XhyLPC6IrbyGh9k7JT28va2ZxrzZFpS8I_O4PfPJKj33XCE9bnA9vUM1aj3OgOU7bRwxPAhs97p2Y4s8UYfVvRUOUz2oWXu8vTM_PQSE3juS7y284KA9vfWR5Ty4b5o8AvPQPRQmZ7yMUCY704bjPcx2aj3WdL08PD0lPCM9e7zqo766005dPuxnsbqpNpM6ijyZvRzBfDzgY7A864nwOzfjFD7Mf8S6LCw4vNpijT0hjfE7XadRPVWXnTxNg6I8H1TYPNuziL0GbyE82ChQPTTbxT2q3WU8PzDPO7R34TxNn6G776KaOz0w2zt7epU79yDGO42RkbrUAkW8s83tvRm6KL20Adi7gqtcPS9NkbwBw3I8zmX0PEb1MTzksvq7kkPfvN9Ipb1SAiw8zDe8vQp5jrwIxO87rgc4PCw0qzzxWx27ilA2PGcYbb3oyEI78VZMvEwS8Lw2Y6g75hwhPVleA70eBik7eSEdvVS3abyXzsE6pFRCPelmWjwt3gO63WGTPbuXC76lDmg5NlfNvBESjjwClfm6bFpOvahOLDyoqo45EQmVPNQihz3rwWI40ZcZPZVnub29c3A559r8vHfyjr1Pzj25y6yUvWdT5DyOpwA6eeOJPADh6DyGXhO6161UPeCvE7ycmKy52bYivL_HKj1fhYa4IpoKPeJsAryQFv85rh17PNx5LL0XQgY3fr_9POQfTD0Hayg5D2T7O5zF5ryjkJy4WQ2DPfENxTzdu-84AFoQO9aXWzxrvCi4EkeDvJ4jUr17qx63sA-xvbcMuL3-WDi4kJkwvK3mDz3HJhY44-cavb-W_Dw5Mvk4LRyCvevIz7t6AFU3x6eWvQOHhrydjYq4gRWBvVBCH72HiR04dz1iPB0RQr2qPai5ZIqDPZJkLL3NSn-3GwkZPZWqkz28Eso3DP-ePczuSbwCvsS3-P4GPRfl4zxExXy3nfujOzm4ND16uxw4j3r-vEfuRLzjL4y4squPvXy6-jxzlDQ34_kxvJ4EO71WTIc1IAA4E0AJSG1QASpzEAAaYCX8ACfmD8DME0btAbrMALro9hTf3Uj_EM8A-f7dDQnrrscAPP8a9er4owAAACU1-kXxADR_zMT5y84K9sHu-CYQZjMUOa4MAQbwxz37uvnYAzozEQAR0s8HBfT9Qmsf_SAALR88Gjs4E0AJSG9QAiqvBhAMGqAGAAAgQQAAEMIAAERCAAAAwQAAGEIAALjBAACwQQAABMIAAKrCAACIwQAAsEEAACjCAACIwgAAKMIAABBCAADAwQAA6EEAAKjBAACAvwAAAMIAANJCAAAcwgAAbEIAAJBBAAAIQgAARMIAAMDAAACKwgAAEMEAAJBBAABoQgAA_kIAAGDBAADgwAAAuMEAAOjBAAAAwQAApkIAAAAAAAA0QgAA8EEAAADAAADwQQAApEIAABzCAABgwQAAZMIAAOBAAACKQgAAnMIAALjBAAAQwgAAxsIAAHBBAADIwQAAAMAAAHDCAAAYQgAADMIAAOBBAADIwQAAoEEAAKDAAACAwAAA8EEAAFjCAACAQAAA4EAAAIzCAAAgwQAAAEIAACRCAADYwQAABEIAAIpCAADgQAAAAEAAAHBBAABkQgAAkMIAAMDBAACIwQAAikIAAAxCAAAMQgAA0EEAAJ5CAABQQQAAJEIAADDCAACwwQAAjEIAADxCAADowQAAMEEAADjCAADIwQAAcEEAAPDBAADAwQAAHMIAAMjBAACoQQAAFMIAABzCAAAkQgAAREIAAFRCAACIQQAAgL8AAGxCAABowgAARMIAANjBAADAwAAAoEEAAFRCAACAPwAA8EEAAEBAAABcwgAAMMIAAADCAADgwAAAGMIAAIhBAAA0wgAAwEEAAHDBAADGwgAAmMEAALhBAAD4wQAA4MEAAFBBAACcQgAAiEEAADhCAAAQQgAARMIAABTCAACAvwAA0MEAAOhBAACYQQAAgEAAAJjBAACIQgAA0EEAABhCAADIQQAAkEEAAADCAAAAwQAAcMEAAODBAADQQQAAMEEAANhBAABIwgAAyMEAAFBBAABowgAA-MEAAK7CAACAwAAAQMAAAAxCAABAwQAAgMEAAIhBAAD4QQAA2MEAAKjBAACoQQAAEMEAAJhBAAA0wgAAgD8AAIBCAAAUQgAAAMIAAFTCAACgwQAAaEIAAOBBAACmwgAAnEIAAGBBAACYQQAAPMIAABTCAAB8QgAAoEAAALjBAACoQQAAwMEAANhBAABgQQAAIMIgADgTQAlIdVABKo8CEAAagAIAAES-AAAUvgAAtj4AADw-AAD4PQAAED0AAEC8AADmvgAAhr4AALg9AAB8PgAAXD4AAIg9AACgPAAAqL0AAEA8AACOPgAAyD0AABS-AACePgAAfz8AACQ-AACgvAAAoj4AADC9AACoPQAAgDsAAKq-AADaPgAAZD4AALg9AADoPQAAHD4AADC9AAAQPQAAQDwAAKC8AADWvgAAJL4AAIA7AACovQAAsr4AAKg9AAAcvgAATL4AAJ4-AABAvAAAyL0AAIi9AACgvAAAkj4AABA9AADgPAAALD4AAIa-AAAwvQAAPz8AABy-AACoPQAArj4AAIg9AABMvgAA-D0AANi9IAA4E0AJSHxQASqPAhABGoACAACmvgAAqL0AAAy-AAApvwAAbD4AAGS-AABwvQAAuL0AAOi9AAC4PQAAqL0AAFQ-AAAQvQAADL4AAEw-AAAwvQAAZL4AADc_AAAEPgAAuj4AAIg9AACIPQAAMD0AAIi9AACovQAAmL0AAAw-AAAQPQAAmL0AAMg9AACAOwAAMD0AAAQ-AADgvAAAuD0AAPi9AACovQAAyL0AADS-AABkPgAAyD0AAOi9AACovQAAFD4AAJi9AAA8vgAAf78AAJq-AACgvAAAuL0AAMi9AAAQvQAAUL0AAOA8AAB0PgAAqD0AAEC8AAAQvQAAUD0AABC9AACIvQAAPD4AAOi9AAB0viAAOBNACUh8UAEwCTgBSgBSCQgPEJICGAAwAWAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=ZZoA3MjgASQ","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":678,"cratio":1.8879,"dups":["9456422277989623355"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"4162631333"},"728775430643326838":{"videoId":"728775430643326838","docid":"34-0-14-Z2E49A39B36907E4D","description":"In this video, I will show you how you can easily create accordion menu using React i.e. HTML, CSS & JavaScript. This accordion menu is responsive and also has smooth open / close animation.","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2732945/9f38b3a47caf31a5f9c5a7b11c27c3ae/564x318_1"},"target":"_self","position":"12","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"How to Create Simple Accordion using React | HTML, CSS & JavaScript","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=6CMfGSW_JBE\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoUChI3Mjg3NzU0MzA2NDMzMjY4MzhaEjcyODc3NTQzMDY0MzMyNjgzOGqvDRIBMBgAIkUaMQAKKmhodXN5ZmJzZnF0Z3R1bGJoaFVDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dxICABIqEMIPDxoPPxOLBoIEJAGABCsqiwEQARp4gfr6-gsD_QDzFAYGCAT9AQT4DgH4_v0A4QP8Cwn8AgAQCAsB-wAAAPz3_fwJAAAA7fYL__MAAQD18gQOAgAAABf4AA34AAAAAQbuDP8BAAD49vb9A_8AAAAE-v7_AAAABQsF_wAAAAAUBfP4AQAAAAv0BQ0AAAAAIAAtYMbLOzgTQAlITlACKnMQABpgKBMANfv1AMssHOcIxOcE_gED3-ULK_8G8QDJBDUJC_zzpukJ__4J_A-4AAAAGSW9HNEAOFTj5dLw9PTt6vDSFCJ_CwUS3Nn69BAWae8OEOcFEA35ANv1FAwZ_Do7F9ImIAAtMd4-OzgTQAlIb1ACKq8GEAwaoAYAAABBAAAQwQAABEIAABhCAADoQQAAPEIAAAxCAAAQwQAAqsIAABBBAABYQgAAfMIAABDCAACYwQAAXEIAAKBAAABAQgAAqMIAAIA_AAB0wgAAwEEAAIC_AADwQQAABEIAAIhBAACAwQAA6MEAAIzCAADyQgAA4MEAAGzCAACeQgAA3sIAAIjBAABgwQAAgMEAAHBBAADAQgAADMIAABhCAACAQAAAFEIAAOhBAAAkQgAAwMAAAHjCAADYwQAAUMEAAIBCAADgQAAAXMIAAODAAACgQAAA4EAAABBCAAAcQgAAAMMAAEjCAAD4wQAAQEAAAIBAAAAIwgAAPMIAADzCAAAoQgAAqMEAAMDBAAAAwQAAEEIAABzCAAAoQgAA4EIAAGDCAAAQwQAAmMEAAJDBAABgQQAA6EEAADRCAAAAwgAA7sIAACRCAACYwQAAaEIAAIBAAACIwgAAAMEAABBCAACeQgAA6EEAAABCAAAAwAAAGMIAAFzCAAAAQAAABMIAAHDBAADwQQAAqEEAAKzCAABUwgAAIMEAAKBAAACwwQAAQEEAAADBAABQQgAAmEEAACDBAACAwAAAwMEAABBBAAAgwQAAwMAAAEBBAABQQQAAoEAAAMjBAABwwQAAUEEAANBBAACWwgAAaMIAAOjBAADYQQAANEIAAFzCAABAwQAAmMEAAPDBAAAIwgAAYMEAAKDBAACIwQAAMMEAAEDBAABYQgAABEIAACBBAABwwgAAJEIAAMDBAACQQQAA6MEAABhCAADowQAAjsIAAIC_AAAAwQAAsMEAAIC_AAAEwgAAqEEAAIDAAACYQgAAPMIAABTCAABwwQAAsEEAAPhBAACQwQAAcEEAADBBAADgwAAACMIAALDBAADQwQAAuEEAAIDAAABQQQAACMIAADBBAADAwQAAYEEAAABAAADYQQAAFEIAAIDBAAD4QQAAOEIAACBBAAAowgAA4MEAAKDAAACEQgAAAEEAAPDBAABIQgAAkEEAABBBAAAYwgAAMMIAAHRCAAAIwgAAwEEAAFBBAACiwgAA4EAAAEDCAACowSAAOBNACUh1UAEqjwIQABqAAgAAcL0AAFC9AACOPgAA-D0AAOg9AAAEPgAAoDwAADO_AAC4vQAAFD4AABQ-AAAsvgAATL4AAOA8AAA8vgAA6D0AAOI-AABQvQAABD4AACk_AAB_PwAAij4AAAS-AABEPgAAiL0AAAw-AAD4PQAAtr4AAP4-AACOPgAATD4AAAS-AADyPgAAiL0AAIg9AAAUPgAAqD0AANK-AAA0vgAAyD0AAN6-AAD4vQAAdD4AAEA8AABMPgAAWz8AAGQ-AACSvgAAUL0AAKi9AABEPgAALL4AACS-AAAEPgAAkr4AAEA8AABTPwAAJL4AALi9AADSPgAAmD0AALg9AADoPQAAoDwgADgTQAlIfFABKo8CEAEagAIAAFS-AABsvgAAXL4AADu_AABkPgAAfL4AABS-AAAsvgAAyL0AAIi9AAAkvgAAdD4AAKC8AABkvgAAfD4AABC9AACivgAAVT8AAAw-AADOPgAAoDwAAOC8AACoPQAAoLwAAAS-AADIvQAAJD4AALg9AACAuwAAMD0AAJg9AABAvAAAHD4AAAy-AAAUPgAA2L0AAKi9AACAOwAAbL4AADQ-AAB0PgAAgLsAAJi9AACoPQAA6L0AAJ6-AAB_vwAA5r4AAIg9AADIvQAARL4AAKC8AAA0vgAAQDwAAMI-AAC4PQAAiL0AALg9AACIvQAAoLwAAFA9AADuPgAAQLwAANq-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=6CMfGSW_JBE","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":720,"cratio":1.77777,"dups":["728775430643326838"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false},"18116719913806790654":{"videoId":"18116719913806790654","docid":"34-10-2-Z1637280BCC09A005","description":"In this video I'll show you How To Create/Design simple loading animation With Pure HTML and CSS/CSS3 Code only in a few moments.","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4754427/aff987d846a0dfddf007fc487a5eda5e/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/Tm_9KgAAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"13","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"How to easily design loading animation using HTML & CSS","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=bd5E9uNbggg\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoWChQxODExNjcxOTkxMzgwNjc5MDY1NFoUMTgxMTY3MTk5MTM4MDY3OTA2NTRqiBcSATAYACJFGjEACipoaHVzeWZic2ZxdGd0dWxiaGhVQ1hETHJzcWUxNHVGdTZrOTZ4amxGNHcSAgASKhDCDw8aDz8TnAKCBCQBgAQrKosBEAEaeIEBAAIG_wIA_PkGBwIH_AIc9v0G9gICAOMF_QEA_AIAFfwI_P0AAAAB7f_-BgAAAP79C_70_gEA_AD3DwIAAAAO9PgEAwAAAP4BBAYIAQAA_vz3_vkBAAAFCvwB_wAAAAgFDAD6_gAAFQj9AQAAAAD39QAPAAAAACAALV612Ds4E0AJSE5QAiqEAhAAGvABa_33_qT3EvwWGO8A9_aoAoEKLf9gHtwB4iLLAQfs-wHNC_gA5BQrAJ_r8wKxK_j_v9vY_iMrDQA27QD_2w4kAAoe8gA65xUAS_IFAPkfAf_rSSn9GvcQAD_1FgAKCv4EQdTy_Okx4QDV2gMCDBcmAB0ABv8MG-ID-Ab0AhEbH_fpxvsF6er6Bv7uFwAFwiwDAxjxBig58v4KRhIAPNwEABsUIgQhBQsJCgMq_vfh_wPS_ez__en5-Nj-BwgeMwoD9uH__u_UEPEUAgMDJvwF_ff9DwYDFfcT_-IEAgYGF-niDxP38Az7_NgDDwr69_jvIAAtUCMNOzgTQAlIYVACKs8HEAAawAe-FQ2_vV1lvFPOFz1rcic9uZEtPZI5OzxJK748V7KjvJny37tYYek8pDhHvJTsIj38jLu-WlMPvMbqxbtRv4s-HWwWPZvocz14t1K9_Ke8OzhXg7yJCxC-Nmquus6P-TswQZK9T2iIvIVPKT1phMg9rXIcPSSTuLzqNhK9UxSevSdM-7tvJ4Y9-NmtvAXBvTlb0eY9g1M6PbUASDuq9C49R1L3vNQeQDwM-Km7VxuNPXLo47yXkC--tj_hO8EXS7xeHIs8LoitvIaH2TslPby9rZnGvNkWlLwcIxk-942UPEvTGz1EaZS7bbU9PRvlTzyCNGg9KVXHu4FI9Txs6dG9qValPW0a27xjhIs9L4NWPCDxhrwiyhK9ZMYAO_tZLDz1Ugw9oA9gvPxPxDvThuM9zHZqPdZ0vTxiEUO89GfkPDprwbyjzTE-bLMxvMh4ubwiYQm9bUAhPG16Cz3rifA7N-MUPsx_xLp-3S69KadHPXdJfzvd9EI7_QURPWNFqjtV_QU9jJqEvZ77IbyA9A09WQhBPfO_Jjx6Yqe8G8bTvCP9kbzXbZC8YxxtvJoFHjyHYye8-7stvMbbSryIJB-9Q1XMPOXhc7yxKQE9K3KjvLYiezybyIw8FHGfPKuGWTrMNDC9VMNDvW9MKjwFe8K9cy5Fvadr9bpl3xc8vco1PALNrTsFUXc8t0AHvfSVkzoscjo7XwQyvPuE4DtND289T0UlvaooIzhSi_e8EmP8u6LhXjvI6lY8dh7wPNTvQrttA9c9taPYvQyfrzlNJoi9-U_xO1JXkDf7m0u9-6gLPWr0wzn-ZVK8YwigPRO67Thq9iO7752nvWJI3Ljn2vy8d_KOvU_OPbkM5QS-SflFu1aRuDlf6xI9HcwDPIb72rlm_rw9xT-mupMQ-7i3bpQ88_WGPDhBYDifEHA9CZ2-OzQgsrkd3Gc849hEPHqZJbkFpH08moSBPbC1qTjrpGM8ooyivb9SZDmxEpg9Z2_bOzK_SThuGAW9eWyVvJ3hUbeLhSa9TcF1vavq6jjj8X693TRsvZLEvrcRTJq8o9KDPSMfDDjEiIO9r3JtPRlrqjgV7QC9v9mgO3hZAbfDpIO9Ec-Yvd-ic7gnGJm96JruvGYlBTlllcg8tVLovUuRJjhLLzs9o9SEvQPscrj0yBk8eNCsPN0yIzjwp5Y9dmOLPFt5qbTqB3U9ZIxaud_hRLdkXpI9tGtsPSF47jhm2RO9hBiePHZTdrhuA429J2muPb_3Fje9QB-9650bvINQODcgADgTQAlIbVABKnMQABpgPt4AM_AHyAY2LAIVsOAoyPLSxxDvRf8erP_xDdIjHgTJ2CDj_0AH6v2ZAAAAHCrQJPkAM3_lyvT22gQPju0JOvdmERkNviUVG_m6NfXo-8f-KRpjAB6puPENBLtEPSwhIAAtZzETOzgTQAlIb1ACKq8GEAwaoAYAAARCAADAQAAATEIAAKjBAADYwQAAMEEAAIJCAABAQQAAosIAAGDCAAC4QQAAMMEAAIC_AADgwQAAkkIAAEBBAAAwQQAA2MEAAIDAAACoQQAA9EIAAATCAAAAwAAAgL8AAIDAAAAwQQAAgMAAAEjCAAAwQgAAGEIAAAhCAAD8QgAAFMIAAEDAAADAwQAAkMEAAODBAADsQgAAKEIAAEDAAACoQQAA4MAAAOBBAABcQgAAVMIAAOhBAADowQAAwMEAAADBAAAYwgAA2MEAAADBAABowgAAgMAAAKBBAAB0QgAAnsIAABxCAAAwQgAAEEIAAKDBAACAQQAAsMEAAMjBAAAgQgAAwEAAAChCAABMQgAApMIAAAxCAAAUQgAAmEIAAODAAADoQQAAwMEAAMhBAABUwgAAAEEAABRCAACCwgAA4MEAAKDAAABAwQAAaEIAABzCAABwQgAAcEIAABjCAACAwQAA-MEAAEjCAABEQgAAoEAAABzCAACAQQAAsMIAALDBAAAkQgAAEMEAAIA_AAAMwgAAPMIAAMBAAAAgwQAARMIAAGxCAACYQQAAkEIAAIBAAAD4wQAAYEEAAI7CAACEwgAAvMIAAJBBAAAAQAAAcMEAAATCAAAwQgAAYMEAAIC_AABkwgAALEIAAHzCAACowQAAAMIAAFDBAACAwQAAAMAAAIzCAAAAAAAAAMEAAKTCAACAwAAAIEEAAIJCAAC4QQAAlkIAAADAAAAIwgAAqEEAAHBCAABAwQAAsEEAAPBBAACAQQAAgD8AAHBCAAAsQgAAgMEAABxCAABgQQAAAEAAAIBAAADAQAAAQMEAAEDCAACOwgAA4EAAAKjBAAAQwQAAoEEAAMDBAABgwQAAdMIAACxCAADIQQAA6EEAAMjBAAAAwAAAuMEAAJBBAABgwgAAAMIAAATCAABwQQAAYMEAAEjCAAAIQgAAuEEAAMhBAABQwQAAXMIAAFDBAAA4QgAAKEIAAGDCAACmQgAAiEEAAIC_AADgQAAAEEIAAABCAABgQgAAiMEAABBCAACQwQAAJMIAABBCAADYwSAAOBNACUh1UAEqjwIQABqAAgAAkr4AADC9AAAEPgAAsj4AALi9AAAsPgAA4LwAAAu_AACYvQAABL4AAHw-AADIPQAAUL0AAOC8AABcvgAAED0AAM4-AAD4PQAAEL0AAOI-AAB_PwAALD4AAFC9AAB0PgAATL4AADy-AABQvQAA5r4AAI4-AACAuwAATD4AALi9AADYPQAA2D0AADw-AACCPgAAMD0AAOK-AACCvgAAkr4AACS-AADevgAA6D0AABA9AADgvAAA4DwAAGS-AAC4vQAABL4AAPi9AADYPQAAJL4AALi9AAA8PgAAhr4AAHC9AABbPwAAmD0AAES-AAB8PgAALD4AAKC8AABwPQAAED0gADgTQAlIfFABKo8CEAEagAIAACy-AAAsvgAAHL4AADO_AAD4PQAAPL4AADA9AABAvAAAyL0AAEC8AACoPQAAJD4AAEC8AACGvgAATD4AAJi9AADavgAAKz8AAPi9AACCPgAA4LwAALi9AADgvAAA2L0AAEC8AAAUvgAAiL0AAEA8AAC4PQAAqL0AAEA8AAAwPQAAEL0AAAS-AABsPgAAuL0AAEA8AACgvAAAfL4AAHw-AADIPQAAgr4AADy-AAAUPgAA6L0AAKK-AAB_vwAA6L0AALg9AAAsvgAALL4AAAy-AADgvAAAcL0AAGQ-AABQPQAAcL0AAIi9AAAQvQAAgDsAAJi9AAAMPgAAQDwAAAy-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=bd5E9uNbggg","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":678,"cratio":1.8879,"dups":["18116719913806790654"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"2049207318"},"14141297161140937613":{"videoId":"14141297161140937613","docid":"34-10-17-ZE290DDF0416CEEEC","description":"In this video, I will show you how you can easily create simple responsive FAQ accordion menu using HTML, CSS & JavaScript. Toggle feature in this menu is added using max-height css property.","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/759811/27d39318935917fa1d91bd9537cfb46d/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/IHj-oQEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"14","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"Create FAQ Accordion Menu using HTML, CSS & JavaScript","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=lZh3bT-hxjk\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoWChQxNDE0MTI5NzE2MTE0MDkzNzYxM1oUMTQxNDEyOTcxNjExNDA5Mzc2MTNqtg8SATAYACJFGjEACipoaHVzeWZic2ZxdGd0dWxiaGhVQ1hETHJzcWUxNHVGdTZrOTZ4amxGNHcSAgASKhDCDw8aDz8TjgWCBCQBgAQrKosBEAEaeIH7Cv4JAv0A8xQGBggE_QEU9AcG9wAAAOISCAEE_QIAEAgLAfsAAAD89_38CQAAAO0ACvX3AAAA9fIEDgIAAAAb9vQJ_QAAAAEG7gz_AQAA_-z09gL_AAD7APwDAAAAAAkGDAD6_gAAFAXz-AEAAAD29AAQAAAAACAALeB1zDs4E0AJSE5QAiqEAhAAGvABaR_6As0GDf4AEQAA7xX7AYHw-_8u-fYA2gjvANoQ_QHkEd4A8_b6AN0TBQDNBQAA7vHXACYLBQEQFgr_EgkZAATyBgA82fkBLAD-APMZ-v8CKBEAMvsOABL6__8a_P_8EvP6_9MA5ADu_QQA9PUyAhX7Dv78AQUB8QIiAfIhBv_dFwz8Afsf_9j1A_r1AgwDBgTy_h0Q5P7yAxcFFArgAggABgQf5wIAEfoGBuL0-QXh_vIA__v8AAIGFAIIFgb8AgLzBO7h-PoOCQP3NPX__fIXE_j87gQG-wH6A-nmB_n_9w767yIHAAAFCQEKD_j1IAAtkPpOOzgTQAlIYVACKnMQABpgQBUAOPMY8L4OIeL7p-UV4wn53_gHHf8f8ADq8wgEBfMCsPgc_wX49xG1AAAAJRa_Ht8AFl3Z1eb-xAT91O7lFQB_-Q84ruHz7SHzXQDBBNoZJhn5AP_kzfgi_h0zF9UIIAAtDQY2OzgTQAlIb1ACKq8GEAwaoAYAALhBAAAgQQAA8EEAALhBAAAEQgAAIEEAAOBBAADAwQAAAMIAAABBAAD4QQAAjMIAADDCAABQwQAAcEIAANjBAADQQQAAXMIAANjBAAB4wgAAgEEAAEBAAADAQAAASEIAAODBAADgwAAAmsIAAIbCAADcQgAAwMAAAOjBAABMQgAAusIAABBBAABkwgAAmMEAAIjBAACcQgAA6MEAADxCAABAQAAACEIAACRCAADYQQAA-EEAAILCAABIwgAAmEEAACBCAAC4QQAAiMIAABBCAACAQAAAcEEAABxCAAA8QgAAAMMAAI7CAAAwwQAAUEEAAMDAAAC4wQAAUMIAAHTCAAAYQgAAgMAAANjBAABAQAAAUMEAACTCAAB8QgAAtEIAABzCAABAwAAA4MAAAETCAAAwwQAAsEEAAGRCAAAUwgAA2MIAAOhBAAD4wQAAKEIAAADBAADowQAAKEIAACxCAABgQgAALMIAAADAAACAQQAA4MAAAITCAAAgQQAAdMIAAIDAAAAgQQAAYEEAAI7CAAC4wQAA4EEAAIBCAABAwQAAAMEAAKDAAAAsQgAAMEIAAIDAAABAQgAAAAAAAEDAAADAwAAAUMEAABBBAABQwQAAJMIAAKjBAAAkwgAAQEAAAPBBAABkwgAAusIAAMjBAADoQQAAXEIAADjCAACAwQAANMIAACDCAADAwAAAAAAAAODBAACowQAAgL8AAKBAAACcQgAAqEEAADDBAACqwgAAcMEAAGDBAAAgQgAAyMEAACBBAAAswgAAzMIAAFBBAABgQQAAwMEAAIC_AACYwQAAQEAAAIA_AADIQQAARMIAAADCAAAgwgAAEEEAAABCAACgwQAAuEEAAIDAAAAcwgAAVMIAAGBBAABwQQAAkEEAALBBAACgQAAAaMIAAEBCAAD4wQAAgEEAAODAAABAQAAAuEEAAIDBAACYQgAAoEAAAKBAAACwwQAAAAAAAODAAABwQgAAAMEAAIbCAAAEQgAAUMEAAKBBAAAgwgAAgMIAABhCAAAgwgAAUEEAAGBBAACQwgAAUMIAAEzCAAAAwSAAOBNACUh1UAEqjwIQABqAAgAAxr4AAKA8AADOPgAAFD4AABQ-AAAEPgAAFD4AAGm_AADovQAA2L0AAI4-AAA0vgAAdL4AANi9AAAMvgAAFD4AAP4-AABwvQAAbD4AAF8_AAB_PwAAnj4AAAy-AABQPQAA4DwAAIC7AACGPgAAxr4AAA0_AABcPgAAlj4AAJi9AAAPPwAAoDwAACw-AADIPQAAZD4AAPq-AABAvAAAHD4AAAy-AACGvgAAlj4AALg9AACePgAAfz8AAPg9AADKvgAA6L0AADS-AAAMPgAAgLsAABe_AAAcPgAAFL4AALg9AABnPwAALL4AAOi9AAANPwAAND4AAEw-AACoPQAAcL0gADgTQAlIfFABKo8CEAEagAIAAJK-AAD4vQAAbL4AACO_AACYPQAAmr4AACS-AABkvgAA2L0AAFA9AAA0vgAAdD4AAIA7AABMvgAAgj4AAOC8AADOvgAAYT8AAAQ-AAC6PgAAlj4AAIA7AABAPAAAUD0AAPi9AACAOwAAML0AAFw-AAAMvgAAgLsAAHA9AACgvAAAnj4AAAS-AACSPgAA2L0AALg9AADIvQAAbL4AAFA9AACGPgAAqD0AABy-AACAOwAAqD0AAN6-AAB_vwAAyr4AALg9AACevgAAJL4AAEA8AABkvgAALD4AALI-AAAkPgAA2L0AAJg9AACgvAAAMD0AAIg9AAALPwAA2D0AANq-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=lZh3bT-hxjk","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["14141297161140937613"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"832353916"},"17589330105830739323":{"videoId":"17589330105830739323","docid":"34-9-17-ZCF2A94037617735F","description":"In this video, I will show you how to create simple animated custom radio input button using HTML & CSS. I have used label and for attribute to achieve this effect using HTML & CSS.","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/995565/b2d792495c42f5cc8e43afa605c71832/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/YGv1XAEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"15","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"Create Custom Animated Radio Input using HTML & CSS","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=KhEdmmiFZic\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoWChQxNzU4OTMzMDEwNTgzMDczOTMyM1oUMTc1ODkzMzAxMDU4MzA3MzkzMjNqrw0SATAYACJFGjEACipoaHVzeWZic2ZxdGd0dWxiaGhVQ1hETHJzcWUxNHVGdTZrOTZ4amxGNHcSAgASKhDCDw8aDz8TugOCBCQBgAQrKosBEAEaeIH7Cv4JAv0A7wUMBhED_QAU9AcG9wAAAOAP9QQD-wIAFvsJ-_0AAAD89_38CQAAAPb-E_r6_wEA-Pv-CAMAAAAP8_gEAwAAAAoR-g_-AQAAAvT-7AEAAAAGAAkAAAAAAAD_8PwAAAABExH0BgEAAAAC-vYGAAAAACAALeB1zDs4E0AJSE5QAipzEAAaYBAEADoGE_QHJCwD3-zHHQ3zHNnV2QP_HfMAEjkBHg3wxsYbEgAZBQYBsgAAABfjAw_6ABxV1OW3HPUA9-ULBTVBf_8OCAQRGBLrE2D-AA8QJipA3QAI8yPwFQ70KEz3DSAALUgaQTs4E0AJSG9QAiqvBhAMGqAGAAAQwQAAXMIAAIBBAABAwAAAbEIAAJDBAADAQAAAmEEAAGzCAABwwQAAcEIAAFjCAAAkwgAAcMIAAAhCAACgQQAAqMEAAGDCAACSwgAAiMEAAKBBAABcwgAAwMAAAOBBAAAwwQAAuMEAAAzCAACOwgAAcEEAAODBAABswgAAwEIAALTCAABkwgAAQEAAACBBAAAwwQAA4kIAANjBAAA8QgAAhkIAABhCAADQQQAA4EIAAKhBAABIwgAAUMIAAEBBAACIQgAAYEEAABTCAACwwQAAvsIAAODAAABEQgAAQEEAAFTCAAA8QgAAiEEAAGBCAABAQgAAQMAAAIDBAADKwgAAOEIAALjBAADIwQAAOMIAANjBAADAwAAATEIAAIhCAADgwQAAyEEAALjBAAAUwgAAAMEAANBBAADIQQAAbMIAABzCAACAQAAAVEIAAABBAACYwQAAuEEAAIZCAACIQQAA0EEAAADAAADYQQAAOEIAAEjCAABMwgAAsMEAACDCAAAIwgAAOEIAAJhBAABMwgAAJMIAAHDBAADAQQAAHMIAAGBBAADYQQAAoEAAAKBAAAAIQgAAoEAAAKhBAADAwQAAQMEAAEjCAACQQQAAMEEAADBCAACAQAAATEIAAADAAACYQQAAQMIAAODBAAC4wQAA6EEAAHBBAACAQAAAQMEAAHDCAAAgwgAAfMIAAIBBAAAwQQAAyMEAAMBAAAAEQgAA4EAAAAxCAACwQQAAisIAAMBBAAAcQgAAUMEAAIC_AACgQQAAYEEAABTCAAAEQgAAMMEAAEDBAAAgwQAAwMEAAFDBAACAwAAAiMEAAFzCAACAvwAAPMIAADTCAACIwQAA4MEAAEBBAABMwgAAgMEAAFTCAADgQQAAQEAAAJhCAACIwQAAwEEAAADBAAA0QgAAisIAAIDAAADIQQAAwEAAAFzCAABcwgAAmEIAAEBAAAAEwgAAQMIAACDCAACYwQAA6kIAALjBAABgwgAAMEIAAADBAADYQQAA2MEAADTCAAAYQgAAmEEAAJjBAADgwAAAiMIAAEBCAADYQQAAHMIgADgTQAlIdVABKo8CEAAagAIAACS-AAAwvQAAlj4AAJo-AAAEvgAAED0AABy-AAAFvwAA6D0AALi9AACWPgAApj4AAOi9AAAsPgAAoDwAABS-AADGPgAAQLwAAKC8AAAFPwAAfz8AAOg9AABwPQAAJD4AAIC7AADYvQAAED0AAGS-AADCPgAAZD4AAJg9AABsPgAAPD4AAPg9AADePgAAXD4AAFQ-AACGvgAATL4AABC9AAAMvgAAtr4AAEw-AACYPQAAHD4AAKo-AACAuwAAUL0AAES-AAAsvgAAHD4AAKA8AAAkvgAAFD4AAIq-AAAwPQAANz8AAGS-AACgPAAA-D0AACQ-AACCvgAAFD4AAPg9IAA4E0AJSHxQASqPAhABGoACAACOvgAAZL4AAGS-AAAXvwAAbD4AAIC7AABwPQAAyL0AAJi9AADIvQAAHL4AACQ-AAAwvQAALL4AAHw-AADgPAAAqr4AAFs_AABAPAAAzj4AAIo-AACovQAAED0AADC9AADgvAAAgLsAAAw-AAAcPgAAFL4AABA9AADoPQAA4LwAAMg9AAAwvQAAmj4AAFy-AACgvAAAJL4AAKK-AAAUPgAAmj4AAIC7AABsPgAAQDwAAJi9AAC2vgAAf78AANq-AADgPAAATL4AAJa-AAAMPgAAbL4AABA9AAAHPwAABD4AAKi9AAAEPgAAgDsAACQ-AACIPQAArj4AAKA8AACOviAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=KhEdmmiFZic","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["17589330105830739323"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"654808129"},"4379657182187750643":{"videoId":"4379657182187750643","docid":"34-4-3-Z9F5F66915E2EFCAB","description":"This video will contain top 3 animated forms - 1) User login form - https://codepen.io/dsr/pen/zdmQpM 2) Registration / signup form - https://codepen.io/dsr/pen/qjYGpe 3) Dynamic credit / debit...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3728855/11fa6217b9eded6cab9889da356e45b4/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/M9_aOgIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"16","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"3 Animated Dynamic Web Forms [ Login | Registration | Credit Card Input ]","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=EWaunrR7nVo\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoVChM0Mzc5NjU3MTgyMTg3NzUwNjQzWhM0Mzc5NjU3MTgyMTg3NzUwNjQzaocXEgEwGAAiRBoxAAoqaGh1c3lmYnNmcXRndHVsYmhoVUNYRExyc3FlMTR1RnU2azk2eGpsRjR3EgIAEioPwg8PGg8_E2GCBCQBgAQrKosBEAEaeIH7BwYCCvQA8RYHBwkF_AEiAPz-8gMEAOv3EwYIAQAAEO0O_f8BAAAEBekABwAAAPAD9vn7AAAA6QsBCAUAAAAk_PD5-wAAAPgXDgf-AQAA2_gL_QIAAQAX9RL8_wAAAPP___gEAQAA8BPwCgAAAADr8_bzAP8AACAALSiMszs4E0AJSE5QAiqEAhAAGvABX-3v_gA_CwPaCQkA6Q3XAYbz6f87GwP_-wADANUG4AGpBPMB6uoQAIEM7wMpOxYA_PjN_nvyHAHy8___-wwWARXA8QE72f0AGP_6Av8OAP7-9vz_HC7aAfIrIgApIAj-JSjf_dj25ADO6f8B6cQIA-sK__4kzAwB5_vfBRDqIgPW8AL90v_k_xgQ__n-EB4D-iH__CXrBgMIGeD-G9X0BwTz7gHuAAkJK_AFB_feEgPl3t4A9fwB-hj0Af0MHgn7EAEN_zHt-wP__xb78cju_gwE_vvNFuz--gL3BOHcCfcX2Prz2P72BQ_29fUWJgj_IAAtfsUWOzgTQAlIYVACKs8HEAAawAfAJZC-FI9QPZZwoj2thSm-3X1pPZTphjpL6Um-kFd2va1IUb0rq4Q9aYhvPQ8JX7v4wYG-f-j4vERpTz0UlEI-RkUcvXPoALwc4d07qcbkO5VyKL0R_D--f2B4PRBEErzAX0w-8qXmPNe0ALlYHy8-7iyQPftGDzzQtgq-pmeFPYODAj1DBrA790TyvHM2OD1Tlww-Doa6vE97pTx4JTk-ohEJPHZyALwzpOq9i4YxvPACmzw4L-69JxFBPbiMIL0FNPE9FSQNvDZDXzqJzw2-InyOvZhvmDxKSWq9xXxvvdGXObzIKM-9P215vHM7ajufEdc7-bV6vfZOnrtAt7G9PSkTPZrcHDz9z7s9eLmIPasmiLyz2rI8ykujvPOCmTwmSBe85xGtvO-axjwBIz492FlevZAJgrzIbWq7zJGZO64iijvVX4o9azCIPW_imjwyEmu8M_TXu7hS07umE0Q91U5evfmNp7t2Leu846wjvahLqzwR9vc8n0ytvFkPhDxV_QU9jJqEvZ77IbyjP9Q9ZyIxPQZmhbqAKq48uO8sPSodUron2wA9z42fvKPhHDx8txk9xuDhPT_2xDp2qty9jfzwvPyrBTyCq1w9L02RvAHDcjyZtM48Jh0FPQNPTrvlHLY9X6bHvTThUbsgvby8gmh3vX_LlDtO_Ke9lUTWPXLDb7ox3kW9jJGbPdjoAzuGKNc7TbG0PEvibjoOqpM9Cev1vCovvzpnSNU9LEUCvnQ947kHyPy808wpvYOlW7rW6Zs8oj85PTifHTkK9wo9zwYqPfatvTkbH3u7axaOPcJ0YDkjBWA9rFwBvLeZGTj-Lgc9fdksvV2SObmqsUm9P8RrvR7GkrlyE7m7Eo4PPSa3SroT8VY9suWGvVAxu7jQ0he8DePOvSxVCDkbOuw8Cg-aPF-CA7kiIms9naSUvagXJLf2QiE9ao1cPYf2J7lZRsS9dQs4PLXOhretimu9i6bzvAKQtrjz0sM8Rs03vpZghbk1s9Y95V61vf3Z0TjJ3dO5qGagPJZkKDitaJi8bqRsvT9TMDhtqWM9qDTiPLFFtLiLHtM8WdVcPIHD3rdGoqe7JjrGPSyRHDm3xFu9iFLWvM8y4bgbgC0-JcB6u23Ftrid2e49n5WTuqNqDrmMnpu9yX2hPKR1ubczhyQ8nqAoPXeO_rfnwsi8C9o_PLizwzd0MLE9jlbavEFfsbeypIe9VciwvN0ByLg5oQu90RCEPeXT1bjeEd-7vhOzPFporbcBE9i9k0aLvZwPrbggADgTQAlIbVABKnMQABpgIf4AOwMhofkKIeQBG-MsDvT_9xTnK_9E8P8oKt7JEh7_sREH_y_4GxqiAAAAH_-hJ_oAxH_v0N0M6UTWm_7oL_5xHRAxyRcgA-PUMtfj6roLOzPqAAm41N8tNOFo9tIiIAAtKs0YOzgTQAlIb1ACKq8GEAwaoAYAAIA_AABAwQAAjEIAAMjBAACGQgAAAEEAAIBBAABQQgAAgMIAAODAAADIQgAAoMEAAFDCAAAEwgAAgL8AACxCAAAAQQAAMMEAAHjCAAB0QgAAMEIAAADAAAAkQgAAQEAAAIDBAADAwAAAwEAAAFTCAABkQgAAiMEAAJTCAABYQgAA3MIAAJjBAAAgQQAAUEEAAJjBAACGQgAAAEAAAMDAAACgQQAAgEAAAMBBAAA4QgAAAMEAAMBAAABowgAAFEIAAHxCAAAYQgAAlMIAAODAAADSwgAAwMAAAKxCAAAIQgAAOMIAAKDAAADIQQAAoMAAAIhBAACowQAAqMEAAFjCAABEQgAAAMIAAGTCAAA0wgAAiMEAALhBAABUQgAAcEIAABDBAACYwQAAMMIAAMDAAADoQQAAikIAAEBAAADowQAApMIAABRCAAAAQAAA4EEAAIjCAABAwAAAHEIAAHBCAACAQQAA-MEAAEDBAADIQQAATMIAAGDCAABowgAAGMIAANDBAAAIQgAAMMEAAFjCAACgQAAAwMAAAGBBAACgQAAAyMEAAIBAAAA4QgAAwMEAAPhBAACGQgAAgD8AAAjCAADAQQAAMEEAACBBAACwwQAACEIAABDCAAAAAAAAJMIAAJpCAAAQwgAACMIAAEDCAABgwQAAhEIAAIzCAACgwAAAUMEAAKDBAABAwQAAsEEAAMDAAAB4wgAAgEEAAJRCAACQQQAAbEIAABxCAABkwgAAcEEAALhBAAAgwgAAQEIAANDBAADIQQAAcMIAABBBAABkwgAAoEAAAKDBAACEwgAAkMEAAODBAAAAwAAAvMIAABjCAAAMwgAA0MEAAAhCAABAwQAAYEEAAILCAAAAwAAAXMIAADDBAABAQQAAnEIAACRCAADYwQAADMIAAABCAAAswgAAGMIAAFBBAADAQAAAuMEAAI7CAACiQgAAgD8AAFjCAAAQwgAAIMEAAIDBAAD4wQAAgMEAAETCAAAQQgAA8MEAAMDBAABEwgAAJMIAACRCAACYQQAAwEEAAODAAAA0wgAAuMEAALhBAAAYwiAAOBNACUh1UAEqjwIQABqAAgAAnr4AABQ-AABAPAAAtj4AADy-AAB8PgAAiL0AAC2_AACqvgAAPL4AANa-AABAPAAA0r4AAIo-AADYPQAAcL0AABU_AADIvQAAmr4AAKo-AAB_PwAAbL4AADw-AACYvQAA2D0AACS-AACAOwAAMD0AAFA9AABsvgAAdD4AAFQ-AAAPPwAANL4AAFw-AACYvQAAlj4AAMa-AABsvgAAgDsAAKI-AAAMvgAAkj4AABQ-AACSPgAAJD4AAAw-AADOvgAAjr4AAJq-AAB8PgAA-L0AAIa-AABQvQAAgr4AAAw-AAANPwAALD4AAMg9AABcPgAAgDsAACw-AACWPgAAiL0gADgTQAlIfFABKo8CEAEagAIAAIK-AAAwPQAANL4AACW_AABEPgAAfL4AAEC8AABMvgAA4LwAAJo-AACAOwAAjj4AALi9AAAMvgAABD4AAHC9AAC2vgAANz8AAKA8AADmPgAAuL0AANi9AADYvQAA4DwAAJi9AABQvQAAyD0AABA9AACgvAAAyD0AAEC8AACYPQAAqL0AAFA9AABwPQAA2L0AABA9AADIvQAAkr4AAFA9AAAUvgAAMD0AACS-AAAMPgAA4DwAAEy-AAB_vwAALL4AALg9AABkvgAAVL4AAFC9AACgvAAAiD0AAJg9AAC4PQAAgDsAAAS-AACgPAAAiD0AADC9AAAMPgAAiD0AAHy-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=EWaunrR7nVo","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["4379657182187750643"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"1812613389"},"2871403043139514240":{"videoId":"2871403043139514240","docid":"34-8-16-ZA8D8E4A6EB13FABC","description":"In this video, I will show you how you can easily create / design popup / modal login form with fadeIn animation / effect using HTML, CSS & JavaScript. Code:- https://bit.ly/3pBs1ib...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/758443/3f7f3f6ada6eb7df16e0301723b2de7b/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/u1BzCQIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"17","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"How to Create Animated Popup / Modal Login Form using HTML, CSS & JavaScript","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=jk7dfQGKVKs\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoVChMyODcxNDAzMDQzMTM5NTE0MjQwWhMyODcxNDAzMDQzMTM5NTE0MjQwaogXEgEwGAAiRRoxAAoqaGh1c3lmYnNmcXRndHVsYmhoVUNYRExyc3FlMTR1RnU2azk2eGpsRjR3EgIAEioQwg8PGg8_E-0EggQkAYAEKyqLARABGniB_wcHBQAAAPIKBQEDA_4BEfkN9fcAAADiA_wKCfwCABb7Cfv9AAAAAvT79P8AAAD-_v7_-P4AAPAA_A4DAAAAFvn7AP8AAAAJEPsO_gAAAP_s9fYC_wAAAggB_P8AAAAFCgX_AAAAAAwJ-PwBAAAAAPD6DQAAAAAgAC1kJtI7OBNACUhOUAIqhAIQABrwAWYg4fwB9wQErf3zAL0O-f-BGA__UwzaAMv64wH49LcByhHgAOzTIv_K7NMAhTH_AeAGvf8qCAn_FB0h_yUgGP_7Jt0BN9EuA0vu6ADMI_j_A0AcARgKMwA58-kAOv76_y4eC_3NCtEA0dcEAt0gLAEeFusADe5GAeIZHwDuHSUBzOjf_9snFv67IS_8GggPCA8w8P8vGtP94xsUAyn94gIMAAoGABHzBiTv9Qbd5Pn00_X-B8km-Qjx6yAB-B8VAQcRHPjizvT27RkK7Vf77hPoJPcBH_PyDuy89_rQBBz0y_UG_tEu_AXFFBX6-vb47SAALQGwADs4E0AJSGFQAirPBxAAGsAH6WLTvorwBT2QeMM85AVCvdv7lD33Qpw8GsALvpvnyLz5Xxi9iV0rPtNdwz19hgU8oUh3vnNWujykNjG9PSlzPpTA5rv1cg49WMfRvQy8iTxsA3y9wzmZvDWsEDtzUB29ttrDvAG_xryQPAY9f0tAPqdKyjuBuIa8h_vovalbJ73dL5e7DUHEPB5wGL3f_ly8vFgYPisxrrtvTdW8vFruPUBjS7wrAac8WldWvZ4MLj0KSg883o8Lvi-_17uWmS08Vd_UO4zWdrx_fT68SriLva0y07xHUAK8f-7VPIDgAD3KoWo8gaXEvGHLZj2RtEA8bRwxPAhs97p2Y4s8l-QwvkRvLD3sgma8banjPQYRqbwUnds8SFEXvhs0TzyzDHE8UOqBPQUCeDyTdKg804bjPcx2aj3WdL08egCmPGLgVL3EH0k7o80xPmyzMbzIeLm8zOWAvf1wq7zuBQk86tOVPVWGET4ucNy62wESvSiWAL3qRBu6u9ToPdV5VDycpfc5Wyi5PX_2I728kDO8gPQNPVkIQT3zvyY8qzCMvRVGabwnQck66clmPYGwMz2cdT47TPKtPW4-pDwRZM688W6bvcnLmr1ebQG856KGPE9lh7w2AhA8N-mRvFvkg7yJGtg6LbrQu5GEWL2eB3u79DLqvSh9gb0VVb86mJs5vdHnIz0pEM27Cw3EvO8S5rykkY07bJ45vbTGJb2zKnw7NODHPVG4gzxrG_M5xLkfu-zstbyZUYM7Cg2Ku4lIKLyChcG57q8OPp8Skb1-0JQ5u87tO1OFFT2Cb7-3mv3LvH_fv7x1o3a3trySPbWj2D2IHYG5rS-3Ov0S8b28I4k5th0mu3gUXb211zC6VuZ3vSECnj0jH1o5_uYPPWMwmjxibca5j0R-PYi-G70Q5Zm5FiMhPXBbwDw_YBI5tdGvPC1_eb1kbwc5WHIVvcKSIb0R6Kw5lZpsOWakObz1Hts4neKnOyNJVb1LnoC4Hs6yPLYlVz2rSUy3KQzlPLQhf70KgaC45Q4bO2Vw0rsYJ2e4sA-xvbcMuL3-WDi42Jg8PbQlxjzOH4C4bcX-vaLUPr0aL_S4xr9vvQTGGr1baZu4K2_ivCFcfL0GUbM0PLavvRNLRb3-r7w3OGUOPQHeor1gdXg2ZoMcPlzcoL3w_IO3A_XcPIfPbD0ahL62QFwoPf-G_7xjyxu4Mu6sPVwmvr3sakM3ZF6SPbRrbD0heO44MUhVvecIzzx5x_m4rQDXui2X7T3KSGg4WtFNOww3tb2O8oS4IAA4E0AJSG1QASpzEAAaYCz0AFPmDssKH0PqG7juI7X79Nf9-z3_Hd7_7A4QD9r4v78eAf8D_RQQogAAAD4i8insABJ5s-HX37sb7p-3_icNf_X-TK4i_h7gwlby8BfFMw73DwAM3rru9wTZIkX_JCAALViRGDs4E0AJSG9QAiqvBhAMGqAGAABQQQAAAEEAAIBCAADYQQAAkEEAAKBBAABgwQAAkEEAAI7CAAAAwAAAskIAAKBBAACwwQAAKMIAAABCAADQQQAA6EEAAFTCAACewgAArkIAALJCAACYwQAAwEAAAEBBAAAAQQAAHEIAACjCAABUwgAAPEIAANDBAACWwgAALEIAALDCAAD4wQAAYEEAAKhBAABAQAAAskIAAMBAAAAAwAAAyEEAAEBAAAAwQgAAnkIAAODAAACIQQAAYMIAAIBAAABUQgAA8EEAAJbCAADgQAAAyMEAAFDBAAB8QgAAXEIAAFjCAABQwQAADEIAAGDBAACAQQAAwMEAAPjBAABYwgAAlkIAABBCAAAAwQAAQMEAAABAAAAEwgAALEIAAKxCAAC4wQAAgL8AAEBAAAAQwgAAQMAAABhCAAAAwQAAIMEAANDCAAC4QQAAQMEAAHhCAACWwgAAAMAAACBCAAA4QgAAUMEAAMDAAAAwwQAAwEAAABjCAACmwgAA4EAAAGzCAABAwAAA0EEAAAAAAABkwgAA4MEAAADCAAAwQgAAoMAAAOjBAACAPwAAoMEAAABAAABAwQAAbEIAABBCAAB0wgAAJMIAACzCAAAQQQAAeMIAAAhCAADowQAAcEEAAOjBAAAoQgAA-MEAAAAAAACAwAAAcEEAAFxCAAAkwgAAdMIAACDBAACwwQAAMEEAACDBAAAQwgAABMIAADBBAABoQgAAqEEAAAxCAADgQQAAeMIAAMDBAADAwQAAkMEAABBBAAAcwgAAAEIAAEDCAABEQgAAqMEAAIA_AACYwQAAqMEAAKBAAAAwwQAAAMEAAEjCAAD4wQAAIMIAAKDAAADIQQAA-MEAANBBAAAAwgAAEEEAADzCAADgwQAAqMEAAI5CAABMwgAAcEEAAIDCAAAMQgAAksIAAEBCAACIQQAADEIAAMDBAAB4wgAAsEIAAGBBAAAowgAA8MEAAFTCAADgQAAAEEIAALDBAAAQwgAArkIAAEzCAACQQQAAoEAAAI7CAACYQgAAuEEAAKDAAADAwQAAIMIAADDBAABQwQAAPMIgADgTQAlIdVABKo8CEAAagAIAALi9AACovQAA6D0AABQ-AAAMvgAAND4AAEQ-AAD-vgAA6L0AAOC8AAAkPgAALD4AAGS-AAC4PQAAir4AAJg9AAAhPwAAED0AAEC8AAAlPwAAfz8AADA9AAD4PQAADD4AALi9AAAwvQAAUL0AABy-AACOPgAAoLwAAAw-AACAOwAAxj4AAKC8AACyPgAA2D0AAOI-AAAbvwAAVL4AAMg9AAC4vQAADb8AAOg9AABkPgAAFD4AAAU_AAB8vgAAZL4AAES-AAAsvgAABD4AAOA8AACavgAArj4AAJK-AACoPQAAPz8AAOi9AACgPAAAPD4AAOC8AAAsvgAAUD0AAFA9IAA4E0AJSHxQASqPAhABGoACAACCvgAAdL4AAHS-AAAzvwAARD4AAGy-AACgvAAATL4AADS-AAAUPgAA2L0AAGQ-AADIvQAAJL4AAGQ-AADovQAAwr4AAFs_AACAuwAAzj4AAAw-AABwvQAAoLwAALg9AAAQvQAAqL0AABA9AAAEPgAAgLsAAMg9AABQPQAAoLwAAJg9AADYvQAAij4AABS-AAC4PQAABL4AAKK-AAAcPgAATD4AAFA9AADIvQAABD4AAOC8AACivgAAf78AAHS-AADYPQAAlr4AAIa-AACgvAAANL4AAFA9AACiPgAAuD0AAEC8AADIPQAAMD0AAOA8AABQPQAABz8AALg9AADGviAAOBNACUh8UAEwCTgBSgBgAGgA\"}","related_url":"http://www.youtube.com/watch?v=jk7dfQGKVKs","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["1662235902029018278","2871403043139514240"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"231240005"},"15279645958940806488":{"videoId":"15279645958940806488","docid":"34-0-0-Z284EBA84C7F73E46","description":"In this video, I will show you how you can easily create / design animated colourful social media ( icons ) based share menu / button using HTML, CSS & JavaScript Code...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/2773473/9d061599c33e7b42ca82a6a3822af098/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/ofC4bQEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"18","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"How to Create Animated Share Menu / Button using HTML, CSS & JavaScript","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=xRCDamQag74\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoWChQxNTI3OTY0NTk1ODk0MDgwNjQ4OFoUMTUyNzk2NDU5NTg5NDA4MDY0ODhqtg8SATAYACJFGjEACipoaHVzeWZic2ZxdGd0dWxiaGhVQ1hETHJzcWUxNHVGdTZrOTZ4amxGNHcSAgASKhDCDw8aDz8T7wOCBCQBgAQrKosBEAEaeIH7Cv4JAv0A7wwNAvoD_wEG9QD5-P79AOEF_QEA_AIAHBAOAQL_AAD89_38CQAAAPsECfH6_gEA9fIEDgIAAAAP8_gEAwAAAAoG9gn-AQAA-fEA9wIAAAAF_gMEAAAAAAAEBPb7_wAAEwD--wEAAAAA7_oOAAAAACAALeB1zDs4E0AJSE5QAiqEAhAAGvABYBER_QXZGQWyHeYAvfvBAIcKK_9ICt8A3w7nANnxwgG7DvMA3-oc_8zpAACBFwkC6yS9_goI_wApGRUAE-4TAPwh4gAv1ygCVBTyAOcV9P_sNg_-JO0a_jv1FQAHDO7-Dg8R_fkByP_X3AMC7icZAQsDCAEXHQT-3QgbA98HJP_X3gYA_AkZ_csM__0c-Aj-FDDeATsJ2ADvKBMEI_j3C_MKGwURB_UGCxAG_9Hb6QPD-wMB_CYI_wjfFPz2ECMDBB4Q_ubU9ffyLO_1H-8F9-kcCQIb9PQM_dD589cEGPXz-Qr_xDgK-Ov7EvoL7Pb2IAAtQq0UOzgTQAlIYVACKnMQABpgL_0ARQ0E3rkOHt33wNcV1w_g7wEGJf8AuQDwAwwA-OOzqjYfAPMJDQSsAAAAKyAPIwIADHLc0RHXngsJr93jNgJ_Av83vu4BH-oJUOfFHLMmGB0hAAIRxQ4Q_QFIL_D7IAAtXDEiOzgTQAlIb1ACKq8GEAwaoAYAAGBCAAAAwQAA4EAAAABBAACowgAA2EEAADhCAADgwQAAuMEAAADAAAA0QgAAEEEAAAzCAAAIwgAAfEIAACBBAAA8QgAAgL8AAKzCAACAQAAAvkIAAIC_AADgwAAA2EEAAIBAAAAgwQAAUMEAAATCAACMQgAAUEEAAIhBAAB8QgAAtMIAAEjCAAAQwQAAmEEAAEDAAADgQgAA0MEAAAhCAACYwQAA4EEAAEBCAABIQgAADEIAAJDCAADgwQAAYEEAAKZCAADAQAAAIEEAAJhBAABwwQAAMEIAAMBBAACAQQAAeMIAAIjBAADowQAAaEIAAEDAAAAEwgAA4EAAAPDBAAAgQgAAsEEAAEBAAACgQQAA4EEAAHBBAABsQgAAqkIAADTCAADYQQAA4EEAAJbCAAAAwgAAFEIAAEBBAACIQQAAhMIAADDBAABUQgAAYEIAAJBBAABQwQAAgkIAAAhCAADgQQAAgL8AAADAAAAgQgAA2MEAAKDCAABQQgAAIMIAAODAAADYQQAAQMEAABDBAADIwQAAcEEAAKDAAACIwQAArMIAACxCAADAwAAAWEIAAEBBAADoQQAApkIAAJjBAAAYwgAAYMEAAJJCAACCwgAAJMIAAODBAADQQQAAgEAAAMBBAACuwgAAHMIAAHzCAACAQAAAgMAAAIA_AADgwAAARMIAAAzCAADgQQAAVMIAAETCAADwQQAAhMIAAIBCAAAQQQAACEIAABDCAABswgAAYEEAALBCAAD4wQAAQMEAABxCAAAwQQAAgMEAAIA_AADoQQAAkEEAADDCAADIQQAALMIAAHDBAACQQQAAgD8AAGTCAABQwgAADMIAAJBBAADAQAAAREIAAJhBAAAAQQAAkEEAAHTCAAAAwAAAgMAAAEDBAABUQgAAqMEAABBCAAAQwQAACEIAALhBAAAAwAAAjMIAAIA_AACYQgAAJEIAAITCAAAQwQAAmsIAAAAAAAAkQgAANMIAAIBBAACSQgAAZMIAAPBBAAA4QgAAaMIAAFBBAACAQAAAAAAAAIDBAABgwQAA0EEAACTCAABAQCAAOBNACUh1UAEqjwIQABqAAgAAbL4AALi9AADmPgAA6D0AADC9AACgPAAAiL0AADW_AAAMvgAAPD4AAKA8AAB8PgAAmL0AANi9AAA0vgAAgDsAANo-AABAvAAAgLsAADs_AAB_PwAAJD4AAFC9AACWPgAAmD0AAKg9AAAUPgAArr4AAJY-AAAcPgAAuD0AAIA7AADmPgAAPL4AAOC8AAAQvQAADD4AAJK-AADgvAAAuD0AAGS-AAB0vgAAQLwAACy-AACYPQAAFz8AAHw-AAC-vgAADL4AALi9AAAsPgAA4LwAAFy-AABMPgAApr4AAEC8AABjPwAAJL4AAFC9AAALPwAAuD0AAOC8AAD4PQAAmD0gADgTQAlIfFABKo8CEAEagAIAAFy-AABEvgAALL4AACO_AAAEPgAAhr4AAAy-AACovQAAML0AABQ-AABMvgAAND4AAKC8AABkvgAAlj4AAFC9AACOvgAAST8AAHw-AADWPgAAuD0AAOC8AADoPQAAmD0AAKi9AADgPAAATD4AADQ-AACAOwAA4LwAAEC8AACAOwAAPD4AALi9AAAEPgAAEL0AAHw-AACAOwAAfL4AAHw-AAD4PQAA4DwAAKi9AAC4PQAAyD0AAI6-AAB_vwAAqr4AAIi9AACYvQAAxr4AAPi9AABsvgAAqD0AALI-AAAUPgAAML0AAEC8AABQvQAA2D0AAIg9AACqPgAA4LwAAFS-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=xRCDamQag74","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["15279645958940806488"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"2767960764"},"15342378437109084108":{"videoId":"15342378437109084108","docid":"34-11-6-ZA8CA7208699FA099","description":"In this video I'll show you How To Create Loading Spinner Animation With Pure HTML and CSS Code only in a few moments using animation & keyframes.","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/3136438/106ec8a97b142f61659939af3e7458f4/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/o5XVOAEAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"19","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","isAdultDoc":false,"relatedParams":{"text":"Easily Design Loading Animation using HTML & CSS","related_orig_text":"Codingflag","related_porno":false,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"Codingflag\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=u45CWhdYSZE\",\"src\":\"serp\",\"rvb\":\"Eq4DChM3MTI4OTQyMTcwMzc4NjIwMzQyChM5NjEyNzk5MDM2MTEwMjIzNDY4ChM3MzM4MzEyODU2OTI3MTkyMDA5ChM2MDc4MjQ2NDgwNTEyNzI5NjU3ChMyMzc1MzA1MjY2Mjk4MjE0NzA3ChQxNTIxODk4NTU1OTY0MTU2NzcwOQoUMTQ5NTQyMzcwODg2MDI2NDExNTEKFDEzNzkwNzQxMTkwMTg2Njc5Mzk5ChQxNDcwNDE4NzQ3NTQxMjAwNDQ2OAoTOTQ1NjQyMjI3Nzk4OTYyMzM1NQoSNzI4Nzc1NDMwNjQzMzI2ODM4ChQxODExNjcxOTkxMzgwNjc5MDY1NAoUMTQxNDEyOTcxNjExNDA5Mzc2MTMKFDE3NTg5MzMwMTA1ODMwNzM5MzIzChM0Mzc5NjU3MTgyMTg3NzUwNjQzChMyODcxNDAzMDQzMTM5NTE0MjQwChQxNTI3OTY0NTk1ODk0MDgwNjQ4OAoUMTUzNDIzNzg0MzcxMDkwODQxMDgKFDE4MTU2OTc4NjM3MDI2MjI2MDMwChQxMDIxMDUwMzEwMzgzMjkxMzI1NxoWChQxNTM0MjM3ODQzNzEwOTA4NDEwOFoUMTUzNDIzNzg0MzcxMDkwODQxMDhqtg8SATAYACJFGjEACipoaHVzeWZic2ZxdGd0dWxiaGhVQ1hETHJzcWUxNHVGdTZrOTZ4amxGNHcSAgASKhDCDw8aDz8T0gKCBCQBgAQrKosBEAEaeIEBAAIG_wIA_PkGBwIH_AIT9QcG9wAAAOMF_QEA_AIAFfYGBQcBAAAB7f_-BgAAAP79C_70_gEA_AD3DwIAAAAO9PgEAwAAAP4G_gr_AQAA7v70-QIAAAAJBQQBAAAAAAgFDAD6_gAAFQj9AQAAAAD39QAPAAAAACAALV612Ds4E0AJSE5QAiqEAhAAGvABVuH9AL8KA_0NDQwA_vvgAIEFC_9EFecA9AbuAPIE9QHq-fYA4uYo_sjyAwDLIBUB7fHV_yAREv8gAun_4wMHAAkRBAAi7AIAMArzAPUXC_8DExH_GfAEADYFDAEDBwj_DvIFAe4L4AHd2QADCBAbABoOCwEM9e4B2gAN_gwTFvru8voF7OgTAOvuCwHr4RwCCP7hABYa9P0QH_wHD_H5BwABGAEWDvoEAxgMB-ni-__v_Pn8IPz7-_byFQACAAkNGdz-__bpAfP8BAcAGe_-DAoIEv7--gENDfH1AQn0APIHAwjyAx8K-vr6DgoK-O4BIAAtbidIOzgTQAlIYVACKnMQABpgOecAK-AQ2fAwPgQTuuYl4fPN0AvcLP8asP_0-8YhDv_mxALx_1Lo6xKcAAAAHyjhFQMAIH_k1-Tt4xICjwoDTAVqGyoNwSkLAf3LMvfZ79DpJxFmAA_Gue0OCKVgMjccIAAtgYQWOzgTQAlIb1ACKq8GEAwaoAYAANBBAABUQgAAIEIAABzCAAAwQgAAOEIAAHhCAADQQQAAlMIAAADBAACwQQAAnsIAAODBAACgQQAAxEIAABDCAACowQAAaMIAAKjBAADgwAAAlEIAAFjCAACAQAAAAEIAAGhCAAA8wgAAuMEAABRCAACaQgAAMMEAAJDBAABoQgAAosIAAGRCAACoQQAAiMIAAOBBAACCQgAAEEEAAGRCAAAQQgAAsEEAAEBBAADgQQAA8MEAANjBAAAQQgAAUMEAAEBAAAAUwgAAnMIAAITCAAAQQgAAUMEAALJCAABEQgAArsIAAMjBAAAwwQAAHEIAAIhBAAAkwgAAQEAAAHTCAAAcQgAALMIAALhBAAC4wQAAsEEAAEDBAADAwQAA8EEAAJjBAAAsQgAAmMEAAExCAADAwQAAqEEAAFhCAACgwAAAdMIAAABBAACgQAAAQEAAALDBAACAwQAA4EAAAOhBAAAEQgAAqEEAAIA_AABMQgAAgMEAAIDCAAAUQgAADMIAADTCAAA8wgAAYEEAABDBAAAcwgAAREIAAAhCAABQQQAA2MEAAOBBAACAwQAAGEIAAEBAAADQQQAAUEEAAFDBAADQwQAAoEEAACBCAAA8QgAANMIAAKDAAAAAQQAAkEEAAEBBAAC6wgAAEEIAAKTCAABQwQAAQEEAAOjBAAA4QgAAEMEAAGDBAAAYwgAAUMIAANjBAADowQAABMIAACxCAADAQQAAXEIAAIDAAADYwQAAKEIAABBCAAA8QgAA6MEAAEBCAACQQQAAmMEAAGhCAADowQAAcMEAAADAAAC4QQAAwMAAAMjBAACQQQAAWMIAAODAAACgwQAAmEEAABRCAABUQgAAcEIAAIrCAACAvwAAoMEAAEzCAAAgQQAAjkIAANhBAAAwQQAAkMEAAEhCAADAwQAAgMEAAIBAAACoQQAAlEIAAIDBAADAwQAA4kIAADzCAACCwgAAEMEAAATCAABgQQAA4EEAAKrCAADOQgAAqEEAAHDBAABQQgAA2MEAALjBAADAQQAAUMIAAEBAAAD4wQAALEIAAIDAAABwwSAAOBNACUh1UAEqjwIQABqAAgAArr4AAEC8AAAkPgAAqj4AAPi9AAAEPgAAoLwAAPK-AACIvQAABL4AAIo-AADoPQAAUD0AAKA8AAA0vgAAcD0AAOY-AADoPQAA4LwAAOY-AAB_PwAAFD4AALi9AABMPgAAFL4AAGy-AACIvQAA-r4AAJI-AAAwPQAAND4AAOC8AAD4PQAAcD0AABw-AABkPgAAyD0AANK-AACavgAAqr4AADy-AADavgAAFD4AAJg9AADgPAAAQDwAAGS-AAAEvgAABL4AAAS-AADYPQAARL4AAJi9AAA8PgAAir4AAEC8AABfPwAA6D0AALi9AACOPgAAJD4AAPi9AABQPQAAgDsgADgTQAlIfFABKo8CEAEagAIAAAy-AAAUvgAARL4AADG_AAAUPgAAFL4AAIA7AACYvQAA-L0AADA9AAAEPgAAND4AABA9AACivgAATD4AAIi9AAD-vgAAQz8AAAS-AABcPgAAMD0AAPi9AADgPAAAiL0AAIC7AAAMvgAABL4AAJg9AADgPAAA-L0AADA9AACAuwAAQLwAAHC9AACSPgAAJL4AAEC8AACYvQAAlr4AAFw-AAAEPgAAfL4AAEy-AADIPQAAmL0AALa-AAB_vwAADL4AAPg9AAB0vgAATL4AAPi9AAAQvQAAcL0AAFw-AABQPQAAuL0AAIC7AABAvAAAQDwAAIi9AABsPgAAMD0AADy-IAA4E0AJSHxQATAJOAFKAGAAaAA,\"}","related_url":"http://www.youtube.com/watch?v=u45CWhdYSZE","parent-reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1280,"cheight":678,"cratio":1.8879,"dups":["15342378437109084108"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"videoContentId":"1361053917"}},"dups":{"7128942170378620342":{"videoId":"7128942170378620342","title":"Create Your Own \u0007[Code\u0007] Editor With Syntax Highlighting using HTML, CSS & JavaScript","cleanTitle":"Create Your Own Code Editor With Syntax Highlighting using HTML, CSS & JavaScript","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=wK2jmHWP6eU","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/wK2jmHWP6eU?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":522,"text":"8:42","a11yText":"Duration 8 minutes 42 seconds","shortText":"8 min"},"views":{"text":"26,8K","a11yText":"26,8 thousand views"},"date":"15 Mar 2021","modifyTime":1615766400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/wK2jmHWP6eU?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=wK2jmHWP6eU","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":522},"parentClipId":"7128942170378620342","href":"/preview/7128942170378620342?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/7128942170378620342?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"9612799036110223468":{"videoId":"9612799036110223468","title":"Create Text Decoding Animation using HTML, CSS & JavaScript","cleanTitle":"Create Text Decoding Animation using HTML, CSS & JavaScript","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=yW6fqcqxJ5k","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/yW6fqcqxJ5k?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"https://www.youtube.com/channel/UCXDLrsqe14uFu6k96xjlF4w","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":767,"text":"12:47","a11yText":"Duration 12 minutes 47 seconds","shortText":"12 min"},"views":{"text":"1,5K","a11yText":"1,5 thousand views"},"date":"2 Jan 2022","modifyTime":1641148611000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/yW6fqcqxJ5k?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=yW6fqcqxJ5k","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":767},"parentClipId":"9612799036110223468","href":"/preview/9612799036110223468?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/9612799036110223468?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"7338312856927192009":{"videoId":"7338312856927192009","title":"How to Create Animated Tabs with Indicator using HTML, CSS & JavaScript","cleanTitle":"How to Create Animated Tabs with Indicator using HTML, CSS & JavaScript","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=mBaMq1DphRs","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/mBaMq1DphRs?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":616,"text":"10:16","a11yText":"Duration 10 minutes 16 seconds","shortText":"10 min"},"views":{"text":"46,8K","a11yText":"46,8 thousand views"},"date":"28 Jun 2020","modifyTime":1593302400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/mBaMq1DphRs?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=mBaMq1DphRs","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":616},"parentClipId":"7338312856927192009","href":"/preview/7338312856927192009?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/7338312856927192009?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"6078246480512729657":{"videoId":"6078246480512729657","title":"CSS Card Hover Animation","cleanTitle":"CSS Card Hover Animation","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=anqB5mFetTU","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/anqB5mFetTU?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":209,"text":"3:29","a11yText":"Duration 3 minutes 29 seconds","shortText":"3 min"},"views":{"text":"1,3K","a11yText":"1,3 thousand views"},"date":"18 Mar 2020","modifyTime":1584489600000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/anqB5mFetTU?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=anqB5mFetTU","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":209},"parentClipId":"6078246480512729657","href":"/preview/6078246480512729657?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/6078246480512729657?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"16127296667663151567":{"videoId":"16127296667663151567","title":"Create Custom Input Stepper UI using HTML, CSS & JavaScript","cleanTitle":"Create Custom Input Stepper UI using HTML, CSS & JavaScript","host":{"title":"Rutube","href":"http://rutube.ru/video/e6b3fb5d0829ac3f1632fc61b89895e6/","playerUri":"\u003ciframe src=\"//rutube.ru/play/embed/e6b3fb5d0829ac3f1632fc61b89895e6/?wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"rutube","providerName":"rutube.ru","sourceHost":"rutube.ru","name":"rutube.ru","secondPart":{"type":"CHANNEL","isVerified":false,"subscribersCount":0,"a11yText":""},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Frutube.ru?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":560,"text":"9:20","a11yText":"Duration 9 minutes 20 seconds","shortText":"9 min"},"date":"26 Nov 2023","modifyTime":1700959711000,"isExternal":false,"player":{"embedUrl":"https://rutube.ru/play/embed/e6b3fb5d0829ac3f1632fc61b89895e6/?autoStart=true&wmode=opaque","playerId":"rutube","videoUrl":"http://rutube.ru/video/e6b3fb5d0829ac3f1632fc61b89895e6/","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":560},"parentClipId":"2375305266298214707","href":"/preview/16127296667663151567?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/16127296667663151567?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"2375305266298214707":{"videoId":"2375305266298214707","title":"Create Custom Input Stepper UI using HTML, CSS & JavaScript","cleanTitle":"Create Custom Input Stepper UI using HTML, CSS & JavaScript","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=EkVm0Yq0l84","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/EkVm0Yq0l84?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":560,"text":"9:20","a11yText":"Duration 9 minutes 20 seconds","shortText":"9 min"},"views":{"text":"2,8K","a11yText":"2,8 thousand views"},"date":"19 Jul 2021","modifyTime":1626652800000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/EkVm0Yq0l84?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=EkVm0Yq0l84","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":560},"parentClipId":"2375305266298214707","href":"/preview/2375305266298214707?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/2375305266298214707?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"15218985559641567709":{"videoId":"15218985559641567709","title":"How to Create Animated Popup / Modal / Dialog Box using HTML, CSS & JavaScript","cleanTitle":"How to Create Animated Popup / Modal / Dialog Box using HTML, CSS & JavaScript","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=LqBmbgD_2Ig","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/LqBmbgD_2Ig?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":475,"text":"7:55","a11yText":"Duration 7 minutes 55 seconds","shortText":"7 min"},"views":{"text":"72,1K","a11yText":"72,1 thousand views"},"date":"13 Jul 2020","modifyTime":1594646920000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/LqBmbgD_2Ig?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=LqBmbgD_2Ig","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":475},"parentClipId":"15218985559641567709","href":"/preview/15218985559641567709?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/15218985559641567709?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"14954237088602641151":{"videoId":"14954237088602641151","title":"Scroll Progress Indicator using Only CSS (2 Minutes)","cleanTitle":"Scroll Progress Indicator using Only CSS (2 Minutes)","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=QLziINvaC68","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/QLziINvaC68?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":154,"text":"2:34","a11yText":"Duration 2 minutes 34 seconds","shortText":"2 min"},"date":"28 Aug 2025","modifyTime":1756339200000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/QLziINvaC68?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=QLziINvaC68","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":154},"parentClipId":"14954237088602641151","href":"/preview/14954237088602641151?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/14954237088602641151?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"13790741190186679399":{"videoId":"13790741190186679399","title":"Build Animated Sidebar using HTML & CSS | No JavaScript","cleanTitle":"Build Animated Sidebar using HTML & CSS | No JavaScript","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=1Tcs2qX_m9Y","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/1Tcs2qX_m9Y?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":571,"text":"9:31","a11yText":"Duration 9 minutes 31 seconds","shortText":"9 min"},"date":"28 May 2024","modifyTime":1716901837000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/1Tcs2qX_m9Y?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=1Tcs2qX_m9Y","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":571},"parentClipId":"13790741190186679399","href":"/preview/13790741190186679399?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/13790741190186679399?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"14704187475412004468":{"videoId":"14704187475412004468","title":"Create Tags Input Box using React | HTML, CSS & JavaScript","cleanTitle":"Create Tags Input Box using React | HTML, CSS & JavaScript","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=Q2YTl7M8X64","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/Q2YTl7M8X64?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":908,"text":"15:08","a11yText":"Duration 15 minutes 8 seconds","shortText":"15 min"},"views":{"text":"1,5K","a11yText":"1,5 thousand views"},"date":"14 Feb 2024","modifyTime":1707920246000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/Q2YTl7M8X64?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=Q2YTl7M8X64","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":908},"parentClipId":"14704187475412004468","href":"/preview/14704187475412004468?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/14704187475412004468?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"9456422277989623355":{"videoId":"9456422277989623355","title":"How to design animated toggle button using [HTML+CSS+JavaScript]","cleanTitle":"How to design animated toggle button using [HTML+CSS+JavaScript]","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=ZZoA3MjgASQ","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/ZZoA3MjgASQ?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":379,"text":"6:19","a11yText":"Duration 6 minutes 19 seconds","shortText":"6 min"},"views":{"text":"40,7K","a11yText":"40,7 thousand views"},"date":"3 Jul 2017","modifyTime":1499040000000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/ZZoA3MjgASQ?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=ZZoA3MjgASQ","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":379},"parentClipId":"9456422277989623355","href":"/preview/9456422277989623355?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/9456422277989623355?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"728775430643326838":{"videoId":"728775430643326838","title":"How to Create Simple Accordion using React | HTML, CSS & JavaScript","cleanTitle":"How to Create Simple Accordion using React | HTML, CSS & JavaScript","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=6CMfGSW_JBE","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/6CMfGSW_JBE?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":779,"text":"12:59","a11yText":"Duration 12 minutes 59 seconds","shortText":"12 min"},"date":"8 Jul 2024","modifyTime":1720444429000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/6CMfGSW_JBE?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=6CMfGSW_JBE","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":779},"parentClipId":"728775430643326838","href":"/preview/728775430643326838?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/728775430643326838?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"18116719913806790654":{"videoId":"18116719913806790654","title":"How to easily design loading animation using HTML & CSS","cleanTitle":"How to easily design loading animation using HTML & CSS","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=bd5E9uNbggg","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/bd5E9uNbggg?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":284,"text":"4:44","a11yText":"Duration 4 minutes 44 seconds","shortText":"4 min"},"views":{"text":"2,3K","a11yText":"2,3 thousand views"},"date":"26 Jun 2017","modifyTime":1498435200000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/bd5E9uNbggg?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=bd5E9uNbggg","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":284},"parentClipId":"18116719913806790654","href":"/preview/18116719913806790654?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/18116719913806790654?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"14141297161140937613":{"videoId":"14141297161140937613","title":"Create FAQ Accordion Menu using HTML, CSS & JavaScript","cleanTitle":"Create FAQ Accordion Menu using HTML, CSS & JavaScript","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=lZh3bT-hxjk","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/lZh3bT-hxjk?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":654,"text":"10:54","a11yText":"Duration 10 minutes 54 seconds","shortText":"10 min"},"date":"3 Jun 2021","modifyTime":1622678400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/lZh3bT-hxjk?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=lZh3bT-hxjk","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":654},"parentClipId":"14141297161140937613","href":"/preview/14141297161140937613?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/14141297161140937613?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"17589330105830739323":{"videoId":"17589330105830739323","title":"Create Custom Animated Radio Input using HTML & CSS","cleanTitle":"Create Custom Animated Radio Input using HTML & CSS","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=KhEdmmiFZic","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/KhEdmmiFZic?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":442,"text":"7:22","a11yText":"Duration 7 minutes 22 seconds","shortText":"7 min"},"date":"19 Jan 2021","modifyTime":1611014400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/KhEdmmiFZic?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=KhEdmmiFZic","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":442},"parentClipId":"17589330105830739323","href":"/preview/17589330105830739323?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/17589330105830739323?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"4379657182187750643":{"videoId":"4379657182187750643","title":"3 Animated Dynamic Web Forms [ Login | Registration | Credit Card Input ]","cleanTitle":"3 Animated Dynamic Web Forms [ Login | Registration | Credit Card Input ]","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=EWaunrR7nVo","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/EWaunrR7nVo?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":97,"text":"1:37","a11yText":"Duration 1 minute 37 seconds","shortText":"1 min"},"views":{"text":"1,2K","a11yText":"1,2 thousand views"},"date":"27 Feb 2020","modifyTime":1582761600000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/EWaunrR7nVo?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=EWaunrR7nVo","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":97},"parentClipId":"4379657182187750643","href":"/preview/4379657182187750643?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/4379657182187750643?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"1662235902029018278":{"videoId":"1662235902029018278","title":"How to Create Animated Popup / Modal Login Form using HTML, CSS & JavaScript","cleanTitle":"How to Create Animated Popup / Modal Login Form using HTML, CSS & JavaScript","host":{"title":"Rutube","href":"http://rutube.ru/video/81abbb207f973c1e77822b6d66d87d70/","playerUri":"\u003ciframe src=\"//rutube.ru/play/embed/81abbb207f973c1e77822b6d66d87d70/?wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"rutube","providerName":"rutube.ru","sourceHost":"rutube.ru","name":"rutube.ru","secondPart":{"type":"CHANNEL","isVerified":false,"subscribersCount":0,"a11yText":""},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Frutube.ru?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":622,"text":"10:22","a11yText":"Duration 10 minutes 22 seconds","shortText":"10 min"},"date":"26 Nov 2023","modifyTime":1700953029000,"isExternal":false,"player":{"embedUrl":"https://rutube.ru/play/embed/81abbb207f973c1e77822b6d66d87d70/?autoStart=true&wmode=opaque","playerId":"rutube","videoUrl":"http://rutube.ru/video/81abbb207f973c1e77822b6d66d87d70/","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":622},"parentClipId":"2871403043139514240","href":"/preview/1662235902029018278?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/1662235902029018278?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"2871403043139514240":{"videoId":"2871403043139514240","title":"How to Create Animated Popup / Modal Login Form using HTML, CSS & JavaScript","cleanTitle":"How to Create Animated Popup / Modal Login Form using HTML, CSS & JavaScript","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=jk7dfQGKVKs","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/jk7dfQGKVKs?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":621,"text":"10:21","a11yText":"Duration 10 minutes 21 seconds","shortText":"10 min"},"views":{"text":"12,5K","a11yText":"12,5 thousand views"},"date":"26 Jun 2020","modifyTime":1593129600000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/jk7dfQGKVKs?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=jk7dfQGKVKs","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":621},"parentClipId":"2871403043139514240","href":"/preview/2871403043139514240?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/2871403043139514240?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"15279645958940806488":{"videoId":"15279645958940806488","title":"How to Create Animated Share Menu / Button using HTML, CSS & JavaScript","cleanTitle":"How to Create Animated Share Menu / Button using HTML, CSS & JavaScript","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=xRCDamQag74","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/xRCDamQag74?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":495,"text":"8:15","a11yText":"Duration 8 minutes 15 seconds","shortText":"8 min"},"views":{"text":"1,1K","a11yText":"1,1 thousand views"},"date":"27 Jun 2020","modifyTime":1593216000000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/xRCDamQag74?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=xRCDamQag74","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":495},"parentClipId":"15279645958940806488","href":"/preview/15279645958940806488?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/15279645958940806488?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false},"15342378437109084108":{"videoId":"15342378437109084108","title":"Easily Design Loading Animation using HTML & CSS","cleanTitle":"Easily Design Loading Animation using HTML & CSS","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=u45CWhdYSZE","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/u45CWhdYSZE?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":"d3d3LnlvdXR1YmUuY29tO1VDWERMcnNxZTE0dUZ1Nms5NnhqbEY0dw==","name":"Codingflag","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Codingflag","origUrl":"http://www.youtube.com/@Codingflag","a11yText":"Codingflag. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":338,"text":"5:38","a11yText":"Duration 5 minutes 38 seconds","shortText":"5 min"},"date":"28 Jun 2017","modifyTime":1498608000000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/u45CWhdYSZE?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=u45CWhdYSZE","reqid":"1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL","duration":338},"parentClipId":"15342378437109084108","href":"/preview/15342378437109084108?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","rawHref":"/video/preview/15342378437109084108?parent-reqid=1769126604585697-14835713173871200222-balancer-l7leveler-kubr-yp-klg-148-BAL&text=Codingflag","isEmbedOnly":false,"shouldPlayInstreamPreroll":false}}},"viewer":{"_isInitial":false,"clips":{"items":{},"dups":{},"loadingStatus":"None"},"internal":{"videoId":"","sandboxEventPrefix":"sandbox:","sandboxVersion":"0x001cd987dbd","isEmbedded":false,"from":"yavideo","service":"ya-video","hbPeriod":30,"table":"video_tech","isInstreamDisabled":false,"nonce":"8357131738712002227148","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,"query":"Codingflag","queryUriEscaped":"Codingflag","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":[]},"related":{"items":[],"pages":[],"loadingStatus":"None","nextPageNum":0,"ncrnd":0},"playlist":{"items":{}},"delayedViews":{"ids":[],"loadingStatus":"None"}}}