<>
:root {
--panelXSpacingHeader: 20px;
--panelYSpacingHeader: 10px;
--panelXSpacingBody: 20px;
--panelYSpacingBody: 16px;
--panelXSpacingFooter: 20px;
--panelYSpacingFooter: 16px;
}
.panel {
--borderColor: var(--border-color--alpha#E9E9E9);
--xSpacingHeader: var(--panelXSpacingHeader);
--ySpacingHeader: var(--panelYSpacingHeader);
--xSpacingBody: var(--panelXSpacingBody);
--ySpacingBody: var(--panelYSpacingBody);
--xSpacingFooter: var(--panelXSpacingFooter);
--ySpacingFooter: var(--panelYSpacingFooter);
width: 100%;
background-color: var(--panel-background-color);
border: 1px solid var(--border-color--alpha);
overflow: clip;
}
.panel.transparent {
background: transparent;
}
.panel.rounded {
border-radius: 12px;
}
.panel.with-shadow {
box-shadow: 0px 4px 4px 0px #E9F2FA;
}
.panel.no-border {
border: none;
}
.panel.transparent-d {
background: transparent;
}
.panel.rounded-d {
border-radius: 12px;
}
.panel.with-shadow-d {
box-shadow: 0px 4px 4px 0px #E9F2FA;
}
.panel.no-border-d {
border: none;
}
.panel-header {
position: relative;
width: 100%;
padding: var(--ySpacingHeader) var(--xSpacingHeader);
border-bottom: 1px solid var(--border-color--alpha);
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
}
.panel-header.no-border {
border-bottom: none;
}
.panel.fluid .panel-header {
border-bottom: 0;
padding-bottom: 0;
}
.panel-header.column {
flex-direction: column;
}
.panel-header>.panel-heading {
width: 100%;
margin: 0;
padding: 0;
color: var(--text-color--beta);
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
.panel-header>.panel-heading>h2 {
color: #474747;
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
.panel-header a {
display: flex;
gap: 5px;
align-items: center;
align-self: center;
cursor: pointer;
text-decoration: none;
white-space: nowrap;
color: var(--hyperlink-color);
font-size: 14px;
line-height: 21px;
}
.panel-header a.view-more-cta::after {
content: "";
display: block;
width: 6px;
height: 11px;
background-image: url("//staticg.sportskeeda.com/skm/assets/ic_breadcrumb_chevron-right--0B65F0.svg");
background-size: cover;
background-repeat: no-repeat;
filter: var(--hyperlink-filternone);
}
.panel .panel-body {
padding: var(--ySpacingBody) var(--xSpacingBody);
}
.panel .panel-body.no-padding {
--xSpacingBody: 0;
--ySpacingBody: 0;
}
.panel .panel-header.no-padding {
--xSpacingHeader: 0;
--ySpacingHeader: 0;
}
.panel .panel-body.no-h-padding {
--xSpacingBody: 0;
}
.panel .panel-header.no-h-padding {
--xSpacingHeader: 0;
}
.panel .panel-body.no-v-padding {
--ySpacingBody: 0;
}
.panel .panel-header.no-v-padding {
--ySpacingHeader: 0;
}
.panel .panel-header.no-padding-h {
--xSpacingHeader: 0;
}
.panel .panel-header.no-padding-t {
padding-top: 0;
}
.panel .panel-header.no-padding-b {
padding-bottom: 0;
}
.panel .panel-body.no-padding-d {
--xSpacingBody: 0;
--ySpacingBody: 0;
}
.panel .panel-header.no-padding-d {
--xSpacingHeader: 0;
--ySpacingHeader: 0;
}
.panel .panel-body.no-h-padding-d {
--xSpacingBody: 0;
}
.panel .panel-header.no-h-padding-d {
--xSpacingHeader: 0;
}
.panel .panel-body.no-v-padding-d {
--ySpacingBody: 0;
}
.panel .panel-header.no-v-padding-d {
--ySpacingHeader: 0;
}
.panel .panel-footer {
position: relative;
width: 100%;
padding: 0 var(--xSpacingFooter) var(--ySpacingFooter);
}
.panel .panel-body.no-padding+.panel-footer {
--ySpacingFooter: 12px;
padding-top: var(--ySpacingFooter);
}
.panel .panel-cta-button {
cursor: pointer;
width: 100%;
color: var(--text-color--beta#474747);
text-decoration: none;
text-align: center;
display: block;
background-color: var(--bg-color#fff);
border: 1px solid var(--border-color--alpha#e2e2e2);
border-radius: 2px;
font-size: 16px;
font-weight: 500;
line-height: 18px;
padding: 10px;
}
.panel .panel-cta-button:hover {
color: var(--primary-color--beta#474747);
border-color: var(--primary-color--beta#474747);
}
.panel .panel-cta-link {
width: 100%;
display: flex;
gap: 5px;
align-items: center;
justify-content: center;
cursor: pointer;
text-decoration: none;
white-space: nowrap;
color: #0B65F0;
font-weight: 600;
font-size: 14px;
line-height: 21px;
}
.panel .panel-cta-link::after {
content: "";
display: block;
width: 6px;
height: 11px;
background-image: url("//staticg.sportskeeda.com/skm/assets/ic_breadcrumb_chevron-right--0B65F0.svg");
background-size: cover;
background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
.panel {
--panelXSpacingHeader: 16px;
--panelYSpacingHeader: 16px;
--panelXSpacingBody: 16px;
--panelYSpacingBody: 16px;
--panelXSpacingFooter: 16px;
--panelYSpacingFooter: 16px;
--borderColor: transparent;
border: none;
}
.panel.transparent-m {
background: transparent;
}
.panel.rounded-m {
border-radius: 12px;
}
.panel.with-shadow-m {
box-shadow: 0px 4px 4px 0px #E9F2FA;
}
.panel.no-border-m {
border: none;
}
.panel .panel-body.no-padding-m {
--xSpacingBody: 0px;
--ySpacingBody: 0px;
}
.panel .panel-header.no-padding-m {
--xSpacingHeader: 0px;
--ySpacingHeader: 0px;
}
.panel .panel-body.no-h-padding-m {
--xSpacingBody: 0px;
}
.panel .panel-header.no-h-padding-m {
--xSpacingHeader: 0px;
}
.panel .panel-body.no-v-padding-m {
--ySpacingBody: 0px;
}
.panel .panel-header.no-v-padding-m {
--ySpacingHeader: 0px;
}
.panel .panel-header.text-sm-m>.panel-heading {
font-size: 14px;
line-height: 21px;
}
}
<>
.hidden-view {
visibility: hidden;
}
.slider-container {
--controlSize: 72px;
--controlPositionOffset: -60px;
--iconPositionOffset: -15px;
--iconScale: 1.0;
position: relative;
width: 100%;
display: flex;
gap: 16px;
flex-direction: column;
}
.slider-container .slider-filters {
display: flex;
gap: 8px;
}
.slider-container .slider-filters .slider-filter-switcher {
cursor: pointer;
display: flex;
padding: 8px 12px;
border: 1px solid #E9E9E9;
box-shadow: 1px 1px 4px rgba(0000.07);
border-radius: 28px;
background: #F5F5F5;
color: #474747;
font-size: 12px;
line-height: 17px;
}
.slider-container .slider-filters .slider-filter-switcher.active {
background: #D32F2F;
color: #fff;
}
.slider-container .slider-control {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 999;
}
.slider-container .slider-control button.slider-control-btn {
width: 70px;
height: 70px;
cursor: pointer;
background-color: var(--surface-color);
border: 1px solid #DFDFDF;
box-shadow: 0 2px 6px 0 rgba(00028%);
width: var(--controlSize);
height: var(--controlSize);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.slider-container .slider-control button.slider-control-btn:hover {
border: 1px solid #2D2D2D;
background-color: var(--surface-color);
}
:root[data-theme="dark"] .slider-container .slider-control button.slider-control-btn {
border: 1px solid #2D2D2D;
}
:root[data-theme="dark"] .slider-container .slider-control button.slider-control-btn:hover {
border: 1px solid #999999;
}
:root[data-theme="dark"] .slider-container .slider-control button.slider-control-btn img {
filter: invert(.5);
}
.slider-container .slider-control button.slider-control-btn img {
background: none;
width: 10px;
height: 15px;
object-fit: cover;
display: block;
position: relative;
}
:root[data-theme="dark"] .slider-container button.slider-control-btn img {
filter: invert(1);
}
.slider-container .slider-control.slider-control--left {
left: var(--controlPositionOffset);
}
.slider-container .slider-control.slider-control--left button.slider-control-btn img {
right: var(--iconPositionOffset);
transform: scale(var(--iconScale)) rotate(180deg);
}
.slider-container .slider-control.slider-control--right {
right: var(--controlPositionOffset);
}
.slider-container .slider-control.slider-control--right button.slider-control-btn img {
left: var(--iconPositionOffset);
transform: scale(var(--iconScale));
}
@media (max-width: 768px) {
.slider-container .slider-control {
display: none;
}
}
.slider-container.m {
--controlSize: 48px;
--controlPositionOffset: -50px;
--iconPositionOffset: -12px;
--iconScale: 0.65;
}
.slider-container.s {
--controlSize: 36px;
--controlPositionOffset: -36px;
--iconPositionOffset: -4px;
--iconScale: 0.5;
}
.slider-container .slider-items {
width: 100%;
display: flex;
gap: 12px;
overflow: hidden;
overflow-x: auto;
-ms-overflow-: none;
scrollbar-width: none;
}
.slider-container .slider-items::-webkit-scrollbar {
display: none;
}
.slider-items .slider-item {
position: relative;
display: block;
}
.slider-items .slider-item .item-cta {
z-index: 99;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
<>
.section-separator:has(+ .sk-widget.fluid) {
border-color: transparent;
}
.sk-widget.fluid+.section-separator {
border-color: transparent;
}
.section-separator:has(+ .sk-widget.no-pre-separator) {
display: none;
}
.sk-widget.no-post-separator+.section-separator {
display: none;
}
.sk-widget .sk-widget-footer-note {
font-size: 12px;
line-height: 18px;
font-: italic;
color: #2D2D2D;
text-align: right;
background: #ffff;
}
@media (max-width: 768px) {
.section-separator:has(+ .sk-widget.no-pre-separator-m) {
display: none;
}
.sk-widget.no-post-separator-m+.section-separator {
display: none;
}
.sk-widget .sk-widget-footer-note {
font-size: 10px;
line-height: 15px;
}
}
<>
.sport-feed-item-primary {
padding: 16px 20px 0px;
}
.sports-feed-item-primary-element {
display: flex;
flex-direction: row-reverse;
position: relative;
height: 186px;
}
.sports-feed-item-primary-element::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(272.1degrgba(3237640) 15.55%rgba(3237641.99) 40.61%#02032E 98.26%);
border-radius: var(--primaryFeedItemImageBRadius8px);
}
.sports-feed-item-primary-element .feed-item-cta {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 1;
opacity: 0;
}
.sports-feed-item-primary-element img {
width: calc(186px * 16 / 10);
aspect-ratio: 16/10;
height: 100%;
object-fit: cover;
border-radius: var(--primaryFeedItemImageBRadius8px);
object-position: top;
margin: 0 0 0 auto;
display: block;
}
.sports-feed-item-primary-element .sports-feed-item-element-meta {
display: flex;
flex-direction: column;
gap: 8px;
position: relative;
bottom: 0;
width: 100%;
height: 100%;
justify-content: space-between;
padding: 20px;
border-radius: 8px;
}
.sports-primary-title {
font-weight: 500;
font-size: 16px;
line-height: 26px;
color: #FFFFFF;
width: 100%;
margin-top: 7px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.sports-feed-item-element-meta .sports-feed-item-primary-modified-time {
color: #E9E9E9;
font-weight: 500;
font-size: 12px;
line-height: 20px;
}
@media (max-width: 768px) {
#carousel-feed-nba .carousel-list {
padding-bottom: 6px;
}
#carousel-feed-nba .carousel-anchors {
bottom: 21px;
}
.sports-feed-item-primary-element {
flex-direction: column;
height: auto;
}
.sport-feed-item-primary {
display: block;
width: 100%;
overflow: hidden;
position: relative;
padding: 0px;
margin-bottom: 12px;
}
.sports-feed-item-primary-element img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--primaryFeedItemImageBRadius8px);
object-position: top;
}
.sports-feed-item-primary-element .sports-feed-item-element-meta {
width: 100%;
height: 100%;
position: relative;
bottom: 0;
display: block;
padding: 8px 0px;
margin-top: -30px;
}
.sports-feed-item-primary-element::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180degrgba(3237640.00) 39.54%rgba(3237640.98) 72.21%#202540 99.09%);
}
.sports-primary-title {
position: relative;
color: #FFFFFF;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
width: auto;
font-weight: 500;
font-size: 14px;
line-height: 20px;
margin: 0 12px;
}
.sports-feed-item-element-meta .sports-feed-item-primary-modified-time {
position: relative;
top: 0;
margin: 0 12px;
}
}
<>
.sports-feed-item-secondary-element .feed-element-img {
width: 110px;
height: fit-content;
border-radius: var(--secondaryFeedItemImageBRadius4px);
object-fit: cover;
aspect-ratio: 16/10;
flex-shrink: 0;
margin: 0 !important;
display: block;
}
.feed-item-secondary {
--sportsFeedItemSecondaryFontSizeMobile: 12px;
display: inline-flex;
width: calc(50% - 32px);
flex-direction: row;
border-bottom: 1px solid var(--border-color--alpha#E9E9E9);
margin: 0px 0 0 20px;
position: relative;
padding: 12px 0px 12px 0px;
}
.sports-feed-item-secondary-element .feed-item-cta {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 1;
opacity: 0;
}
.sports-feed-item-secondary-meta .sports-item-title {
font-weight: 500;
font-size: 13px;
line-height: 17px;
color: var(--text-color--alpha#2D2D2D);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.feed-item-secondary .sports-feed-item-secondary-element {
display: flex;
gap: 12px;
position: relative;
cursor: pointer;
flex: unset;
text-decoration: none;
width: 100%;
}
.feed-item-secondary .sports-feed-item-secondary-meta {
display: flex;
flex-direction: column;
gap: 3px;
}
.feed-item-secondary .share-element {
z-index: 99;
position: absolute;
right: 10px;
bottom: 0;
opacity: 0;
}
.feed-item-secondary:hover .share-element {
opacity: 1;
}
.feed-item-secondary:hover .share-element .share-icon {
display: flex;
}
.sports-feed-item-secondary-meta .share-icon {
height: 18px;
width: 18px;
border: 1px solid #D1D1D1;
border-radius: 14px;
align-items: center;
}
.sports-feed-item-secondary-meta .share-icon img {
height: 10px;
width: 9px;
min-width: unset;
margin: auto;
background: transparent;
}
.sports-feed-item-secondary-meta .share-options {
position: absolute;
right: 0px;
justify-content: flex-end;
gap: 14px;
align-items: center;
display: none;
z-index: 9999999;
background: #FFFFFF;
border: 1px solid #D1D1D1;
border-radius: 16px;
padding: 5px 10px;
animation: growDiv 0.5s cubic-bezier(0.4011);
bottom: -6px;
}
.sports-feed-item-secondary-meta .share-options img {
display: block;
max-width: 100%;
min-width: 20px !important;
height: 20px;
width: 20px;
background: transparent;
}
.feed-item-secondary:hover .sports-item-title {
color: #0B65F0;
}
:root[data-theme="dark"] .feed-item-secondary:hover .sports-item-title {
color: var(--text-color--alpha#fff);
text-decoration: underline;
}
.feed-item-secondary:last-child {
border-bottom: none;
}
.feed-item-secondary:nth-last-child(-n+2) {
border-bottom: none;
}
.carousel-story .live-indicator {
padding: 5px 15px;
gap: 4px;
position: absolute;
max-width: 80px;
max-height: 30px;
margin: 12px;
}
.sports-feed-item-secondary-element .live-indicator {
position: absolute;
padding: 0px 5px;
max-height: 15px;
margin: 5px;
font-size: 10px;
}
.sports-feed-item-secondary-element .blob {
margin: 5px;
height: 5px;
width: 5px;
}
.sports-feed-item-secondary-meta .sports-feed-item-secondary-modified-time {
color: #999999;
font-weight: 500;
font-size: 10px;
line-height: 14px;
}
@media (max-width: 768px) {
#carousel-feed-nba .carousel-list {
padding-bottom: 6px;
}
#carousel-feed-nba .carousel-anchors {
bottom: 21px;
}
.feed-item-secondary {
margin: 0px;
position: relative;
display: block;
width: 100%;
/* background-color: #ffffff; */
padding: 12px 0px;
border: none;
border-bottom: 1px solid var(--border-color--alpha#E9E9E9);
}
.sports-feed-item-secondary-element .feed-element-img {
border-radius: 4px;
object-fit: cover;
}
.feed-item-secondary .sports-feed-item-secondary-meta {
gap: 4px;
}
.sports-feed-item-secondary-meta .sports-item-title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-weight: 500;
font-size: var(--sportsFeedItemSecondaryFontSizeMobile12px);
line-height: 16px;
color: var(--text-color--alpha#2D2D2D);
}
.feed-item-secondary:hover .sports-item-title {
/* color: #2D2D2D; */
text-decoration: underline;
}
.feed-item-secondary:hover .share-element .share-icon {
display: none;
}
.sports-feed-item-element-meta {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
background: linear-gradient(180degrgba(3237640) 39.54%rgba(3237640.98) 65.58%#202540 99.09%);
display: block;
}
:root[data-theme="dark"] .sports-feed-item-element-meta {
background: linear-gradient(180degrgba(3237640.00) 39.54%rgba(3237640.98) 71.92%#202540 99.09%);
}
.feed-item-secondary:first-child {
border-top: none;
padding-top: 18px;
}
}
<>
.sports-feed-item-primary-element .sports-primary-title {
font-weight: 600;
}
@media screen and (max-width: 768px) {
.pinned-stories .sport-feed-item-primary {
width: calc(100% + 32px);
margin-left: -16px;
margin-right: -16px;
margin-bottom: 0;
}
.pinned-stories .sports-feed-item-primary-element {
height: auto;
}
.pinned-stories .sports-feed-item-primary-element img {
width: 100%;
border-radius: 0;
}
.pinned-stories .sports-feed-item-primary-element .sports-feed-item-element-meta {
border-radius: 0;
position: unset;
padding: 8px 0px;
margin-top: -20px;
}
.pinned-stories .sports-feed-item-primary-element .sports-feed-item-element-meta .live-indicator {
position: absolute;
top: 10px;
left: 10px;
}
}
.feed-items {
width: 100%;
--primaryFeedItemImageBRadius: 8px;
--secondaryFeedItemImageBRadius: 4px;
}
@media (max-width: 768px) {
.feed-items .feed-item-secondary:nth-last-child(-n+2) {
border-bottom: 1px solid var(--border-color--alpha#E9E9E9);
}
.feed-items.linear .sport-feed-item-primary {
border-bottom: 1px solid var(--border-color--alpha#E9E9E9);
padding-top: 16px;
padding-bottom: 16px;
margin-bottom: 4px;
}
.feed-items.linear .feed-item-secondary:first-child,
.feed-items.linear .sport-feed-item-primary:first-child {
padding-top: 0;
}
.feed-items.linear .feed-item-secondary:last-child,
.feed-items.linear .sport-feed-item-primary:last-child {
padding-bottom: 0;
border-bottom-color: transparent;
}
.feed-items.linear .feed-item-secondary:last-child {
border-bottom: none;
}
}
<>
.score-carousel-container {
margin-top: 5px;
margin-bottom: 20px;
overflow: hidden;
}
.score-carousel-container #keeda_cricket_widget,
.score-carousel-container #keeda_kabaddi_widget,
.score-carousel-container #keeda_football_widget {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.score-carousel-container #keeda_cricket_widget .keeda_widget,
.score-carousel-container #keeda_kabaddi_widget .keeda_widget,
.score-carousel-container #keeda_football_widget .keeda_widget {
height: auto;
}
.score-carousel-container #keeda_cricket_widget .keeda_widget_match_listing,
.score-carousel-container #keeda_kabaddi_widget .keeda_widget_match_listing,
.score-carousel-container #keeda_football_widget .keeda_widget_match_listing {
min-height: auto;
height: auto;
position: relative;
}
.score-carousel-container #keeda_cricket_widget .keeda_widget_match_listing {
min-height: 172px;
}
.score-carousel-container #keeda_cricket_widget .keeda_drop_down_container {
align-items: center;
}
.score-carousel-container #keeda_cricket_widget .keeda_carousel_all_scores a {
display: inline-flex;
gap: 5px;
align-items: center;
color: var(--score-info-link-color#0B65F0);
}
.score-carousel-container #keeda_cricket_widget .keeda_carousel_all_scores img {
top: 0;
width: 6px;
height: 11px;
}
.mobile-ad-negative-space.ad-container {
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 768px) {
.score-carousel-container {
margin-top: 0;
margin-bottom: 16px;
}
.score-carousel-container #keeda_cricket_widget .keeda_widget_match_listing,
.score-carousel-container #keeda_kabaddi_widget .keeda_widget_match_listing,
.score-carousel-container #keeda_football_widget .keeda_widget_match_listing {
padding-top: 10px;
}
.score-carousel-container #keeda_football_widget {
padding-top: 16px;
}
.score-carousel-container #keeda_kabaddi_widget {
padding-left: 16px;
padding-right: 16px;
}
}
.faq-container .faq-answer {
padding: 12px 20px;
}
.page-rating-section {
margin-bottom: 15px;
}
.reels-widget-fragments-container {
margin-bottom: 18px;
}
<>
.page-info-divider {
width: 100%;
display: flex;
gap: 16px;
align-items: center;
}
.page-info-divider.spacer {
margin-top: 10px;
margin-bottom: 10px;
}
.page-info-divider .divider-heading-container {
position: relative;
display: flex;
}
.page-info-divider .divider-heading-container .divider-heading-cta {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.page-info-divider .divider-heading {
width: auto;
padding: 0;
margin: 0;
color: #474747;
font-weight: 600;
font-size: 28px;
line-height: 34px;
}
.page-info-divider.text-small-d .divider-heading {
font-size: 24px;
line-height: 31px;
}
.page-info-divider.text-small-d .divider-heading::after {
height: 19px;
width: 11px;
}
.page-info-divider.anchor .divider-heading::after {
content: "";
display: inline-block;
margin-left: 8px;
width: 12px;
height: 21px;
background-image: url("//staticg.sportskeeda.com/skm/assets/ic_breadcrumb_chevron-right--0B65F0.svg");
background-size: cover;
background-repeat: no-repeat;
filter: brightness(0) saturate(100%) invert(29%) sepia(0%) saturate(597%) hue-rotate(188deg) brightness(89%) contrast(90%);
}
:root[data-theme="dark"] .page-info-divider .divider-heading {
background: linear-gradient(90deg#acc8fc 0%#fff 50%#6edbff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
width: fit-content;
}
:root[data-theme="dark"] .page-info-divider .divider-heading::after {
filter: brightness(0) saturate(100%) invert(81%) sepia(38%) saturate(953%) hue-rotate(167deg) brightness(102%) contrast(100%);
}
@media (max-width: 768px) {
.page-info-divider.spacer {
padding: 0 16px;
}
.page-info-divider .h-gap {
width: 100%;
}
.page-info-divider .divider-heading-wrapper {
width: 100%;
display: flex;
gap: 10px;
justify-content: space-between;
align-items: center;
}
.page-info-divider .divider-heading-wrapper .divider-cta-container {
display: flex;
}
.page-info-divider .divider-heading-wrapper .divider-heading.with-anchor {
display: flex;
align-items: center;
gap: 5px;
}
.page-info-divider .divider-heading,
.page-info-divider.text-small-d .divider-heading {
font-size: 18px;
line-height: 27px;
}
.page-info-divider .divider-heading::after,
.page-info-divider.text-small-d .divider-heading::after {
width: 7px;
height: 12px;
}
}
<>
:root {
--vidazooPlayerHeight: 0px;
--primisAspectRatio: 4 / 9;
}
.vidazoo-player-container {
width: 100%;
height: calc((1110px - 360px - 16px) * var(--primisAspectRatio));
background-color: #000;
}
.sidebar-content .vidazoo-player-container.right .sk-widget .vidazoo-player-container {
height: calc(360px * var(--primisAspectRatio)) !important;
}
@media(max-width: 768px) {
:root {
--primisAspectRatio: 9 / 16;
}
.vidazoo-container {
--floatingPlayerTopOffset: 0;
}
body.has-top-header .vidazoo-container {
--floatingPlayerTopOffset: var(--topHeaderHeight);
}
body.has-primary-nav .vidazoo-container {
--floatingPlayerTopOffset: var(--primaryNavHeight);
}
body.has-top-header.has-primary-nav .vidazoo-container {
--floatingPlayerTopOffset: calc(var(--topHeaderHeight) + var(--primaryNavHeight));
}
.vidazoo-container vdz[data-view="floater"] {
top: var(--floatingPlayerTopOffset0);
z-index: calc(var(--primaryNavZIndex2147483647) - 1);
}
body .sk-cmc-ads-video-player-container .vidazoo-container {
--floatingPlayerTopOffset: 0px;
}
.vidazoo-player-container.vidazoo-player-container>div.primis-container.primis-holder.primis-holder>div {
overflow: visible !important;
}
.vidazoo-player-container {
height: calc((100vw) * var(--primisAspectRatio));
}
.vidazoo-close-btn {
position: absolute;
top: 10px;
right: 10px;
z-index: 99999;
}
.vidazoo-close-btn img {
width: 20px;
height: 20px;
}
}
<>
.feedback-container {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0000.7);
top: 0;
left: 0;
z-index: 3000;
}
.rating-box {
position: relative;
background: var(--bg-color#fff);
border: 1px solid var(--border-color--alpha#E9E9E9);
border-radius: 4px;
padding: 16px 13px 13px 16px;
min-width: 338px;
}
.rating-box::before {
position: absolute;
width: 12px;
top: -10%;
content: '';
height: 12px;
background: var(--bg-color#fff);
transform: rotate(45deg);
border: 1px solid var(--border-color--alpha#E9E9E9);
border-bottom: 0;
border-right: 0;
}
.feedback-box {
width: 462px;
background: var(--bg-color#fff);
border: 1px solid var(--border-color--alpha#E9E9E9);
box-shadow: -1px 4px 20px rgba(0000.04);
border-radius: 6px;
overflow: hidden;
}
.feedback-header {
border: 1px solid var(--border-color--alpha#E9E9E9);
box-shadow: -1px 4px 20px rgba(0000.04);
width: 100%;
justify-content: space-between !important;
padding: 18px 20px;
}
.feedback-header span {
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #666666;
}
.feedback-header img {
background: transparent;
margin: 0px;
cursor: pointer;
width: 15px;
height: 15px;
}
.rating-text {
font-weight: 500;
color: var(--text-color--alpha#2D2D2D);
}
.feedback-content {
padding: 18px 20px 0 20px;
}
.feedback-stars {
width: 100%;
height: 70px;
margin-bottom: 20px;
}
.feedback-stars .rate {
display: flex;
flex-direction: row-reverse;
width: 100%;
justify-content: space-between;
}
.feedback-data h2 {
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: var(--text-color--alpha#2D2D2D);;
margin-bottom: 10px;
}
.feedback-data textarea {
width: 100%;
resize: none;
color: var(--text-color--alpha#2D2D2D);
background: var(--hover-bg--alpha#f5f5f5);
border: 1px solid rgba(1531531530.1);
border-radius: 8px;
padding: 12px;
overflow: scroll;
margin-top: 14px;
font-family: inherit;
-ms-overflow-: none;
scrollbar-width: none;
}
.feedback-data textarea::-webkit-scrollbar {
display: none;
}
.feedback-checkboxes ul li {
margin: 10px 0;
float: left;
width: 50%;
}
.feedback-checkboxes ul li input,
.feedback-checkboxes ul li label {
cursor: pointer;
}
.feedback-buttons {
margin-bottom: 24px;
padding: 20px 20px 0 20px;
}
.feedback-buttons button {
width: 50%;
background: transparent;
border: none;
color: #666666;
font-weight: 500;
font-size: 14px;
line-height: 16px;
padding: 10px 16px;
cursor: pointer;
}
.feedback-buttons button.submit {
background: #D32F2F;
border-radius: 74px;
color: #FFFFFF;
}
.flex-box {
display: flex;
justify-content: center;
align-items: center;
}
.rate {
float: left;
margin-top: -5px;
padding: 0 10px;
}
.rate:not(:checked)>input {
position: absolute;
top: -9999px;
visibility: hidden;
}
.rate:not(:checked)>label {
float: right;
width: 1em;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 30px;
color: #E9E9E9;
}
.feedback-stars .rate:not(:checked)>label {
font-size: 40px;
line-height: normal;
}
.rate:not(:checked)>label:before {
content: '\2605';
}
.rate>input:checked~label {
color: #D32F2F;
}
.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
color: #fe5353;
}
.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
color: #fe5353;
}
.rating-success {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
@media (max-width:768px) {
.feedback-container {
align-items: flex-end;
}
.rating-box {
margin: 10px;
}
.rating-success .rating-text {
text-align: center;
}
}
<>
.taxonomy-rating-feedback-section {
display: flex;
justify-content: center;
margin-top: 16px;
}
@media screen and (max-width: 768px) {
.taxonomy-rating-feedback-section {
margin: 0;
}
}
Football
Feedback
