p-filter: blur(10.5px);
padding: 20px;
font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
}
.auth-wall-parent .wall-message-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
}
.auth-wall-parent .wall-lock-image {
background: none;
margin: 0;
}
.auth-wall-parent .reading-like-message {
color: #474747;
text-align: center;
font-weight: 400;
font-size: 14px;
}
.auth-wall-parent .reading-login-message {
color: #474747;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.auth-wall-parent .reading-login-message .login-free-message {
color: #34A853;
}
.auth-wall-parent .login-methods-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.auth-wall-parent .login-methods-container img {
margin: 0;
width: 20px;
height: 20px;
background: none;
}
.auth-wall-parent .login-methods-container .sso-google-button,
.auth-wall-parent .login-methods-container .sso-fb-button {
display: flex;
width: 300px;
height: 50px;
align-items: center;
gap: 10px;
background: none;
justify-content: center;
padding: 15px;
width: 300px;
text-decoration: none;
color: #666;
font-weight: 500;
font-size: 14px;
background: var(--white, #FFF);
}
.auth-wall-parent .login-methods-container .sso-google-button {
border-radius: 46px;
border: 1px solid #999;
box-shadow: 0px 2.7300000190734863px 0px 0px rgba(153, 153, 153, 1);
}
.auth-wall-parent .login-methods-container .sso-fb-button {
border-radius: 46px;
border: 1px solid rgba(233, 233, 233, 1)
}
.auth-wall-parent .login-methods-container .sso-google-button:hover,
.auth-wall-parent .login-methods-container .sso-fb-button:hover {
cursor: pointer;
border: 1px solid hsl(0, 0%, 60%);
}
.auth-wall-parent .login-methods-container .login-other-methods {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: none;
background: none;
border: none;
}
.auth-wall-parent .login-methods-container .login-other-methods,
.auth-wall-parent .login-methods-container .login-other-methods:visited,
.auth-wall-parent .login-methods-container .login-other-methods:link,
.auth-wall-parent .login-methods-container .login-other-methods:active {
color: #666 !important;
cursor: pointer;
}
@media (max-width: 768px) {
.auth-wall-parent {
flex-direction: column;
gap: 20px;
}
.auth-wall-parent .wall-lock-image {
width: 25px;
height: 25px;
}
}
]]>
" data-lazy="httpokstaticg.sportskeedatgd/skm/assets/lock-icon.png" />
Like what you are reading?
Unlock the Full Story for Free!
Sign in with Google
Continue with Facebook
Login using other methods
ntainer .content-holder {
overflow:visible;
}
.article-related .keeda_widget_header {
font-size: 23px;
font-weight: bold;
margin-bottom:15px;
}
.leaderadcont{
background: #fff;
}
#article-content h4{
float: left;
padding: 10px 24px;
clear:both;
font-size: 17px;
}
.tags-wrapper {
display:block;
width:100%;
margin-top:10px;
padding-bottom:10px;
}
.tags{
width: 80%;
float: left;
clear: none !important;
margin-left: 7px;
overflow-x: scroll !important;
white-space: nowrap;
height: 48px;
padding-top: 8px;
}
a.tag {
border-radius: 3px;
background-color: #f7f7f7;
color: #666;
padding: 4px 10px;
font-size: 12px;
margin-right: 7px;
margin-top: 7px;
text-decoration:none;
}
a.tag:hover{
text-decoration: none;
}
.article-bottom-info {
display: flex;
justify-content: space-between;
padding: 0 8px;
align-items: center;
}
.publisher-name{
font-size: 10px;
text-align: right;
color: #757575;
display: block;
margin-right: 5px;
}
#article-content h1 {
display: inline-block;
margin: 6px 24px;
padding-top:15px;
}
#articleLeftAdCont {
width:260px;
float:left;
height:800px;
position:relative;
overflow:visible;
}
.rightStickyTopWrap {
position:relative;
overflow:visible;
height:700px;
clear:both;
}
.rightStickyTop {
position:sticky;
top:90px;
height:600px;
}
tgdments-like-div {
display: flex;
position: relative;
}
.tiktok-embed {
background: transparent !important;
margin: 0 !important;
border: 0 !important;
float: none;
padding: 16px !important;
}
.tiktok-embed img {
border-style: none;
position: absolute;
right: 8px;
top: 8px;
background: transparent;
height: 30px;
width: 30px;
}
.recommended-posts{
min-height: 1700px;
}
.auth-wall-container {
padding: 15px;
}
]]>
ntainer {
position: relative;
display: block;
}
.yt-aspect-ratio-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 4px;
}
]]>
ntainer {
width: 100%;
height: calc((1110px - 360px - 16px) * 9 / 16);
background-color: #000;
}
.primis-player-container {
height: calc(685px * 9 / 16);
}
@media(max-width: 768px) {
.sk-widget .primis-container {
margin-top: 16px;
margin-bottom: 16px;
}
.primis-player-container {
height: calc((100vw) * 9 / 16);
margin-top: 16px;
margin-bottom: 16px;
}
}
]]>
The Chicago Bears are still alive in the playoff race. The team beat the Arizona Cardinals on Sunday and improved to an 8-9 record, which means they still can get the final wild-card spot even with a losing record.
However, to get to the playoffs, a lot of things have to go right. It's unlikely that they'll be able to get to the postseason, but until the season is over, there's still a chance to believe.
portant;
}
.preview-card-holder {
border-radius: 8px 8px 0 0 !important;
position: relative;
width: 85%;
min-width: 85%;
max-width: 85%;
}
.march-madness-logo {
width: 99px !important;
height: 42px !important;
position: absolute;
top: -15px;
right: 20px;
background: none !important;
}
.preview-card-content.poll-card-content {
padding: 0 20px 8px 20px !important
}
.poll-content-top-section {
display: flex;
flex-direction: row;
align-items: center;
padding: 8px 0 11px;
gap: 10px;
}
#article-content .poll-content-top-section .poll-count {
margin: 0 !important;
width: 70px;
padding: 0 !important;
color: #999999;
width: 100px;
}
.poll-match-date-time {
background: #231F20;
border: 1px solid #E9E9E9;
height: 37px;
border-radius: 8px 8px 0 0;
font-weight: 400;
font-size: 14px;
line-height: 21px;
color: #999999;
padding: 8px 20px;
}
#article-content .poll-card-content .poll-question {
margin: 0 !important;
}
.poll-card-content .poll-option:hover, .poll-card-content .poll-option-selected {
border: 2px solid ##2196F3 !important;
}
.poll-option.poll-option-answered {
border: 1px solid #E1EBFF;
}
.poll-option.poll-option-answered .poll-option-color {
height: 100%;
top: 0;
left: 0;
border-radius: 0;
border-top-left-radius: 18px;
border-bottom-left-radius: 18px;
}
.poll-option.poll-option-answered.poll-option-selected .poll-option-color {
height: 75%;
top: 5px;
left: 5px;
background: ##2196F3 !important;
}
.poll-card-content .poll-option-answered {
background: #E1EBFF;
pointer-events: none;
}
#article-content .poll-option .poll-option-text {
font-weight: 500;
font-size: 16px !important;
line-height: 24px !important;
color: #474747;
}
#article-content .poll-option.poll-option-selected .poll-option-text.poll-option-percent {
font-weight: 700;
font-size: 16px !important;
line-height: 20px !important;
color: #000000 !important;
}
.poll-option-color.width-100 {
border-radius: 18px !important;
}
.bets-today-div {
height: 157px;
background: #FEFCE7;
border: 1px solid #F2DF3B;
border-radius: 4px;
margin: 0 20px 18px;
display: flex;
}
.bets-today-div .bets-today-logo {
background: none;
height: 18px;
width: 106px;
margin: 0 !important;
display: unset;
}
.bets-today-div .by-sk {
display: flex;
justify-content: center; gap: 4px;
}
.bets-today-div .by-sk img {
margin: 0 !important;
}
.by-sk .by-img {
height: 9px;
width: 16px;
background: none;
}
.by-sk .sk-img {
height: 10px;
width: 85px;
background: none;
}
.bets-today-div .experts-data {
width: 248px;
height: 129px;
background: #FFFFFF;
border: 1px solid #F2DF3B;
border-radius: 8px;
margin: 16px;
padding: 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.experts-data .expert-data-item {
padding: 3px;
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
justify-content: space-around;
}
.expert-data-item .expert-img {
margin: 0;
border-radius: 50%;
width: 46px;
height: 46px;
background: none !important;
object-fit: cover;
}
.expert-data-item .item-info .win-percent {
font-weight: 600;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.01em;
color: #2D2D2D;
}
.expert-data-item .item-info .win-loss-tie {
font-weight: 400;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.01em;
color: #2D2D2D;
}
.bets-today-div .left {
display: flex;
align-items: center;
flex: 1;
}
.bets-today-div .right {
padding: 16px 16px 16px 0;
text-align: center;
flex: 1;
}
.bets-today-div .text {
padding: 11px 0 8px 0;
font-weight: 600;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #2D2D2D;
}
.bets-today-div .cta {
font-weight: 700;
font-size: 14px;
line-height: 19px;
color: #FFFFFF;
background: #D32F2F;
border-radius: 74px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 16px;
margin: 8px auto 0 auto;
width: 100%;
}
.bets-today-div a {
text-decoration: none;
}
@media (max-width: 768px) {
.preview-card-holder {
overflow: visible !important;
border-radius: 8px !important;
width: 85% !important;
min-width: 85% !important;
max-width: 85% !important;
}
.march-madness-logo {
width: 78px !important;
height: 33px !important;
position: absolute;
top: -15px;
right: 20px;
background: none;
}
.poll-match-date-time {
padding: 8px 11px;
}
.bets-today-poll .preview-card-content.poll-card-content {
padding: 0 11px !important;
}
.poll-card-content .poll-option:hover, .poll-card-content .poll-option-selected {
border: 1px solid #2196F3 !important;
}
#article-content .poll-card-content .poll-question {
font-weight: 600;
font-size: 14px;
line-height: 21px;
padding: 0!important;
margin: 0 !important;
}
#article-content .poll-option.poll-option-selected .poll-option-text.poll-option-percent {
font-weight: 400;
font-size: 12px !important;
line-height: 18px !important;
color: #000000 !important;
}
#article-content .poll-option .poll-option-text {
font-weight: 500;
font-size: 14px !important;
line-height: 21px !important;
color: #474747;
}
#article-content .poll-option.poll-option-selected .poll-option-text {
font-weight: 500;
font-size: 14px !important;
line-height: 21px !important;
color: #474747;
}
.bets-today-div {
height: auto !important;
min-height: 250px;
margin: 0 11px 12px;
text-align: center;
padding: 15px;
display: block;
}
.by-sk .by-img {
background: none;
height: 8px;
width: 14px;
}
.by-sk .sk-img {
background: none;
height: 9px;
width: 77px;
}
.bets-today-div .bets-today-logo {
background: none; height:15px; width: 89px;
}
.bets-today-div .text {
padding: 11px 0 8px 0;
font-weight: 600;
font-size: 14px;
line-height: 21px;
text-align: center;
color: #2D2D2D;
}
.bets-today-div .experts-data {
width: 248px;
height: 101px;
background: #FFFFFF;
border: 1px solid #F2DF3B;
border-radius: 8px;
margin: auto;
}
.bets-today-div .cta {
font-weight: 700;
font-size: 14px;
line-height: 19px;
color: #FFFFFF;
background: #D32F2F;
border-radius: 74px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 16px;
margin: 12px auto 0 auto;
width: 272px;
}
}
]]>
?
The only scenario where the Bears would qualify for the playoffs involves their direct rivals for the final wild card losing out and the NFC South going down in the race as well. As such, they would get the seventh seed with an 8-9 record.
They need help from a lot of teams. In Week 18, they would count on the Arizona Cardinals to beat the Seattle Seahawks and the Detroit Lions to beat the Minnesota Vikings. This week, they need the Pittsburgh Steelers to beat the Seattle Seahawks, the New York Giants to beat the Los Angeles Rams, and the Green Bay Packers to beat the Minnesota Vikings.
Obviously, the Chicago Bears need to win their two games as well. They play the Atlanta Falcons at home in Week 17 and the Green Bay Packers away from home in Week 18.
The Bears have the smallest chances in the world of making the playoffs. They have a 1% chance, according to the New York Times' playoff calculator. There are only four teams with a lesser chance, but the Washington Commanders, the New York Giants, the Carolina Panthers, and the Arizona Cardinals are all eliminated.
The poor start to the season is hurting the Bears badly at this point in the season, and Justin Fields' injury, which saw Tyson Bagent starting a few games for them, didn't help their cause either. If Fields still wants to play for the Bears in 2024, they can only hope for a miracle at this point.
ntent {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #E9E9E9;
border-radius: 6px;
width: 100%;
max-width: 580px;
border-radius: 8px;
}
.nfl-predict-modal .close-modal {
padding: 0;
margin-top: 1px;
color: #666666;
font-size: 27px;
line-height: 15px;
border: none;
background: transparent;
}
.nfl-predict-modal .header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 20px;
}
.nfl-predict-modal .header span {
padding: 0;
color: #2D2D2D;
font-weight: 600;
font-size: 14px;
line-height:21px;
text-transform: capitalize;
}
.predictor-modal-body .tab-content {
min-height: 540px;
max-height: 540px;
background: #00316E;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
overflow: auto;
}
.predictor-modal-body .tab-content::-webkit-scrollbar-track,
.predictor-modal-body .tab-content::-webkit-scrollbar {
display: block;
width: 5px;
height: 5px;
}
.predictor-modal-body .tab-content::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 10px;
}
.predictor-modal-body .modal-leaderboard-section {
background-color: #FFE7E4;
padding: 16px;
display: flex;
justify-content: center;
align-items: center;
}
.predictor-modal-body .leaderboard-pending-section {
background: #FFFFFF;
border-radius: 12px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
gap: 12px;
padding: 16px;
width: 100%;
}
.predictor-modal-body .leaderboard-pending-section .pending-leaderboard-img {
background: none;
}
.nfl-predict-modal .close-modal:hover,
.nfl-predict-modal .close-modal:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.nfl-predictor-modal .modal-tabs {
padding: 0;
width: 100%;
display: flex;
align-items: flex-start;
}
.nfl-predictor-modal .predictor-modal-tabs {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
cursor: pointer;
background: #FFFFFF;
width: 100%;
box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.07);
}
.nfl-predictor-modal .predictor-modal-tabs .predictor-tab {
padding: 10px 44px;
font-weight: 500;
font-size: 14px;
border-bottom: unset;
line-height: 21px;
color: #666;
width: 50%;
text-align: center;
min-height: 45px;
}
.nfl-predictor-modal .predictor-modal-tabs .predictor-tab.active {
color: #1455A6;
border-bottom: 4px solid #1455A6;
}
.nfl-predictor-prizes-section {
display: inline-flex;
flex-direction: column;
width: 100%;
}
.nfl-predictor-prizes-section .nfl-predictor-prizes-heading {
display: flex;
flex-direction: column;
gap: 8px;
align-items: center;
margin-top: 18px;
}
.nfl-predictor-prizes-section .nfl-predictor-prizes-heading img {
background: transparent;
}
.nfl-predictor-prizes-section .nfl-predictor-prizes-heading .nfl-predictor-prizes-top-title {
font-weight: 700;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
letter-spacing: 0.48px;
text-transform: uppercase;
}
.nfl-predictor-prizes-section .nfl-prizes-section {
margin-top: 16px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 12px;
}
.nfl-predictor-prizes-section .prize-image-wrapper {
width: 430px;
position: relative;
}
.nfl-predictor-prizes-section .nfl-prizes-section .predictor-prizes-bg {
width: 430px;
height: auto;
background: transparent;
}
.nfl-predictor-prizes-section .nfl-prizes-section .predictor-prizes-gif {
position: absolute;
top: 15px;
left: 85px;
width: 280px;
height: 280px;
background: transparent;
}
.nfl-predictor-prizes-section .nfl-predictor-accordian-wrapper {
width: 430px;
margin-bottom: 20px;
}
.nfl-predictor-prizes-section .nfl-predictor-accordian-wrapper #minus {
display: none;
}
.nfl-predictor-prizes-section .nfl-predictor-accordian-wrapper.expanded #plus {
display: none;
}
.nfl-predictor-prizes-section .nfl-predictor-accordian-wrapper.expanded #minus {
display: block;
}
.nfl-predictor-prizes-section .nfl-predictor-accordian-wrapper.expanded .predictor-prizes-claim-text {
display: flex;
}
.nfl-predictor-prizes-section .predictor-prizes-claim-text div {
padding: 0 8px;
display: inline-flex;
gap: 16px;
}
.nfl-predictor-prizes-section .predictor-prizes-claim-text .rule-content-bold {
font-weight: 600;
color: #666666;
}
.nfl-predictor-prizes-section .nfl-predictor-accordian {
width: 100%;
border-radius: 6px;
border: 1px solid #00316E;
background: #004BA7;
padding: 12px;
color: #FFFFFF;
font-size: 14px;
line-height: 21px;
font-weight: 500;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.nfl-predictor-prizes-section .nfl-predictor-accordian span {
font-size: 24px;
font-weight: 500;
padding-bottom: 3px;
}
.nfl-predictor-prizes-section .predictor-prizes-claim-text {
color: #666666;
font-size: 12px;
font-weight: 400;
line-height: 18px;
width: 100%;
background: #FFFFFF;
padding: 12px;
display: none;
flex-direction: column;
gap: 10px;
}
.nfl-predictor-prizes-section.predict-reward-modal .nfl-prizes-section .predictor-prizes-bg {
height: 250px;
width: auto;
object-fit: contain;
background-color: transparent;
}
.nfl-predictor-prizes-section.predict-reward-modal {
width: 100%;
}
.nfl-predictor-prizes-section.predict-reward-modal .nfl-predictor-prizes-heading {
align-items: center;
transform: scale(0.8);
}
.nfl-game-rule-section-div {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
flex-direction: column;
}
.predictor-data .nfl-game-rule-section-div {
margin: 0 20px;
display: block;
}
.nfl-game-rule-section-div .predictor-game-rule-top-heading {
display: flex;
flex-direction: column;
gap: 1px;
}
.nfl-predict-modal .nfl-game-rule-section-div .predictor-game-rule-top-heading {
display: none;
}
.nfl-game-rule-section-div .predictor-game-rule-top-heading .predictor-game-rule-top-title {
font-weight: 700;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
border-radius: 10px;
background: #5B0138;
padding: 8px 15px;
transform: rotate(-1.81deg);
display: flex;
width: fit-content;
gap: 5px;
align-items: center;
}
.nfl-game-rule-section-div .predictor-game-rule-top-heading .rewards-gift-img {
margin: 0px;
height: 20px;
width: 20px;
object-fit: contain;
background: none;
}
.nfl-game-rule-section-div .banner-image-container {
padding-bottom: 16px;
}
.predictor-data .nfl-game-rule-section-div .banner-image-container {
padding-top: 16px;
}
.nfl-game-rule-section-div .banner-image-container img {
background-color: transparent;
}
.nfl-game-rule-section-div .game-rule-details {
display: flex;
flex-direction: column;
gap: 12px;
margin: 14px 0px 0px;
padding: 0 90px;
}
.nfl-game-rule-section-div .game-rule-details img {
max-width: 100%;
background: transparent;
}
.nfl-game-rule-section-div .rule-right {
width: 40%;
}
.nfl-game-rule-section-div .game-rule-img {
height: 113px;
width: 236px;
background: transparent;
}
.nfl-game-rule-section-div .game-rule-section {
display: flex;
align-items: center;
}
.nfl-game-rule-section-div .game-rule-title {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
margin-top: 22px;
}
.nfl-game-rule-section-div .title-text {
font-size: 18px;
line-height: 27px;
font-weight: 600;
color: #ffffff;
}
.nfl-game-rule-section-div .title-sub-text {
font-size: 11px;
line-height: 16px;
font-weight: 400;
color: #ffffff;
width: 300px;
}
.nfl-game-rule-section-div .rule-price {
vertical-align: middle;
display: inline-block;
background: transparent;
height: 14px;
width: 14px;
}
.nfl-game-rule-section-div .game-rule-img {
height: 113px;
width: 236px;
background: transparent;
}
.nfl-game-rule-section-div .rule-button {
background: linear-gradient(91deg, #419300 -1.31%, #56AD00 34.33%, #90C737 73.26%, #68C907 103.96%);
border: 1px solid #FFF;
border-radius: 6px;
padding: 12px 10px;
font-weight: 600;
font-size: 12px;
line-height: 18px;
color: #FFFFFF;
cursor: pointer;
text-decoration: none;
width: 405px;
box-shadow: 0px 3px 0px 0px #FFF;
margin-bottom: 12px;
}
.nfl-game-rule-section-div .rule-button-icon {
margin: 0;
background: transparent;
height: 18px;
width: 20px;
}
.nfl-game-rule-section-div .rule-login {
display: inline-flex;
gap: 10px;
align-items: center;
}
.nfl-game-rule-section-div .game-rule-terms {
padding: 8px 0 0;
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: #999999;
}
.nfl-game-rule-section-div .game-rule-terms .term-condition {
text-decoration: none;
color: #6DA6FF;
}
.nfl-game-rule-section-div .mandatory-text {
color: #FFF;
font-size: 12px;
font-weight: 600;
line-height: 18px;
}
.nfl-game-rule-section-div .footer {
display: flex;
justify-content: center;
align-items: center;
padding-top: 20px;
flex-direction: column;
}
.nfl-game-rule-section-div .share-icon {
background: #FFFFFF;
border: 1px solid #474747;
border-radius: 25px;
display: flex;
gap: 12px;
align-items: center;
font-weight: 500;
font-size: 14px;
line-height: 21px;
text-transform: uppercase;
color: #2D2D2D;
margin: 0 auto;
padding: 8px 14px;
cursor: pointer;
}
.nfl-game-rule-section-div .share-img {
width: 15px;
height: 14px;
background: none;
margin: 0px;
margin-bottom: 2px;
}
@media (max-width: 768px) {
.predictor-modal-body .tab-content {
min-height: 540px;
max-height: 540px;
border-radius: unset;
}
.nfl-predict-modal .modal-content {
width: calc(100% - 32px);
border-top-width: 2px;
overflow: hidden;
}
.nfl-predict-modal .close-modal {
margin: 0;
}
.nfl-predictor-modal .predictor-modal-tabs .predictor-tab {
padding: 10px 0px;
}
.nfl-predict-modal .header {
justify-content: center;
margin-bottom: 0;
}
.nfl-predict-modal .header span {
flex-grow: 1;
text-align: center;
}
.nfl-predictor-prizes-section .nfl-predictor-prizes-heading {
margin-top: 24px;
gap: 6px;
}
.nfl-predictor-prizes-section .nfl-predictor-prizes-heading .rewards-gift-img {
width: 250px;
height: 24px;
}
.nfl-predictor-prizes-section .nfl-predictor-prizes-heading .nfl-predictor-prizes-top-title {
font-size: 12px;
line-height: 14px;
font-weight: 700;
letter-spacing: 0.36px;
}
.nfl-predictor-prizes-section .prize-image-wrapper,
.nfl-predictor-prizes-section .nfl-prizes-section .predictor-prizes-bg {
width: 300px;
}
.nfl-predictor-prizes-section .nfl-prizes-section .predictor-prizes-gif {
top: 10px;
left: 55px;
width: 210px;
height: 210px;
}
.nfl-predictor-prizes-section .nfl-predictor-accordian-wrapper {
width: 300px;
}
.nfl-predictor-prizes-section .predictor-prizes-claim-text div {
padding: 0px;
gap: 16px 8px;
}
.nfl-predictor-prizes-section .nfl-predictor-accordian {
font-size: 12px;
line-height: 18px;
}
.nfl-game-rule-section-div .game-rule-img {
height: 94px;
width: 197px;
}
.nfl-game-rule-section-div .game-rule-section {
flex-direction: column-reverse;
width: 100%;
}
.nfl-game-rule-section-div .title-text {
font-size: 16px;
line-height: 24px;
}
.nfl-game-rule-section-div .title-sub-text {
width: 100%;
}
.nfl-game-rule-section-div .game-rule-title {
margin-top: 16px;
align-items: flex-start;
padding: 0px 14px;
}
.nfl-game-rule-section-div .game-rule-details {
margin-top: 25px;
width: 100%;
gap: 16px;
padding: 0;
}
.nfl-game-rule-section-div .rule-right,
.nfl-game-rule-section-div .rule-left {
width: 100%;
}
.nfl-game-rule-section-div .rule-right {
text-align: center;
}
.nfl-game-rule-section-div .game-rule-button-section {
overflow: visible;
width: 100%;
text-align: center;
padding: 0 16px;
}
.nfl-game-rule-section-div .banner-image-container {
height: auto;
}
.nfl-game-rule-section-div .rule-button {
font-size: 14px;
line-height: 21px;
width: 100%;
margin-bottom: 10px;
}
.nfl-game-rule-section-div .share-icon {
font-size: 12px;
}
.nfl-game-rule-section-div .footer {
display: flex;
justify-content: center;
align-items: center;
margin: auto;
gap: 16px;
padding-top: 24px;
overflow: visible;
width: 100%;
}
.nfl-game-rule-section-div .game-rule-terms {
padding: 6px 0 0;
font-size: 10px;
line-height: 15px;
}
.nfl-game-rule-section-div .mandatory-text {
font-size: 10px;
line-height: 15px;
}
}
]]>
NFL Predictions 2023-24×
How to Play
Join our free-to-play NFL prediction game & stand a chance to win incredible prizes
" data-lazy="httpokstaticg.sportskeedatgd/predictor/nfl/game-rule-desktop-03.png" />
Login is mandatory to be eligible for prizes
">
For Top 10 on the Leaderboard
">
">
How to claim prize
+
–
only Top 10 ranked winners in the Leaderboard are eligible for rewards
1. Winners will have to update their phone number and email ID on their profile page before 1st April 2024. Not doing so, will make them ineligible for prizes.
2. Sportskeeda's team will contact the winners (from email-id: [email?protected]) on their updated email ID after 1st April. Please note that next set of instructions will be sent to the updated Email IDs only.
Steps to Update Profile Details
1. Click on your profile icon as shown in the screenshot.
2. Click "Manage Your Profile".
3. Go to Edit Profile and scroll down to update your Email ID & Phone Number.
portant;
overflow: hidden !important;
min-height: 340px;
}
.predictor-embed .iframe-wrapper {
overflow: hidden !important;
}
.predictor-embed iframe {
height: 340px;
}
@media (max-width: 768px) {
div.predictor-embed {
min-height: 320px;
padding: 0 !important;
}
.predictor-embed iframe {
height: 320px;
}
}
]]>
ntainer {
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;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
-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.sportskeedatgd/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.sportskeedatgd/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;
}
]]>
More from Sportskeeda
ntainer * {
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;
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: 60px;
resize: none;
border-radius: 20px;
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;
}
textarea.post-comment-box {
overflow-y: auto;
height: auto;
width: calc(100% - 42px);
padding: 8px 20px;
padding-right: 60px;
border-radius: 20px;
}
textarea.post-comment-box::placeholder {
color: #999999;
}
.post-comment-box:hover {
background: #f8f8f8
}
.post-comment-box:focus {
outline: none;
color: #2D2D2D;
}
.post-comment-box:disabled {
outline: none;
}
tgdment-gif {
position: absolute;
right: 60px;
top: 5px;
border: 1px solid black;
padding: 0 8px;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
font-weight: 600;
transform: scale(0.8);
}
tgdment-gif-reply {
padding: 10px 8px;
top: 24px;
right: 5%;
}
tgdment-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("httpokstaticg.sportskeedatgd/comments/send-active.svg");
color: #fff;
font-weight: bold;
cursor: pointer;
border: none;
background-color: transparent;
position: absolute;
top: 3px;
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("httpokstaticg.sportskeedatgd/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
}
tgdments-count {
color: #999999;
font-size: 14px;
line-height: 17px;
font-weight: normal;
font-style: normal;
}
tgdment-info .one-comment-text {
padding-right: 4px;
font-size: 14px;
line-height: 19px;
margin: 4px 0;
}
tgdment-info .highlighted {
color: #D32F2F;
}
tgdment-info a {
text-decoration: none;
}
.timestamp .one-comment-text {
margin: 5px 1px;
}
textarea:disabled {
cursor: not-allowed;
}
tgdment-top-right-ctrls {
display: inline;
}
#reply-send-icon {
display: inline;
background: transparent;
margin: 0px 3px 0px 0px;
}
tgdment-options {
text-align: right;
display: inline-block;
float: right;
cursor: pointer;
}
tgdment-options img {
background: transparent;
}
tgdment-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;
}
tgdment-options-box tgdment-option-single {
display: block;
font-weight: bold;
font-size: 12px;
padding: 8px 4px;
border-bottom: 1px solid #F5F5F5;
cursor: pointer;
line-height: 14px;
}
tgdment-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("httpokstaticg.sportskeedatgd/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;
}
tgdment-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;
}
tgdment-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;
}
tgdment-reply-box {
width: 91.6%;
height: 57px;
padding: 10px;
padding-right: 60px;
padding-left: 18px;
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;
}
tgdment-reply-button {
cursor: pointer;
}
tgdment-reply-box:hover {
background: #f8f8f8
}
tgdment-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: 5px 8px 0 0;
}
.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;
}
tgdment-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;
}
tgdment-input-container {
display: inline-block;
flex: 1;
position: relative;
}
tgdment-input-container label {
font-size: 14px;
color: #616161;
width: 100%;
margin-left: 2px;
}
#keeda-comments-container tgdments-header {
padding-bottom: 12px;
margin-bottom: 8px;
border-bottom: 1px solid #e9e9e9;
display: flex;
}
#keeda-comments-container tgdments-header h4 {
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #2D2D2D;
text-transform: uppercase;
padding: 0 !important;
}
tgdments-count-container {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
font-size: 16px;
padding: 8px;
}
tgdments-input-holder {
display: flex;
padding: 8px;
position: relative;
border-bottom: 1px solid #F5F5F5;
align-items: flex-start;
}
tgdment-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;
}
tgdments-container {
display: inline-block;
position: relative;
width: 100%;
}
tgdments-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;
}
tgdments-loading-info {
position: relative;
display: block;
background: #DEDEDE;
color: #717171;
padding: 4px;
text-align: center;
}
tgdments-loading-error {
position: relative;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
tgdments-loading-error span {
font-size: 15px;
color: #555;
line-height: 20px;
font-weight: 300;
}
tgdments-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;
}
tgdments-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;
}
tgdment-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;
overflow: visible !important;
}
.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;
}
tgdments-placeholder {
padding: 16px 4px;
display: flex;
width: 100%;
align-items: flex-start;
}
tgdments-placeholder-image {
width: 32px;
height: 32px;
border-radius: 50%;
background: #F5F5F5;
margin-right: 12px;
flex-shrink: 0;
}
tgdments-placeholder-info {
display: flex;
flex: 1;
flex-direction: column;
}
tgdments-placeholder-title {
width: 102px;
height: 20px;
margin-bottom: 12px;
background: #F5F5F5;
border-radius: 25px;
}
tgdments-placeholder-text {
width: 100%;
height: 90px;
background: #F5F5F5;
border-radius: 4px;
}
tgdment-input-response {
background: #f5f5f5;
}
tgdment-pending-container {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
}
tgdment-pending-container span {
font-weight: normal;
font-size: 14px;
padding: 4px 8px;
background: #eee;
border-radius: 20px;
color: #000 !important;
}
tgdment-pending-container button {
cursor: pointer;
border: 0;
padding: 4px;
background: transparent;
}
tgdment-pending-container button img {
width: 16px;
height: 16px;
object-fit: cover;
background: transparent;
opacity: 0.4;
}
@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;
}
tgdment-reply-box {
width: 82.6%;
}
.gif-post-image-container-reply {
width: 82.7%;
}
tgdment-gif-reply {
right: 8%;
}
.one-comment .name {
font-size: 14px;
line-height: 17px;
}
tgdment-input-container, tgdments-input-holder {
overflow: visible !important;
}
.timestamp,
.one-comment .profile-status {
font-size: 12px;
line-height: 14px;
}
textarea.post-comment-box {
width: calc(100% - 42px);
padding: 8px 14px;
padding-right: 60px;
}
}
]]>
area oninput="onExpandabletextareaInput(event)" placeholder="Type your reply..." data-media_url />
GIF
Reference