10 Celebrities who are into anime

Given that anime is still considered a niche despite its worldwide popularity, anime fans find it fascinating to learn about celebrities who are into anime. Similar to how anime fans have grown up watching anime, so have celebrities. Hence, with the growing popularity of anime worldwide, many celebrities have begun sharing their love for their favorite anime online.

It is shocking to see the diversity of celebrities who love anime. These fans not only include celebrities who watch certain renowned anime and anime films but also avid anime fans who have watched several anime, including the latest releases. Hence, here we shall look at 10 celebrities who are into anime.

Megan Thee Stallion, Disha Patani, and 8 other celebrities who are into anime

1) David De Gea

David De Gea likes Gaara (Image via Studio Pierrot)

The former Manchester United and Spain international goalkeeper, David De Gea is an avid anime fan. He is not only vocal about his love for anime in interviews but also loves to share with his fans what anime he is watching at the moment.

Some of the anime he has watched include Naruto, Blue Lock, and Pokemon. Some of his favorite characters from Naruto include Gaara, Jiraiya, and Naruto. Moreover, in an interview with GOAL, he also shared how much he liked Pokemon like Gyarados, Onix, and Hitmonchan.

2) Michael B. Jordan

Michael B. Jordan's Killmonger costume was inspired by Vegeta (Image via Disney, Toei Animation) — Michael B. Jordan’s Killmonger costume was inspired by Vegeta (Image via Disney, Toei Animation)

American actor and film producer Michael B. Jordan is a very vocal anime fan who might be part of a very small number of celebrities who are into anime and try to incorporate it into their work. He previously revealed that his Killmonger costume in the Black Panther movie was directly inspired by Vegeta’s Saiyan suit.

In addition, Michael B. Jordan has also revealed that he incorporated the fight moves between Naruto and Sasuke into his directorial debut film, Creed III. As for his five favorite anime, the actor stated that One Piece, Dragon Ball Z, Naruto, Bleach, and Hunter X Hunter were some must-watch anime.

3) Disha Patani

Disha Patani graces screening event in Mumbai (Image via Crunchyroll)

Indian actress Disha Patani is a huge anime fan. This is evident from her social media activity as she regularly updates fans on what she has been watching lately. Her love for Son Goku was revealed years ago, but recently, she has become more open to wearing anime merchandise in public.

Disha Patani’s love for anime also saw her arrive at the Indian premiere of the Demon Slayer – To the Hashira Training movie. The most famous anime she has watched reportedly include Dragon Ball Z, Naruto, Attack on Titan, Hunter x Hunter, Demon Slayer, and Black Clover.

4) Megan Thee Stallion

Megan Thee Stallion cosplaying Mirko (Image via X/@theestallion. BONES)

While we aren’t ranking the celebrities based on the number of anime they like, if we were to, American rapper Megan Thee Stallion might be at the top of the list of celebrities who are into anime. She not only openly shares her love for anime but has also cosplayed her favorite characters on several occasions.

Not just that, her love for anime also saw her become a presenter at the Crunchyroll Anime Awards for presenting the Anime of the Year. Some of her favorite anime include My Hero Academia, Jujutsu Kaisen, Attack on Titan, Black Clover, Hunter x Hunter, The Disastrous Life of Saiki K., JoJo’s Bizarre Adventure, and Demon Slayer.

5) Ronda Rousey

Dwayne Johnson and Ronda Rousey as seen in WrestleMania (Image via WWE)

Former American professional wrestler and actress Ronda Rousey is one of those celebrities who are into anime and also got to live their favorite anime to some extent, given that she is a fan of the Dragon Ball franchise.

She has donned Dragon Ball Z merchandise on several occasions, surprisingly even in WWE’s Wrestlemania. In addition, she has also been seen wearing Pokemon outfits during her time training for her bouts. Surprisingly, donning anime merchandise wasn’t enough for Ronda as she has also streamed herself playing Dragon Ball Z: Kakarot.

6) Bruno Mars

While American singer and songwriter Bruno Mars is one of the newest names among celebrities who are into anime, he certainly does have good taste as he is a fan of Jujutsu Kaisen, Pokemon, and Hello Kitty.

The award-winning pop star posted a picture of himself holding Jujutsu Kaisen Volume 25 and a Hello Kitty doll while donning a Pikachu cap. This picture was taken during his time in Tokyo, Japan.

7) Daniel Radcliffe

Daniel Radcliffe likes Monster anime (Image via Instagram/@daniel9340, Madhouse)

Who would have thought that Harry Potter’s Daniel Radcliffe was not only a fantasy movie franchise actor but also an anime fan? Earlier, he had revealed how he wasn’t sure what classified as an anime, stating that he did like Avatar: The Last Airbender but did not know if it counted as an anime.

Soon after, Daniel Radcliffe seemingly revealed the anime he likes, making him one of the celebrities who are into anime. The actor has dabbled into some niche yet renowned anime like Monster, Initial D, and the ‘Miyazaki’ movies.

8) PewDiePie

Unlike other celebrities who are into anime, Swedish YouTuber PewDiePie (Felix Kjellberg) has been vocal about his love for anime for a really long time. While he likes several mainstream anime like Attack on Titan, Haikyuu!!, and others, he has also revealed some niche series he loves watching and reading.

PewDiePie revealed the same through one of his YouTube videos how he liked watching Ergo Proxy while growing up in Sweden. Additionally, he was also a fan of Berserk, Blame!, Devilman Crybaby, Mononoke, and many other anime.

9) Robert Pattinson

Robert Pattinson voices The Heron Man (Image via WireImage, Studio Ghibli)

While the 2022 The Batman actor Robert Pattinson isn’t an avid fan of anime, he has certainly watched his fair share of Miyazaki movies to know that he loves watching them devotedly.

Surprisingly, the English actor also got to work in a Miyazaki film, the Oscar-winning film The Boy and The Heron. Robert Pattinson dubbed the English voice of Heron Man in the Japanese anime film.

10) Tiger Shroff

Considering that Indian actor Tiger Shroff is India’s Crunchyroll ambassador, it just proves that he is one of the celebrities who are into anime. He loves a variety of anime but his favorites are Dragon Ball Z, Naruto, and Naruto Shippuden.

Surprisingly, during Jujutsu Kaisen’s Hindi dub premiere in Mumbai, India, he made it clear that while he liked the Naruto franchise, he wasn’t a fan of Boruto anime. In addition, Tiger Shroff also revealed that he loved protagonists like Son Goku, Satoru Gojo, Minato Namikaze, and Itachi Uchiha, and antagonists like Akaza, Madara Uchiha, and Orochimaru.

These are some of the celebrities who are into anime. If we have missed out on any, do comment them below.

Related Links

10 other celebrities who are into anime

10 celebrities who love One Piece

10 Naruto characters and their celebrity look alike

Megan Thee Stallion breaks the internet with Mirko cosplay

10 celebrities who have the same birthday as Luffy from One Piece

.smart-menu-container {
background: #ffffff;
padding: 8px 16px 6px;
display: flex;
align-items: center;
border-bottom: 1px solid #E9E9E9;
box-shadow: 0px 4px 20px #f5f5f5;
}
.scrollable-content-holder {
position: relative;
box-sizing: border-box;
display: flex;
width: 100%;
align-items: center;
}
.pn-ProductNav::-webkit-scrollbar {
display: none;
}
.pn-ProductNav {
display: inline-block;
vertical-align: bottom;
overflow-x: auto;
overflow-y: hidden;
/* For WebKit implementations, provide inertia scrolling */
-webkit-overflow-scrolling: touch;
/* We don’t want internal inline elements to wrap */
white-space: nowrap;
/* hide the default scrollbar */
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
/* auto-hiding scroller for people using IE */
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.pn-ProductNav_Contents {
float: left;
font-size: 0;
transition: transform .2s ease-in-out;
position: relative;
}
.pn-ProductNav_Contents-no-transition {
transition: none;
}
.scrollable-content-item {
color: #2D2D2D !important;
width: auto;
padding: 6px 10px;
background: #F5F5F5;
border: 1px solid #E9E9E9;
box-sizing: border-box;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.07);
border-radius: 18px;
text-decoration: none;
display: inline-flex;
align-items: center;
font-size: 12px;
line-height: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
margin-right: 8px;
letter-spacing: normal;
text-decoration: none !important;
}
.scrollable-content-item:hover{
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.scrollable-content-item.chosen{
color: #ffffff !important;
background-image: linear-gradient(281deg, #48b9b0, #0ba0b0);
}
.pn-Advancer {
background: transparent;
padding: 0;
border: 0;
width: 24px;
height: 24px;
border-radius: 15px;
background-color: #ffffff;
display: inline-block;
margin-bottom: 2px;
outline: 0;
display: none;
cursor: pointer;
align-self: center;
}
.pn-Advancer_Left {
margin-right: 5px;
left: 0;
}
.pn-Advancer_Right {
margin-left: 5px;
right: 0;
}
.pn-Advancer_Icon {
width: 20px;
height: 44px;
fill: #bbb;
}
.pn-ProductNav_Indicator {
position: absolute;
bottom: 0;
left: 0;
height: 4px;
width: 100px;
background-color: transparent;
transform-origin: 0 0;
transition: transform .2s ease-in-out, background-color .2s ease-in-out;
}
.wiki-menu-item {
padding: 0px;
}
.wiki-menu-item:hover {
color: #D32F2F;
background: #FBEBEB;
border: 1px solid #D32F2F;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.07);
}
.wiki-menu-item a {
color:#2D2D2D !important;
}
.wiki-submenu-item {
width: 100%;
display: flex;
justify-content: space-between;
gap: 10px;
align-items: center;
text-decoration: none !important;
color:#666666;
padding: 10px;
}
button.wiki-submenu-item {
border: 0;
background: inherit;
}
.drop-down-menu:hover > .wiki-submenu-item, .drop-down-menu li:hover > .wiki-submenu-item, .wiki-menu-item:hover > .wiki-submenu-item{
color: #D32F2F !important;
}
.drop-down-icon {
background-image: url(//staticg.sportskeeda.com/skm/assets/menu/arrow-down.svg);
width: 20px;
height: 20px;
background-size: cover;
cursor: pointer;
background-repeat: no-repeat;
}
.explore-icon {
background-image: url(//staticg.sportskeeda.com/skm/assets/explore.png);
width: 20px;
height: 15px;
background-size: cover;
cursor: pointer;
background-repeat: no-repeat;
}
.drop-down-menu {
position: absolute;
width: 90%;
margin: 0;
margin-left: 5%;
text-align: left;
font-size: 14px;
background: #FFFFFF;
border: 1px solid #E9E9E9;
box-shadow: -1px 6px 12px rgba(0, 0, 0, 0.1);
border-radius: 6px;
z-index: 99998;
}
.drop-down-menu ul {
max-height: 300px;
overflow-y: scroll;
}
.drop-down-menu li:hover {
color: #D32F2F;
background: #FBEBEB;
}
.back-block {
font-weight: 500;
font-size: 16px;
line-height: 21px;
color: #2d2d2d;
}
.back-block.back-nav {
border-bottom: 1px solid #E9E9E9;
padding: 10px 4px;
}
.back-nav span {
background: none;
display: flex;
width: 100%;
align-items: center;
gap: 2px;
}
.back-nav img {
width: 20px;
height: 20px;
object-fit: cover;
transform: rotate(180deg);
}
.back-block a {
color: #2D2D2D;
}
.explore-menu-item {
min-width: 60px;
position: absolute;
right: -40px;
height: 35px;
top: -3px;
}
.article-p {
width:auto !important;
position: relative;
color: #666666;
font-size: 14px !important;
margin-bottom: 0 !important;
flex-shrink: 0;
margin-right: 4px;
}
.mobile-p {
font-size: 12px !important;
margin-top: 8px;
padding-right: 4px !important;
padding-left: 8px !important;
}
#tag-cloud {
clear: both;
margin: 0 auto;
}
.sports-more-info {
color: #666666;
clear: both;
font-weight: 500;
margin: 12px 0 0;
}
.sports-more-info.m-sports-more-info {
padding-left: 8px;
}

Quick Links

(function() {
if (typeof initScrollableMenu === “function”) {
initScrollableMenu();
}
})();

Edited by Tiasha

#post-rating-layout {
font-family:”Poppins”, -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif;
float: right;
margin: 3px 0 5px 0;
font-size: 10px;
color: #666666;
font-style: italic;
line-height: 14px;
text-align: right;
}
#post-rating-message{
float: right;
margin: 8px 0 5px 0;
font-size: 12px;
}
.rating > span {
padding-right: 2px;
font-size: 14px;
cursor: pointer;
}
.rating > .active:before {
content: “2605”;
position: absolute;
color: #B22222;
}
#post-rating-feedback-form .post-rating-feedback-note {
margin-top: 15px;
}
#post-rating-feedback-form .post-rating-feedback-note textarea {
display: block;
min-width: 100%;
min-height: 100px;
}
.rating-star {
font-size: 16px !important;
}
.rating:not(:checked) > .rating-star:before {
content: ‘2605’;
color: #E9E9E9;
}
.post-rating-feedback-option label {
padding-left: 5px;
}
.post-rating-error-message {
color: red;
}
#post-rating-layout {
display: flex;
gap: 5px;
align-items: center;
}
#post-rating-layout span {
font-size: 14px;
line-height: 21px;
color: #666666;
}
.rating > span {
}

Feedback

“;
modalText += “

Clickbait / Misleading

“;
modalText += “

Grammar

“;
modalText += “

Wrong facts

“;
modalText += “

Hateful content

“;
modalText += “

Website / Tech issue / Ads Issue

“;
modalText += “

Other

“;
modalText += “

”
modalText += “

”
modalPopup.closeOnEsc = false;
modalPopup.setHeader(“Why did you not like this content?”);
modalPopup.setContentText(modalText);
modalPopup.addCancelOkButton(“Submit”, resetRatingAndFeedbackForm, sendRating);
modalPopup.removeCloseModalIcon();
modalPopup.disableDismissPopup();
modalPopup.open();
} else {
sendRating(index);
}
}
function sendRating() {
var requestPayload = {
“post_id”: 1932947,
“rating_value”: ratingValue
}
if (ratingValue > 3) {
requestPayload.rating_feedback_type = null;
requestPayload.rating_feedback = null;
} else {
if (!$(‘input[name=”drone”]:checked’) || !$(‘input[name=”drone”]:checked’).value) {
showErrorMessage(‘option’);
return;
}
if (!$(“.post-rating-feedback-note textarea”) || !$(“.post-rating-feedback-note textarea”).value) {
showErrorMessage(‘note’);
return;
}
var selectedOption = $(‘input[name=”drone”]:checked’).value;
var feedbackNote = $(“.post-rating-feedback-note textarea”).value;
requestPayload.rating_feedback_type = selectedOption;
requestPayload.rating_feedback = feedbackNote;
}
pureJSAjaxPost(addratingAPI, requestPayload, onsaveRatingSuccess, onsaveRatingFail, function() {}, true);
}
function resetRatingAndFeedbackForm() {
var activeStars = Array.from($all(‘.rating span.rating-star.active’));
for (var i=0; i = 0) {
return true;
} else {
return false;
}
}
function getRatingCountByPostId(postId) {
return new Promise(function(resolve, reject) {
pureJSAjaxGet(
getRatingCountBaseURL + postId + ‘/rating/count’,
function(data) {
try {
data = JSON.parse(data);
if (data.meta_value) {
resolve(data.meta_value);
}
reject(“Failed to fetch rating count for the post:” + postId);
} catch (err) {
reject(“Failed to fetch rating count for the post:” + postId);
}
},
function(err) {
reject(“Failed to fetch rating count for the post:” + postId);
}, true);
});
}
function showErrorMessage(messageType) {
var messageContainerId = ‘#’ + messageType + ‘-error’;
$(messageContainerId).classList.remove(‘hidden’);
window.setInterval(function () {
$(messageContainerId).classList.add(“hidden”);
}, 5000);
}
(function() {
var callFired = false;
function lazyLoadPostRating() {
if (callFired) return;
callFired = true;
if (!isPostRatedByUser()) {
getRatingCountByPostId(1932947)
.then(function(ratingCount) {
if (ratingCount < 10) {
$("#post-rating-widget").classList.remove("hidden");
}
})
.catch(function(err){
console.error(err);
});
}
document.removeEventListener("scroll", lazyLoadPostRating);
document.removeEventListener("mousemove", lazyLoadPostRating);
document.removeEventListener("touchmove", lazyLoadPostRating);
}
document.addEventListener("scroll", lazyLoadPostRating, { passive: true, once: true });
document.addEventListener("mousemove", lazyLoadPostRating, { passive: true, once: true });
document.addEventListener("touchmove", lazyLoadPostRating, { passive: true, once: true });
})();

window.FB = window.FB || {};
window.FB.__buffer = true;

.signup-msg-cta-wrapper {
position: relative;
flex-direction: column;
width: 100%;
clear: both;
padding: 16px 0;
display: none;
}
.signup-msg-cta-wrapper .logo {
display: flex;
align-items: center;
justify-content: center;
margin-left: 6px;
position: relative;
top: 1px;
padding: 3px;
width: 160px;
z-index: -1;
background-color: #D32F2F;
border-top-left-radius: 4px;
overflow: visible;
}
.signup-msg-cta-wrapper .logo::before {
position: absolute;
left: 160.2px;
top: 0;
z-index: -1;
content: “”;
width: 40px;
height: 24px;
background-color: #D32F2F;
transform-origin: top left;
transform: rotate(45deg);
}
.signup-msg-cta-wrapper .logo img {
width: 136px;
height: 16px;
}
.signup-msg-cta-wrapper .signup-prompt {
display: flex;
justify-content: space-between;
align-items: center;
gap: 4px;
background: linear-gradient(to right, #FEFFF6, #FEFFF5, #E7FEF6);
padding: 7px 20px;
border-radius: 12px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.signup-msg {
display: flex;
flex-direction: column;
gap: 2px;
width: 70%;
}
.signup-msg .sponsor-msg {
display: flex;
align-items: center;
justify-content: left;
}
.signup-msg .sponsor-msg span {
font-size: 16px;
font-weight: 700;
line-height: 28px;
}
.signup-msg .exclusive-msg span {
font-size: 12px;
font-weight: 400;
line-height: 16px;
}
.signup-container {
display: flex;
flex-direction: column;
gap: 5px;
width: 30%;
}
.signup-container .signup-cta {
background-color: #007F0D;
color: #fff;
padding: 8px 20px;
text-decoration: none;
border: none;
border-radius: 33px;
cursor: pointer;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: center;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.signup-info-container {
display: flex;
align-items: center;
justify-content: center;
}
.signup-info {
text-align: center;
font-size: 10px;
font-weight: 400;
line-height: 14px;
}
.signup-msg-cta-wrapper .close-icon {
position: absolute;
right: 0;
top: 30px;
display: flex;
z-index: 99;
width: 16px;
height: 16px;
cursor: pointer;
border-radius: 50%;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
}
.signup-msg-cta-wrapper .close-icon img {
background-color: #999999;
border-radius: 50%;
}
.signup-msg .sponsor-msg .brand-name {
color: #D32F2F;
}
.signup-msg .sponsor-msg .article-count {
color: #007F0D;
}
@media (max-width: 768px) {
.signup-msg-cta-wrapper {
padding: 16px;
}
.signup-msg-cta-wrapper .signup-prompt {
flex-direction: column;
background: linear-gradient(to right, #E3EEFF, #FFFFED, #F1FFFE, #FFEBEB);
gap: 12px;
padding: 11px 20px;
}
.signup-msg {
width: 100%;
height: auto;
margin-top: 2px;
}
.signup-container {
width: 100%;
align-items: center;
gap: 8px;
}
.signup-msg .sponsor-msg {
justify-content: center;
text-align: center;
}
.signup-msg .exclusive-msg {
justify-content: center;
text-align: center;
}
.signup-msg-cta-wrapper .logo {
width: 124px;
}
.signup-msg-cta-wrapper .logo::before {
left: 124px;
}
.signup-msg-cta-wrapper .logo img {
width: 98px;
height: 12px;
}
.signup-msg-cta-wrapper .close-icon {
right: 16px;
top: 30px;
}
}

#sk-timeline #stories-list {
background:#fff;
}
.recommended-posts{
margin:20px auto 0;
}

#taboola-below-article-thumbnails {
padding: 0;
margin: 0;
}

_taboola.push({
mode: “thumbnails-a”,
container: “taboola-below-article-thumbnails”,
placement: “Below Article Thumbnails”,
target_type: “mix”
});

window._taboola = window._taboola || [];
_taboola.push({ flush: true });

${story.title}

`;
if (index == 3 && isOpera) {
storyHTML += `

`;
}
recommendedArticlesContainer.innerHTML += storyHTML;
});
}
}
function recommendedArticles() {
var baseUrl = “https://cf-gotham.sportskeeda.com/recommendations/post/10-celebrities-anime?lang=en&category=anime”;
pureJSAjaxGet(baseUrl, function(data) {
renderRecommendedArticles(data);
if (isOpera) {
renderOperaFeedAd();
}
}, function() {}, false);
}
var options = {
root: null,
rootMargin: “0px 0px 70% 0px”,
threshold: 0.1
};
var observer = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
recommendedArticles();
observer.unobserve(entry.target);
}
});
}, options);
var targetElement;
if (showAlsoReadSection && !showAlsoReadSectionV2) {
targetElement = document.querySelector(‘.also-read-articles-container’);
} else {
targetElement = document.querySelector(‘.recommended-posts’);
}
if (targetElement) {
observer.observe(targetElement);
}
function renderOperaFeedAd() {
var operaFeedArticleAd = $(“.opera-article-feed-ad”);
if (!operaFeedArticleAd) {
return;
}
var firstScript= document.createElement(‘script’);
firstScript.setAttribute(“type”, “text/javascript”);
firstScript.setAttribute(“src”, “https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1883810847636355”);
firstScript.setAttribute(“async”, true);
firstScript.setAttribute(“crossorigin”, “anonymous”);
operaFeedArticleAd.appendChild(firstScript);
operaFeedArticleAd.innerHTML += `

`;
var secondScript = document.createElement(‘script’);
var secondScriptCode = ‘(adsbygoogle = window.adsbygoogle || []).push({});’;
try {
secondScript.appendChild(document.createTextNode(secondScriptCode));
operaFeedArticleAd.appendChild(secondScript);
} catch (e) {
console.error(e);
}
}
})();

.one-story {
flex: 1 0 274px;
position: relative;
margin-right: 16px;
}
.timeless-story .title-background-layer, #story-list .title-background-layer {
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(45, 45, 45, 0) 0%, rgba(49, 49, 49, 0.92) 99.09%);
border-radius: 4px;
top: 0;
}
.timeless-story .title-background-layer h4, #story-list .title-background-layer h4 {
white-space: normal;
position: absolute;
color: #FFFFFF;
left: 12px;
right: 12px;
line-height: 20px;
font-size: 14px;
}
.timeless-story .title-background-layer h4 {
bottom: 12px;
}
#story-list .title-background-layer h4 {
bottom: 30px;
}
.line-clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
#story-list .title-background-layer .author-details {
color: white;
position: absolute;
bottom: 10px;
font-size: 12px;
left: 12px;
line-height: 20px;
z-index: 35;
}
.one-story .spotlight-story-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 30;
}
#story-list .title-background-layer .author-details .author-name {
color: white;
text-decoration: none;
display: flex;
align-items: center;
gap: 5px;
}
#story-list .title-background-layer .author-details img{
display: inline;
width: 12px;
height: auto;
background: transparent;
}
.one-story.timeless-story:last-child {
margin-right: 0;
}
.spotlight-layout, .timless-posts-layout {
background-color: #fff;
overflow: hidden !important;
line-height: 14px;
font-size: 14px;
padding: 12px;
margin: 14px 0 12px 0;
border-radius: 1px;
color: #2D2D2D;
position: relative;
border: 1px solid #E9E9E9;
}
.spotlight-layout a, .timless-posts-layout a {
text-decoration: none;
color: #2D2D2D;
}
.spotlight-header, .timeless-post-header {
height:10%;
font-weight: bold;
font-size: 14px;
margin: 0!important;
color: #474747;
}
.timeless-post-header {
display: flex;
align-items: center;
justify-content: left;
}
.timeless-post-header .shuffle-icon {
margin-left: auto;
}
.spotlight-header img, .timeless-post-header img {
width: 18px;
height: auto;
background-color: transparent;
display: inline-block;
}
.spotlight-header span, .timeless-post-header span {
position: relative;
bottom: 3px;
left: 10px;
}
.timeless-post-header .shuffle-button {
border: 1px solid #D32F2F;
border-radius: 4px;
background: #D32F2F;
padding: 8px 11px;
color: #fff;
display: inline-flex;
align-items: center;
cursor: pointer;
}
.timeless-post-header .shuffle-button img {
width: 14px;
}
.timeless-post-header .shuffle-button span {
position: static;
margin-left: 10px;
font-size: 14px;
font-weight: 500;
line-height: 16px;
}
#story-list, #timeless-posts-list {
text-align: left;
vertical-align: middle;
width: 100%;
max-width: 1100px;
white-space: nowrap;
overflow: auto;
float: left;
margin: 12px auto 0 0;
position: relative;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
/* Hide scrollbar for Chrome, Safari and Opera */
#story-list::-webkit-scrollbar, #timeless-posts-list::-webkit-scrollbar {
display: none;
}
.one-story {
flex: 1 0 260px;
display: inline-block;
margin: 2px 0;
margin-right: 20px;
vertical-align: top;
}
.one-story-mast {
height: 183px;
overflow: hidden;
border-radius: 4px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.timeless-story .one-story-mast {
border-radius: 4px;
}
.spotlight-anchors #left, .spotlight-anchors #right {
height: 40px;
width: 40px;
background-color: #fff;
position: absolute;
text-align: center;
cursor: pointer;
top: 53%;
transform: translateY(-50%);
display: flex;
align-items: center;
border-radius: 100%;
justify-content: center;
box-shadow: 1px 1px 7px rgb(0 0 0 / 7%), -1px -1px 7px rgb(0 0 0 / 7%);
z-index: 40;
}
.spotlight-anchors #left {
left : 5px;
}
.spotlight-anchors #right {
right: 5px;
}
.timeless-posts-anchors #right, .timeless-posts-anchors #left {
height: 40px;
width: 40px;
background-color: #fff;
position: absolute;
text-align: center;
cursor: pointer;
top: 53%;
transform: translateY(-50%);
display: flex;
align-items: center;
border-radius: 100%;
justify-content: center;
box-shadow: 1px 1px 7px rgb(0 0 0 / 7%), -1px -1px 7px rgb(0 0 0 / 7%);
}
.timeless-posts-anchors #right {
right: 5px;
}
.timeless-posts-anchors #left {
left: 5px;
}
.spotlight-anchors #right img {
position: relative;
top: 40%;
transform: translateY(-100%);
background: transparent;
}
.timeless-posts-anchors #right img, .timeless-posts-anchors #left img {
position: relative;
background: transparent;
width: 10px;
height: 15px;
}
.timeless-posts-anchors #left img {
transform: scaleX(-1);
}
.spotlight-anchors #left img {
position: relative;
top: 40%;
transform: translateY(-100%) rotate(180deg);
background: transparent;
}
.full-width {
width: 100%;
margin-right: 0;
}
#by-text {
color: #999999;
}
@media screen and (max-width: 768px) {
.spotlight-layout, .timless-posts-layout {
margin: 8px 0;
}
}

Fetching more content…

function showFeedCommentsContainer() {
window.showFeedCommentsContainerShim = true;
}

GIF

Cancel

#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;
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;
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: 600;
text-decoration: none;
color: #2D2D2D;
font-size: 14px;
line-height: 21px;
}
.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: 60px;
resize: none;
border-radius: 20px;
border: solid 1px rgba(153, 153, 153, 0.1);
background: #F5F5F5;
font-size: 14px;
line-height: 19px;
height: auto;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif;
}
textarea.post-comment-box {
flex: 1;
overflow-y: auto;
padding: 10px 20px;
padding-right: 50px;
border-radius: 20px;
}
.post-comment-box:hover {
background: #f8f8f8
}
.post-comment-box:focus {
outline: none;
color: #2D2D2D;
}
.post-comment-box:disabled {
outline: none;
}
.comment-gif {
position: absolute;
right: 50px;
top: 8px;
border: 1px solid black;
padding: 0 8px;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
font-weight: 600;
transform: scale(0.8);
}
.comment-gif-reply {
padding: 10px 8px;
top: 24px;
right: 5%;
}
.comment-gif-edit {
padding: 12px 8px;
top: 5%;
right: 3%;
}
.gif-search-container {
width: 100%;
padding: 5px;
}
.gif-search-text {
padding: 11px 15px 0px;
width: 100%;
height: 40px;
font-size: 12px;
outline: none;
border-radius: 20px;
border: 1px solid #A9A9A9;
resize: none;
background-color: #F5F5F5;
font-family: unset;
}
.gif-post-image-container, .gif-post-image-container-reply,
.gif-post-image-container-comment-edit {
display: block;
background: #F5F5F5;
border-radius: 0px 0px 20px 20px;
border: solid 1px rgba(153, 153, 153, 0.1);
border-top: none;
}
.gif-post-image-container {
width: calc(100% – 42px) !important;
margin-top: -8px;
}
.gif-post-image-container-reply {
width: 91.6%;
margin-left: 36px;
}
.gif-post-image-container-comment-edit {
width: 100%;
}
.text-box-radius {
border-radius: 20px 20px 0px 0px !important;
border-bottom: none !important;
}
.gif-post-image-div {
width: 100px;
height: 120px;
position: relative;
margin-left: 20px;
padding-bottom: 20px;
}
img.gif-post-image {
width: 100px;
height: 100px;
margin: 0;
border-radius: 10px;
position: relative;
}
.remove-gif-image-button {
position: absolute;
border-radius: 25px;
border: 1px solid #A9A9A9;
top: 0;
right: 0;
}
.gif-box-overlay {
width: 100%;
height: 100%;
position: fixed;
background: #000;
opacity: 0.5;
left: 0;
top: 50px;
z-index: 20;
}
.gif-box {
width: 450px;
height: 400px;
border: 1px solid #A9A9A9;
background-color: white;
text-align: center;
border-radius: 4px;
position: absolute;
z-index: 99999;
padding: 5px 5px;
font-size: 14px;
}
.gif-box.gif-fixed {
position: fixed;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -225px;
}
.gif-image-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: 294px;
overflow-y: auto !important;
justify-content: space-evenly;
gap: 5px;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.gif-image-container::-webkit-scrollbar {
display: none;
}
.one-comment-media {
width: 110px !important;
height: 115px !important;
float: left;
border-radius: 10px;
}
.gif-image {
max-height: 145px;
max-width: 140px;
border-radius: 12px;
cursor: pointer;
}
.gif-tags-scroll-container {
display: flex;
overflow-x: auto;
}
.gif-display-tags {
display: flex;
gap: 5px;
justify-content: space-between;
width: 100%;
padding-left: 5px;
padding-right: 5px;
margin-top: 5px;
margin-bottom: 10px;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.gif-display-tags::-webkit-scrollbar {
display: none;
}
.gif-tags {
background-color: white;
padding: 8px 5px;
font-size: 12px;
color: #595959;
text-align: center;
border: 1px solid #A9A9A9;
border-radius: 20px;
white-space: nowrap;
cursor: pointer;
}
.gif-tag-focus {
background-color: #ccd9ff;
}
.scroll-left-button {
position: absolute;
top: 16%;
border-radius: 20px;
height: 28px;
width: 30px;
border: none;
color: blue;
}
.scroll-left-button:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.scroll-right-button {
position: absolute;
top: 16%;
border-radius: 20px;
right: 1px;
height: 28px;
width: 30px;
border: none;
color: blue;
}
.scroll-right-button:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
position: absolute;
z-index: 1;
top: -30px;
padding: 5px 0;
font-size: 14px;
right: 20px;
transform: scale(0.9);
}
.tooltiptext-reply {
line-height: 18px;
top: -5px;
right: 0px;
}
.post-comment-button {
background: url(“//staticg.sportskeeda.com/comments/send-active.svg”);
color: #fff;
cursor: pointer;
border: none;
background-color: transparent;
height: 32px;
width: 32px;
flex-shrink: 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: 21px;
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: 999999;
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%;
width: 32px !important;
height: auto !important;
flex-shrink: 0;
}
.comment-reply-box {
flex: 1;
min-height: 60px;
height: auto;
padding: 10px 20px;
padding-right: 60px;
resize: none;
border-radius: 6px;
border: solid 1px rgba(153, 153, 153, 0.1);
background: #F5F5F5;
color: #2D2D2D;
font-family: ‘Poppins’;
}
.reply-section {
position: relative;
overflow: visible !important;
}
.reply-section .reply-section-container {
padding: 12px 0;
}
.reply-section-container .comments-guest-login-holder {
justify-content: flex-end;
padding: 12px 0;
}
.reply-section-input-container {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 10px;
}
.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;
}
.guest-mode #pic-near-comment-box,
.guest-mode .post-comment-button,
.guest-mode #pic-near-reply-box,
.guest-mode .cancel-container {
display: none;
}
.guest-mode .comment-gif {
right: 12px;
}
.guest-mode .post-comment-box {
border-radius: 6px;
}
.comment-input-response .response-text,
.reply-section .response-text {
color: #666666;
font-size: 16px;
display: block;
font-style: italic;
line-height: 21px;
font-weight: 500;
padding: 12px;
}
.comment-input-container {
display: flex;
gap: 8px;
align-items: center;
flex: 1;
position: relative;
}
.comment-input-container label {
font-size: 14px;
color: #616161;
width: 100%;
margin-left: 2px;
}
#keeda-comments-container .comments-header {
padding-bottom: 12px;
margin-bottom: 8px;
border-bottom: 1px solid #e9e9e9;
display: flex;
}
#keeda-comments-container .comments-header h4 {
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #2D2D2D;
text-transform: uppercase;
padding: 0 !important;
}
.comments-count-container {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
font-size: 16px;
padding: 8px;
}
.comments-input-holder {
width: 100%;
display: flex;
gap: 8px;
padding: 8px;
position: relative;
border-bottom: 1px solid #F5F5F5;
align-items: center;
}
.comment-details {
display: grid;
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;
padding-left: 20px;
padding-right: 60px;
overflow-y: auto;
}
.edit-comment-button {
bottom: 30px;
}
.comments-container {
display: inline-block;
position: relative;
width: 100%;
}
.comments-container {
overflow: hidden !important;
}
.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;
cursor: pointer;
font-size: 18px;
line-height: 18px;
}
.one-comment .profile-status {
font-size: 12px;
color: #999999;
line-height: 14px;
line-height: 16px;
}
.profile-status.highlighted {
color: #AF2222;
}
.controls {
position: relative;
padding: 4px 0 0;
overflow: visible !important;
}
.profile-name-container {
display: flex;
align-items: center;
gap: 5px;
}
.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;
}
.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;
}
.comment-pending-container {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
}
.comment-pending-container span {
font-weight: normal;
font-size: 14px;
padding: 4px 8px;
background: #eee;
border-radius: 20px;
color: #000 !important;
}
.comment-pending-container button {
cursor: pointer;
border: 0;
padding: 4px;
background: transparent;
}
.comment-pending-container button img {
width: 16px;
height: 16px;
object-fit: cover;
background: transparent;
opacity: 0.4;
}
.guest-comment-sticky {
position: sticky;
top: 0;
background: transparent;
z-index: 1;
clear: both;
}
.one-comment.guest {
position: relative;
background: #fff;
border: 1px solid #999999;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
pointer-events: none;
}
.one-comment.guest::after {
position: absolute;
content: url(“//staticg.sportskeeda.com/comments/ic-lock.svg”);
width: 16px;
height: 16px;
object-fit: cover;
top: 8px;
right: 8px;
}
.one-comment.guest .profile-pic-container,
.one-comment.guest .comment-details {
pointer-events: none;
}
.one-comment.guest .comment-details .controls {
display: none;
}
.one-comment.guest .comment-info .one-comment-text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-clamp: 3;
text-overflow: ellipsis;
overflow: hidden;
color: #999;
}
.comments-guest-login-holder {
align-items: center;
justify-content: center;
background: #fff;
padding: 1px 0 12px;
display: none;
margin-top: -1px;
}
.guest-mode .comments-guest-login-holder {
display: flex;
background: #fff;
}
.guest-mode .reply-section .comments-guest-login-holder {
background: transparent;
}
.comments-guest-login-holder button {
display: flex;
align-items: center;
padding: 8px 16px;
border: 1px solid #666;
color: #666;
border-radius: 40px;
font-size: 12px;
font-weight: 600;
line-height: 18px;
gap: 10px;
cursor: pointer;
background: #fff;
}
.comments-guest-login-holder button img {
height: 24px;
width: 24px;
background: transparent;
object-fit: cover;
}
@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;
margin-bottom: 8px;
padding: 12px 16px 0;
}
.gif-box {
width: 350px;
}
.gif-box.gif-fixed {
margin-left: -175px;
}
.gif-image {
max-height: 105px;
max-width: 105px;
}
.comment-reply-box {
width: 82.6%;
}
.gif-post-image-container-reply {
width: 82.7%;
}
.comment-gif-reply {
right: 8%;
}
.comment-input-container, .comments-input-holder {
overflow: visible !important;
}
.timestamp,
.one-comment .profile-status {
font-size: 12px;
line-height: 14px;
}
}

.feed-comments-popover {
position: fixed;
right: 16px;
top: 50px;
width: 420px;
height: calc(60%);
z-index: 99999;
background: #fff;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
transition: all 0.4s ease-in-out;
transform: translateX(0px);
overflow: hidden;
}
.feed-comments-popover.inactive {
transition: all 0.4s ease-in-out;
background: none;
transform: translateX(110%);
}
.feed-comments-backdrop {
display: none;
}
.feed-comments-container {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
}
.feed-comments-scroll-area {
flex: 1;
flex-direction: column;
overflow-y: scroll !important;
position: relative;
height: 100%;
}
.feed-comments-container .comments-container {
min-height: 100%;
padding: 0 8px 12px;
overflow-y: auto !important;
background: #fff;
}
.feed-comments-container .comments-input-holder {
background: #fff;
border-bottom: 0;
padding: 12px 16px;
position: sticky;
top: 0;
z-index: 9999999;
}
.feed-comments-container .comments-guest-login-holder {
position: sticky;
top: 64px;
z-index: 9999999;
}
.feed-comments-container .post-comment-button {
bottom: 2px;
}
.feed-comments-header {
display: flex;
gap: 12px;
position: relative;
top: 0;
left: 0;
padding: 12px 16px;
background-color: #fff;
align-items: center;
z-index: 1;
flex-shrink: 0;
}
.feed-comments-header span {
color: #2D2D2D !important;
font-size: 14px;
line-height: 21px;
font-weight: 500;
flex-shrink: 0;
flex: 1;
}
.popover-close {
border: none;
padding: 4px;
background-color: transparent;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
flex-shrink: 0;
}
.feed-comments-header img,
.popover-close img {
width: 24px;
height: auto;
object-fit: cover;
background-color: transparent;
margin: 0;
cursor: pointer;
}
.comments-empty-state {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
}
.comments-empty-state .comments-empty-state-arrow-anim {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
transform: translateY(16px);
animation: updown 3s linear infinite;
}
.comments-empty-state p {
font-weight: 500;
font-size: 16px !important;
line-height: 24px;
color: #2D2D2D;
text-align: center;
margin-top: 30px;
flex: 1;
display: flex;
justify-content: center;
align-items: flex-start;
}
.comments-empty-state span {
width: 1px;
min-height: 136px;
height: 90%;
border: 1px dashed #2D2D2D;
}
.comments-empty-state img {
width: 8px;
height: auto;
object-fit: cover;
rotate: -90deg;
background-color: transparent;
}
.feed-comments-container .oauth-button-container {
background: #fff;
display: flex;
border-radius: 0;
margin-top: 0 !important;
align-items: center;
padding: 4px 12px;
border-top: 1px solid #E9E9E9;
position: absolute;
z-index: 1;
width: 100%;
left: 0;
bottom: 66px;
}
.feed-comments-container .one-comment .oauth-button-container {
position: relative;
bottom: unset;
top: unset;
margin-top: 12px !important;
border-radius: 4px;
border: 1px solid #E9E9E9;
}
.feed-comments-container .reply-oauth-close,
.feed-comments-container .login-oauth-close {
display: none;
}
.feed-comments-container .login-support-text {
background: #fff;
color: #2D2D2D;
width: 60%;
text-align: left;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.feed-comments-container .login-support-text span {
line-height: 24px;
}
.feed-comments-container .oauth-button-group {
flex: 1;
justify-content: flex-end;
}
.comments-article-container {
display: flex;
flex-direction: column;
gap: 4px;
padding: 10px 16px;
text-decoration: none;
box-shadow: 0px 2px 6px 0px #0000000D;
background: linear-gradient(90.52deg, rgb(255, 255, 255) -4.82%, rgb(255, 241, 214) 9.68%, rgb(246, 255, 235) 59.28%, rgb(255, 239, 220) 102.2%);
}
.comments-article-container .comments-opinion-wrapper {
display: flex;
gap: 6px;
align-items: center;
justify-content: center;
}
.comments-article-container .comments-opinion-wrapper span {
font-size: 11px;
font-weight: 400;
line-height: 17px;
color: #2D2D2D;
}
.comments-article-container .comments-opinion-wrapper span:first-child,
.comments-article-container .comments-opinion-wrapper span:last-child {
width: 50px;
height: 4px;
}
.comments-article-container .comments-opinion-wrapper span:first-child {
background: linear-gradient(90deg, rgba(255, 182, 7, 0) 0%, #FFB607 100%);
}
.comments-article-container .comments-opinion-wrapper span:last-child {
background: linear-gradient(270deg, rgba(255, 182, 7, 0) 0%, #FFB607 100%);
}
.comments-article-container p {
margin: 0;
padding: 0;
font-size: 14px !important;
font-weight: 600;
line-height: 21px;
color: #2D2D2D;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
min-height: auto;
text-align: center;
}
@keyframes updown {
0% {
transform: translateY(16px);
}
50% {
transform: translateY(0);
}
100% {
transform: translateY(16px);
}
}

Your perspective matters!
Start the conversation

.editor-width-100-pc .fragments-container {
width: 670px;
}
.editor-width-100-pc .right-sidebar {
width: 390px;
margin-top: 40px;
}
body .editor-width-100-pc {
overflow: visible;
}
.container.editor-width-100-pc::after {
content: “”;
display: block;
clear: both;
}
.rightStickyTopWrap {
position: relative;
overflow: visible;
clear: both;
height: 700px;
}
.rightStickyTop {
position: sticky;
top: 60px;
height: 740px;
}
.has-primary-nav .rightStickyTop {
top: 80px;
}
.rightStickyTop .ad-container {
padding: 0 !important;
}
.sidebar-ad-top {
margin-bottom: 20px;
}

window.addEventListener(‘message’,function(e) {
if(e.data && e.data.SKNative) {
var expansionEligibleIframe = e.source.frameElement;
expansionEligibleIframe.style.width = “100%”;
}
});

/* */

.message-card {
width: 304px;
height: 70px;
border-radius: 3px;
background-color: #ffffff;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
display: flex;
position: fixed;
bottom: 20px;
left: 20px;
padding: 10px 10px 0px 15px;
z-index: 2000;
}
.message-icon {
width: 36px;
height: 36px;
background-color: #e8e8e8;
border-radius: 18px;
display: flex;
position: relative;
margin-top: 10px;
}
.message-img {
background: url(https://staticg.sportskeeda.com/skm/assets/header/btn-notification.svg) no-repeat;
background-size: 20px 20px;
height: 20px;
width: 20px;
display: flex;
position: absolute;
top: 8px;
left: 8px;
}
.message-count {
width: 20px;
height: 20px;
border-radius: 10px;
background-color: #d32f2f;
font-size: 13px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #ffffff;
display: flex;
position: absolute;
top: -8px;
right: -6px;
justify-content: center;
align-items: center;
}
.message-txt {
padding-top: 5px;
padding-left: 15px;
width: 77%;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: normal;
color: #555555;
vertical-align: middle;
}
.message-close {
width: 20px;
height: 20px;
content: “✕”;
color: #808080;
margin-left: auto;
cursor: pointer;
font-size: 10px;
border-radius: 10px;
background-color: #e8e8e8;
display: flex;
justify-content: center;
align-items: center;
}
.message-background {
width: 320px;
height: 200px;
position: fixed;
left: 0px;
bottom: 0px;
background: transparent;
z-index: 1000;
}

$(‘.message-close’).addEventListener(“click”, function (event) {
addClass($(“.message-card”), ‘hidden’);
addClass($(“.message-background”), ‘hidden’);
});
function showMessage(message) {
removeClass($(“.message-card”), ‘hidden’);
removeClass($(“.message-background”), ‘hidden’);
$(“.message-txt”).innerHTML = message;
setTimeout(function(){
addClass($(“.message-card”), ‘hidden’);
addClass($(“.message-background”), ‘hidden’);
}, 10*1000);
}

.top-cta-button{
display: block;
width: 78px;
height: 24px;
border-radius: 12px;
background-color: #d32f2f;
border: solid 1px #d32f2f;
color: #fff;
text-transform: uppercase;
padding: 0px 12px;
margin: -4px 10px 0 20px;
cursor: pointer;
font-size: 14px;
text-align: center;
}
.top-cta-button:hover{
background: #BB2F2F;
}
.logged-out .login-cta{
display: block;
width: 78px;
height: 26px;
border-radius: 12px;
background-color: #d32f2f!important;
border: solid 1px #d32f2f;
color: #fff!important;
text-transform: uppercase;
padding: 0px 12px!important;
margin: 0 10px 0 20px!important;
cursor: pointer;
font-size: 14px;
text-align: center;
text-decoration: none!important;
font-weight: normal!important;
}
.youtube {
background-color: #000;
cursor: pointer;
}
.youtube img {
cursor: pointer;
object-fit: cover;
}
.play-button {
position: relative;
display: inline-block;
}
.play-button:before {
content: “”;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background: transparent url(‘https://staticg.sportskeeda.com/YouTube_play_button_icon.svg’) center center no-repeat;
background-size: 12%;
}

//see more logic
var contentHolder = $(‘.event-content’) || $(‘.taxonomy-content’);
var taxonomyImg = $(‘.taxonomy-img’);
var taxonomyInfo = $(‘.taxonomy-info’);
$(‘#hp_feed_select’) && $(‘#hp_feed_select’).addEventListener(‘change’, function() {
document.body.scrollTop = document.documentElement.scrollTop = 0;
});
function seeMoreStats(ele) { //show all stats rows
var rows = $all(‘.season-stats-tr’);
for (i in rows) {
if(hasClass(rows[i], “hidden”)) {
removeClass(rows[i], “hidden”);
}
}
var toggleButton = $(‘.see-less-stats’);
if(hasClass(toggleButton, “hidden”)) {
removeClass(toggleButton, “hidden”);
}
addClass(ele, “hidden”);
}
function seeLessStats(ele) { //show less stats rows
var rows = $all(‘.season-stats-tr’);
for (i in rows) {
if(!hasClass(rows[i], “hidden”) && i >= 5) {
addClass(rows[i], “hidden”);
}
}
var toggleButton = $(‘.see-more-stats’);
if(hasClass(toggleButton, “hidden”)) {
removeClass(toggleButton, “hidden”);
}
addClass(ele, “hidden”);
}
function seeMoreToggle(ele) {
if(hasClass(ele, ‘toggled’)) { //expanded
contentHolder.style.height = ’50px’;
addClass(contentHolder, ‘fade-out-bottom’);
ele.classList.remove(‘toggled’);
}
else { //collapsed
contentHolder.style.height = ‘auto’;
removeClass(contentHolder, ‘fade-out-bottom’);
ele.classList.add(‘toggled’);
if(taxonomyImg) {
removeClass(taxonomyImg, ‘hidden’);
}
if(taxonomyInfo) {
removeClass(taxonomyInfo, ‘hidden’);
}
}
}
if(contentHolder) {
removeClass(contentHolder, ‘hidden’);
contentHolder.style.height = ‘auto’;
}
if(taxonomyImg) {
removeClass(taxonomyImg, ‘hidden’);
}
if(taxonomyInfo) {
removeClass(taxonomyInfo, ‘hidden’);
}
//Check for collapsed_by_default’s value if set

function lazyLoadInFeedNativeAds() {
}

:root {
–topHeaderHeight: 49px;
–primaryNavHeight: 42px;
–bottomStickyAdHeight: 55px;
}
.pre-2023 .editor-width-100-pc .fragments-container {
width: 670px !important;
}
.pre-2023 .editor-width-100-pc .fragments-container.full {
width: 100% !important;
}
.pre-2023 .editor-width-100-pc .right-sidebar {
width: 390px !important;
}
.pre-2023 .masthead {
box-shadow: none;
background-color: unset;
}
.pre-2023 .sidebar-toggle #main-menu {
float: unset;
padding: unset;
color: unset;
font-weight: unset;
margin: unset;
}
.pre-2023 .masthead .sidebar-toggle button {
height: 14px !important;
}
.pre-2023 #keeda-profile-container {
position: unset;
float: unset;
right: unset;
top: unset;
}
.pre-2023 #keeda-profile-container a.login-cta {
background: #D32F2F !important;
border-radius: 30px !important;
padding: 6px 14px !important;
white-space: nowrap !important;
text-transform: uppercase !important;
color: #FFFFFF !important;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 12px !important;
}
.pre-2023 .keeda-side-menu #keeda-profile-container a.login-cta {
margin-left: 20px !important;
margin-right: 20px !important;
padding: 10px 14px !important;
}
.pre-2023 .keeda-side-menu #keeda-profile-container .toggle {
margin-left: 35px !important;
}
.pre-2023 .share-text-holder.share-btn {
cursor: pointer;
background: none;
border: none;
display: flex;
gap: 3px;
align-items: center;
}
.pre-2023 .share-text-holder.share-btn span {
padding: 0;
margin: 0;
font-weight: 500;
color: #A7A7A7;
}

Daily News

10 Celebrities who are into anime

Megan Thee Stallion, Disha Patani, and 8 other celebrities who are into anime

1) David De Gea

2) Michael B. Jordan

3) Disha Patani

4) Megan Thee Stallion

5) Ronda Rousey

6) Bruno Mars

7) Daniel Radcliffe

8) PewDiePie

9) Robert Pattinson

10) Tiger Shroff

Leave a Reply Cancel reply