.sidebar {
  background: #21252F;
  color: #FFF;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
}
.sidebar .subnav-link {
  opacity: 0.6;
  border-left: 6px solid #FFF;
  padding: 5px 10px;
  margin-bottom: 10px;
  color: #FFF;
  font-size: 1.1em;
  transition: all 0.2s ease;
}
.sidebar .subnav-link:hover {
  opacity: 0.8;
}
.sidebar .subnav-link:active {
  opacity: 0.3;
}
.sidebar .subnav-link.active {
  opacity: 1;
}
.sidebar .subnav-link.small {
  font-size: 0.9em;
  margin-left: 20px;
  border-left: 2px solid #FFF;
}
.sidebar .subnav-link.plain {
  border-left: none;
  font-size: 0.9em;
  margin-left: 30px;
}

.sidebar.normal {
  background: #21252F;
}

.sidebar.cards {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* future proofing */
  -khtml-border-radius: 3px;
  /* for old Konqueror browsers */
}

.sidebar-label {
  font-weight: var(--medium-font-weight);
  font-size: 0.7em;
  text-transform: uppercase;
  opacity: 0.7;
}

.sidebar-time {
  opacity: 1;
  font-weight: var(--medium-font-weight);
  font-size: 0.9em;
  float: right;
}

.sidebar-currency {
  font-size: 1.5em;
  margin: 15px 5px 0 0;
  float: left;
}

.sidebar-price {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 2em;
  line-height: 1;
  font-weight: var(--medium-font-weight);
  max-width: max-content;
}

.sidebar-price-small {
  font-size: 2.7em;
}

.sidebar-close {
  width: 68px;
  margin-bottom: 10px;
  padding: 10px 30px 10px 30px;
  background-color: #7B8290;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* future proofing */
  -khtml-border-radius: 3px;
  opacity: 0.7;
  transition: all 0.2s ease-in-out;
}

.sidebar-close:hover {
  opacity: 1;
}

.sidebar-close:active {
  opacity: 0.3;
}

@media (max-width: 991px) {
  .sidebar-price span {
    font-size: 1.65rem;
  }
}