/* Minimal tooltip stylesheet used by the fast passive tree viewer. */
@font-face {
  font-family: FontinRegular;
  src: url(../static/fontin-regular-webfont.woff) format("woff"),
    url(../static/fontin-regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: FontinItalic;
  src: url(../static/fontin-italic-webfont.woff) format("woff"),
    url(../static/fontin-italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

.poe2-passivePopup {
  min-width: 263px;
  max-width: 810px;
  position: relative;
  background: rgba(0, 0, 0, 0.9);
  color: #7f7f7f;
  font-family: FontinRegular, Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.2;
  text-align: left;
}

.poe2-passivePopup .poe2-passiveHeader {
  height: 53px;
  margin: 0 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  background-size: auto 100%;
  font-size: 24px;
}

.poe2-passivePopup .poe2-passiveHeader::before,
.poe2-passivePopup .poe2-passiveHeader::after {
  content: "";
  width: 43px;
  height: 53px;
  position: absolute;
  top: 0;
  display: block;
  background-size: auto 100%;
}

.poe2-passivePopup .poe2-passiveHeader::before {
  left: 0;
}

.poe2-passivePopup .poe2-passiveHeader::after {
  right: 0;
}

.poe2-passivePopup .poe2-passiveName,
.poe2-passivePopup .poe2-secDescrText {
  color: #c8c8c8;
}

.poe2-passivePopup .poe2-passiveName {
  white-space: nowrap;
}

.poe2-passivePopup .poe2-content {
  padding: 0.5em 8px 1px;
}

.poe2-passivePopup .poe2-section {
  margin: 0.5em 0;
}

.poe2-passivePopup .poe2-explicitMod {
  color: #88f;
}

.poe2-passivePopup .poe2-flavourText {
  color: #af6025;
  font-family: FontinItalic, Verdana, Arial, Helvetica, sans-serif;
}

.poe2-passivePopup .poe2-separator {
  height: 8px;
  margin: 1px 0;
  background: url(../static/PassiveSkillScreenPassivePopupSeparator.webp) 50% no-repeat;
  background-size: auto 12px;
}

.poe2-passivePopup .poe2-separator:last-child {
  display: none;
}

.poe2-passivePopup.poe2-normalPopup .poe2-passiveHeader {
  background-image: url(../static/NormalPassiveHeaderMiddle.webp);
}

.poe2-passivePopup.poe2-normalPopup .poe2-passiveHeader::before {
  background-image: url(../static/NormalPassiveHeaderLeft.webp);
}

.poe2-passivePopup.poe2-normalPopup .poe2-passiveHeader::after {
  background-image: url(../static/NormalPassiveHeaderRight.webp);
}

.poe2-passivePopup.poe2-ascendancyPopup .poe2-passiveHeader {
  background-image: url(../static/AscendancyPassiveHeaderMiddle.webp);
}

.poe2-passivePopup.poe2-ascendancyPopup .poe2-passiveHeader::before {
  background-image: url(../static/AscendancyPassiveHeaderLeft.webp);
}

.poe2-passivePopup.poe2-ascendancyPopup .poe2-passiveHeader::after {
  background-image: url(../static/AscendancyPassiveHeaderRight.webp);
}

.poe2-passivePopup.poe2-jewelPopup .poe2-passiveHeader {
  background-image: url(../static/JewelPassiveHeaderMiddle.webp);
}

.poe2-passivePopup.poe2-jewelPopup .poe2-passiveHeader::before {
  background-image: url(../static/JewelPassiveHeaderLeft.webp);
}

.poe2-passivePopup.poe2-jewelPopup .poe2-passiveHeader::after {
  background-image: url(../static/JewelPassiveHeaderRight.webp);
}

.poe2-passivePopup.poe2-notablePopup .poe2-passiveHeader {
  background-image: url(../static/NotablePassiveHeaderMiddle.webp);
}

.poe2-passivePopup.poe2-notablePopup .poe2-passiveHeader::before {
  background-image: url(../static/NotablePassiveHeaderLeft.webp);
}

.poe2-passivePopup.poe2-notablePopup .poe2-passiveHeader::after {
  background-image: url(../static/NotablePassiveHeaderRight.webp);
}

.poe2-passivePopup.poe2-keystonePopup .poe2-passiveHeader {
  background-image: url(../static/KeystonePassiveHeaderMiddle.webp);
}

.poe2-passivePopup.poe2-keystonePopup .poe2-passiveHeader::before {
  background-image: url(../static/KeystonePassiveHeaderLeft.webp);
}

.poe2-passivePopup.poe2-keystonePopup .poe2-passiveHeader::after {
  background-image: url(../static/KeystonePassiveHeaderRight.webp);
}