@charset "utf-8";

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.panel-item { --panel-item-bg-accent-color: #ffc300; --panel-item-icon-accent-color: var(--panel-item-bg-accent-color); }

.panel-item__content { display: flex; position: relative; -webkit-box-align: start; align-items: flex-start; background-color: rgb(50, 50, 50); color: rgb(248, 248, 248); cursor: pointer; font-family: BrownRegular, sans-serif; font-size: 1.6rem; font-weight: 400; gap: 8px; line-height: 135%; padding: 12px 24px; text-align: left; text-decoration: none; transition: background-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; }

@media (prefers-reduced-motion: reduce) {
  .panel-item__content { transition: none; }
}

.panel-item__content::before { background-color: var(--panel-item-bg-accent-color); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; transition: width 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); width: 0px; }

@media (prefers-reduced-motion: reduce) {
  .panel-item__content::before { transition: none; }
}

@media screen and (min-width: 1200px) {
  .panel-item__content:active, .panel-item__content:hover { background-color: rgb(66, 66, 66); }
  .panel-item__content:active::before, .panel-item__content:hover::before { width: 8px; }
  .panel-item__content:focus-visible { outline: 2px solid var(--outline-color,#2c69f6); outline-offset: var(--outline-offset,-2px); }
}

.panel-item__label { -webkit-box-flex: 1; flex: 1 1 0%; }

.panel-item__icon--right { margin-left: 16px; }

.panel-item--active .panel-item__content { background-color: rgb(66, 66, 66); }

.panel-item--active .panel-item__content::before { width: 8px; }

.panel-item--underline .panel-item__content { text-decoration: underline; }

.panel-item--icon-with-accent .panel-item__icon { color: var(--panel-item-icon-accent-color); }

.panel-item--les-jeux-olympiques, .panel-item--sports { --panel-item-bg-accent-color: #6b8bf6; }

.panel-item--culture { --panel-item-bg-accent-color: #a885a4; }

.panel-item--live { --panel-item-bg-accent-color: #ffc300; --panel-item-icon-accent-color: #e61e00; }