.container { max-width: 1280px; height: 100%; margin: 0 auto; }

.workLessCodeEasy_section { background-size: contain; background: #69aa4c url("../images/hero-img_element.png") no-repeat; padding: 20px; box-sizing: border-box; border-radius: 20px; overflow: hidden; margin-top: 30px; }

.workLessCodeEasy_section .bigTitle { font-size: 36px; color: #FFFFFF; margin-bottom: 15px; text-transform: uppercase; font-weight: 900; }

.workLessCodeEasy_section .text { font-size: 21px; color: #FFFFFF; opacity: 0.7; width: 80%; max-width: 900px; }

.lookingForAnAnswer_section { padding: 50px 0; }

.lookingForAnAnswer_section .container { position: relative; height: 330px; }

.lookingForAnAnswer_section .lookingForAnAnswer { width: 35%; margin-right: 10%; }

.lookingForAnAnswer_section .lookingForAnAnswer .title { color: #333333; font-size: 28px; font-weight: 600; }

.lookingForAnAnswer_section .lookingForAnAnswer .text { color: #333333; font-size: 18px; padding: 20px 0; line-height: 36px; }

.lookingForAnAnswer_section .lookingForAnAnswer .questionButton { background-color: #F1592B; border-radius: 20px; font-size: 16px; color: #FFFFFF; text-decoration: none; padding: 8px 14px; display: inline-flex; cursor: pointer; align-items: center; text-transform: uppercase; letter-spacing: 1px; }

.lookingForAnAnswer_section .lookingForAnAnswer .questionButton:hover { background-color: #db3e0e; }

.lookingForAnAnswer_section .lookingForAnAnswer .questionButton i { margin-right: 5px; font-size: 18px; width: 18px; height: 18px; overflow: hidden; }

.lookingForAnAnswer_section .trendingQuestions { position: absolute; top: 0; left: 45%; width: 55%; overflow: hidden; }

.lookingForAnAnswer_section .trendingQuestions.removeLinear::before { background: none; }

.lookingForAnAnswer_section .trendingQuestions::before { content: ''; width: 100%; z-index: 5; height: 100%; position: absolute; left: 0; top: 0; pointer-events: none; background: linear-gradient(to right, transparent 550px, white); }

.lookingForAnAnswer_section .trendingQuestions .title { margin-top: 0; margin-bottom: 20px; margin-left: 10px; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks { display: inline-flex; transition: margin 0.2s linear; padding-left: 10px; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question { border: 1px solid #E1E1E1; border-radius: 15px; padding: 0 16px; box-sizing: border-box; width: 420px; text-decoration: none; height: 255px; margin-right: 15px; position: relative; overflow: hidden; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question:hover { box-shadow: 0px 2px 20px 0px rgba(0, 158, 231, 0.25); }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question:nth-child(5) { margin-right: 0; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question .topLine { position: absolute; background-color: #009ee7; top: 0; height: 6px; border-radius: 2px 2px 0px 0px; left: 0; right: 0; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question .categoryAndAnswers { display: flex; border-bottom: 1px solid #F5F5F5; justify-content: space-between; align-items: center; padding: 16px 0; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question .categoryAndAnswers .categoryTitle { color: #7D8691; font-weight: 600; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question .categoryAndAnswers .categoryTitle .colorBlue { color: #57A0D7; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question .categoryAndAnswers .answers { color: #00A14B; border: 1px solid #00A14B; padding: 5px; font-size: 12px; border-radius: 3px; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question .questionTitle { font-size: 21px; padding-top: 18px; font-weight: 700; color: #1C2024; overflow: hidden; height: 54px; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question .questionText { font-size: 15px; padding-top: 15px; overflow: hidden; line-height: 21px; height: 40px; color: #636F7B; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question .questionInfo { display: flex; margin-top: 18px; border-top: 1px solid #F5F5F5; padding-top: 16px; justify-content: space-between; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question .questionInfo .addedBy { color: #4178A1; font-size: 12px; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question .questionInfo .information { display: Flex; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question .questionInfo .information .added { border-right: 1px solid #A1A9B0; padding-right: 5px; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question .questionInfo .information .votes { border-right: 1px solid #A1A9B0; padding-right: 5px; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question .questionInfo .information .inlineInfo { display: flex; align-items: center; color: #A1A9B0; font-size: 12px; margin-right: 5px; }

.lookingForAnAnswer_section .trendingQuestions .questionsBlocks .question .questionInfo .information .inlineInfo i { font-size: 12px; margin-right: 5px; }

.lookingForAnAnswer_section .trendingQuestions .arrowsAndViewAll { margin: 7px 0; display: flex; position: relative; z-index: 20; align-items: center; justify-content: space-between; padding-left: 10px; }

.lookingForAnAnswer_section .trendingQuestions .arrowsAndViewAll .arrows { padding: 0 5px; user-select: none; }

.lookingForAnAnswer_section .trendingQuestions .arrowsAndViewAll .arrows .rightArrow:hover { color: #666666; }

.lookingForAnAnswer_section .trendingQuestions .arrowsAndViewAll .arrows .rightArrow.disabled { opacity: 0.2; pointer-events: none; cursor: none; }

.lookingForAnAnswer_section .trendingQuestions .arrowsAndViewAll .arrows .leftArrow { margin-right: 15px; }

.lookingForAnAnswer_section .trendingQuestions .arrowsAndViewAll .arrows .leftArrow:hover { color: #666666; }

.lookingForAnAnswer_section .trendingQuestions .arrowsAndViewAll .arrows .leftArrow.disabled { opacity: 0.2; pointer-events: none; cursor: none; }

.lookingForAnAnswer_section .trendingQuestions .arrowsAndViewAll .arrows i { font-size: 16px; cursor: pointer; color: #909090; }

.lookingForAnAnswer_section .trendingQuestions .arrowsAndViewAll .viewAll { font-size: 12px; color: #57A0D7; cursor: pointer; text-decoration: none; }

.lookingForAnAnswer_section .trendingQuestions .arrowsAndViewAll .viewAll:hover { color: #3088cb; text-decoration: underline; }

.recentChannelAndPopularTip_section { padding: 50px 0; margin-top: 40px; }

.recentChannelAndPopularTip_section .container { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 35px; }

.recentChannelAndPopularTip_section .recentChannelActivity { width: 60%; margin-right: 5%; }

.recentChannelAndPopularTip_section .recentChannelActivity .title { margin: 7px 0; text-decoration: none; align-items: center; }

.recentChannelAndPopularTip_section .recentChannelActivity .title:hover span { opacity: 1; }

.recentChannelAndPopularTip_section .recentChannelActivity .title:hover .goToArrow { color: #333333; }

.recentChannelAndPopularTip_section .recentChannelActivity .title span { opacity: 0.7; color: #333333; text-transform: uppercase; margin: 0 10px; font-weight: 600; }

.recentChannelAndPopularTip_section .recentChannelActivity .title .goToArrow { cursor: pointer; height: 24px; color: #909090; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels { margin-top: 30px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelTabs { display: flex; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelTabs .tab { display: flex; padding: 7px 15px; align-items: center; border-top: 4px solid transparent; cursor: pointer; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelTabs .tab:hover span { opacity: 1; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelTabs .tab span { opacity: 0.5; font-size: 15px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelTabs .tab img { margin-right: 10px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelTabs .tab.selected { background-color: #FFFFFF; border-top: 4px solid #19BFD5; border-radius: 3px 3px 0px 0px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelTabs .tab.selected span { opacity: 1; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity { height: 520px; background-color: #FFFFFF; border-radius: 2px; position: relative; display: none; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity.selected { display: block; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows { height: calc(100% - 77px); overflow-y: auto; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows { padding: 15px; position: relative; border-bottom: 1px solid #E5E5E5; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows:last-child { border-bottom: 1px solid transparent; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .profileImage { height: 32px; width: 32px; position: absolute; border-radius: 50%; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation { padding-left: 40px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .text_image { display: block; margin: 5px 0; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode { margin: 5px 0; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .information { margin-bottom: 5px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .information .title { font-size: 14px; font-weight: 400; color: #636F7B; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .information .title .channelTitle { font-size: 14px; text-transform: capitalize; font-weight: 500; color: #333333; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .information .timeAdded { font-size: 11px; font-weight: 400; padding: 4px; float: right; color: #A1A9B0; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeInformation { background-color: #f7f8f9; border: 2px solid #F1F1F1; border-bottom: transparent; right: 0; left: 0; padding-left: 5px; height: 20px; line-height: 20px; border-radius: 3px 3px 0px 0px; font-size: 12px; font-weight: 500; color: #A1A9B0; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeInformation .codeLanguage { font-size: 12px; font-weight: 500; color: #394790; text-transform: uppercase; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeInformation .codeLength { padding-right: 10px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeInformation .codeLength .line { border-left: 2px solid #D9DDDF; margin: 0 10px 0 5px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeInformation .showMore { float: right; font-size: 10px; cursor: pointer; font-weight: 500; text-transform: uppercase; color: #394790; padding-right: 5px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeInformation .showMore:hover { color: #212D60; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted { margin: 0; width: 100%; display: block; position: relative; margin-bottom: 5px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs { color: #37474f; background: white; display: block; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-number, .recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-literal, .recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-symbol, .recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-bullet { color: #c53929; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-keyword, .recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-selector-tag, .recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-deletion { color: #3b78e7; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-variable, .recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-template-variable, .recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-link { color: #4caf4e; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-comment, .recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-quote { color: #d81b60; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-meta { color: #c53929; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-string, .recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-attribute, .recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-addition { color: #0d904f; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-section, .recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-title, .recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-type { color: #9c27b0; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-name, .recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-selector-id, .recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-selector-class { color: #f47c20; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-emphasis { font-style: italic; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .hljs-strong { font-weight: bold; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .copyCode { position: absolute; top: 10px; right: 10px; background: #F8981D; color: #ffffff; border-radius: 50%; font-size: 16px; cursor: pointer; padding: 6px 5px 6px 7px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .copyCode:hover { background: #F28711; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .copyCode.hide { display: none; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .copyCodeText { position: absolute; right: 6px; display: none; font-size: 12px; color: #F8981D; font-weight: 600; top: 42px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted .numbersLine { position: absolute; left: 2px; border-radius: 3px 0 0 3px; top: 2px; bottom: 2px; white-space: pre; overflow: hidden; padding-top: 5px; font-family: "Roboto Mono", monospace; text-align: right; padding-right: 5px; padding-left: 5px; z-index: 3; border-right: 2px solid #F1F1F1; box-sizing: border-box; font-size: 12px; background: #F7F8F9; font-weight: 400; line-height: 18px; color: #636F7B; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted pre { margin: 0; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted code { padding: 5px 45px 5px 5px; display: block; top: 0; bottom: 0; right: 0; left: 0; position: absolute; box-sizing: border-box; overflow: hidden; background: #ffffff; border: 2px solid #F1F1F1; border-radius: 0px 0px 3px 3px; font-family: Roboto Mono; font-size: 12px; line-height: 20px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .languageCode .block .block-line .codeText .codeHighlighted code.showMoreCode { margin-top: -17px; margin-bottom: -34px; overflow-x: auto; position: relative; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .youtubeVideo { margin: 5px 0; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .youtubeVideo .channelTitle { margin: 5px 0; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .nameTime { display: flex; align-items: center; margin: 6px 0 10px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .nameTime .name { color: #01484c; font-size: 14px; text-decoration: none; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .nameTime .nickname { color: #98B5B6; margin: 0 7px; text-decoration: none; font-size: 14px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .nameTime .time { color: #A1A9B0; font-size: 11px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .chatRows .channelRows .activityInformation .text { font-size: 14px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .compactViewAndJoinChannel { display: flex; padding: 0 15px; height: 76px; justify-content: space-between; position: absolute; align-items: center; bottom: 0; left: 0; border-top: 1px solid #E5E5E5; right: 0; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .compactViewAndJoinChannel .compactView { align-items: center; display: flex; font-size: 15px; color: #666666; cursor: pointer; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .compactViewAndJoinChannel .compactView:hover { color: #333333; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .compactViewAndJoinChannel .compactView i { margin-left: 5px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .compactViewAndJoinChannel .joinChannelButton { background-color: #19BFD5; color: #FFFFFF; font-size: 12px; padding: 10px; position: absolute; text-decoration: none; right: 16px; cursor: pointer; border-radius: 2px; }

.recentChannelAndPopularTip_section .recentChannelActivity .channels .channelActivity .compactViewAndJoinChannel .joinChannelButton:hover { background-color: #0AA9BF; }

.recentChannelAndPopularTip_section .popularTips .tips { margin-top: 20px; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips { background-color: #FFFFFF; position: relative; display: none; border-radius: 15px; border: 1px solid #ddd; margin-top: 20px; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips.javaTabs .tipRows:hover .titleTip { color: #F89820; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips.javaTabs .number { color: #F89820; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips.kotlinTabs .tipRows:hover .titleTip { color: #475AA7; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips.kotlinTabs .number { color: #475AA7; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips.androidTabs .tipRows:hover .titleTip { color: #3FA215; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips.androidTabs .number { color: #3FA215; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips.selected { display: block; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips .tipRows { padding: 15px; text-decoration: none; align-items: center; cursor: pointer; border-bottom: 1px solid #E5E5E5; display: block; height: 106px; box-sizing: border-box; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips .tipRows:last-child { border-bottom: none; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips .tipRows .numberAndTitle { display: flex; max-height: 45px; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips .tipRows .numberAndTitle .number { font-size: 18px; margin-right: 5px; font-weight: 600; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips .tipRows .numberAndTitle .titleTip { color: #333333; overflow: hidden; font-size: 18px; font-weight: 600; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips .tipRows .dateAndRead { color: #A1A9B0; margin-top: 9px; display: flex; align-items: center; font-size: 16px; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips .tipRows .dateAndRead .tipDate { display: Flex; border-right: 1px solid #A1A9B0; margin-right: 10px; padding-right: 10px; align-items: center; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips .tipRows .dateAndRead .tipDate i { font-size: 20px; margin-right: 5px; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips .tipRows .dateAndRead .tipRead { display: flex; align-items: center; }

.recentChannelAndPopularTip_section .popularTips .tips .currentlyAddedTips .tipRows .dateAndRead .tipRead i { font-size: 20px; margin-right: 5px; }

.studioTabs_section { background-color: #FFFFFF; padding: 50px 0; }

.studioTabs { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 35px; margin-top: 30px; }

.studioTabs .tab { background-color: #f1f3f4; border-radius: 15px; text-decoration: none; cursor: pointer; overflow: hidden; border: 1px solid #E1E1E1; }

.studioTabs .tab:hover { box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1); }

.studioTabs .tab .studioTabInformation { box-sizing: border-box; padding: 21px 13px 13px 21px; outline: 0; text-decoration: none; }

.studioTabs .tab .studioTabInformation img { float: left; margin-right: 10px; }

.studioTabs .tab .studioTabInformation .toolTitle { font-size: 18px; color: #333333; font-weight: 500; }

.studioTabs .tab .studioTabInformation .toolDescription { font-size: 12px; font-weight: 400; line-height: 20px; opacity: .7; color: #636F7B; margin-top: 13px; }

.studioTabs .tab .image img { display: block; margin: 30px auto 0; width: 76.76%; }

.blogsLibrariesAndPeople_section { padding: 50px 0; }

.blogsLibrariesAndPeople_section .container { display: flex; justify-content: space-between; }

.blogsLibrariesAndPeople_section .title { margin: 7px 0; align-items: center; text-decoration: none; margin-bottom: 35px; }

.blogsLibrariesAndPeople_section .title:hover span { opacity: 1; }

.blogsLibrariesAndPeople_section .title:hover .goToArrow { color: #333333; }

.blogsLibrariesAndPeople_section .title span { opacity: 0.7; color: #333333; text-transform: uppercase; margin: 0 10px; font-weight: 600; }

.blogsLibrariesAndPeople_section .title .goToArrow { height: 24px; color: #909090; }

.blogsLibrariesAndPeople_section .blogPosts .posts .postBlock { width: 300px; padding: 15px; line-height: 24px; box-sizing: border-box; margin-bottom: 20px; height: 100px; display: block; text-decoration: none; border-radius: 15px; background-color: #FFFFFF; border: 1px solid #E1E1E1; cursor: pointer; }

.blogsLibrariesAndPeople_section .blogPosts .posts .postBlock:hover { box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1); }

.blogsLibrariesAndPeople_section .blogPosts .posts .postBlock .datePost { font-size: 10px; color: #69A94B; opacity: 0.7; margin-top: 3px; text-transform: uppercase; }

.blogsLibrariesAndPeople_section .blogPosts .posts .postBlock .titlePost { color: #333333; font-weight: 600; height: 50px; overflow: hidden; }

@media only screen and (max-width: 1280px) { .container { max-width: 980px; }
  header .header__block { max-width: 980px; } }

@media only screen and (max-width: 1420px) { .container { max-width: 1100px; }
  header .header__block { max-width: 1100px; } }

.group-title { display: inline-block; background-color: #f1f3f4; padding: 10px; border-radius: 20px; text-decoration: none; color: #111; }

.group-title span { margin-left: 10px; margin-right: 10px; font-weight: 600; text-transform: uppercase; }

.group-title i { float: right; overflow: hidden; max-width: 24px; max-height: 24px; }

.group-title:hover { background-color: #e3e7e9; }

.libraries .tipTabs { margin-top: 20px; margin-bottom: 20px; }

.libraries .libraries__blocks { border: 1px solid #E1E1E1; border-radius: 15px; overflow: hidden; }

.libraries .libraries__blocks.utilities { display: none; }

.libraries .libraries__blocks .library__block { border-bottom: 1px solid #E5E5E5; width: 100%; padding: 10px 15px; text-decoration: none; box-sizing: border-box; display: flex; cursor: pointer; justify-content: space-between; height: 106px; }

.libraries .libraries__blocks .library__block:last-child { border: 0; }

.libraries .libraries__blocks .library__block:hover .titleAndDate .titleLibrary { color: #621bff; }

.libraries .libraries__blocks .library__block .titleAndDate { width: calc(100% - 48px); }

.libraries .libraries__blocks .library__block .titleAndDate .titleLibrary { color: #333333; font-weight: 600; line-height: 24px; overflow: hidden; height: 25px; font-size: 18px; margin: 5px 0 20px; }

.libraries .libraries__blocks .library__block .titleAndDate .dateAndVersionLibrary { display: flex; margin-top: 2px; align-items: center; font-size: 14px; }

.libraries .libraries__blocks .library__block .titleAndDate .dateAndVersionLibrary .date { color: #333333; opacity: 0.5; }

.libraries .libraries__blocks .library__block .titleAndDate .dateAndVersionLibrary .version { background-color: #666699; border-radius: 7px; color: white; margin-right: 5px; padding: 3px 7px; }

.libraries .libraries__blocks .library__block .votes { background-color: #f6f6f9; color: #333333; display: inline-flex; height: 10px; margin-top: 53px; font-size: 14px; border-radius: 2px; font-weight: 500; padding: 5px 10px; align-items: center; }

.libraries .libraries__blocks .library__block .votes .votesNumber { margin-right: 5px; }

.tipTabs { display: flex; }

.tipTabs .tab { display: flex; padding: 0 15px; height: 31px; font-size: 15px; font-weight: bold; align-items: center; border-top: 4px solid transparent; cursor: pointer; opacity: 0.5; }

.tipTabs .tab:hover { opacity: 1; }

.tipTabs .tab.views.selected, .tipTabs .tab.utilities.selected { background: #6d4db3; }

.tipTabs .tab.latest.selected, .tipTabs .tab.top.selected { background: #394790; }

.tipTabs .tab.javaTab.selected { background: #F89820; }

.tipTabs .tab.kotlinTab.selected { background: #475AA7; }

.tipTabs .tab.androidTab.selected { background: #3FA215; }

.tipTabs .tab.selected { color: #fff; font-weight: bold; border-radius: 20px; opacity: 1; text-transform: uppercase; }

.registeredPeople .tipTabs { margin-top: 20px; margin-bottom: 20px; }

.registeredPeople .peopleBlocks { border: 1px solid #E1E1E1; border-radius: 15px; overflow: hidden; }

.registeredPeople .peopleBlocks .switcher { display: none; }

.registeredPeople .peopleBlocks .switcher.current { display: block; }

.registeredPeople .peopleBlocks .personBlock { width: 100%; padding: 10px; box-sizing: border-box; text-decoration: none; cursor: pointer; display: block; border-bottom: 1px solid #E5E5E5; height: 106px; color: #111; }

.registeredPeople .peopleBlocks .personBlock i { font-size: 18px; }

.registeredPeople .peopleBlocks .personBlock .views { font-size: 12px; padding-left: 58px; padding-top: 10px; color: #888; }

.registeredPeople .peopleBlocks .personBlock .views i { float: left; margin-right: 10px; }

.registeredPeople .peopleBlocks .personBlock:last-child { border: 0; }

.registeredPeople .peopleBlocks .personBlock:hover .personName { color: #0024e3; }

.registeredPeople .peopleBlocks .personBlock .personName { margin: 10px 0; font-size: 16px; color: #111; font-weight: bold; }

.registeredPeople .peopleBlocks .personBlock .personName .nick { font-size: 12px; color: #888; line-height: 16px; float: right; margin-right: 5px; }

.registeredPeople .peopleBlocks .personBlock .personNickName { color: #394790; font-size: 12px; }

.registeredPeople .peopleBlocks .personBlock img { border-radius: 50%; width: 48px; border: 1px solid #ECEEEF; height: 48px; float: left; margin-right: 10px; }

/*# sourceMappingURL=/static/pal/css/index-home.css.map */