/*rgba(245, 130, 32, 0.05)*/
.content-wrapper.periodic-table .content .title {
  position: absolute;
  z-index: 1;
  top: 8.6em;
  left: 50%;
  transform: translateX(-50%) !important;
  margin-bottom: 0.8em;
  margin-left: -1.5em;
  animation: none;
}
.content-wrapper.periodic-table .content .content-inner {
  margin-top: auto;
}
.content-wrapper.periodic-table .content .pagination {
  margin-top: 1.5em;
}
.content-wrapper.periodic-table .content .items-list {
  margin: 0;
  display: flex;
}
.content-wrapper.periodic-table .content .items-list__column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.content-wrapper.periodic-table .content .items-list__text-top, .content-wrapper.periodic-table .content .items-list__text-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.47em;
  height: 2.4em;
}
.content-wrapper.periodic-table .content .items-list__text-top .text-wrapper, .content-wrapper.periodic-table .content .items-list__text-bottom .text-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
}
.content-wrapper.periodic-table .content .items-list__text-top.two-columns .text-wrapper, .content-wrapper.periodic-table .content .items-list__text-bottom.two-columns .text-wrapper {
  width: calc(4.47em * 2);
}
.content-wrapper.periodic-table .content .items-list__text-top.three-columns .text-wrapper, .content-wrapper.periodic-table .content .items-list__text-bottom.three-columns .text-wrapper {
  width: calc(4.47em * 3);
}
.content-wrapper.periodic-table .content .items-list__text-top.four-columns .text-wrapper, .content-wrapper.periodic-table .content .items-list__text-bottom.four-columns .text-wrapper {
  width: calc(4.47em * 4);
}
.content-wrapper.periodic-table .content .items-list__text-top {
  align-items: flex-end;
  padding-bottom: 0.2em;
}
.content-wrapper.periodic-table .content .items-list__text-top .text-wrapper span {
  font-size: 0.8em;
}
.content-wrapper.periodic-table .content .items-list__text-bottom {
  position: absolute;
  top: -5.8em;
  text-align: center;
}
.content-wrapper.periodic-table .content .items-list__text-bottom .text-wrapper span {
  font-size: 0.85em;
}
.content-wrapper.periodic-table .content .items-list__text-bottom .text-wrapper:before {
  content: "";
  display: flex;
  width: 100%;
  height: 0.3em;
  position: absolute;
  top: 1.2em;
}
.content-wrapper.periodic-table .content .items-list__text-bottom .text-wrapper .branch-1, .content-wrapper.periodic-table .content .items-list__text-bottom .text-wrapper .branch-2 {
  font-size: 0.67em;
  text-align: left;
  position: absolute;
  min-width: fit-content;
}
.content-wrapper.periodic-table .content .items-list__text-bottom .text-wrapper .branch-1:before, .content-wrapper.periodic-table .content .items-list__text-bottom .text-wrapper .branch-2:before {
  content: "";
  display: flex;
  width: 0;
  height: 7.2em;
  position: absolute;
  transform: translate(0.2em, -7.7em);
  border-left-style: solid;
  border-left-width: 0.05em;
}
.content-wrapper.periodic-table .content .items-list__text-bottom .text-wrapper .branch-1 .dot, .content-wrapper.periodic-table .content .items-list__text-bottom .text-wrapper .branch-2 .dot {
  display: flex;
  width: 0.45em;
  height: 0.45em;
  border-radius: 0.45em;
  position: absolute;
  top: -0.7em;
}
.content-wrapper.periodic-table .content .items-list__column:nth-child(1) .branch-1 {
  top: 3.5em;
}
.content-wrapper.periodic-table .content .items-list__column:nth-child(1) .branch-1:before {
  height: 0.8em;
  transform: translate(0.2em, -1.4em);
}
.content-wrapper.periodic-table .content .items-list__column:nth-child(1) .branch-2 {
  top: 4.8em;
  left: 7.7em;
}
.content-wrapper.periodic-table .content .items-list__column:nth-child(1) .branch-2:before {
  height: 0.8em;
  transform: translate(0.2em, -1.4em);
}
.content-wrapper.periodic-table .content .items-list__column:nth-child(1) .branch-2 .dot:before {
  content: "";
  display: flex;
  width: 0;
  height: 1.3em;
  position: absolute;
  transform: translate(-2.8em, -2em);
  border-left-style: solid;
  border-left-width: 0.05em;
}
.content-wrapper.periodic-table .content .items-list__column:nth-child(1) .branch-2 .dot:after {
  content: "";
  display: flex;
  width: 3em;
  height: 0;
  position: absolute;
  transform: translate(-2.8em, -0.8em);
  border-bottom-style: solid;
  border-bottom-width: 0.05em;
}
.content-wrapper.periodic-table .content .items-list__column:nth-child(2) .branch-1 {
  top: 6.1em;
  left: 8.5em;
}
.content-wrapper.periodic-table .content .items-list__column:nth-child(2) .branch-1:before {
  height: 3.2em;
  transform: translate(0.2em, -3.8em);
}
.content-wrapper.periodic-table .content .items-list__column:nth-child(2) .branch-2 {
  top: 8.6em;
  left: 13.5em;
}
.content-wrapper.periodic-table .content .items-list__column:nth-child(2) .branch-2:before {
  height: 5.8em;
  transform: translate(0.2em, -6.4em);
}
.content-wrapper.periodic-table .content .items-list__column:nth-child(5) .branch-1 {
  top: 9.9em;
  left: 2.6em;
}
.content-wrapper.periodic-table .content .items-list__column:nth-child(7) .branch-1 {
  top: 9.9em;
  left: 0;
}
.content-wrapper.periodic-table .content .items-list__column:nth-child(7) .branch-2 {
  top: 9.9em;
  left: 5.5em;
}
.content-wrapper.periodic-table .content .items-list__column:nth-child(9) .branch-1 {
  top: 9.9em;
  left: 0;
}
.content-wrapper.periodic-table .content .items-list__column:nth-child(9) .branch-2 {
  top: 9.9em;
  left: 10.8em;
}
.content-wrapper.periodic-table .content .items-list__item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 4.47em;
  height: 2.4em;
  border: 1px solid #FFFFFF;
}
.content-wrapper.periodic-table .content .items-list__icon {
  display: flex;
  height: 80%;
  width: auto;
  max-width: 80%;
  max-height: 70%;
  object-fit: contain;
}

.bg-graffit {
  background-color: #4A4A4A !important;
}

.text-wrapper.line-graffit:before,
.text-wrapper.line-graffit .dot {
  background-color: #4A4A4A;
}

.text-wrapper.line-graffit .branch-1:before,
.text-wrapper.line-graffit .branch-2:before,
.text-wrapper.line-graffit .branch-1 .dot:before, .text-wrapper.line-graffit .branch-1 .dot:after,
.text-wrapper.line-graffit .branch-2 .dot:before, .text-wrapper.line-graffit .branch-2 .dot:after {
  border-left-color: #4A4A4A;
  border-bottom-color: #4A4A4A;
}

.bg-dark-grey {
  background-color: #939598 !important;
}

.text-wrapper.line-dark-grey:before,
.text-wrapper.line-dark-grey .dot {
  background-color: #939598;
}

.text-wrapper.line-dark-grey .branch-1:before,
.text-wrapper.line-dark-grey .branch-2:before,
.text-wrapper.line-dark-grey .branch-1 .dot:before, .text-wrapper.line-dark-grey .branch-1 .dot:after,
.text-wrapper.line-dark-grey .branch-2 .dot:before, .text-wrapper.line-dark-grey .branch-2 .dot:after {
  border-left-color: #939598;
  border-bottom-color: #939598;
}

.bg-mid-grey {
  background-color: #C9CACB !important;
}

.text-wrapper.line-mid-grey:before,
.text-wrapper.line-mid-grey .dot {
  background-color: #C9CACB;
}

.text-wrapper.line-mid-grey .branch-1:before,
.text-wrapper.line-mid-grey .branch-2:before,
.text-wrapper.line-mid-grey .branch-1 .dot:before, .text-wrapper.line-mid-grey .branch-1 .dot:after,
.text-wrapper.line-mid-grey .branch-2 .dot:before, .text-wrapper.line-mid-grey .branch-2 .dot:after {
  border-left-color: #C9CACB;
  border-bottom-color: #C9CACB;
}

.bg-light-grey {
  background-color: #E5E8E9 !important;
}

.text-wrapper.line-light-grey:before,
.text-wrapper.line-light-grey .dot {
  background-color: #E5E8E9;
}

.text-wrapper.line-light-grey .branch-1:before,
.text-wrapper.line-light-grey .branch-2:before,
.text-wrapper.line-light-grey .branch-1 .dot:before, .text-wrapper.line-light-grey .branch-1 .dot:after,
.text-wrapper.line-light-grey .branch-2 .dot:before, .text-wrapper.line-light-grey .branch-2 .dot:after {
  border-left-color: #E5E8E9;
  border-bottom-color: #E5E8E9;
}

.bg-red {
  background-color: #FF5E33 !important;
}

.text-wrapper.line-red:before,
.text-wrapper.line-red .dot {
  background-color: #FF5E33;
}

.text-wrapper.line-red .branch-1:before,
.text-wrapper.line-red .branch-2:before,
.text-wrapper.line-red .branch-1 .dot:before, .text-wrapper.line-red .branch-1 .dot:after,
.text-wrapper.line-red .branch-2 .dot:before, .text-wrapper.line-red .branch-2 .dot:after {
  border-left-color: #FF5E33;
  border-bottom-color: #FF5E33;
}

.bg-orange {
  background-color: #F58220 !important;
}

.text-wrapper.line-orange:before,
.text-wrapper.line-orange .dot {
  background-color: #F58220;
}

.text-wrapper.line-orange .branch-1:before,
.text-wrapper.line-orange .branch-2:before,
.text-wrapper.line-orange .branch-1 .dot:before, .text-wrapper.line-orange .branch-1 .dot:after,
.text-wrapper.line-orange .branch-2 .dot:before, .text-wrapper.line-orange .branch-2 .dot:after {
  border-left-color: #F58220;
  border-bottom-color: #F58220;
}

.bg-yellow {
  background-color: #FFC123 !important;
}

.text-wrapper.line-yellow:before,
.text-wrapper.line-yellow .dot {
  background-color: #FFC123;
}

.text-wrapper.line-yellow .branch-1:before,
.text-wrapper.line-yellow .branch-2:before,
.text-wrapper.line-yellow .branch-1 .dot:before, .text-wrapper.line-yellow .branch-1 .dot:after,
.text-wrapper.line-yellow .branch-2 .dot:before, .text-wrapper.line-yellow .branch-2 .dot:after {
  border-left-color: #FFC123;
  border-bottom-color: #FFC123;
}

.bg-mint {
  background-color: #41C7CF !important;
}

.text-wrapper.line-mint:before,
.text-wrapper.line-mint .dot {
  background-color: #41C7CF;
}

.text-wrapper.line-mint .branch-1:before,
.text-wrapper.line-mint .branch-2:before,
.text-wrapper.line-mint .branch-1 .dot:before, .text-wrapper.line-mint .branch-1 .dot:after,
.text-wrapper.line-mint .branch-2 .dot:before, .text-wrapper.line-mint .branch-2 .dot:after {
  border-left-color: #41C7CF;
  border-bottom-color: #41C7CF;
}

.bg-blue {
  background-color: #5EB2F7 !important;
}

.text-wrapper.line-blue:before,
.text-wrapper.line-blue .dot {
  background-color: #5EB2F7;
}

.text-wrapper.line-blue .branch-1:before,
.text-wrapper.line-blue .branch-2:before,
.text-wrapper.line-blue .branch-1 .dot:before, .text-wrapper.line-blue .branch-1 .dot:after,
.text-wrapper.line-blue .branch-2 .dot:before, .text-wrapper.line-blue .branch-2 .dot:after {
  border-left-color: #5EB2F7;
  border-bottom-color: #5EB2F7;
}

.bg-green {
  background-color: #4CAF50 !important;
}

.text-wrapper.line-green:before,
.text-wrapper.line-green .dot {
  background-color: #4CAF50;
}

.text-wrapper.line-green .branch-1:before,
.text-wrapper.line-green .branch-2:before,
.text-wrapper.line-green .branch-1 .dot:before, .text-wrapper.line-green .branch-1 .dot:after,
.text-wrapper.line-green .branch-2 .dot:before, .text-wrapper.line-green .branch-2 .dot:after {
  border-left-color: #4CAF50;
  border-bottom-color: #4CAF50;
}

.bg-purple {
  background-color: #7E57C2 !important;
}

.text-wrapper.line-purple:before,
.text-wrapper.line-purple .dot {
  background-color: #7E57C2;
}

.text-wrapper.line-purple .branch-1:before,
.text-wrapper.line-purple .branch-2:before,
.text-wrapper.line-purple .branch-1 .dot:before, .text-wrapper.line-purple .branch-1 .dot:after,
.text-wrapper.line-purple .branch-2 .dot:before, .text-wrapper.line-purple .branch-2 .dot:after {
  border-left-color: #7E57C2;
  border-bottom-color: #7E57C2;
}

.bg-white {
  background-color: #FFFFFF !important;
}

.text-wrapper.line-white:before,
.text-wrapper.line-white .dot {
  background-color: #FFFFFF;
}

.text-wrapper.line-white .branch-1:before,
.text-wrapper.line-white .branch-2:before,
.text-wrapper.line-white .branch-1 .dot:before, .text-wrapper.line-white .branch-1 .dot:after,
.text-wrapper.line-white .branch-2 .dot:before, .text-wrapper.line-white .branch-2 .dot:after {
  border-left-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}

.bg-mustard {
  background-color: #ECA900 !important;
}

.text-wrapper.line-mustard:before,
.text-wrapper.line-mustard .dot {
  background-color: #ECA900;
}

.text-wrapper.line-mustard .branch-1:before,
.text-wrapper.line-mustard .branch-2:before,
.text-wrapper.line-mustard .branch-1 .dot:before, .text-wrapper.line-mustard .branch-1 .dot:after,
.text-wrapper.line-mustard .branch-2 .dot:before, .text-wrapper.line-mustard .branch-2 .dot:after {
  border-left-color: #ECA900;
  border-bottom-color: #ECA900;
}

.bg-dark-blue {
  background-color: #24488B !important;
}

.text-wrapper.line-dark-blue:before,
.text-wrapper.line-dark-blue .dot {
  background-color: #24488B;
}

.text-wrapper.line-dark-blue .branch-1:before,
.text-wrapper.line-dark-blue .branch-2:before,
.text-wrapper.line-dark-blue .branch-1 .dot:before, .text-wrapper.line-dark-blue .branch-1 .dot:after,
.text-wrapper.line-dark-blue .branch-2 .dot:before, .text-wrapper.line-dark-blue .branch-2 .dot:after {
  border-left-color: #24488B;
  border-bottom-color: #24488B;
}

.bg-aquamarine {
  background-color: #1D7E9A !important;
}

.text-wrapper.line-aquamarine:before,
.text-wrapper.line-aquamarine .dot {
  background-color: #1D7E9A;
}

.text-wrapper.line-aquamarine .branch-1:before,
.text-wrapper.line-aquamarine .branch-2:before,
.text-wrapper.line-aquamarine .branch-1 .dot:before, .text-wrapper.line-aquamarine .branch-1 .dot:after,
.text-wrapper.line-aquamarine .branch-2 .dot:before, .text-wrapper.line-aquamarine .branch-2 .dot:after {
  border-left-color: #1D7E9A;
  border-bottom-color: #1D7E9A;
}

.bg-orange-light {
  background-color: #FFA129 !important;
}

.text-wrapper.line-orange-light:before,
.text-wrapper.line-orange-light .dot {
  background-color: #FFA129;
}

.text-wrapper.line-orange-light .branch-1:before,
.text-wrapper.line-orange-light .branch-2:before,
.text-wrapper.line-orange-light .branch-1 .dot:before, .text-wrapper.line-orange-light .branch-1 .dot:after,
.text-wrapper.line-orange-light .branch-2 .dot:before, .text-wrapper.line-orange-light .branch-2 .dot:after {
  border-left-color: #FFA129;
  border-bottom-color: #FFA129;
}

.bg-red-light {
  background-color: #FF812E !important;
}

.text-wrapper.line-red-light:before,
.text-wrapper.line-red-light .dot {
  background-color: #FF812E;
}

.text-wrapper.line-red-light .branch-1:before,
.text-wrapper.line-red-light .branch-2:before,
.text-wrapper.line-red-light .branch-1 .dot:before, .text-wrapper.line-red-light .branch-1 .dot:after,
.text-wrapper.line-red-light .branch-2 .dot:before, .text-wrapper.line-red-light .branch-2 .dot:after {
  border-left-color: #FF812E;
  border-bottom-color: #FF812E;
}

.bg-yellow-light {
  background-color: #FFD98A !important;
}

.text-wrapper.line-yellow-light:before,
.text-wrapper.line-yellow-light .dot {
  background-color: #FFD98A;
}

.text-wrapper.line-yellow-light .branch-1:before,
.text-wrapper.line-yellow-light .branch-2:before,
.text-wrapper.line-yellow-light .branch-1 .dot:before, .text-wrapper.line-yellow-light .branch-1 .dot:after,
.text-wrapper.line-yellow-light .branch-2 .dot:before, .text-wrapper.line-yellow-light .branch-2 .dot:after {
  border-left-color: #FFD98A;
  border-bottom-color: #FFD98A;
}

.bg-mint-light {
  background-color: #98D4DC !important;
}

.text-wrapper.line-mint-light:before,
.text-wrapper.line-mint-light .dot {
  background-color: #98D4DC;
}

.text-wrapper.line-mint-light .branch-1:before,
.text-wrapper.line-mint-light .branch-2:before,
.text-wrapper.line-mint-light .branch-1 .dot:before, .text-wrapper.line-mint-light .branch-1 .dot:after,
.text-wrapper.line-mint-light .branch-2 .dot:before, .text-wrapper.line-mint-light .branch-2 .dot:after {
  border-left-color: #98D4DC;
  border-bottom-color: #98D4DC;
}

.bg-blue-mid {
  background-color: #005DA9 !important;
}

.text-wrapper.line-blue-mid:before,
.text-wrapper.line-blue-mid .dot {
  background-color: #005DA9;
}

.text-wrapper.line-blue-mid .branch-1:before,
.text-wrapper.line-blue-mid .branch-2:before,
.text-wrapper.line-blue-mid .branch-1 .dot:before, .text-wrapper.line-blue-mid .branch-1 .dot:after,
.text-wrapper.line-blue-mid .branch-2 .dot:before, .text-wrapper.line-blue-mid .branch-2 .dot:after {
  border-left-color: #005DA9;
  border-bottom-color: #005DA9;
}

.bg-blue-light {
  background-color: #AED8FB !important;
}

.text-wrapper.line-blue-light:before,
.text-wrapper.line-blue-light .dot {
  background-color: #AED8FB;
}

.text-wrapper.line-blue-light .branch-1:before,
.text-wrapper.line-blue-light .branch-2:before,
.text-wrapper.line-blue-light .branch-1 .dot:before, .text-wrapper.line-blue-light .branch-1 .dot:after,
.text-wrapper.line-blue-light .branch-2 .dot:before, .text-wrapper.line-blue-light .branch-2 .dot:after {
  border-left-color: #AED8FB;
  border-bottom-color: #AED8FB;
}

.bg-aqua-light {
  background-color: #B7E0E7 !important;
}

.text-wrapper.line-aqua-light:before,
.text-wrapper.line-aqua-light .dot {
  background-color: #B7E0E7;
}

.text-wrapper.line-aqua-light .branch-1:before,
.text-wrapper.line-aqua-light .branch-2:before,
.text-wrapper.line-aqua-light .branch-1 .dot:before, .text-wrapper.line-aqua-light .branch-1 .dot:after,
.text-wrapper.line-aqua-light .branch-2 .dot:before, .text-wrapper.line-aqua-light .branch-2 .dot:after {
  border-left-color: #B7E0E7;
  border-bottom-color: #B7E0E7;
}

.bg-aqua-dark {
  background-color: #16B1D3 !important;
}

.text-wrapper.line-aqua-dark:before,
.text-wrapper.line-aqua-dark .dot {
  background-color: #16B1D3;
}

.text-wrapper.line-aqua-dark .branch-1:before,
.text-wrapper.line-aqua-dark .branch-2:before,
.text-wrapper.line-aqua-dark .branch-1 .dot:before, .text-wrapper.line-aqua-dark .branch-1 .dot:after,
.text-wrapper.line-aqua-dark .branch-2 .dot:before, .text-wrapper.line-aqua-dark .branch-2 .dot:after {
  border-left-color: #16B1D3;
  border-bottom-color: #16B1D3;
}

.bg-aqua-green {
  background-color: #2FC6A1 !important;
}

.text-wrapper.line-aqua-green:before,
.text-wrapper.line-aqua-green .dot {
  background-color: #2FC6A1;
}

.text-wrapper.line-aqua-green .branch-1:before,
.text-wrapper.line-aqua-green .branch-2:before,
.text-wrapper.line-aqua-green .branch-1 .dot:before, .text-wrapper.line-aqua-green .branch-1 .dot:after,
.text-wrapper.line-aqua-green .branch-2 .dot:before, .text-wrapper.line-aqua-green .branch-2 .dot:after {
  border-left-color: #2FC6A1;
  border-bottom-color: #2FC6A1;
}

.bg-mint-dark {
  background-color: #4BB6BF !important;
}

.text-wrapper.line-mint-dark:before,
.text-wrapper.line-mint-dark .dot {
  background-color: #4BB6BF;
}

.text-wrapper.line-mint-dark .branch-1:before,
.text-wrapper.line-mint-dark .branch-2:before,
.text-wrapper.line-mint-dark .branch-1 .dot:before, .text-wrapper.line-mint-dark .branch-1 .dot:after,
.text-wrapper.line-mint-dark .branch-2 .dot:before, .text-wrapper.line-mint-dark .branch-2 .dot:after {
  border-left-color: #4BB6BF;
  border-bottom-color: #4BB6BF;
}

/*# sourceMappingURL=periodic-table.css.map */