/* CN_SPORT_LIVE_CAROUSEL_1_4_0 */

.cnsl140,
.cnsl140 *{
  box-sizing:border-box;
}

.cnsl140{
  display:block;
  position:relative;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:18px 0;
  padding:0;
  clear:both;
  overflow:visible;
}

.cnsl140__shell{
  display:block;
  position:relative;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#fff;
  border-top:1px solid #c9ced2;
  border-bottom:1px solid #c9ced2;
}

.cnsl140__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:48px;
  margin:0;
  padding:11px 14px;
  background:#fff;
  border-bottom:1px solid #d8dde0;
}

.cnsl140__title{
  margin:0;
  padding:0;
  font-family:inherit;
  font-size:19px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  color:#0876b4;
}

.cnsl140__count{
  font-family:inherit;
  font-size:12px;
  line-height:1;
  font-weight:700;
  color:#6b7378;
}

.cnsl140__body{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 42px;
  align-items:stretch;
  width:100%;
  min-width:0;
  padding:14px 8px 16px;
  background:#fff;
}

.cnsl140__viewport{
  position:relative;
  min-width:0;
  width:100%;
  overflow:hidden;
}

.cnsl140__track{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:12px;
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  transform:translate3d(0,0,0);
  transition:transform .32s ease;
  will-change:transform;
  touch-action:pan-y;
}

.cnsl140__card{
  flex:0 0 calc((100% - 36px) / 4);
  width:calc((100% - 36px) / 4);
  min-width:0;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#fff;
  border:1px solid #d7dce0;
}

.cnsl140__teams{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:15px;
  min-height:120px;
  padding:14px 12px 11px;
}

.cnsl140__team{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 27px;
  align-items:center;
  gap:8px;
  min-width:0;
}

.cnsl140__team img,
.cnsl140__no-logo{
  display:block;
  width:34px;
  height:34px;
  min-width:34px;
  object-fit:contain;
}

.cnsl140__no-logo{
  border-radius:50%;
  background:#f0f2f3;
}

.cnsl140__name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-family:inherit;
  font-size:13px;
  line-height:1.2;
  font-weight:700;
  text-transform:uppercase;
  color:#222;
}

.cnsl140__score{
  text-align:right;
  font-size:16px;
  line-height:1;
  font-weight:800;
  color:#111;
}

.cnsl140__meta{
  min-height:29px;
  padding:8px 10px 4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border-top:1px solid #d7dce0;
  font-size:11.5px;
  line-height:1.2;
  font-weight:800;
  color:#08679d;
}

.cnsl140__status{
  min-height:27px;
  padding:3px 10px 8px;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  text-transform:uppercase;
  color:#333;
}

.cnsl140__status.is-live{
  color:#c40000;
}

.cnsl140__arrow{
  align-self:center;
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:52px;
  margin:0;
  padding:0 0 4px;
  border:1px solid #c7d0d5;
  border-radius:4px;
  background:#fff;
  box-shadow:0 1px 5px rgba(0,0,0,.10);
  color:#0876b4;
  font-family:Arial,sans-serif;
  font-size:30px;
  line-height:1;
  font-weight:700;
  cursor:pointer;
  user-select:none;
}

.cnsl140__arrow:hover{
  background:#edf7fb;
}

.cnsl140__arrow:disabled{
  opacity:.24;
  cursor:default;
}

@media(max-width:1000px){
  .cnsl140__card{
    flex-basis:calc((100% - 12px) / 2);
    width:calc((100% - 12px) / 2);
  }
}

@media(max-width:640px){
  .cnsl140{
    margin:10px 0;
  }

  .cnsl140__shell{
    width:100%;
    max-width:100%;
  }

  .cnsl140__head{
    min-height:42px;
    padding:9px 10px;
  }

  .cnsl140__title{
    font-size:15px;
  }

  .cnsl140__count{
    display:none;
  }

  .cnsl140__body{
    grid-template-columns:34px minmax(0,1fr) 34px;
    padding:10px 3px 12px;
  }

  .cnsl140__arrow{
    width:29px;
    height:46px;
    font-size:25px;
  }

  .cnsl140__card{
    flex-basis:100%;
    width:100%;
  }

  .cnsl140__teams{
    min-height:112px;
    padding:12px 10px 9px;
  }

  .cnsl140__team{
    grid-template-columns:31px minmax(0,1fr) 25px;
    gap:7px;
  }

  .cnsl140__team img,
  .cnsl140__no-logo{
    width:31px;
    height:31px;
    min-width:31px;
  }

  .cnsl140__name{
    font-size:12px;
  }

  .cnsl140__meta{
    font-size:11px;
  }
}