.theme-vanguard {
  background: url(https://storage-asset.msi.com/global/picture/image/feature/vga/NVIDIA/new-gen/gb203-400-vanguard-soc/template-bg.jpg) no-repeat fixed;
  background-size: cover;
  scroll-behavior: smooth;
}

.theme__frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.theme__frame:hover .theme__frameTop .line {
  border-color: #0088ff;
}
.theme__frame:hover .theme__frameTop .slash {
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(49%, transparent), color-stop(49%, #0088ff), color-stop(51%, #0088ff), color-stop(51%, transparent));
  background-image: linear-gradient(to right top, transparent 49%, #0088ff 49%, #0088ff 51%, transparent 51%);
}
.theme__frame:hover .theme__frameTop .slash:before {
  background: #0088ff;
}
.theme__frame:hover .theme__frameContent {
  border-color: #0088ff;
}
.theme__frameTop {
  width: 100%;
  height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.theme__frameTop .line {
  width: calc(100% - 15px);
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.theme__frameTop .slash {
  width: 15px;
  height: 15px;
  position: relative;
}
.theme__frameTop .slash::before {
  position: absolute;
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  height: 1px;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  background: #ccc;
  width: 30px;
}
.theme__frameContent {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
}/*# sourceMappingURL=theme-vanguard.css.map */