/* Anime Song Category Sidebar v1.0.1 */
.ascs-category-guide{
  width:100%;
  max-width:100%;
  background:#fff;
  border:1px solid #e7e0f7;
  border-radius:0;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(74,49,135,.05);
  color:#2a2633;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}
.ascs-category-guide *{box-sizing:border-box}
.ascs-category-guide__title{
  min-height:62px;
  padding:15px 17px;
  background:linear-gradient(135deg,var(--ascs-accent),#8b6de9);
  color:#fff;
  display:flex;
  align-items:center;
  gap:12px;
  font-size:21px;
  line-height:1;
  font-weight:800;
}
.ascs-category-guide__title-line{
  margin-left:auto;
  display:block;
  width:72px;
  height:1px;
  background:rgba(255,255,255,.58);
}
.ascs-category-guide__group{padding:13px 12px 15px}
.ascs-category-guide__group-title{
  min-height:49px;
  padding:9px 11px;
  margin-bottom:9px;
  border-radius:7px;
  background:linear-gradient(90deg,#f2edff,#faf8ff);
  display:flex;
  align-items:center;
  gap:9px;
}
.ascs-category-guide__group-icon{
  width:29px;
  height:29px;
  flex:0 0 29px;
  display:grid;
  place-items:center;
  color:var(--ascs-accent);
}
.ascs-category-guide__group-icon svg,
.ascs-category-guide__item-icon svg{
  width:100%;height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ascs-category-guide__group-title strong{
  white-space:nowrap;
  font-size:16px;
  font-weight:800;
  color:#332a49;
}
.ascs-category-guide__line{
  height:1px;
  flex:1 1 auto;
  min-width:12px;
  background:#c9bce9;
  margin-left:2px;
}
.ascs-category-guide__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:7px;
}
.ascs-category-guide__item{
  min-width:0;
  min-height:47px;
  padding:7px 7px 7px 8px;
  display:flex;
  align-items:center;
  gap:6px;
  border:1px solid #e4ddf3;
  border-radius:7px;
  background:#fff;
  color:#302b3b!important;
  text-decoration:none!important;
  box-shadow:none;
  transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease;
}
a.ascs-category-guide__item:hover{
  background:#f8f5ff;
  border-color:#bfaee9;
  transform:translateY(-1px);
  box-shadow:0 3px 10px rgba(113,80,222,.07);
}
.ascs-category-guide__item.is-disabled{opacity:.48;cursor:default}
.ascs-category-guide__item-icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:grid;
  place-items:center;
  color:var(--ascs-accent);
}
.ascs-category-guide__label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
}
.ascs-category-guide__count{
  margin-left:auto;
  flex:0 0 auto;
  min-width:22px;
  height:20px;
  padding:0 5px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#f0ebfb;
  color:#756598;
  font-size:10px;
  line-height:1;
  font-weight:700;
}
.ascs-category-guide__arrow{
  flex:0 0 auto;
  color:#9a88c7;
  font-size:18px;
  line-height:1;
  font-weight:300;
}
@media (max-width:360px){
  .ascs-category-guide__title{font-size:20px}
  .ascs-category-guide__title-line{width:50px}
  .ascs-category-guide__group-title strong{font-size:15px}
  .ascs-category-guide__label{font-size:11.5px}
  .ascs-category-guide__item{padding-left:7px;padding-right:6px;gap:5px}
  .ascs-category-guide__count{padding:0 4px;min-width:20px;font-size:9.5px}
}