





.verts{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center;
  gap:1.6rem !important;              
  flex-wrap:nowrap !important;         
  overflow-x:auto;                     
  overflow-y:hidden;
  padding:.7rem 0;
  font-size:1rem;
  -webkit-overflow-scrolling:touch;
}

.verts::-webkit-scrollbar{ display:none; }

.verts{ scrollbar-width:none; }


.verts .vitem{
  flex:0 0 auto;                       
  position:relative;
  white-space:nowrap;
  color:#6c757d;
  text-decoration:none;
  font-weight:400;                     
  padding-bottom:.35rem;               
  
  line-height:1.5;
  cursor:pointer;
}
.verts .vitem:hover{ color:inherit; }
.verts .vitem.on{ color:inherit; }     


.verts .vitem.on::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:0;
  height:2px;
  background:currentColor;
}


.verts .vitem .vfilter{
  margin-left:.35rem;
  font-size:14px;
  color:inherit;
  vertical-align:middle;
}

body.dark-mode .verts .vitem{ color:#adb5bd; }
body.dark-mode .verts .vitem.on{ color:#e8eaed; }

body.dark-mode .verts .vitem:hover{ color:#e8eaed; }


.tools{ border-top:0; padding-top:0; }
.tools > summary{ list-style:none; user-select:none; border-bottom:1px solid transparent; }
.tools > summary::-webkit-details-marker{ display:none; }
.tools > summary::before{ content:none; }


.verts{ cursor:default; }


.verts .vfilter-hidden{ visibility:hidden; pointer-events:none; }


.channel-bar-with-arrows .carousel-control-prev,.channel-bar-with-arrows .carousel-control-next{ width:auto; padding:0; opacity:1; top:.7rem; bottom:auto; height:1.5rem; font-size:1rem; line-height:1.5; }


.channel-bar-with-arrows .carousel-control-prev > span,.channel-bar-with-arrows .carousel-control-next > span{ width:1.5rem; height:1.5rem;
  border:1px solid transparent; background:rgba(255,255,255,.92); color:#6c757d; }
.channel-bar-with-arrows .carousel-control-prev:hover > span,.channel-bar-with-arrows .carousel-control-next:hover > span{ color:#343a40; }
body.dark-mode .channel-bar-with-arrows .carousel-control-prev > span,body.dark-mode .channel-bar-with-arrows .carousel-control-next > span{ background:rgba(52,58,64,.94); color:#adb5bd; }
body.dark-mode .channel-bar-with-arrows .carousel-control-prev:hover > span,body.dark-mode .channel-bar-with-arrows .carousel-control-next:hover > span{ color:#e8eaed; }
.channel-bar-with-arrows .carousel-control-prev i,.channel-bar-with-arrows .carousel-control-next i{ font-size:1rem; line-height:1; }
@media(hover:hover){
  .channel-bar-with-arrows .carousel-control-prev,.channel-bar-with-arrows .carousel-control-next{ opacity:0; transition:opacity .15s ease; }
  .channel-bar-with-arrows:hover .carousel-control-prev,.channel-bar-with-arrows:hover .carousel-control-next,
  .channel-bar-with-arrows:focus-within .carousel-control-prev,.channel-bar-with-arrows:focus-within .carousel-control-next{ opacity:1; }
}


@media(min-width:768px){ :where([data-home-channel-scroll]) .verts{ display:grid !important; grid-auto-flow:column; grid-auto-columns:100px; justify-items:start; gap:0 !important; } }

@media(max-width:767px){
  .verts{ font-size:.95rem; gap:1.2rem !important; }
}




.ts-form .form-control{ border-color:#ced4da !important; }

.ts-form .btn{ border-color:#ced4da !important; color:#6c757d;
  background:none;
  
  border-left:0 !important;
  margin-left:0 !important; }
.ts-form .btn:hover{ background:rgba(128,128,128,.12); color:#343a40; }
body.dark-mode .ts-form .form-control,
body.dark-mode .ts-form .btn{ border-color:#6c757d !important; }
.ts-form .form-control::-webkit-search-cancel-button{ filter:grayscale(1); opacity:.45; }
.ts-form .form-control::-webkit-search-cancel-button:hover{ opacity:.8; }
.ts-head{ display:flex; align-items:center; flex:1 1 auto; min-width:0; }
.ts-form{ flex:1 1 auto; min-width:0; }




:root{ --sb-track:rgba(0,0,0,.04); --sb-thumb:rgba(0,0,0,.2); --sb-thumb-hover:rgba(0,0,0,.32); }
body.dark-mode{ --sb-track:rgba(255,255,255,.04); --sb-thumb:rgba(255,255,255,.2); --sb-thumb-hover:rgba(255,255,255,.32); }
body{ scrollbar-color:var(--sb-thumb) var(--sb-track); }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:var(--sb-track); }
::-webkit-scrollbar-thumb{ background:var(--sb-thumb); border-radius:5px; }
::-webkit-scrollbar-thumb:hover{ background:var(--sb-thumb-hover); }

.ts-ranking-column > a{position:relative;z-index:0}
.ts-ranking-watermark{position:absolute;top:50%;left:50%;z-index:-1;transform:translate(-50%,-50%) rotate(-20deg);white-space:nowrap;pointer-events:none;user-select:none;color:var(--g-hover);font-size:var(--ts-font-size-large)}
.ts-ranking-watermark::after{content:"TongSou"}
.ts-ranking-tabs > .verts{min-width:0}
.ts-ranking-banner-signature{position:absolute;right:1rem;bottom:.25rem;font-size:var(--ts-font-size-tiny)}
.ts-ranking-column{min-width:0}
.ts-ranking-column > a:nth-child(even){background:var(--g-rest)}
.ts-ranking-column > a:hover{background:var(--g-hover)}
@media(min-width:1200px){.ts-ranking-column + .ts-ranking-column{border-left:1px solid var(--ts-line)}}
@media(min-width:768px) and (max-width:1199.98px){.ts-ranking-column:nth-child(even){border-left:1px solid var(--ts-line)}}
.ts-ranking-number{width:1.5rem;flex-shrink:0;margin-right:.5rem}
.ts-ranking-icon{--ts-ranking-icon-size:calc(1.5em + 1.5 * var(--ts-font-size-small));width:var(--ts-ranking-icon-size);height:var(--ts-ranking-icon-size);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-right:.5rem}
.ts-ranking-icon > img{width:100%;height:100%}
.ts-ranking-calendar-other{color:var(--ts-text-tertiary)}
.ts-ranking-calendar-today{color:var(--ts-primary-text)}
.ts-ranking-calendar-selected{background:var(--g-active)}
.ts-ranking-calendar-dot{width:4px;height:4px;border-radius:50%;background:var(--ts-primary);margin:2px auto 0}
@media(max-width:767px){.ts-ranking .tip,.ts-ranking-calendar .tip,.ts-ranking .ts-x-actions{font-size:var(--ts-font-size-body)}.ts-ranking-icon{--ts-ranking-icon-size:calc(1.5em + 1.5 * var(--ts-font-size-body))}}
