Free Fire’s ranked season 25 is in full swing, and with it, the race to the top. To reach the prestigious Heroic rank in-game, users will need to obtain a score of 3,200 and above.
The task at hand seems nearly impossible, but it is not. With some careful planning and strategy, users will reach Heroic rank before the season ends on February 18.
Garena Free Fire: Reaching Heroic conveniently in 2022
7) Play as many games as possible
To reach the Heroic rank, users will have to play as many matches as possible. Given that 3,200 points will be needed to obtain the title, every point earned will matter.
6) Use the right combination of abilities
Characters have potent abilities in Free Fire. When used in the right combination, users can dominate the battlefield with ease. Depending on the playstyle, users will have to decide which ones suit them best.
5) Play with a skilled squad
Grinding for points to rank up will be a long-drawn task. Playing with a skilled squad is the best idea to keep morale high. Users can even min-max their character combinations to get the most out of their abilities.
4) Don’t play too aggressively
In ranked matches, gaining eliminations is crucial as they grant points. However, users often get eliminated by playing too aggressively in the pursuit of points. While points are needed to rank up, playing it smart is necessary.
3) Try to survive as long as possible
Surviving in Free Fire is the easiest way to earn points. Even though it’s not as effective as securing a Booyah, surviving till the end is a good strategy. If done correctly, users can even gain some easy eliminations in the process.
2) Camp or hide when necessary
There is no shame in hiding or camping during a ranked match. Given the skill gap between players, at times, playing passively and defensively is the best option. This also ensures that users will have more loot to spare in the end-zone.
1) Secure good loot from airdrops
Airdrops are easy to find in-game. However, getting to them will take some careful planning. Nevertheless, if users do succeed, they will gain powerful equipment. If utilized correctly, it will give them an edge during the match.
.related-articles { position: relative; padding: 0 4px; }
.related-heading { padding: 10px; padding-left: 15px; font-size: 27px; }
.related-articles-container { padding: 10px 0px 20px 0; width: 100%; }
.related-articles-scroll { overflow-x: scroll; width: 100%; }
.related-articles-scroll::-webkit-scrollbar { display: none; }
.article-single-related { height: auto !important; padding:0 0 15px; width: 166px; display: inline-block; border-radius: 3px;
background-color: #ffffff; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); margin-right: 10px; vertical-align: top; }
.article-related-recommend { width: 31.7%; min-height: 208px; border-radius: 8px; overflow: hidden; }
.article-single-related a { color: black; text-decoration: none !important; }
.article-related-image { opacity: 1; border-radius: 3px 3px 0 0; background-position: center center;background-size: cover; }
.article-related-recommend-image { width: 100%; height: 130px; border-radius: 4px 4px 0 0; object-fit: cover; background-position: center; }
.related-play-button { width: 40px; height: 40px; background-image: url(https://staticg.sportskeeda.com/skm/assets/images/video/video-play-button.svg); position: relative; top: -50px; float: right; left: -10px; margin-bottom: -40px; }
.article-related-title { font-size: 14px; font-weight: normal; padding: 10px; line-height: 1.4; height: 65px; overflow: hidden !important; }
.article-related-footer { font-size: 9px; font-weight: normal; padding: 1px 10px; color: #b2b2b2; }
.scroll-button { width: 30px; height: 30px; background-color: #ffffff; border-radius: 20px; position: absolute;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); font-size: 20px; padding: 6px 10px; color: #c7c5c5; cursor: pointer; top: 90px; background: no-repeat scroll 50% 50% white; }
.article-scroll-left { left: 0px; background-image: url(“https://staticg.sportskeeda.com/skm/assets/article/ic-chevron-left.svg”); display: none; background-repeat: no-repeat; background-position: center; }
.article-scroll-right { right: 0; background-image: url(“https://staticg.sportskeeda.com/skm/assets/article/ic-chevron-right.svg”); background-repeat: no-repeat; background-position: center; }
.article-related-title.article-related-recommend-title { display: block; display: -webkit-box; max-width: 100%; height: 63px; margin: 0 auto; font-size: 14px; line-height: 1; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 18px; }
.heading-article { text-align: center; color: #D32F2F; }
h3.related-heading { position: relative; font-size: 16px !important; height:70px;}
h3.related-heading:before { content: “”;background: #E9E9E9;width: 95%;height: 2px;position: absolute;left: 10px;top: 45%;transform: translateY(-50%); }
h3.related-heading:after { content: “”;background: #E9E9E9;width: 95%;height: 2px;position: absolute;left: 10px;top: 92%;transform: translateY(-50%); }
h3.related-heading span { position: relative; padding: 6px 10px; border-radius: 6px; }
h3.related-heading .also-read { color:#757575; font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif; font-weight:400; z-index: 10; float:left; ; top:20px; font-size: 16px;}
h3.related-heading .article-continues { color:#757575; font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif; font-weight:400; margin-left: -5px; z-index: 1; top:20px; float:right; font-size: 14px;}
.article-single-related:last-child { padding: 0px; margin-right: 0px; }
@media (max-width: 768px) {
.related-articles { padding: 8px;}
.article-related-recommend { min-width: 45.9%; }
.related-heading { padding: 4px; padding-top: 24px; padding-left: 10px; }
.related-articles-container { display:flex; overflow-x:scroll !important;}
.article-related-title { display: inline-block; font-size: 14px;
padding: 10px; vertical-align: top; color: #555555; line-height: 16px; height: 42px }
.article-related-footer { width: 100%; font-size: 10px; font-weight: normal;padding-top: 4px; color: #ababab; }
.article-single-related { margin-bottom: 12px; }
.related-articles-scroll { overflow-x: scroll!important; padding-left: 5px; }
.heading-article h3 { font-size: 16px !important; }
.related-articles{ margin-top: -12px; }
h3.related-heading:before { top: 47%; }
h3.related-heading:after { top: 90%; }
h3.related-heading .also-read { padding-left:0px; font-size: 14px;}
h3.related-heading .article-continues { padding-right:0px; font-size: 12px; }
}
@media (min-width: 770px) {
.content-holder div { overflow: hidden !important; }
}
@media (max-width: 320px) {
h3.related-heading .also-read { font-size: 14px; }
h3.related-heading .article-continues { font-size: 12px; }
}
Also ReadArticle Continues below
Note: This article is subjective and solely reflects the writer’s opinions.
.preview-card-holder {
background: #fff;
margin-top: 12px;
border-radius: 8px;
width: 98%;
margin: 16px auto;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.preview-card-holder .preview-card-header {
margin: 0;
font-size: 14px !important;
padding: 12px 16px !important;
border-bottom: 1px solid #F5F5F5;
color: #474747;
position: relative;
font-weight: bold;
}
.preview-card-header img {
margin-right: 4px;
width: 25px !important;
vertical-align: sub;
display: inline-block;
background: none;
}
.preview-card-content.poll-card-content {
padding: 16px !important;
}
.poll-card-content p {
font-family: unset !important;
}
.poll-card-content .poll-question {
font-weight: bold;
font-size: 14px !important;
line-height: 20px;
color: #D32F2F;
margin: 16px 0;
padding: 0;
float: none;
margin-top: 0;
}
#poll-content {
position: relative;
}
#poll-content #poll_sponsored_link {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
}
.poll-card-content .poll-option {
background: #FFFFFF;
border: 1px solid #E1EBFF;
box-sizing: border-box;
border-radius: 8px;
padding: 10px;
margin-bottom: 12px;
position: relative;
cursor: pointer;
display: flex;
align-items: center;
}
.poll-card-content .poll-option-answered {
cursor: initial;
}
.poll-option .poll-option-color {
position: absolute;
height: 100%;
width: 0%;
top: 0;
left: 0;
border-radius: 7px;
}
.poll-card-content .poll-option-text {
padding: 0;
margin: 0;
float: none;
text-align: left;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 17px;
display: block;
position: relative;
}
.poll-option-text.poll-option-percent {
flex: 1;
padding-left: 20px;
text-align: right;
}
.poll-card-content .poll-count {
font-size: 14px !important;
font-weight: bold;
text-align: right;
padding: 0;
float: none;
margin-bottom: 4px;
}
.poll-option-text {
color: #000000;
}
.poll-option-color {
background: #E1EBFF;
}
.poll-option-selected .poll-option-color {
background: #2196F3;
}
@media (max-width: 768px) {
.preview-card-holder {
float: none;
width: 100%;
margin-bottom: 6px;
box-shadow: 0 4px 4px 0 rgb(0 0 0 / 10%);
}
}
.preview-card-content.poll-card-content {
padding: 0 20px 20px 20px !important;
}
.poll-card-content .poll-option-text {
font-size: 14px !important;
line-height: 20px !important;
}
.poll-card-content .poll-question {
margin-top: 16px;
}
LIVE POLL
Q. Have you ever reached Heroic Rank?
#keeda-comments-container * {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif;
}
#keeda-comments-container {
border: 1px solid #E9E9E9;
padding: 16px 16px 0px;
border-radius: 3px;
margin: 0;
width: 100%;
background: #fff;
display: inline-block;
min-height: 120px;
margin-bottom: 16px
}
.one-comment {
display: flex;
box-sizing: border-box;
float: left;
clear: both;
width: 100%;
color: #333;
line-height: 0;
padding: 8px;
margin: 8px 0 0;
border-bottom: solid 1px #f1f1f1;
position: relative;
overflow: visible !important;
}
.one-comment.selected {
background: rgb(251 235 235 / 75%);
}
.one-comment:last-child {
border-bottom-color: transparent;
}
.one-comment .profile-pic-container {
position: relative;
display: block;
margin-right: 8px;
}
.profile-pic-container a {
display: block;
}
.profile-pic-container img {
width: 32px;
height: 32px;
border-radius: 50%;
object-fit: cover;
}
.one-comment:hover {
background: #F9F9F9;
}
.one-comment .name {
font-weight: bold;
text-decoration: none;
color: #2D2D2D;
font-size: 16px;
line-height: 19px;
}
.dont-break {
white-space: nowrap;
}
a.author-name>.dont-break {
position: inherit;
top: 8px;
}
.one-comment .name:hover {
background: #C3C3C3;
text-decoration: none !important;
}
.one-comment .author-name {
font-weight: 400;
padding: 2px 6px 2px 0px;
color: #0B65F0;
border-radius: 3px;
text-decoration: none;
}
.one-comment .pic {
opacity: .9;
height: 19px;
display: block;
float: left;
margin: 3px;
border-radius: 3px;
}
.one-comment .pic:hover {
opacity: 1;
}
textarea.post-comment-box,
.edit-section textarea {
overflow-y: hidden;
width: 100%;
padding: 8px 12px;
padding-right: 40px;
resize: none;
border-radius: 40px;
border: solid 1px rgba(153, 153, 153, 0.1);
background: #F5F5F5;
font-size: 14px;
line-height: 19px;
height: 41px;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif;
}
.post-comment-box:hover {
background: #f8f8f8
}
.post-comment-box:focus {
outline: none;
border: 1px solid #D32F2F;
color: #2D2D2D;
}
.post-comment-box:disabled {
outline: none;
border: 1px solid #D32F2F;
}
.post-comment-button {
background: url(“//staticg.sportskeeda.com/comments/send-active.svg”);
color: #fff;
font-weight: bold;
cursor: pointer;
border: none;
background-color: transparent;
position: absolute;
bottom: 11px;
right: 4px;
height: 32px;
width: 32px;
padding: 0;
margin: 0;
}
#comment-holder {
width: 100%;
float: left;
padding: 5px 0;
position: relative;
}
.post-comment-button img {
background-color: transparent;
width: 32px;
height: 32px;
position: relative;
bottom: 4px;
}
.post-comment-button:disabled {
background: url(“//staticg.sportskeeda.com/comments/sendbutton-loading.svg”);
background-repeat: no-repeat;
}
.edit-comment-button img {
display: inline;
background: transparent;
margin: 0px 3px 0px 0px;
width: auto;
}
.btn-green {
background: #2E7D32;
border: solid 1px #2E7D32;
}
.btn-green:hover {
background: #36845c;
}
.btn-green:active,
#btn-green:focus {
background: #2e6f4e;
outline: none;
}
.btn-green-logged-out {
text-align: center;
line-height: 23px;
float: right;
border-radius: 3px;
color: #fff !important;
cursor: pointer;
margin-top: 7px;
text-decoration: none !important;
padding: 0 10px;
font-weight: normal !important;
font-size: 13px;
}
.timestamp {
color: #999999 !important;
font-size: 14px;
line-height: 17px;
}
#image-for-no-of-comments {
background: transparent;
float: left;
margin-right: 10px;
height: 20px;
width: 20px
}
#comments-count-span {
display: flex;
align-items: center
}
.comments-count {
color: #999999;
font-size: 14px;
line-height: 17px;
font-weight: normal;
font-style: normal;
}
.comment-info .one-comment-text {
padding-right: 4px;
font-size: 14px;
line-height: 19px;
margin: 4px 0;
}
.comment-info .highlighted {
color: #D32F2F;
}
.comment-info a {
text-decoration: none;
}
.timestamp .one-comment-text {
margin: 5px 1px;
}
textarea:disabled {
cursor: not-allowed;
}
.comment-top-right-ctrls {
display: inline;
}
#reply-send-icon {
display: inline;
background: transparent;
margin: 0px 3px 0px 0px;
}
.comment-options {
text-align: right;
display: inline-block;
float: right;
cursor: pointer;
}
.comment-options img {
background: transparent;
}
.comment-options-box {
padding: 5px;
right: 3px;
top: -75px;
width: 128px;
position: absolute;
background: #ffffff;
z-index: 9999;
box-shadow: 1px 1px 7px rgb(0 0 0 / 7%), -1px -1px 7px rgb(0 0 0 / 7%);
display: inline-block;
border-radius: 8px;
overflow: visible !important;
}
.comment-options-box .comment-option-single {
display: block;
font-weight: bold;
font-size: 12px;
padding: 8px 4px;
border-bottom: 1px solid #F5F5F5;
cursor: pointer;
line-height: 14px;
}
.comment-options-box img {
display: inline-block;
background: transparent;
position: relative;
top: 3px;
width: 16px;
}
#delete-option {
border-bottom: none;
color: #AF2222;
}
.one-comment .delete-comment {
cursor: pointer;
color: #478ACE !important;
font-size: 11px;
padding: 3px;
border-radius: 3px;
display: inline-block;
border: none;
background: #ffffff;
background-image: url(“//staticg.sportskeeda.com/comments/trash.svg”);
width: 12px;
height: 12px;
background-size: cover;
background-repeat: no-repeat;
margin-left: 12px;
}
.delete-comment:focus {
outline: none;
}
.delete-action-modal {
display: none;
position: fixed;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
z-index: 999999;
background: rgba(0, 0, 0, 0.4);
left: 0;
top: 0;
}
.delete-action-modal img {
display: block !important;
height: 64px;
width: auto;
margin-top: 16px;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
}
.delete-action-modal .delete-action-text {
font-size: 16px;
font-weight: bold;
line-height: 24px;
}
.delete-action-modal .delete-action-warning {
font-size: 14px;
color: #AF2222;
display: block;
line-height: 17px;
}
.delete-action-modal .delete-actions {
background: #fff;
width: 80%;
padding: 12px;
margin: 0 auto;
border-radius: 8px;
max-width: 292px;
text-align: center;
position: absolute;
}
.delete-action-buttons {
display: flex;
align-items: center;
margin-top: 20px;
text-align: center;
padding: 10px;
}
.delete-comment-confirm {
cursor: pointer;
background: #AF2222 !important;
color: #fff !important;
text-decoration: none !important;
font-size: 14px;
font-weight: bold;
padding: 8px 31px;
border-radius: 20px;
margin-right: 8px;
line-height: 17px;
}
.delete-comment-cancel {
cursor: pointer;
color: #2D2D2D !important;
text-decoration: none !important;
font-size: 14px;
font-weight: bold;
padding: 8px 29px;
border-radius: 20px;
line-height: 17px;
}
.edit-comment,
.cancel-edit,
.cancel-reply {
margin-right: 13px;
text-decoration: none !important;
color: #999999 !important;
cursor: pointer;
font-size: 14px;
display: inline-flex;
justify-content: center;
align-items: center;
height: 33px;
width: 69px;
border-radius: 20px;
border: 1px solid #999999;
}
.comment-reply-button {
background: #D32F2F;
border-radius: 20px;
border: none;
font-size: 14px;
height: 33px;
width: 81px;
color: #FFFFFF;
display: inline-flex;
justify-content: center;
align-items: center;
line-height: unset;
}
.comment-reply-button img {
width: 16px !important;
}
.edit-comment-button {
background: #D32F2F;
border-radius: 20px;
border: none;
font-size: 14px;
height: 33px;
width: 92px;
color: #FFFFFF;
font-weight: 500;
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center;
line-height: unset;
}
.edit-comment {
margin-left: 12px;
}
.reply-to-comment img {
background: none;
margin: 0;
display: inline;
height: 16px !important;
width: 16px !important;
position: relative;
top: 2px;
}
.reply-to-comment {
padding-bottom: 4px;
display: inline-block;
text-decoration: none !important;
font-size: 14px;
color: #999999 !important;
cursor: pointer;
vertical-align: middle;
}
.reply-to-comment span {
position: relative;
bottom: 2px;
}
#pic-near-reply-box {
display: inline-block;
border-radius: 50%;
vertical-align: top;
margin-top: 5px;
width: 32px !important;
height: auto !important;
}
.comment-reply-box {
width: 91.6%;
height: 57px;
padding: 10px;
resize: none;
border-radius: 20px;
border: solid 1px rgba(153, 153, 153, 0.1);
margin-top: 4px;
background: #F5F5F5;
color: #2D2D2D;
}
.reply-section {
position: relative;
overflow: visible !important;
}
.reply-section .reply-section-container {
padding: 12px 0;
}
.comment-reply-button {
cursor: pointer;
}
.comment-reply-box:hover {
background: #f8f8f8
}
.comment-reply-box:focus,
.edit-comment-text:focus {
outline: none;
}
.replies {
overflow: visible !important;
}
.replies .one-comment {
border-bottom: 0 !important;
}
.separator-dot {
color: #ddd
}
#pic-near-comment-box {
border-radius: 50%;
width: 32px;
height: 32px;
object-fit: cover;
display: inline-block;
vertical-align: top;
flex-shrink: 0;
margin-right: 8px;
}
.join-discussion {
color: #606060;
float: left;
font-weight: bold;
font-size: 17px;
display: block;
clear: both;
padding: 5px;
padding-left: 5px;
background-size: 19px;
background-position: 6px 6px;
}
.comment-input-response .response-text {
color: #666666;
font-size: 16px;
display: block;
font-style: italic;
line-height: 21px;
font-weight: 500;
padding: 12px;
}
.comment-input-container {
display: inline-block;
flex: 1;
position: relative;
}
.comment-input-container label {
font-size: 14px;
color: #616161;
width: 100%;
margin-left: 2px;
}
.comments-count-container {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
font-size: 16px;
padding: 8px;
}
.comments-input-holder {
display: flex;
padding: 8px;
position: relative;
border-bottom: 1px solid #F5F5F5;
align-items: center;
}
.comment-details {
display: block;
position: relative;
flex: 1;
overflow: visible !important;
word-break: break-word;
}
.oauth-button-container {
width: auto;
background: #ececec;
border-radius: 10px;
overflow: hidden !important;
margin-top: 5px !important;
}
.oauth-button-container .oauth-button-group {
display: flex;
align-items: center;
justify-content: center;
padding: 4px 0;
}
.oauth-button-container.reply-oauth {
width: calc(94vw – 14px);
margin-left: -38px;
max-width: 558px;
}
.oauth-button-container .oauth-button {
margin: 0 12px 0 0;
width: 36px;
height: 36px;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
overflow: hidden
}
.oauth-button.google {
border: 1px solid #A2A2A2;
background: #fff;
}
.oauth-button.email {
border-radius: 0;
margin-top: 9px;
}
.oauth-button img {
width: 100%;
height: 100%;
object-fit: cover;
background: transparent;
}
.oauth-button.google img {
width: 24px;
height: 24px;
object-fit: cover;
background: transparent;
}
.hidden {
display: none;
}
.login-support-text {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
font-size: 12px;
font-weight: bold;
background: #761919;
padding: 8px;
text-align: center;
color: #ffff;
}
.login-support-text span {
flex: 1;
line-height: 18px;
}
.one-comment.highlight {
animation: highlight 2s linear 3;
}
.edit-section {
display: flex;
flex-direction: column;
position: relative;
min-height: 78px;
width: 100%;
}
.edit-section textarea {
width: 100%;
height: 48px;
margin-top: 0;
color: #2D2D2D;
padding: 10px;
}
.edit-comment-button {
bottom: 30px;
}
.comments-container {
display: inline-block;
position: relative;
width: 100%;
}
.comments-container {
overflow: hidden;
}
.reply-oauth-close,
.login-oauth-close {
position: absolute;
right: 12px;
width: 20px;
height: 20px;
border-radius: 50%;
border: none;
cursor: pointer;
}
.reply-oauth-close img,
.login-oauth-close img {
background-color: transparent;
color: transparent;
}
.cancel-container {
padding: 16px 6px 9px 0;
display: inline-flex;
float: right;
margin-left: auto;
}
.comments-loading-info {
position: relative;
display: block;
background: #DEDEDE;
color: #717171;
padding: 4px;
text-align: center;
}
.comments-loading-error {
position: relative;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.comments-loading-error span {
font-size: 15px;
color: #555;
line-height: 20px;
font-weight: 300;
}
.comments-loading-error button {
border: none;
background-color: #d32f2f;
color: #fff;
margin: 8px 0 0;
padding: 8px 16px;
border-radius: 20px;
cursor: pointer;
font-size: 16px;
}
.comments-loading-error button:focus {
outline: none;
}
.vote {
cursor: pointer;
font-size: 14px;
border: none;
background: transparent;
padding: 0;
vertical-align: middle;
text-align: center;
display: inline-flex;
align-items: center;
color: #555;
margin-right: 12px;
}
.vote.downvote {
margin-right: 45px;
}
.vote img {
height: 14px;
width: 16px;
vertical-align: middle;
background-color: transparent;
position: relative;
object-fit: contain;
}
.vote:focus {
outline: none;
}
.vote .vote-count {
font-size: 14px;
margin-left: 4px;
color: #999999;
}
.downvote.selected {
color: #D32F2F;
}
.downvote.selected img {
position: relative;
top: 3px;
}
.upvote.selected {
color: #D32F2F;
}
.upvote.selected .vote-count {
color: #999999;
}
.downvote.selected .vote-count {
color: #999999;
}
.vote.animate img {
animation: zoom-in-out 1200ms linear;
animation-iteration-count: 1;
}
.comment-option-single-cancel {
float: right;
padding-right: 2px;
position: relative;
bottom: -5px;
cursor: pointer;
}
.one-comment .profile-status {
font-size: 12px;
color: #999999;
line-height: 14px;
line-height: 16px;
margin-top: 4px;
}
.profile-status.highlighted {
color: #AF2222;
}
.controls {
position: relative;
padding: 4px 0 0;
}
.profile-name-container.no-status {
position: relative;
display: block;
margin-top: 4px;
}
.view-more-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
background: #fff;
margin: 10px 0;
}
.view-more-container button.view-more-button {
cursor: pointer;
padding: 8px 12px;
background: #fff;
border: 1px solid #D32F2F;
border-radius: 20px;
color: #D32F2F;
display: flex;
align-items: center;
text-align: center;
font-weight: 500;
font-size: 14px;
line-height: 17px;
}
.view-more-button img {
width: 20px;
height: 20px;
object-fit: cover;
background-color: transparent !important;
margin-left: 4px;
}
div.comments-container div {
overflow: visible !important;
}
.comments-placeholder {
padding: 16px 4px;
display: flex;
width: 100%;
align-items: flex-start;
}
.comments-placeholder-image {
width: 32px;
height: 32px;
border-radius: 50%;
background: #F5F5F5;
margin-right: 12px;
flex-shrink: 0;
}
.comments-placeholder-info {
display: flex;
flex: 1;
flex-direction: column;
}
.comments-placeholder-title {
width: 102px;
height: 20px;
margin-bottom: 12px;
background: #F5F5F5;
border-radius: 25px;
}
.comments-placeholder-text {
width: 100%;
height: 90px;
background: #F5F5F5;
border-radius: 4px;
}
.comment-input-response {
background: #f5f5f5;
}
@keyframes highlight {
50% {
background: rgba(211, 47, 47, 0.3);
}
}
@keyframes zoom-in-out {
0% {
transform: scale(1);
}
50% {
transform: scale(1.4);
}
100% {
transform: scale(1);
}
}
@media screen and (min-width: 768px) {
.oauth-button-container.reply-oauth {
width: 100%;
max-width: auto;
margin: 0;
}
}
@media screen AND (max-width: 768px) {
#keeda-comments-container {
border: none;
border-top: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9;
margin-bottom: 8px;
padding: 12px 8px 0;
}
.comment-reply-box {
width: 84.6%;
}
.one-comment .name {
font-size: 14px;
line-height: 17px;
}
.timestamp,
.one-comment .profile-status {
font-size: 12px;
line-height: 14px;
}
}
