.wv-panel {
  display: flex;
  flex-direction: column;

  --wv-panel-rgb-bg: var(--wv-rgb-theme, 255, 255, 255);
  --wv-panel-opacity-bg: var(--wv-opacity-bg-theme, 1);
  --wv-panel-radius: var(--wv-border-radius-default);

  background: rgba(var(--wv-panel-rgb-bg), var(--wv-panel-opacity-bg));
  border-radius: var(--wv-panel-radius);
  width: 100%;
  --wv-panel-padding-x: var(--wv-padding-default);
  --wv-panel-padding-y: var(--wv-padding-default);

  gap: var(--wv-panel-padding-y);

  /* margin-bottom: var(--wv-margin-default); */
}

.wv-panel > .wv-panel-header:first-child, 
.wv-panel > .wv-panel-body:first-child, 
.wv-panel > .wv-panel-footer:first-child {
  padding-top: var(--wv-panel-padding-y);
}
.wv-panel > .wv-panel-header:last-child,
.wv-panel > .wv-panel-body:last-child,
.wv-panel > .wv-panel-footer:last-child {
  padding-bottom: var(--wv-panel-padding-y);
}

.wv-panel-header {
  padding-left: var(--wv-panel-padding-x);
  padding-right: var(--wv-panel-padding-x);
  position: relative;
  font-weight: 700;
  overflow: visible;
  border-top-left-radius: var(--wv-panel-radius);
  border-top-right-radius: var(--wv-panel-radius);
  
}
.wv-panel-footer {
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: var(--wv-panel-radius);
  border-bottom-right-radius: var(--wv-panel-radius);
  
}


.wv-panel-body {
  word-wrap: break-word;
  word-break: break-all;
  padding-left: var(--wv-panel-padding-x);
  padding-right: var(--wv-panel-padding-x);
  overflow: auto;
  flex: 1;
  background: rgba(var(--wv-color-light-rgb), 1);
  color: var(--wv-color-default);
  
  border-radius: var(--wv-panel-radius);
}


.wv-panel[class*="wv-theme"] {
  padding: var(--wv-padding-mini);
}
.wv-panel[class*="wv-theme"] .wv-panel-body {
  padding: var(--wv-panel-padding-y) var(--wv-panel-padding-x);
}


.wv-panel[class*="wv-theme"] .wv-panel-header{
  border-bottom: none;
}