.wv-list {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;

}
.wv-list.countour-border {
  border: var(--wv-border-countour);
}
.wv-item {
  --wv-list-bg-color: var(--wv-color-light-rgb);
  --wv-list-text-color: var(--wv-color-dark-rgb);
  --wv-border-countour: solid 1rpx var(--wv-border-color);
  --wv-border-split: solid 1rpx var(--wv-border-color);
  --wv-round-radius: var(--wv-border-radius-default);
  --wv-list-padding-x: var(--wv-padding-default);
  --wv-list-padding-y: var(--wv-padding-default);

  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  gap: var(--wv-gap-y, var(--wv-padding-default)) var(--wv-gap-x, var(--wv-padding-default));
  width: 100%;
  position: relative;
  padding: 0 var(--wv-list-padding-x);

  background: rgba(var(--wv-list-bg-color), var(--wv-rgb-alpha-theme, 1));
  color: rgba(var(--wv-list-text-color), var(--wv-rgb-alpha-theme, 1));
}
.wv-item.border { border: var(--wv-border-countour); }
.wv-item.border .wv-item-body { border-bottom: none; }
.wv-list.item-border .wv-item { border: var(--wv-border-countour); }
.wv-list.item-border .wv-item .wv-item-body { border-bottom: none; }
.wv-item.no-border { border: none; }
.wv-item.no-border .wv-item-body { border-bottom: var(--wv-border-countour); }

.wv-item.selected { filter: brightness(120%); }

.wv-item:not(.inactivable):not(.disabled):not([disabled]).actived, 
.wv-item:not(.inactivable):not(.disabled):not([disabled]):active { 
  filter: brightness(85%); 
}

.wv-item.disabled, .wv-item[disabled] {
  filter: grayscale(60%);
}

.wv-list.inactivable .wv-item:active { filter:initial !important; }

.wv-item .wv-item-annotation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: var(--wv-list-padding-y) 0;
}
.wv-item .wv-item-annotation .icon {
  font-size: 40rpx;
  width: 80rpx;
  height: 80rpx;
  line-height: 80rpx;
}

.wv-item .wv-item-body {
  flex: 1;
  word-wrap: break-word;
  word-break: break-all;
  padding: var(--wv-list-padding-y) 0;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

/* Override for no-split */
.wv-list.no-split .wv-item .wv-item-body, 
.wv-item.no-split .wv-item-body,
.wv-item:last-child .wv-item-body {
  border-bottom: none;
}

.wv-item .wv-item-body {
  border-bottom: var(--wv-border-split);
}

.wv-list.full .wv-item, .wv-item.full { padding: 0; }
/* .wv-list.full .wv-item .wv-item-body:first-child, .wv-item.full .wv-item-body:first-child { padding: var(--wv-list-padding-y) var(--wv-list-padding-x); }
.wv-list.full .wv-item .wv-item-body:last-child, .wv-item.full .wv-item-body:last-child { padding: var(--wv-list-padding-y) var(--wv-list-padding-x); } */
.wv-list.full .wv-item::before, .wv-item.full::before { padding-left: var(--wv-list-padding-x); }
.wv-list.full .wv-item::after, .wv-item.full::after { padding-right: var(--wv-list-padding-x); }
.wv-list.full .wv-item > .wv-item-annotation, .wv-item.full > .wv-item-annotation { padding: 0 }
.wv-item:last-child .wv-item-body { border-bottom: none; }

.wv-list.contour-round { border-radius: var(--wv-round-radius); overflow: hidden; }
.wv-list.contour-round .wv-item:first-child { border-top-left-radius: var(--wv-round-radius); border-top-right-radius: var(--wv-round-radius); overflow: hidden; }
.wv-list.contour-round .wv-item:last-child { border-bottom-left-radius: var(--wv-round-radius); border-bottom-right-radius: var(--wv-round-radius); overflow: hidden; }
.wv-item.round, .wv-list.item-round .wv-item { border-radius: var(--wv-round-radius); overflow: hidden; }
.wv-item.no-round { border-radius: 0 !important; overflow: unset; }

.wv-item::before, .wv-item::after {
  display: inline-block;
  font-family: bootstrap-icons !important;
  justify-self: flex-end;
  align-self: center;

  color: var(--wv-color-muted);
  order: 0;
}
.wv-item::after { content: '\F285'; margin-left: auto; }
.wv-list.right-arrow .wv-item::before { display: none; }
.wv-list.right-arrow .wv-item::after { display: inline-block !important; content: '\F285'; }
.wv-list.left-arrow .wv-item::before { display: inline-block !important; content: '\F285'; }
.wv-list.left-arrow .wv-item::after { display: none; }
.wv-item.right-arrow::before { display: none !important; }
.wv-item.right-arrow::after { display: inline-block !important; content: '\F285' !important; }
.wv-item.left-arrow::before { display: inline-block !important; content: '\F285' !important; }
.wv-item.left-arrow::after { display: none !important; }
.wv-list.no-arrow .wv-item::before { display: none; }
.wv-list.no-arrow .wv-item::after { display: none; }
.wv-item.no-arrow::before { display: none !important; }
.wv-item.no-arrow::after { display: none !important; }