/* Slot defaultable styles */
.slot-defaultable { display: contents; }
.slot-defaultable .slot:empty { display: none; }
.slot-defaultable .slot { display: contents; }
.slot-defaultable .default-slot { display: none; }
.slot-defaultable .slot:empty + .default-slot { display: contents; }

.wv-top-nav {
  --status-bar-height: 0;
  --nav-height: 44px;
  --total-height: 44px;

}

.wv-top-nav-inner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

.wv-top-nav-status-bar {
  width: 100%;
  height: var(--status-bar-height, 0);
  background-color: #fff;
}

.wv-top-nav-container {
  width: 100%;
  height: var(--nav-height, 0);
  position: relative
}

.nav-top-back-btn {
  min-width: var(--nav-height, 44px);
  height: var(--nav-height, 44px);
}

.wv-top-nav-title {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.wv-top-nav-spacer {
  width: 100%;
  height: var(--total-height);
}