.law-design-page .law-group-tabs {
  display: flex;
  align-items: flex-end;
  width: 100%;
  min-width: 0;
  margin-top: 0;
  padding-top: 10px;
  border-bottom: 1px solid #ededed;
  background: #f5f5f8;
}
.law-design-page .law-group-viewport {
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
}
.law-design-page .law-group-viewport::-webkit-scrollbar { display: none; }
.law-design-page .law-group-track { display: flex; width: max-content; min-width: 100%; }
.law-design-page .law-group-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 32px;
  margin: 0;
  padding: 0 26px;
  border: 0;
  background: transparent;
  color: #666;
  font-size: 14px;
  line-height: 32px;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
}
.law-design-page .law-group-tab::before,
.law-design-page .law-group-tab::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background: #fafafa;
}
.law-design-page .law-group-tab::before { left: 6px; transform: skewX(-18deg); border-radius: 10px 0 0 0; }
.law-design-page .law-group-tab::after { right: 6px; transform: skewX(18deg); border-radius: 0 10px 0 0; }
.law-design-page .law-group-tab > * { position: relative; z-index: 1; }
.law-design-page .law-group-tab.is-active { color: #fff; font-weight: 600; }
.law-design-page .law-group-tab.is-active::before,
.law-design-page .law-group-tab.is-active::after { background: #0a5de7; }
.law-design-page .law-group-count { margin-left: 8px; }
.law-design-page .law-group-count::before { content: "（"; }
.law-design-page .law-group-count::after { content: "篇）"; }
.law-design-page .law-group-arrow {
  display: none;
  position: relative;
  z-index: 1;
  flex: 0 0 28px;
  width: 28px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #b3b3b4;
  cursor: pointer;
}
.law-design-page .law-group-tabs.is-overflowing .law-group-arrow { display: block; }
.law-design-page .law-group-arrow::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: calc(50% - 2px);
  display: block;
  width: 7px;
  height: 13px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 13'%3E%3Cpath d='M1 1 6 6.5 1 12' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 13'%3E%3Cpath d='M1 1 6 6.5 1 12' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.law-design-page .law-group-arrow::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  width: 28px;
  height: 32px;
  background: #ededf3;
  pointer-events: none;
}
.law-design-page .law-group-previous { margin-right: -12px; }
.law-design-page .law-group-previous::before { left: calc(50% + 2.5px); transform: translate(-50%, -50%) rotate(180deg); }
.law-design-page .law-group-previous::after { left: 5.2px; border-radius: 6px 0 0 0; transform: skewX(-18deg); }
.law-design-page .law-group-next::after { right: 5.2px; border-radius: 0 6px 0 0; transform: skewX(18deg); }
.law-design-page .law-group-arrow:not(:disabled):hover { color: #0a5de7; }
.law-design-page .law-group-arrow:disabled { cursor: default; }
.law-design-page .law-group-tabs.is-overflowing .law-group-previous:disabled { visibility: hidden; }
/* Match the arrow's slanted edge without exposing a rectangular background gap. */
.law-design-page .law-group-previous:not(:disabled) + .law-group-viewport { clip-path: polygon(22.4px 0, 100% 0, 100% 100%, 12px 100%); }
.law-design-page .law-group-more {
  position: relative;
  /* Text top: 11.96px within the 42px group band (10px + 32px). */
  top: -5.57px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex: 0 0 auto;
  height: 32px;
  margin: 0 0 0 64px;
  padding: 0 0 0 6px;
  border: 0;
  background: transparent;
  color: #0a5de7;
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0;
  text-align: right;
  white-space: nowrap;
  cursor: pointer;
}
.law-design-page .law-group-more-label {
  flex: 0 0 26px;
  width: 26px;
  height: 16.94px;
}
.law-design-page .law-group-more > .iconfont {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  font-size: 0;
  line-height: 1;
}
.law-design-page .law-group-more > .iconfont::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cpath id='arrow' d='M3.2 1.97Q3 1.97 3 2.17V3.72Q3 3.81 3.07 3.87L7.75 8Q7.91 8.145 7.75 8.29L3.07 12.42Q3 12.48 3 12.57V14.12Q3 14.32 3.2 14.32Q3.27 14.32 3.33 14.26L9.93 8.29Q10 8.22 10 8.145Q10 8.07 9.93 8L3.33 2.03Q3.27 1.97 3.2 1.97Z'/%3E%3C/defs%3E%3Cuse href='%23arrow' fill='white'/%3E%3Cuse href='%23arrow' x='6' fill='white'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cpath id='arrow' d='M3.2 1.97Q3 1.97 3 2.17V3.72Q3 3.81 3.07 3.87L7.75 8Q7.91 8.145 7.75 8.29L3.07 12.42Q3 12.48 3 12.57V14.12Q3 14.32 3.2 14.32Q3.27 14.32 3.33 14.26L9.93 8.29Q10 8.22 10 8.145Q10 8.07 9.93 8L3.33 2.03Q3.27 1.97 3.2 1.97Z'/%3E%3C/defs%3E%3Cuse href='%23arrow' fill='white'/%3E%3Cuse href='%23arrow' x='6' fill='white'/%3E%3C/svg%3E") center / contain no-repeat;
}
.law-design-page .law-group-viewport.is-dragging,
.law-design-page .law-group-viewport.is-dragging * { cursor: grabbing; -webkit-user-select: none; user-select: none; }
.law-design-page .law-group-tab:focus-visible,
.law-design-page .law-group-arrow:focus-visible,
.law-design-page .law-group-more:focus-visible { outline: 2px solid #0a5de7; outline-offset: -2px; }
.law-design-page .law-group-message { padding: 30px 16px; text-align: center; color: #666; }

/* Case list tab loading; status text remains available to assistive technology. */
.law-design-page #searchListObj[aria-busy="true"] > .law-group-message[role="status"] {
  /* Double the 260.375px white area below the tabs, extending only its bottom. */
  padding: 12px 0 304.375px;
  font-size: 0;
  line-height: 0;
}
.law-design-page #searchListObj[aria-busy="true"] > .law-group-message[role="status"]::before {
  content: "";
  display: block;
  width: 90px;
  height: 30.375px;
  margin: 120px auto 0;
  background: url(/static/Public/images/waitobj_new_8.gif) center / 90px auto no-repeat;
}
