#view-components.active, #view-loadouts.active {
  min-height: calc(100vh - 112px);
  background-color: #0b171f;
  background-size: cover !important;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed !important;
}
#view-components.active {
  background-image: linear-gradient(#0b171f55, #0b171f88), url('/hangar-nuevo/assets/componentes-d07.png') !important;
}
#view-loadouts.active {
  background-image: linear-gradient(#0b171f55, #0b171f88), url('/hangar-nuevo/assets/loaner-d07.png') !important;
}
#view-components .cc-header, #view-loadouts .loaner-intro {
  padding: 20px;
  border: 1px solid #294451;
  border-radius: 6px;
  background: #0b171fcc;
}
#view-components .cc-categories, #view-components .cc-card,
#view-loadouts .loaner-notes, #view-loadouts .loaner-panel,
#view-loadouts .loaner-card, #view-loadouts .loaner-list button {
  background-color: rgba(17,33,44,.88);
}
#view-components .cc-card[aria-pressed=true],
#view-loadouts .loaner-card[aria-pressed=true],
#view-loadouts .loaner-list button[aria-pressed=true] {
  background-color: rgba(58,48,20,.94);
}