Like<\/span><\/p>\n
\nShare<\/span><\/p>\n.dont-break {
\nposition: inherit;
\ntop: 8px;
\n}
\n.one-comment .name:hover {
\nbackground: #C3C3C3;
\ntext-decoration: none !important;
\n}
\n.one-comment .author-name {
\nfont-weight: 400;
\npadding: 2px 6px 2px 0px;
\ncolor: #0B65F0;
\nborder-radius: 3px;
\ntext-decoration: none;
\n}
\n.one-comment .pic {
\nopacity: .9;
\nheight: 19px;
\ndisplay: block;
\nfloat: left;
\nmargin: 3px;
\nborder-radius: 3px;
\n}
\n.one-comment .pic:hover {
\nopacity: 1;
\n}
\ntextarea.post-comment-box,
\n.edit-section textarea {
\noverflow-y: hidden;
\nwidth: 100%;
\npadding: 8px 12px;
\npadding-right: 60px;
\nresize: none;
\nborder-radius: 40px;
\nborder: solid 1px rgba(153, 153, 153, 0.1);
\nbackground: #F5F5F5;
\nfont-size: 14px;
\nline-height: 19px;
\nheight: 41px;
\nfont-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Liberation Sans”, sans-serif;
\n}
\ntextarea.post-comment-box {
\noverflow-y: auto;
\nheight: auto;
\nwidth: calc(100% – 42px); \/* 32 px is the width of the send button and 10px is for spacing. *\/
\npadding: 8px 20px;
\npadding-right: 60px;
\nborder-radius: 20px;
\n}
\ntextarea.post-comment-box::placeholder {
\ncolor: #999999;
\n}
\n.post-comment-box:hover {
\nbackground: #f8f8f8
\n}
\n.post-comment-box:focus {
\noutline: none;
\nborder: 1px solid #D32F2F;
\ncolor: #2D2D2D;
\n}
\n.post-comment-box:disabled {
\noutline: none;
\nborder: 1px solid #D32F2F;
\n}
\n.comment-gif {
\nposition: absolute;
\nright: 60px;
\ntop: 5px;
\nborder: 1px solid black;
\npadding: 0 8px;
\nborder-radius: 5px;
\ncursor: pointer;
\nfont-size: 14px;
\nfont-weight: 600;
\ntransform: scale(0.8);
\n}
\n.comment-gif-reply {
\npadding: 10px 8px;
\ntop: 30%;
\nright: 4%;
\n}
\n.tooltiptext {
\nvisibility: hidden;
\nwidth: 120px;
\nbackground-color: black;
\ncolor: #fff;
\ntext-align: center;
\nborder-radius: 6px;
\nposition: absolute;
\nz-index: 1;
\ntop: -30px;
\npadding: 5px 0;
\nfont-size: 14px;
\nright: 20px;
\ntransform: scale(0.9);
\n}
\n.tooltiptext-reply {
\nline-height: 18px;
\ntop: -5px;
\nright: 0px;
\n}
\n.post-comment-button {
\nbackground: url(“\/\/staticc.sportskeeda.com\/comments\/send-active.svg”);
\ncolor: #fff;
\nfont-weight: bold;
\ncursor: pointer;
\nborder: none;
\nbackground-color: transparent;
\nposition: absolute;
\nbottom: 11px;
\nright: 4px;
\nheight: 32px;
\nwidth: 32px;
\npadding: 0;
\nmargin: 0;
\n}
\n#comment-holder {
\nwidth: 100%;
\nfloat: left;
\npadding: 5px 0;
\nposition: relative;
\n}
\n.post-comment-button img {
\nbackground-color: transparent;
\nwidth: 32px;
\nheight: 32px;
\nposition: relative;
\nbottom: 4px;
\n}
\n.post-comment-button:disabled {
\nbackground: url(“\/\/staticc.sportskeeda.com\/comments\/sendbutton-loading.svg”);
\nbackground-repeat: no-repeat;
\n}
\n.edit-comment-button img {
\ndisplay: inline;
\nbackground: transparent;
\nmargin: 0px 3px 0px 0px;
\nwidth: auto;
\n}
\n.btn-green {
\nbackground: #2E7D32;
\nborder: solid 1px #2E7D32;
\n}
\n.btn-green:hover {
\nbackground: #36845c;
\n}
\n.btn-green:active,
\n#btn-green:focus {
\nbackground: #2e6f4e;
\noutline: none;
\n}
\n.btn-green-logged-out {
\ntext-align: center;
\nline-height: 23px;
\nfloat: right;
\nborder-radius: 3px;
\ncolor: #fff !important;
\ncursor: pointer;
\nmargin-top: 7px;
\ntext-decoration: none !important;
\npadding: 0 10px;
\nfont-weight: normal !important;
\nfont-size: 13px;
\n}
\n.timestamp {
\ncolor: #999999 !important;
\nfont-size: 14px;
\nline-height: 17px;
\n}
\n#image-for-no-of-comments {
\nbackground: transparent;
\nfloat: left;
\nmargin-right: 10px;
\nheight: 20px;
\nwidth: 20px
\n}
\n#comments-count-span {
\ndisplay: flex;
\nalign-items: center
\n}
\n.comments-count {
\ncolor: #999999;
\nfont-size: 14px;
\nline-height: 17px;
\nfont-weight: normal;
\nfont-style: normal;
\n}
\n.comment-info .one-comment-text {
\npadding-right: 4px;
\nfont-size: 14px;
\nline-height: 19px;
\nmargin: 4px 0;
\n}
\n.comment-info .highlighted {
\ncolor: #D32F2F;
\n}
\n.comment-info a {
\ntext-decoration: none;
\n}
\n.timestamp .one-comment-text {
\nmargin: 5px 1px;
\n}
\ntextarea:disabled {
\ncursor: not-allowed;
\n}
\n.comment-top-right-ctrls {
\ndisplay: inline;
\n}
\n#reply-send-icon {
\ndisplay: inline;
\nbackground: transparent;
\nmargin: 0px 3px 0px 0px;
\n}
\n.comment-options {
\ntext-align: right;
\ndisplay: inline-block;
\nfloat: right;
\ncursor: pointer;
\n}
\n.comment-options img {
\nbackground: transparent;
\n}
\n.comment-options-box {
\npadding: 5px;
\nright: 3px;
\ntop: -75px;
\nwidth: 128px;
\nposition: absolute;
\nbackground: #ffffff;
\nz-index: 9999;
\nbox-shadow: 1px 1px 7px rgb(0 0 0 \/ 7%), -1px -1px 7px rgb(0 0 0 \/ 7%);
\ndisplay: inline-block;
\nborder-radius: 8px;
\noverflow: visible !important;
\n}
\n.comment-options-box .comment-option-single {
\ndisplay: block;
\nfont-weight: bold;
\nfont-size: 12px;
\npadding: 8px 4px;
\nborder-bottom: 1px solid #F5F5F5;
\ncursor: pointer;
\nline-height: 14px;
\n}
\n.comment-options-box img {
\ndisplay: inline-block;
\nbackground: transparent;
\nposition: relative;
\ntop: 3px;
\nwidth: 16px;
\n}
\n#delete-option {
\nborder-bottom: none;
\ncolor: #AF2222;
\n}
\n.one-comment .delete-comment {
\ncursor: pointer;
\ncolor: #478ACE !important;
\nfont-size: 11px;
\npadding: 3px;
\nborder-radius: 3px;
\ndisplay: inline-block;
\nborder: none;
\nbackground: #ffffff;
\nbackground-image: url(“\/\/staticc.sportskeeda.com\/comments\/trash.svg”);
\nwidth: 12px;
\nheight: 12px;
\nbackground-size: cover;
\nbackground-repeat: no-repeat;
\nmargin-left: 12px;
\n}
\n.delete-comment:focus {
\noutline: none;
\n}
\n.delete-action-modal {
\ndisplay: none;
\nposition: fixed;
\nheight: 100%;
\nwidth: 100%;
\nalign-items: center;
\njustify-content: center;
\nz-index: 999999;
\nbackground: rgba(0, 0, 0, 0.4);
\nleft: 0;
\ntop: 0;
\n}
\n.delete-action-modal img {
\ndisplay: block !important;
\nheight: 64px;
\nwidth: auto;
\nmargin-top: 16px;
\nmargin-bottom: 16px;
\nmargin-left: auto;
\nmargin-right: auto;
\n}
\n.delete-action-modal .delete-action-text {
\nfont-size: 16px;
\nfont-weight: bold;
\nline-height: 24px;
\n}
\n.delete-action-modal .delete-action-warning {
\nfont-size: 14px;
\ncolor: #AF2222;
\ndisplay: block;
\nline-height: 17px;
\n}
\n.delete-action-modal .delete-actions {
\nbackground: #fff;
\nwidth: 80%;
\npadding: 12px;
\nmargin: 0 auto;
\nborder-radius: 8px;
\nmax-width: 292px;
\ntext-align: center;
\nposition: absolute;
\n}
\n.delete-action-buttons {
\ndisplay: flex;
\nalign-items: center;
\nmargin-top: 20px;
\ntext-align: center;
\npadding: 10px;
\n}
\n.delete-comment-confirm {
\ncursor: pointer;
\nbackground: #AF2222 !important;
\ncolor: #fff !important;
\ntext-decoration: none !important;
\nfont-size: 14px;
\nfont-weight: bold;
\npadding: 8px 31px;
\nborder-radius: 20px;
\nmargin-right: 8px;
\nline-height: 17px;
\n}
\n.delete-comment-cancel {
\ncursor: pointer;
\ncolor: #2D2D2D !important;
\ntext-decoration: none !important;
\nfont-size: 14px;
\nfont-weight: bold;
\npadding: 8px 29px;
\nborder-radius: 20px;
\nline-height: 17px;
\n}
\n.edit-comment,
\n.cancel-edit,
\n.cancel-reply {
\nmargin-right: 13px;
\ntext-decoration: none !important;
\ncolor: #999999 !important;
\ncursor: pointer;
\nfont-size: 14px;
\ndisplay: inline-flex;
\njustify-content: center;
\nalign-items: center;
\nheight: 33px;
\nwidth: 69px;
\nborder-radius: 20px;
\nborder: 1px solid #999999;
\n}
\n.comment-reply-button {
\nbackground: #D32F2F;
\nborder-radius: 20px;
\nborder: none;
\nfont-size: 14px;
\nheight: 33px;
\nwidth: 81px;
\ncolor: #FFFFFF;
\ndisplay: inline-flex;
\njustify-content: center;
\nalign-items: center;
\nline-height: unset;
\n}
\n.comment-reply-button img {
\nwidth: 16px !important;
\n}
\n.edit-comment-button {
\nbackground: #D32F2F;
\nborder-radius: 20px;
\nborder: none;
\nfont-size: 14px;
\nheight: 33px;
\nwidth: 92px;
\ncolor: #FFFFFF;
\nfont-weight: 500;
\ncursor: pointer;
\ndisplay: inline-flex;
\njustify-content: center;
\nalign-items: center;
\nline-height: unset;
\n}
\n.edit-comment {
\nmargin-left: 12px;
\n}
\n.reply-to-comment img {
\nbackground: none;
\nmargin: 0;
\ndisplay: inline;
\nheight: 16px !important;
\nwidth: 16px !important;
\nposition: relative;
\ntop: 2px;
\n}
\n.reply-to-comment {
\npadding-bottom: 4px;
\ndisplay: inline-block;
\ntext-decoration: none !important;
\nfont-size: 14px;
\ncolor: #999999 !important;
\ncursor: pointer;
\nvertical-align: middle;
\n}
\n.reply-to-comment span {
\nposition: relative;
\nbottom: 2px;
\n}
\n#pic-near-reply-box {
\ndisplay: inline-block;
\nborder-radius: 50%;
\nvertical-align: top;
\nmargin-top: 5px;
\nwidth: 32px !important;
\nheight: auto !important;
\n}
\n.comment-reply-box {
\nwidth: 91.6%;
\nheight: 57px;
\npadding: 10px;
\npadding-right: 60px;
\nresize: none;
\nborder-radius: 20px;
\nborder: solid 1px rgba(153, 153, 153, 0.1);
\nmargin-top: 4px;
\nbackground: #F5F5F5;
\ncolor: #2D2D2D;
\n}
\n.reply-section {
\nposition: relative;
\noverflow: visible !important;
\n}
\n.reply-section .reply-section-container {
\npadding: 12px 0;
\n}
\n.comment-reply-button {
\ncursor: pointer;
\n}
\n.comment-reply-box:hover {
\nbackground: #f8f8f8
\n}
\n.comment-reply-box:focus,
\n.edit-comment-text:focus {
\noutline: none;
\n}
\n.replies {
\noverflow: visible !important;
\n}
\n.replies .one-comment {
\nborder-bottom: 0 !important;
\n}
\n.separator-dot {
\ncolor: #ddd
\n}
\n#pic-near-comment-box {
\nborder-radius: 50%;
\nwidth: 32px;
\nheight: 32px;
\nobject-fit: cover;
\ndisplay: inline-block;
\nvertical-align: top;
\nflex-shrink: 0;
\nmargin: 5px 8px 0 0;
\n}
\n.join-discussion {
\ncolor: #606060;
\nfloat: left;
\nfont-weight: bold;
\nfont-size: 17px;
\ndisplay: block;
\nclear: both;
\npadding: 5px;
\npadding-left: 5px;
\nbackground-size: 19px;
\nbackground-position: 6px 6px;
\n}
\n.comment-input-response .response-text,
\n.reply-section .response-text {
\ncolor: #666666;
\nfont-size: 16px;
\ndisplay: block;
\nfont-style: italic;
\nline-height: 21px;
\nfont-weight: 500;
\npadding: 12px;
\n}
\n.comment-input-container {
\ndisplay: inline-block;
\nflex: 1;
\nposition: relative;
\n}
\n.comment-input-container label {
\nfont-size: 14px;
\ncolor: #616161;
\nwidth: 100%;
\nmargin-left: 2px;
\n}
\n#keeda-comments-container .comments-header {
\npadding-bottom: 12px;
\nmargin-bottom: 8px;
\nborder-bottom: 1px solid #e9e9e9;
\ndisplay: flex;
\n}
\n#keeda-comments-container .comments-header h4 {
\nfont-weight: 700;
\nfont-size: 16px;
\nline-height: 20px;
\ncolor: #2D2D2D;
\ntext-transform: uppercase;
\npadding: 0 !important;
\n}
\n.comments-count-container {
\ndisplay: flex;
\njustify-content: space-between;
\nalign-items: center;
\nposition: relative;
\nfont-size: 16px;
\npadding: 8px;
\n}
\n.comments-input-holder {
\ndisplay: flex;
\npadding: 8px;
\nposition: relative;
\nborder-bottom: 1px solid #F5F5F5;
\nalign-items: flex-start;
\n}
\n.comment-details {
\ndisplay: block;
\nposition: relative;
\nflex: 1;
\noverflow: visible !important;
\nword-break: break-word;
\n}
\n.oauth-button-container {
\nwidth: auto;
\nbackground: #ececec;
\nborder-radius: 10px;
\noverflow: hidden !important;
\nmargin-top: 5px !important;
\n}
\n.oauth-button-container .oauth-button-group {
\ndisplay: flex;
\nalign-items: center;
\njustify-content: center;
\npadding: 4px 0;
\n}
\n.oauth-button-container.reply-oauth {
\nwidth: calc(94vw – 14px);
\nmargin-left: -38px;
\nmax-width: 558px;
\n}
\n.oauth-button-container .oauth-button {
\nmargin: 0 12px 0 0;
\nwidth: 36px;
\nheight: 36px;
\nborder-radius: 50%;
\ndisplay: inline-flex;
\njustify-content: center;
\nalign-items: center;
\noverflow: hidden
\n}
\n.oauth-button.google {
\nborder: 1px solid #A2A2A2;
\nbackground: #fff;
\n}
\n.oauth-button.email {
\nborder-radius: 0;
\nmargin-top: 9px;
\n}
\n.oauth-button img {
\nwidth: 100%;
\nheight: 100%;
\nobject-fit: cover;
\nbackground: transparent;
\n}
\n.oauth-button.google img {
\nwidth: 24px;
\nheight: 24px;
\nobject-fit: cover;
\nbackground: transparent;
\n}
\n.hidden {
\ndisplay: none;
\n}
\n.login-support-text {
\nposition: relative;
\ndisplay: flex;
\njustify-content: center;
\nalign-items: center;
\nmargin: 0;
\nfont-size: 12px;
\nfont-weight: bold;
\nbackground: #761919;
\npadding: 8px;
\ntext-align: center;
\ncolor: #ffff;
\n}
\n.login-support-text span {
\nflex: 1;
\nline-height: 18px;
\n}
\n.one-comment.highlight {
\nanimation: highlight 2s linear 3;
\n}
\n.edit-section {
\ndisplay: flex;
\nflex-direction: column;
\nposition: relative;
\nmin-height: 78px;
\nwidth: 100%;
\n}
\n.edit-section textarea {
\nwidth: 100%;
\nheight: 48px;
\nmargin-top: 0;
\ncolor: #2D2D2D;
\npadding: 10px;
\n}
\n.edit-comment-button {
\nbottom: 30px;
\n}
\n.comments-container {
\ndisplay: inline-block;
\nposition: relative;
\nwidth: 100%;
\n}
\n.comments-container {
\noverflow: hidden !important;
\n}
\n.reply-oauth-close,
\n.login-oauth-close {
\nposition: absolute;
\nright: 12px;
\nwidth: 20px;
\nheight: 20px;
\nborder-radius: 50%;
\nborder: none;
\ncursor: pointer;
\n}
\n.reply-oauth-close img,
\n.login-oauth-close img {
\nbackground-color: transparent;
\ncolor: transparent;
\n}
\n.cancel-container {
\npadding: 16px 6px 9px 0;
\ndisplay: inline-flex;
\nfloat: right;
\nmargin-left: auto;
\n}
\n.comments-loading-info {
\nposition: relative;
\ndisplay: block;
\nbackground: #DEDEDE;
\ncolor: #717171;
\npadding: 4px;
\ntext-align: center;
\n}
\n.comments-loading-error {
\nposition: relative;
\ntext-align: center;
\ndisplay: flex;
\nflex-direction: column;
\nalign-items: center;
\njustify-content: center;
\n}
\n.comments-loading-error span {
\nfont-size: 15px;
\ncolor: #555;
\nline-height: 20px;
\nfont-weight: 300;
\n}
\n.comments-loading-error button {
\nborder: none;
\nbackground-color: #d32f2f;
\ncolor: #fff;
\nmargin: 8px 0 0;
\npadding: 8px 16px;
\nborder-radius: 20px;
\ncursor: pointer;
\nfont-size: 16px;
\n}
\n.comments-loading-error button:focus {
\noutline: none;
\n}
\n.vote {
\ncursor: pointer;
\nfont-size: 14px;
\nborder: none;
\nbackground: transparent;
\npadding: 0;
\nvertical-align: middle;
\ntext-align: center;
\ndisplay: inline-flex;
\nalign-items: center;
\ncolor: #555;
\nmargin-right: 12px;
\n}
\n.vote.downvote {
\nmargin-right: 45px;
\n}
\n.vote img {
\nheight: 14px;
\nwidth: 16px;
\nvertical-align: middle;
\nbackground-color: transparent;
\nposition: relative;
\nobject-fit: contain;
\n}
\n.vote:focus {
\noutline: none;
\n}
\n.vote .vote-count {
\nfont-size: 14px;
\nmargin-left: 4px;
\ncolor: #999999;
\n}
\n.downvote.selected {
\ncolor: #D32F2F;
\n}
\n.downvote.selected img {
\nposition: relative;
\ntop: 3px;
\n}
\n.upvote.selected {
\ncolor: #D32F2F;
\n}
\n.upvote.selected .vote-count {
\ncolor: #999999;
\n}
\n.downvote.selected .vote-count {
\ncolor: #999999;
\n}
\n.vote.animate img {
\nanimation: zoom-in-out 1200ms linear;
\nanimation-iteration-count: 1;
\n}
\n.comment-option-single-cancel {
\nfloat: right;
\npadding-right: 2px;
\nposition: relative;
\nbottom: -5px;
\ncursor: pointer;
\n}
\n.one-comment .profile-status {
\nfont-size: 12px;
\ncolor: #999999;
\nline-height: 14px;
\nline-height: 16px;
\nmargin-top: 4px;
\n}
\n.profile-status.highlighted {
\ncolor: #AF2222;
\n}
\n.controls {
\nposition: relative;
\npadding: 4px 0 0;
\n}
\n.profile-name-container.no-status {
\nposition: relative;
\ndisplay: block;
\nmargin-top: 4px;
\n}
\n.view-more-container {
\ndisplay: flex;
\njustify-content: center;
\nalign-items: center;
\nwidth: 100%;
\nbackground: #fff;
\nmargin: 10px 0;
\n}
\n.view-more-container button.view-more-button {
\ncursor: pointer;
\npadding: 8px 12px;
\nbackground: #fff;
\nborder: 1px solid #D32F2F;
\nborder-radius: 20px;
\ncolor: #D32F2F;
\ndisplay: flex;
\nalign-items: center;
\ntext-align: center;
\nfont-weight: 500;
\nfont-size: 14px;
\nline-height: 17px;
\n}
\n.view-more-button img {
\nwidth: 20px;
\nheight: 20px;
\nobject-fit: cover;
\nbackground-color: transparent !important;
\nmargin-left: 4px;
\n}
\ndiv.comments-container div {
\noverflow: visible !important;
\n}
\n.comments-placeholder {
\npadding: 16px 4px;
\ndisplay: flex;
\nwidth: 100%;
\nalign-items: flex-start;
\n}
\n.comments-placeholder-image {
\nwidth: 32px;
\nheight: 32px;
\nborder-radius: 50%;
\nbackground: #F5F5F5;
\nmargin-right: 12px;
\nflex-shrink: 0;
\n}
\n.comments-placeholder-info {
\ndisplay: flex;
\nflex: 1;
\nflex-direction: column;
\n}
\n.comments-placeholder-title {
\nwidth: 102px;
\nheight: 20px;
\nmargin-bottom: 12px;
\nbackground: #F5F5F5;
\nborder-radius: 25px;
\n}
\n.comments-placeholder-text {
\nwidth: 100%;
\nheight: 90px;
\nbackground: #F5F5F5;
\nborder-radius: 4px;
\n}
\n.comment-input-response {
\nbackground: #f5f5f5;
\n}
\n.comment-pending-container {
\nwidth: 100%;
\ndisplay: flex;
\nalign-items: center;
\njustify-content: flex-end;
\ngap: 8px;
\n}
\n.comment-pending-container span {
\nfont-weight: normal;
\nfont-size: 14px;
\npadding: 4px 8px;
\nbackground: #eee;
\nborder-radius: 20px;
\ncolor: #000 !important;
\n}
\n.comment-pending-container button {
\ncursor: pointer;
\nborder: 0;
\npadding: 4px;
\nbackground: transparent;
\n}
\n.comment-pending-container button img {
\nwidth: 16px;
\nheight: 16px;
\nobject-fit: cover;
\nbackground: transparent;
\nopacity: 0.4;
\n}
\n@keyframes highlight {
\n50% {
\nbackground: rgba(211, 47, 47, 0.3);
\n}
\n}
\n@keyframes zoom-in-out {
\n0% {
\ntransform: scale(1);
\n}
\n50% {
\ntransform: scale(1.4);
\n}
\n100% {
\ntransform: scale(1);
\n}
\n}
\n@media screen and (min-width: 768px) {
\n.oauth-button-container.reply-oauth {
\nwidth: 100%;
\nmax-width: auto;
\nmargin: 0;
\n}
\n}
\n@media screen AND (max-width: 768px) {
\n#keeda-comments-container {
\nborder: none;
\nmargin-bottom: 8px;
\npadding: 12px 16px 0;
\n}
\n.comment-reply-box {
\nwidth: 84.6%;
\n}
\n.comment-gif-reply {
\nright: 8%;
\n}
\n.one-comment .name {
\nfont-size: 14px;
\nline-height: 17px;
\n}
\n.comment-input-container, .comments-input-holder {
\noverflow: visible !important;
\n}
\n.timestamp,
\n.one-comment .profile-status {
\nfont-size: 12px;
\nline-height: 14px;
\n}
\ntextarea.post-comment-box {
\nwidth: calc(100% – 42px); \/* 32 px is the width of the send button and 10px is for spacing. *\/
\npadding: 8px 14px;
\npadding-right: 60px;
\n}
\n}
\n]]><\/p>\n
Comments<\/h4>\n<\/p>\n