body, h1, h2, h3, h4, h5, h6, input, textarea, select {
	font-family: 'Noto Sans KR', sans-serif !important; 
}

.d2-image {
  height: 1.35em;
}

.d2-image-raid {
  height: 1.7em;
}

.d2-image-reward {
  height: 2em;
}

.d2-image-shield {
  height: 1rem;
}

.d2-image-modifier {
  height: 30px;
}

.d2-image-type {
  height: 20px;
}

.d2-image-ammo {
  height: 36px;
}

.d2-image-raid-icon {
  height: 32px;
}

.d2-activity-item {
  display: inline-block; 
  margin-right: .25rem; 
  margin-top: .5rem;
}

.d2-activity-item > img {
  height: 4rem;
}

.d2-name {
  letter-spacing: 0.08rem;
}

.d2-tooltip-name {
  font-size: 1.4rem;
  display: block;
}

.d2-tooltip {
  margin: .5rem .25rem;
  font-size: 1.2rem;
  display: block;
}

.d2-tooltip-desc {
  color: #eee;
  word-break: keep-all;
  font-size: 1.05rem;
  white-space: pre-wrap;
}

.d2-raid-challenge-desc {
  color: #ccc;
  font-size: 1.05rem;
  display: inline-block;
}

.d2-raid-encounter {
  font-size: 1.3rem;
  display: inline-block;
}

.d2-desc {
  font-size: 1.3rem;
  display: block;
}

.d2-desc-bigger {
  font-size: 1.4rem;
  display: block;
}

.d2-desc-reward {
  color: #5CA469;
  font-size: 1.1rem;
  letter-spacing: 0.15rem;
}

.d2-desc-location {
  color: #b1ad9e;
  font-size: 1.2rem;
  letter-spacing: 0.11rem;
}

.small-gray {
  color: #bbb;
  letter-spacing: 0.2rem;
}

.smaller-gray {
  color: #bbb;
  font-size: 0.8rem;
  letter-spacing: 0.2rem;
}

.raid-encounter {
  color: #bbb;
  letter-spacing: 0.1rem;
}

.gray-70p {
  color: #bbb;
  font-size: 70%;
}

.gray-80p {
  color: #bbb;
  font-size: 80%;
}

.d2-light {
  color: #d0c76b;
  font-size: 80%;
}

.d2-div-modifier {
  margin: 4px 2px;
  display: inline-block;
}

.d2-head {
  margin-left: -1rem; 
  margin-right: -1rem;
  padding-left: .75rem;
  padding-right: .75rem;
}


/* 배경색 */
.d2-bg-desc {
  padding: .25rem .5rem .75rem;
  background-color: #111;
}

.d2-bg-reward {
  padding: .25rem .5rem .75rem;
  background-color: #1e1e1e;
}

.d2-bg-divider {
  padding-top: .25rem;
  background-color: #aaa;
}

.d2-bg-vanguard-top {
  padding-top: .25rem;
  background-color: #415a6d;
}

.d2-bg-vanguard {
  padding: .25rem .5rem;
  background-color: #21323a;
}

.d2-bg-nightfall-top {
  padding-top: .25rem;
  background-color: #4B5F8E;
}

.d2-bg-nightfall {
  padding: .25rem .5rem;
  background-color: #1A2132;
}

.d2-bg-lost-sector-top {
  padding-top: .25rem;
  background-color: #565073;
}

.d2-bg-lost-sector {
  padding: .25rem .5rem;
  background-color: #262137;
}

.d2-bg-raid-top {
  padding-top: .25rem;
  background-color: #628AA5;
}

.d2-bg-raid {
  padding: .25rem .5rem;
  background-color: #2D3A42;
}

.d2-bg-dungeon-top {
  padding-top: .25rem;
  background-color: #cbae99;
}

.d2-bg-dungeon {
  padding: .25rem .5rem;
  background-color: #544a40;
}

.d2-bg-exotic-mission-top {
  padding-top: .25rem;
  background-color: #9e915d;
}

.d2-bg-exotic-mission {
  padding: .25rem .5rem;
  background-color: #483e1b;
}

.d2-bg-weekly-challenge-top {
  padding-top: .25rem;
  background-color: #83B9CD;
}

.d2-bg-weekly-challenge {
  padding: .25rem .5rem;
  background-color: #21596D;
}

.d2-bg-crucible-top {
  padding-top: .25rem;
  background-color: #cc6964;
}

.d2-bg-crucible {
  padding: .25rem .5rem;
  background-color: #602f2b;
}

.d2-bg-eternity-top {
  padding-top: .25rem;
  background-color: #A4A4A4;
}

.d2-bg-eternity {
  padding: .25rem .5rem;
  background-color: #023D5A;
}

.d2-bg-banshee-top {
  padding-top: .25rem;
  background-color: #4b6278;
}

.d2-bg-banshee {
  padding: .25rem .5rem;
  background-color: #0c2c42;
}

.d2-bg-ada-top {
  padding-top: .25rem;
  background-color: #bdc2c3;
}

.d2-bg-ada {
  padding: .25rem .5rem;
  background-color: #3c4546;
}

.d2-bg-vendor-top {
  padding-top: .25rem;
  background-color: #9FEB84;
}

.d2-bg-vendor {
  padding: .25rem .5rem;
  background-color: #36502F;
}

.d2-bg-forsaken-top {
  padding-top: .25rem;
  background-color: #90587E;
}

.d2-bg-forsaken {
  padding: .25rem .5rem;
  background-color: #3C2A38;
}

.d2-bg-shadowkeep-top {
  padding-top: .25rem;
  background-color: #A22E3B;
}

.d2-bg-shadowkeep {
  padding: .25rem .5rem;
  background-color: #260A0B;
}

.d2-bg-beyond-light-top {
  padding-top: .25rem;
  background-color: #5F7FD2;
}

.d2-bg-beyond-light {
  padding: .25rem .5rem;
  background-color: #0E0D29;
}

.d2-bg-witch-queen-top {
  padding-top: .25rem;
  background-color: #A4A4A4;
}

.d2-bg-witch-queen {
  padding: .25rem .5rem;
  background-color: #092720;
}

.d2-bg-lightfall-top {
  padding-top: .25rem;
  background-color: #822E70;
}

.d2-bg-lightfall {
  padding: .25rem .5rem;
  background-color: #291925;
}

.d2-bg-tfs-top {
  padding-top: .25rem;
  background-color: #69343b;
}

.d2-bg-tfs {
  padding: .25rem .5rem;
  background-color: #0e1617;
}

.d2-bg-onslaught-top {
  padding-top: .25rem;
  background-color: #D68402;
}

.d2-bg-onslaught {
  padding: .25rem .5rem;
  background-color: #6D341A;
}

.d2-bg-seasonal-top {
  padding-top: .25rem;
  background-color: #00dcdc;
}

.d2-bg-seasonal {
  padding: .25rem .5rem;
  background-color: #0c4e4d;
}

.d2-bg-eternity-gradient {
  background-color: #023D5A;
}

.d2-bg-forsaken-gradient {
  background-image: linear-gradient(to right, #3C2A38, rgba(0,0,0,0)) !important;
}

.d2-bg-shadowkeep-gradient {
  background-image: linear-gradient(to right, #260A0B, rgba(0,0,0,0)) !important;
}

.d2-bg-beyond-light-gradient {
  background-image: linear-gradient(to right, #0E0D29, rgba(0,0,0,0)) !important;
}

.d2-bg-witch-queen-gradient {
  background-image: linear-gradient(to right, #092720, rgba(0,0,0,0)) !important;
}

.d2-bg-lightfall-gradient {
  background-image: linear-gradient(to right, #291925, rgba(0,0,0,0)) !important;
}

.d2-bg-tfs-gradient {
  background-image: linear-gradient(to right, #0e1617, rgba(0,0,0,0)) !important;
}

.d2-bg-30th-gradient {
  background-image: linear-gradient(to right, #023D5A, rgba(0,0,0,0)) !important;
}

.d2-bg-legendary {
  min-width: 300px;
  margin: -.25rem -.5rem;
  padding: .25rem .5rem;
  background-color: #4C2D5E;
}

.d2-bg-legendary-desc {
  min-width: 300px;
  margin: -.25rem -.5rem;
  padding: .5rem .75rem;
  background-color: #0F0A12;
}

.d2-bg-legendary-screenshot {
  min-width: 300px;
  margin: -.25rem -.5rem;
  background-color: #0F0A12;
}

.d2-bg-exotic {
  min-width: 300px;
  margin: -.25rem -.5rem;
  padding: .25rem .5rem;
  background-color: #D3B838;
}

.d2-bg-exotic-desc {
  min-width: 300px;
  margin: -.25rem -.5rem;
  padding: .5rem .75rem;
  background-color: #161307;
}

.d2-bg-exotic-screenshot {
  min-width: 300px;
  margin: -.25rem -.5rem;
  background-color: #161307;
}

.d2-bg-modifier-top {
  margin: -.25rem -.5rem;
  padding: .25rem .5rem;
  background-color: #aaa;
}

.d2-bg-modifier {
  margin: -.25rem -.5rem;
  padding: .25rem .5rem;
  background-color: #020202;
}

.d2-bg-modifier-desc {
  margin: -.25rem -.5rem;
  padding: .5rem .75rem 1rem;
  background-color: #1c1c1c;
}

.d2-screenshot {
  height: 15rem;
}

.d2-desc-weapon {
  font-size: 1rem;
  font-weight: 200;
}

.d2-desc-rarity {
  font-size: 1rem;
  font-weight: 200; 
  float: right;
}

.d2-inline {
  display: inline-block;
}

.tooltip-image {
  word-break: keep-all;
}

.tooltip-inner {
  max-width: 427px !important;
  text-align: left !important;
  padding: .25rem .5rem !important;
  word-break: keep-all !important;
}

.tooltip-arrow {
  display: none !important;
}

.tooltip.show {
  opacity: .965 !important
}

.popover {
  max-width: 427px !important;
  text-align: left !important;
  word-break: keep-all !important;
}

.popover-image {
  word-break: keep-all;
}

.popover-body {
  max-width: 427px !important;
  text-align: left !important;
  padding: .25rem .5rem !important;
  word-break: keep-all !important;
}

.popover-arrow {
  display: none !important;
}

.popover.show {
  opacity: .965 !important
}

details {
  user-select: none;
}

details>summary span.icon {
  width: 24px;
  height: 24px;
  transition: all 0.3s;
  margin-left: auto;
}

summary {
  display: flex;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}

.div2 {
  border: 1px solid;
  width: 50px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* .clicked {
  color: #3498db;
}

.clicked > img {
  filter: invert(54%) sepia(50%) saturate(1451%) hue-rotate(177deg) brightness(90%) contrast(90%); 
} */

.progress-0 {
  width: 0%
}
.progress-1 {
width: 2%
}
.progress-2 {
width: 4%
}
.progress-3 {
width: 7%
}
.progress-4 {
width: 9%
}
.progress-5 {
width: 11%
}
.progress-6 {
width: 14%
}
.progress-7 {
width: 16%
}
.progress-8 {
width: 19%
}
.progress-9 {
width: 21%
}
.progress-10 {
width: 23%
}
.progress-11 {
width: 26%
}
.progress-12 {
width: 28%
}
.progress-13 {
width: 30%
}
.progress-14 {
width: 33%
}
.progress-15 {
width: 35%
}
.progress-16 {
width: 38%
}
.progress-17 {
width: 40%
}
.progress-18 {
width: 42%
}
.progress-19 {
width: 45%
}
.progress-20 {
width: 47%
}
.progress-21 {
width: 50%
}
.progress-22 {
width: 52%
}
.progress-23 {
width: 54%
}
.progress-24 {
width: 57%
}
.progress-25 {
width: 59%
}
.progress-26 {
width: 61%
}
.progress-27 {
width: 64%
}
.progress-28 {
width: 66%
}
.progress-29 {
width: 69%
}
.progress-30 {
width: 71%
}
.progress-31 {
width: 74%
}
.progress-32 {
width: 76%
}
.progress-33 {
width: 79%
}
.progress-34 {
width: 81%
}
.progress-35 {
width: 84%
}

.progress {
  border-radius: 0.05em !important;
}

a {
  text-decoration: none !important;
}

.pinnacle {
  filter: brightness(0) saturate(100%) invert(79%) sepia(90%) saturate(342%) hue-rotate(350deg) brightness(96%) contrast(89%) !important; 
}

.d2-raid-challenge-desc {
  word-break: keep-all !important;
}

.d2-rotation-active {
  border: 1px solid #e8d456;
  color: #e8d456;
}

.d2-rotation-inactive {
  border: 1px solid #bbb;
  color: #bbb;
}

.fs-0 {
  font-size: 0;
}

.ellipsis {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}