/**************************************************************************************
* This file is intended for shared less variables and shared less mixins styles.  
*
* - Copied from BuildMAster@bb4af7374b755810e5ad1cd71ae51baed5c22233
* - added @nearwhite
**************************************************************************************/
/**************************************************************
* Common Fonts, Colors, etc.
**************************************************************/
/**************************************************************
* DarkMode Colors
**************************************************************/
/**************************************************************
* Mixin Definitions
**************************************************************/
.package-header {
  position: relative;
  height: 100px;
}
.package-header > .icon-container {
  width: 96px;
  height: 96px;
  background-image: url('/resources/images/icons/package.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
}
.package-header > .icon-container.nuget {
  background-image: url('/resources/images/icons/package-nuget.svg');
}
.package-header > .icon-container.chocolatey {
  background-image: url('/resources/images/icons/package-chocolatey.svg');
}
.package-header > .icon-container.powershell {
  background-image: url('/resources/images/icons/package-powershell.svg');
}
.package-header > .icon-container.npm {
  background-image: url('/resources/images/icons/package-npm.svg');
}
.package-header > .icon-container.bower {
  background-image: url('/resources/images/icons/package-bower.svg');
}
.package-header > .icon-container.maven {
  background-image: url('/resources/images/icons/package-maven.svg');
}
.package-header > .icon-container.debian {
  background-image: url('/resources/images/icons/package-debian.svg');
}
.package-header > .icon-container.debian2 {
  background-image: url('/resources/images/icons/package-debian.svg');
}
.package-header > .icon-container.rpm {
  background-image: url('/resources/images/icons/package-rpm.svg');
}
.package-header > .icon-container.pypi {
  background-image: url('/resources/images/icons/package-pypi.svg');
}
.package-header > .icon-container.conda {
  background-image: url('/resources/images/icons/package-conda.svg');
}
.package-header > .icon-container.universal {
  background-image: url('/resources/images/icons/package.svg');
}
.package-header > .icon-container.romp {
  background-image: url('/resources/images/icons/package-romp.svg');
}
.package-header > .icon-container.docker {
  background-image: url('/resources/images/icons/package-docker.svg');
}
.package-header > .icon-container.rubygems {
  background-image: url('/resources/images/icons/package-rubygems.svg');
}
.package-header > .icon-container.vsix {
  background-image: url('/resources/images/icons/package-vsix.svg');
}
.package-header > .icon-container.helm {
  background-image: url('/resources/images/icons/package-helm.svg');
}
.package-header > .icon-container.apk {
  background-image: url('/resources/images/icons/package-apk.svg');
}
.package-header > .icon-container.cran {
  background-image: url('/resources/images/icons/package-cran.svg');
}
.package-header > .icon-container.pub {
  background-image: url('/resources/images/icons/package-pub.svg');
}
.package-header > .icon-container.asset {
  background-image: url('/resources/images/icons/asset-folder');
}
.package-header > .icon-container img {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}
.package-header > .heading-container {
  position: absolute;
  left: 120px;
}
.package-header > .heading-container > h1 {
  margin: 0 0 5px 0;
}
.package-header > .heading-container > div.sub-title {
  width: 640px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.package-header > ul.tabs {
  position: absolute;
  bottom: 0;
  left: 110px;
}
.package-header > div.multi-button {
  position: absolute;
  top: 0;
  right: 0;
}
.package-header > div.new-warning {
  font-size: 12px;
  font-style: italic;
  position: absolute;
  bottom: -5px;
  left: 120px;
  color: #A6AdB6;
}