.pdb-loading {
  font-size: 14px;
  font-weight: 400;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  white-space: nowrap;
  text-align: center;
}
.pdb-loading .pdb-loading-icon,
.pdb-loading label {
  display: inline-block;
  vertical-align: middle;
}

.pdb-btn {
  position: relative;
  border: none;
  outline: none;
  font-size: 14px;
  line-height: 1.5;
  padding: 5px 20px;
  border-radius: 99px;
  overflow: hidden;
  cursor: pointer;
}
.pdb-btn:disabled {
  cursor: default;
}
.pdb-btn_default {
  border: 1px solid #328561;
  border: 1px solid var(--pdb-color-6, #328561);
  color: #328561;
  color: var(--pdb-color-6, #328561);
  background-color: transparent;
}
.pdb-btn_primary {
  color: #112C20;
  color: var(--pdb-color-4, #112C20);
  background-color: #6BC79F;
  background-color: var(--pdb-color-8, #6BC79F);
}
.pdb-btn_primary:disabled {
  opacity: 0.3;
}
@media screen and (min-width: 768px) {
  .pdb-btn_primary:not(:disabled):hover {
    background-color: #A6DDC5;
    background-color: var(--pdb-color-10, #A6DDC5);
  }
}
.pdb-btn_loading {
  background-color: #328561;
  background-color: var(--pdb-color-6, #328561);
  pointer-events: none;
  opacity: 0.7;
  padding: 5px 10px;
  cursor: default;
}
.pdb-btn_loading .pdb-loading {
  display: inline-block;
  height: 1.5em;
  vertical-align: middle;
}

.pdb-tooltip.pdb-tooltip-zoom-appear,
.pdb-tooltip.pdb-tooltip-zoom-enter {
  opacity: 0;
}
.pdb-tooltip.pdb-tooltip-zoom-enter,
.pdb-tooltip.pdb-tooltip-zoom-leave {
  display: block;
}
.pdb-tooltip-zoom-enter,
.pdb-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.pdb-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.pdb-tooltip-zoom-enter.pdb-tooltip-zoom-enter-active,
.pdb-tooltip-zoom-appear.pdb-tooltip-zoom-appear-active {
  animation-name: pdbToolTipZoomIn;
  animation-play-state: running;
}
.pdb-tooltip-zoom-leave.pdb-tooltip-zoom-leave-active {
  animation-name: pdbToolTipZoomOut;
  animation-play-state: running;
}
@keyframes pdbToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes pdbToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.pdb-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.5;
  opacity: 0.9;
}
.pdb-tooltip-hidden {
  display: none;
}
.pdb-tooltip-placement-top,
.pdb-tooltip-placement-topLeft,
.pdb-tooltip-placement-topRight {
  padding: 5px 0 9px 0;
}
.pdb-tooltip-placement-right,
.pdb-tooltip-placement-rightTop,
.pdb-tooltip-placement-rightBottom {
  padding: 0 5px 0 9px;
}
.pdb-tooltip-placement-bottom,
.pdb-tooltip-placement-bottomLeft,
.pdb-tooltip-placement-bottomRight {
  padding: 9px 0 5px 0;
}
.pdb-tooltip-placement-left,
.pdb-tooltip-placement-leftTop,
.pdb-tooltip-placement-leftBottom {
  padding: 0 9px 0 5px;
}
.pdb-tooltip-inner {
  padding: 8px 10px;
  max-width: 300px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #7ECEAB;
  background-color: var(--pdb-color-9, #7ECEAB);
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
  white-space: pre-line;
}
.pdb-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.pdb-tooltip-placement-top .pdb-tooltip-arrow,
.pdb-tooltip-placement-topLeft .pdb-tooltip-arrow,
.pdb-tooltip-placement-topRight .pdb-tooltip-arrow {
  bottom: 4px;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #7ECEAB;
  border-top-color: var(--pdb-color-9, #7ECEAB);
}
.pdb-tooltip-placement-top .pdb-tooltip-arrow {
  left: 50%;
}
.pdb-tooltip-placement-topLeft .pdb-tooltip-arrow {
  left: 15%;
}
.pdb-tooltip-placement-topRight .pdb-tooltip-arrow {
  right: 15%;
}
.pdb-tooltip-placement-right .pdb-tooltip-arrow,
.pdb-tooltip-placement-rightTop .pdb-tooltip-arrow,
.pdb-tooltip-placement-rightBottom .pdb-tooltip-arrow {
  left: 4px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #7ECEAB;
  border-right-color: var(--pdb-color-9, #7ECEAB);
}
.pdb-tooltip-placement-right .pdb-tooltip-arrow {
  top: 50%;
}
.pdb-tooltip-placement-rightTop .pdb-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.pdb-tooltip-placement-rightBottom .pdb-tooltip-arrow {
  bottom: 15%;
}
.pdb-tooltip-placement-left .pdb-tooltip-arrow,
.pdb-tooltip-placement-leftTop .pdb-tooltip-arrow,
.pdb-tooltip-placement-leftBottom .pdb-tooltip-arrow {
  right: 4px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #7ECEAB;
  border-left-color: var(--pdb-color-9, #7ECEAB);
}
.pdb-tooltip-placement-left .pdb-tooltip-arrow {
  top: 50%;
}
.pdb-tooltip-placement-leftTop .pdb-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.pdb-tooltip-placement-leftBottom .pdb-tooltip-arrow {
  bottom: 15%;
}
.pdb-tooltip-placement-bottom .pdb-tooltip-arrow,
.pdb-tooltip-placement-bottomLeft .pdb-tooltip-arrow,
.pdb-tooltip-placement-bottomRight .pdb-tooltip-arrow {
  top: 4px;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #7ECEAB;
  border-bottom-color: var(--pdb-color-9, #7ECEAB);
}
.pdb-tooltip-placement-bottom .pdb-tooltip-arrow {
  left: 50%;
}
.pdb-tooltip-placement-bottomLeft .pdb-tooltip-arrow {
  left: 15%;
}
.pdb-tooltip-placement-bottomRight .pdb-tooltip-arrow {
  right: 15%;
}

.pdb-input {
  padding: 16px;
  border: 1px solid #112C20;
  border: 1px solid var(--pdb-color-4, #112C20);
  outline: none;
  border-radius: 8px;
  resize: none;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  background-color: #15171F;
  background-color: var(--pdb-color-2, #15171F);
}
.pdb-input::-webkit-input-placeholder {
  color: #595959;
  color: var(--gray-color-35, #595959);
}
.pdb-input::-ms-input-placeholder {
  color: #595959;
  color: var(--gray-color-35, #595959);
}
.pdb-input::placeholder {
  color: #595959;
  color: var(--gray-color-35, #595959);
}
.pdb-input-affix-wrapper {
  padding: 2px 8px;
  overflow: hidden;
  border: 1px solid lightgray;
  border-radius: 2px;
}
.pdb-input-affix-wrapper:hover,
.pdb-input-affix-wrapper:focus-within {
  border-color: #000;
}
.pdb-input-affix-wrapper input {
  padding: 0;
  border: none;
  outline: none;
}
.pdb-input-clear-icon {
  font-size: 12px;
  cursor: pointer;
}
.pdb-input-clear-icon-hidden {
  display: none;
}

.pdb-textarea {
  padding: 16px;
  border: 1px solid #112C20;
  border: 1px solid var(--pdb-color-4, #112C20);
  outline: none;
  border-radius: 8px;
  resize: none;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  background-color: #15171F;
  background-color: var(--pdb-color-2, #15171F);
}
.pdb-textarea::-webkit-input-placeholder {
  color: #595959;
  color: var(--gray-color-35, #595959);
}
.pdb-textarea::-ms-input-placeholder {
  color: #595959;
  color: var(--gray-color-35, #595959);
}
.pdb-textarea::placeholder {
  color: #595959;
  color: var(--gray-color-35, #595959);
}

.pdb-row {
  display: flex;
  flex-flow: row wrap;
}
.pdb-row-align-start {
  align-items: flex-start;
}
.pdb-row-align-center {
  align-items: center;
}
.pdb-row-align-end {
  align-items: flex-end;
}
.pdb-row-justify-start {
  justify-content: flex-start;
}
.pdb-row-justify-center {
  justify-content: center;
}
.pdb-row-justify-end {
  justify-content: flex-end;
}
.pdb-row-justify-space-around {
  justify-content: space-around;
}
.pdb-row-justify-space-between {
  justify-content: space-between;
}
.pdb-col {
  position: relative;
  box-sizing: border-box;
}
.pdb-col-0 {
  display: none;
}
.pdb-col-1 {
  display: block;
  width: 4.16666667%;
  flex: 0 0 4.16666667%;
}
.pdb-col-2 {
  display: block;
  width: 8.33333333%;
  flex: 0 0 8.33333333%;
}
.pdb-col-3 {
  display: block;
  width: 12.5%;
  flex: 0 0 12.5%;
}
.pdb-col-4 {
  display: block;
  width: 16.66666667%;
  flex: 0 0 16.66666667%;
}
.pdb-col-5 {
  display: block;
  width: 20.83333333%;
  flex: 0 0 20.83333333%;
}
.pdb-col-6 {
  display: block;
  width: 25%;
  flex: 0 0 25%;
}
.pdb-col-7 {
  display: block;
  width: 29.16666667%;
  flex: 0 0 29.16666667%;
}
.pdb-col-8 {
  display: block;
  width: 33.33333333%;
  flex: 0 0 33.33333333%;
}
.pdb-col-9 {
  display: block;
  width: 37.5%;
  flex: 0 0 37.5%;
}
.pdb-col-10 {
  display: block;
  width: 41.66666667%;
  flex: 0 0 41.66666667%;
}
.pdb-col-11 {
  display: block;
  width: 45.83333333%;
  flex: 0 0 45.83333333%;
}
.pdb-col-12 {
  display: block;
  width: 50%;
  flex: 0 0 50%;
}
.pdb-col-13 {
  display: block;
  width: 54.16666667%;
  flex: 0 0 54.16666667%;
}
.pdb-col-14 {
  display: block;
  width: 58.33333333%;
  flex: 0 0 58.33333333%;
}
.pdb-col-15 {
  display: block;
  width: 62.5%;
  flex: 0 0 62.5%;
}
.pdb-col-16 {
  display: block;
  width: 66.66666667%;
  flex: 0 0 66.66666667%;
}
.pdb-col-17 {
  display: block;
  width: 70.83333333%;
  flex: 0 0 70.83333333%;
}
.pdb-col-18 {
  display: block;
  width: 75%;
  flex: 0 0 75%;
}
.pdb-col-19 {
  display: block;
  width: 79.16666667%;
  flex: 0 0 79.16666667%;
}
.pdb-col-20 {
  display: block;
  width: 83.33333333%;
  flex: 0 0 83.33333333%;
}
.pdb-col-21 {
  display: block;
  width: 87.5%;
  flex: 0 0 87.5%;
}
.pdb-col-22 {
  display: block;
  width: 91.66666667%;
  flex: 0 0 91.66666667%;
}
.pdb-col-23 {
  display: block;
  width: 95.83333333%;
  flex: 0 0 95.83333333%;
}
.pdb-col-24 {
  display: block;
  width: 100%;
  flex: 0 0 100%;
}
.pdb-col-offset-0 {
  margin-left: 0%;
}
.pdb-col-offset-0.pdb-col-rtl {
  margin-left: 0;
  margin-right: 0%;
}
.pdb-col-offset-1 {
  margin-left: 4.16666667%;
}
.pdb-col-offset-1.pdb-col-rtl {
  margin-left: 0;
  margin-right: 4.16666667%;
}
.pdb-col-offset-2 {
  margin-left: 8.33333333%;
}
.pdb-col-offset-2.pdb-col-rtl {
  margin-left: 0;
  margin-right: 8.33333333%;
}
.pdb-col-offset-3 {
  margin-left: 12.5%;
}
.pdb-col-offset-3.pdb-col-rtl {
  margin-left: 0;
  margin-right: 12.5%;
}
.pdb-col-offset-4 {
  margin-left: 16.66666667%;
}
.pdb-col-offset-4.pdb-col-rtl {
  margin-left: 0;
  margin-right: 16.66666667%;
}
.pdb-col-offset-5 {
  margin-left: 20.83333333%;
}
.pdb-col-offset-5.pdb-col-rtl {
  margin-left: 0;
  margin-right: 20.83333333%;
}
.pdb-col-offset-6 {
  margin-left: 25%;
}
.pdb-col-offset-6.pdb-col-rtl {
  margin-left: 0;
  margin-right: 25%;
}
.pdb-col-offset-7 {
  margin-left: 29.16666667%;
}
.pdb-col-offset-7.pdb-col-rtl {
  margin-left: 0;
  margin-right: 29.16666667%;
}
.pdb-col-offset-8 {
  margin-left: 33.33333333%;
}
.pdb-col-offset-8.pdb-col-rtl {
  margin-left: 0;
  margin-right: 33.33333333%;
}
.pdb-col-offset-9 {
  margin-left: 37.5%;
}
.pdb-col-offset-9.pdb-col-rtl {
  margin-left: 0;
  margin-right: 37.5%;
}
.pdb-col-offset-10 {
  margin-left: 41.66666667%;
}
.pdb-col-offset-10.pdb-col-rtl {
  margin-left: 0;
  margin-right: 41.66666667%;
}
.pdb-col-offset-11 {
  margin-left: 45.83333333%;
}
.pdb-col-offset-11.pdb-col-rtl {
  margin-left: 0;
  margin-right: 45.83333333%;
}
.pdb-col-offset-12 {
  margin-left: 50%;
}
.pdb-col-offset-12.pdb-col-rtl {
  margin-left: 0;
  margin-right: 50%;
}
.pdb-col-offset-13 {
  margin-left: 54.16666667%;
}
.pdb-col-offset-13.pdb-col-rtl {
  margin-left: 0;
  margin-right: 54.16666667%;
}
.pdb-col-offset-14 {
  margin-left: 58.33333333%;
}
.pdb-col-offset-14.pdb-col-rtl {
  margin-left: 0;
  margin-right: 58.33333333%;
}
.pdb-col-offset-15 {
  margin-left: 62.5%;
}
.pdb-col-offset-15.pdb-col-rtl {
  margin-left: 0;
  margin-right: 62.5%;
}
.pdb-col-offset-16 {
  margin-left: 66.66666667%;
}
.pdb-col-offset-16.pdb-col-rtl {
  margin-left: 0;
  margin-right: 66.66666667%;
}
.pdb-col-offset-17 {
  margin-left: 70.83333333%;
}
.pdb-col-offset-17.pdb-col-rtl {
  margin-left: 0;
  margin-right: 70.83333333%;
}
.pdb-col-offset-18 {
  margin-left: 75%;
}
.pdb-col-offset-18.pdb-col-rtl {
  margin-left: 0;
  margin-right: 75%;
}
.pdb-col-offset-19 {
  margin-left: 79.16666667%;
}
.pdb-col-offset-19.pdb-col-rtl {
  margin-left: 0;
  margin-right: 79.16666667%;
}
.pdb-col-offset-20 {
  margin-left: 83.33333333%;
}
.pdb-col-offset-20.pdb-col-rtl {
  margin-left: 0;
  margin-right: 83.33333333%;
}
.pdb-col-offset-21 {
  margin-left: 87.5%;
}
.pdb-col-offset-21.pdb-col-rtl {
  margin-left: 0;
  margin-right: 87.5%;
}
.pdb-col-offset-22 {
  margin-left: 91.66666667%;
}
.pdb-col-offset-22.pdb-col-rtl {
  margin-left: 0;
  margin-right: 91.66666667%;
}
.pdb-col-offset-23 {
  margin-left: 95.83333333%;
}
.pdb-col-offset-23.pdb-col-rtl {
  margin-left: 0;
  margin-right: 95.83333333%;
}
.pdb-col-order-0 {
  order: 0;
}
.pdb-col-order-1 {
  order: 1;
}
.pdb-col-order-2 {
  order: 2;
}
.pdb-col-order-3 {
  order: 3;
}
.pdb-col-order-4 {
  order: 4;
}
.pdb-col-order-5 {
  order: 5;
}
.pdb-col-order-6 {
  order: 6;
}
.pdb-col-order-7 {
  order: 7;
}
.pdb-col-order-8 {
  order: 8;
}
.pdb-col-order-9 {
  order: 9;
}
.pdb-col-order-10 {
  order: 10;
}
.pdb-col-order-11 {
  order: 11;
}
.pdb-col-order-12 {
  order: 12;
}
.pdb-col-order-13 {
  order: 13;
}
.pdb-col-order-14 {
  order: 14;
}
.pdb-col-order-15 {
  order: 15;
}
.pdb-col-order-16 {
  order: 16;
}
.pdb-col-order-17 {
  order: 17;
}
.pdb-col-order-18 {
  order: 18;
}
.pdb-col-order-19 {
  order: 19;
}
.pdb-col-order-20 {
  order: 20;
}
.pdb-col-order-21 {
  order: 21;
}
.pdb-col-order-22 {
  order: 22;
}
.pdb-col-order-23 {
  order: 23;
}
.pdb-col-order-24 {
  order: 24;
}
.pdb-col-pull-0 {
  right: 0%;
}
.pdb-col-pull-0.pdb-col-rtl {
  right: unset;
  left: 0%;
}
.pdb-col-pull-1 {
  right: 4.16666667%;
}
.pdb-col-pull-1.pdb-col-rtl {
  right: unset;
  left: 4.16666667%;
}
.pdb-col-pull-2 {
  right: 8.33333333%;
}
.pdb-col-pull-2.pdb-col-rtl {
  right: unset;
  left: 8.33333333%;
}
.pdb-col-pull-3 {
  right: 12.5%;
}
.pdb-col-pull-3.pdb-col-rtl {
  right: unset;
  left: 12.5%;
}
.pdb-col-pull-4 {
  right: 16.66666667%;
}
.pdb-col-pull-4.pdb-col-rtl {
  right: unset;
  left: 16.66666667%;
}
.pdb-col-pull-5 {
  right: 20.83333333%;
}
.pdb-col-pull-5.pdb-col-rtl {
  right: unset;
  left: 20.83333333%;
}
.pdb-col-pull-6 {
  right: 25%;
}
.pdb-col-pull-6.pdb-col-rtl {
  right: unset;
  left: 25%;
}
.pdb-col-pull-7 {
  right: 29.16666667%;
}
.pdb-col-pull-7.pdb-col-rtl {
  right: unset;
  left: 29.16666667%;
}
.pdb-col-pull-8 {
  right: 33.33333333%;
}
.pdb-col-pull-8.pdb-col-rtl {
  right: unset;
  left: 33.33333333%;
}
.pdb-col-pull-9 {
  right: 37.5%;
}
.pdb-col-pull-9.pdb-col-rtl {
  right: unset;
  left: 37.5%;
}
.pdb-col-pull-10 {
  right: 41.66666667%;
}
.pdb-col-pull-10.pdb-col-rtl {
  right: unset;
  left: 41.66666667%;
}
.pdb-col-pull-11 {
  right: 45.83333333%;
}
.pdb-col-pull-11.pdb-col-rtl {
  right: unset;
  left: 45.83333333%;
}
.pdb-col-pull-12 {
  right: 50%;
}
.pdb-col-pull-12.pdb-col-rtl {
  right: unset;
  left: 50%;
}
.pdb-col-pull-13 {
  right: 54.16666667%;
}
.pdb-col-pull-13.pdb-col-rtl {
  right: unset;
  left: 54.16666667%;
}
.pdb-col-pull-14 {
  right: 58.33333333%;
}
.pdb-col-pull-14.pdb-col-rtl {
  right: unset;
  left: 58.33333333%;
}
.pdb-col-pull-15 {
  right: 62.5%;
}
.pdb-col-pull-15.pdb-col-rtl {
  right: unset;
  left: 62.5%;
}
.pdb-col-pull-16 {
  right: 66.66666667%;
}
.pdb-col-pull-16.pdb-col-rtl {
  right: unset;
  left: 66.66666667%;
}
.pdb-col-pull-17 {
  right: 70.83333333%;
}
.pdb-col-pull-17.pdb-col-rtl {
  right: unset;
  left: 70.83333333%;
}
.pdb-col-pull-18 {
  right: 75%;
}
.pdb-col-pull-18.pdb-col-rtl {
  right: unset;
  left: 75%;
}
.pdb-col-pull-19 {
  right: 79.16666667%;
}
.pdb-col-pull-19.pdb-col-rtl {
  right: unset;
  left: 79.16666667%;
}
.pdb-col-pull-20 {
  right: 83.33333333%;
}
.pdb-col-pull-20.pdb-col-rtl {
  right: unset;
  left: 83.33333333%;
}
.pdb-col-pull-21 {
  right: 87.5%;
}
.pdb-col-pull-21.pdb-col-rtl {
  right: unset;
  left: 87.5%;
}
.pdb-col-pull-22 {
  right: 91.66666667%;
}
.pdb-col-pull-22.pdb-col-rtl {
  right: unset;
  left: 91.66666667%;
}
.pdb-col-pull-23 {
  right: 95.83333333%;
}
.pdb-col-pull-23.pdb-col-rtl {
  right: unset;
  left: 95.83333333%;
}
.pdb-col-pull-24 {
  right: 100%;
}
.pdb-col-pull-24.pdb-col-rtl {
  right: unset;
  left: 100%;
}
.pdb-col-push-0 {
  left: 0%;
}
.pdb-col-push-0.pdb-col-rtl {
  left: unset;
  right: 0%;
}
.pdb-col-push-1 {
  left: 4.16666667%;
}
.pdb-col-push-1.pdb-col-rtl {
  left: unset;
  right: 4.16666667%;
}
.pdb-col-push-2 {
  left: 8.33333333%;
}
.pdb-col-push-2.pdb-col-rtl {
  left: unset;
  right: 8.33333333%;
}
.pdb-col-push-3 {
  left: 12.5%;
}
.pdb-col-push-3.pdb-col-rtl {
  left: unset;
  right: 12.5%;
}
.pdb-col-push-4 {
  left: 16.66666667%;
}
.pdb-col-push-4.pdb-col-rtl {
  left: unset;
  right: 16.66666667%;
}
.pdb-col-push-5 {
  left: 20.83333333%;
}
.pdb-col-push-5.pdb-col-rtl {
  left: unset;
  right: 20.83333333%;
}
.pdb-col-push-6 {
  left: 25%;
}
.pdb-col-push-6.pdb-col-rtl {
  left: unset;
  right: 25%;
}
.pdb-col-push-7 {
  left: 29.16666667%;
}
.pdb-col-push-7.pdb-col-rtl {
  left: unset;
  right: 29.16666667%;
}
.pdb-col-push-8 {
  left: 33.33333333%;
}
.pdb-col-push-8.pdb-col-rtl {
  left: unset;
  right: 33.33333333%;
}
.pdb-col-push-9 {
  left: 37.5%;
}
.pdb-col-push-9.pdb-col-rtl {
  left: unset;
  right: 37.5%;
}
.pdb-col-push-10 {
  left: 41.66666667%;
}
.pdb-col-push-10.pdb-col-rtl {
  left: unset;
  right: 41.66666667%;
}
.pdb-col-push-11 {
  left: 45.83333333%;
}
.pdb-col-push-11.pdb-col-rtl {
  left: unset;
  right: 45.83333333%;
}
.pdb-col-push-12 {
  left: 50%;
}
.pdb-col-push-12.pdb-col-rtl {
  left: unset;
  right: 50%;
}
.pdb-col-push-13 {
  left: 54.16666667%;
}
.pdb-col-push-13.pdb-col-rtl {
  left: unset;
  right: 54.16666667%;
}
.pdb-col-push-14 {
  left: 58.33333333%;
}
.pdb-col-push-14.pdb-col-rtl {
  left: unset;
  right: 58.33333333%;
}
.pdb-col-push-15 {
  left: 62.5%;
}
.pdb-col-push-15.pdb-col-rtl {
  left: unset;
  right: 62.5%;
}
.pdb-col-push-16 {
  left: 66.66666667%;
}
.pdb-col-push-16.pdb-col-rtl {
  left: unset;
  right: 66.66666667%;
}
.pdb-col-push-17 {
  left: 70.83333333%;
}
.pdb-col-push-17.pdb-col-rtl {
  left: unset;
  right: 70.83333333%;
}
.pdb-col-push-18 {
  left: 75%;
}
.pdb-col-push-18.pdb-col-rtl {
  left: unset;
  right: 75%;
}
.pdb-col-push-19 {
  left: 79.16666667%;
}
.pdb-col-push-19.pdb-col-rtl {
  left: unset;
  right: 79.16666667%;
}
.pdb-col-push-20 {
  left: 83.33333333%;
}
.pdb-col-push-20.pdb-col-rtl {
  left: unset;
  right: 83.33333333%;
}
.pdb-col-push-21 {
  left: 87.5%;
}
.pdb-col-push-21.pdb-col-rtl {
  left: unset;
  right: 87.5%;
}
.pdb-col-push-22 {
  left: 91.66666667%;
}
.pdb-col-push-22.pdb-col-rtl {
  left: unset;
  right: 91.66666667%;
}
.pdb-col-push-23 {
  left: 95.83333333%;
}
.pdb-col-push-23.pdb-col-rtl {
  left: unset;
  right: 95.83333333%;
}
.pdb-col-push-24 {
  left: 100%;
}
.pdb-col-push-24.pdb-col-rtl {
  left: unset;
  right: 100%;
}
.pdb-col-xs-0 {
  display: none;
}
.pdb-col-xs-1 {
  display: block;
  width: 4.16666667%;
  flex: 0 0 4.16666667%;
}
.pdb-col-xs-2 {
  display: block;
  width: 8.33333333%;
  flex: 0 0 8.33333333%;
}
.pdb-col-xs-3 {
  display: block;
  width: 12.5%;
  flex: 0 0 12.5%;
}
.pdb-col-xs-4 {
  display: block;
  width: 16.66666667%;
  flex: 0 0 16.66666667%;
}
.pdb-col-xs-5 {
  display: block;
  width: 20.83333333%;
  flex: 0 0 20.83333333%;
}
.pdb-col-xs-6 {
  display: block;
  width: 25%;
  flex: 0 0 25%;
}
.pdb-col-xs-7 {
  display: block;
  width: 29.16666667%;
  flex: 0 0 29.16666667%;
}
.pdb-col-xs-8 {
  display: block;
  width: 33.33333333%;
  flex: 0 0 33.33333333%;
}
.pdb-col-xs-9 {
  display: block;
  width: 37.5%;
  flex: 0 0 37.5%;
}
.pdb-col-xs-10 {
  display: block;
  width: 41.66666667%;
  flex: 0 0 41.66666667%;
}
.pdb-col-xs-11 {
  display: block;
  width: 45.83333333%;
  flex: 0 0 45.83333333%;
}
.pdb-col-xs-12 {
  display: block;
  width: 50%;
  flex: 0 0 50%;
}
.pdb-col-xs-13 {
  display: block;
  width: 54.16666667%;
  flex: 0 0 54.16666667%;
}
.pdb-col-xs-14 {
  display: block;
  width: 58.33333333%;
  flex: 0 0 58.33333333%;
}
.pdb-col-xs-15 {
  display: block;
  width: 62.5%;
  flex: 0 0 62.5%;
}
.pdb-col-xs-16 {
  display: block;
  width: 66.66666667%;
  flex: 0 0 66.66666667%;
}
.pdb-col-xs-17 {
  display: block;
  width: 70.83333333%;
  flex: 0 0 70.83333333%;
}
.pdb-col-xs-18 {
  display: block;
  width: 75%;
  flex: 0 0 75%;
}
.pdb-col-xs-19 {
  display: block;
  width: 79.16666667%;
  flex: 0 0 79.16666667%;
}
.pdb-col-xs-20 {
  display: block;
  width: 83.33333333%;
  flex: 0 0 83.33333333%;
}
.pdb-col-xs-21 {
  display: block;
  width: 87.5%;
  flex: 0 0 87.5%;
}
.pdb-col-xs-22 {
  display: block;
  width: 91.66666667%;
  flex: 0 0 91.66666667%;
}
.pdb-col-xs-23 {
  display: block;
  width: 95.83333333%;
  flex: 0 0 95.83333333%;
}
.pdb-col-xs-24 {
  display: block;
  width: 100%;
  flex: 0 0 100%;
}
.pdb-col-xs-offset-0 {
  margin-left: 0%;
}
.pdb-col-xs-offset-0.pdb-col-rtl {
  margin-left: 0;
  margin-right: 0%;
}
.pdb-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.pdb-col-xs-offset-1.pdb-col-rtl {
  margin-left: 0;
  margin-right: 4.16666667%;
}
.pdb-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.pdb-col-xs-offset-2.pdb-col-rtl {
  margin-left: 0;
  margin-right: 8.33333333%;
}
.pdb-col-xs-offset-3 {
  margin-left: 12.5%;
}
.pdb-col-xs-offset-3.pdb-col-rtl {
  margin-left: 0;
  margin-right: 12.5%;
}
.pdb-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.pdb-col-xs-offset-4.pdb-col-rtl {
  margin-left: 0;
  margin-right: 16.66666667%;
}
.pdb-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.pdb-col-xs-offset-5.pdb-col-rtl {
  margin-left: 0;
  margin-right: 20.83333333%;
}
.pdb-col-xs-offset-6 {
  margin-left: 25%;
}
.pdb-col-xs-offset-6.pdb-col-rtl {
  margin-left: 0;
  margin-right: 25%;
}
.pdb-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.pdb-col-xs-offset-7.pdb-col-rtl {
  margin-left: 0;
  margin-right: 29.16666667%;
}
.pdb-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.pdb-col-xs-offset-8.pdb-col-rtl {
  margin-left: 0;
  margin-right: 33.33333333%;
}
.pdb-col-xs-offset-9 {
  margin-left: 37.5%;
}
.pdb-col-xs-offset-9.pdb-col-rtl {
  margin-left: 0;
  margin-right: 37.5%;
}
.pdb-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.pdb-col-xs-offset-10.pdb-col-rtl {
  margin-left: 0;
  margin-right: 41.66666667%;
}
.pdb-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.pdb-col-xs-offset-11.pdb-col-rtl {
  margin-left: 0;
  margin-right: 45.83333333%;
}
.pdb-col-xs-offset-12 {
  margin-left: 50%;
}
.pdb-col-xs-offset-12.pdb-col-rtl {
  margin-left: 0;
  margin-right: 50%;
}
.pdb-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.pdb-col-xs-offset-13.pdb-col-rtl {
  margin-left: 0;
  margin-right: 54.16666667%;
}
.pdb-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.pdb-col-xs-offset-14.pdb-col-rtl {
  margin-left: 0;
  margin-right: 58.33333333%;
}
.pdb-col-xs-offset-15 {
  margin-left: 62.5%;
}
.pdb-col-xs-offset-15.pdb-col-rtl {
  margin-left: 0;
  margin-right: 62.5%;
}
.pdb-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.pdb-col-xs-offset-16.pdb-col-rtl {
  margin-left: 0;
  margin-right: 66.66666667%;
}
.pdb-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.pdb-col-xs-offset-17.pdb-col-rtl {
  margin-left: 0;
  margin-right: 70.83333333%;
}
.pdb-col-xs-offset-18 {
  margin-left: 75%;
}
.pdb-col-xs-offset-18.pdb-col-rtl {
  margin-left: 0;
  margin-right: 75%;
}
.pdb-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.pdb-col-xs-offset-19.pdb-col-rtl {
  margin-left: 0;
  margin-right: 79.16666667%;
}
.pdb-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.pdb-col-xs-offset-20.pdb-col-rtl {
  margin-left: 0;
  margin-right: 83.33333333%;
}
.pdb-col-xs-offset-21 {
  margin-left: 87.5%;
}
.pdb-col-xs-offset-21.pdb-col-rtl {
  margin-left: 0;
  margin-right: 87.5%;
}
.pdb-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.pdb-col-xs-offset-22.pdb-col-rtl {
  margin-left: 0;
  margin-right: 91.66666667%;
}
.pdb-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.pdb-col-xs-offset-23.pdb-col-rtl {
  margin-left: 0;
  margin-right: 95.83333333%;
}
.pdb-col-xs-order-0 {
  order: 0;
}
.pdb-col-xs-order-1 {
  order: 1;
}
.pdb-col-xs-order-2 {
  order: 2;
}
.pdb-col-xs-order-3 {
  order: 3;
}
.pdb-col-xs-order-4 {
  order: 4;
}
.pdb-col-xs-order-5 {
  order: 5;
}
.pdb-col-xs-order-6 {
  order: 6;
}
.pdb-col-xs-order-7 {
  order: 7;
}
.pdb-col-xs-order-8 {
  order: 8;
}
.pdb-col-xs-order-9 {
  order: 9;
}
.pdb-col-xs-order-10 {
  order: 10;
}
.pdb-col-xs-order-11 {
  order: 11;
}
.pdb-col-xs-order-12 {
  order: 12;
}
.pdb-col-xs-order-13 {
  order: 13;
}
.pdb-col-xs-order-14 {
  order: 14;
}
.pdb-col-xs-order-15 {
  order: 15;
}
.pdb-col-xs-order-16 {
  order: 16;
}
.pdb-col-xs-order-17 {
  order: 17;
}
.pdb-col-xs-order-18 {
  order: 18;
}
.pdb-col-xs-order-19 {
  order: 19;
}
.pdb-col-xs-order-20 {
  order: 20;
}
.pdb-col-xs-order-21 {
  order: 21;
}
.pdb-col-xs-order-22 {
  order: 22;
}
.pdb-col-xs-order-23 {
  order: 23;
}
.pdb-col-xs-order-24 {
  order: 24;
}
.pdb-col-xs-pull-0 {
  right: 0%;
}
.pdb-col-xs-pull-0.pdb-col-rtl {
  right: unset;
  left: 0%;
}
.pdb-col-xs-pull-1 {
  right: 4.16666667%;
}
.pdb-col-xs-pull-1.pdb-col-rtl {
  right: unset;
  left: 4.16666667%;
}
.pdb-col-xs-pull-2 {
  right: 8.33333333%;
}
.pdb-col-xs-pull-2.pdb-col-rtl {
  right: unset;
  left: 8.33333333%;
}
.pdb-col-xs-pull-3 {
  right: 12.5%;
}
.pdb-col-xs-pull-3.pdb-col-rtl {
  right: unset;
  left: 12.5%;
}
.pdb-col-xs-pull-4 {
  right: 16.66666667%;
}
.pdb-col-xs-pull-4.pdb-col-rtl {
  right: unset;
  left: 16.66666667%;
}
.pdb-col-xs-pull-5 {
  right: 20.83333333%;
}
.pdb-col-xs-pull-5.pdb-col-rtl {
  right: unset;
  left: 20.83333333%;
}
.pdb-col-xs-pull-6 {
  right: 25%;
}
.pdb-col-xs-pull-6.pdb-col-rtl {
  right: unset;
  left: 25%;
}
.pdb-col-xs-pull-7 {
  right: 29.16666667%;
}
.pdb-col-xs-pull-7.pdb-col-rtl {
  right: unset;
  left: 29.16666667%;
}
.pdb-col-xs-pull-8 {
  right: 33.33333333%;
}
.pdb-col-xs-pull-8.pdb-col-rtl {
  right: unset;
  left: 33.33333333%;
}
.pdb-col-xs-pull-9 {
  right: 37.5%;
}
.pdb-col-xs-pull-9.pdb-col-rtl {
  right: unset;
  left: 37.5%;
}
.pdb-col-xs-pull-10 {
  right: 41.66666667%;
}
.pdb-col-xs-pull-10.pdb-col-rtl {
  right: unset;
  left: 41.66666667%;
}
.pdb-col-xs-pull-11 {
  right: 45.83333333%;
}
.pdb-col-xs-pull-11.pdb-col-rtl {
  right: unset;
  left: 45.83333333%;
}
.pdb-col-xs-pull-12 {
  right: 50%;
}
.pdb-col-xs-pull-12.pdb-col-rtl {
  right: unset;
  left: 50%;
}
.pdb-col-xs-pull-13 {
  right: 54.16666667%;
}
.pdb-col-xs-pull-13.pdb-col-rtl {
  right: unset;
  left: 54.16666667%;
}
.pdb-col-xs-pull-14 {
  right: 58.33333333%;
}
.pdb-col-xs-pull-14.pdb-col-rtl {
  right: unset;
  left: 58.33333333%;
}
.pdb-col-xs-pull-15 {
  right: 62.5%;
}
.pdb-col-xs-pull-15.pdb-col-rtl {
  right: unset;
  left: 62.5%;
}
.pdb-col-xs-pull-16 {
  right: 66.66666667%;
}
.pdb-col-xs-pull-16.pdb-col-rtl {
  right: unset;
  left: 66.66666667%;
}
.pdb-col-xs-pull-17 {
  right: 70.83333333%;
}
.pdb-col-xs-pull-17.pdb-col-rtl {
  right: unset;
  left: 70.83333333%;
}
.pdb-col-xs-pull-18 {
  right: 75%;
}
.pdb-col-xs-pull-18.pdb-col-rtl {
  right: unset;
  left: 75%;
}
.pdb-col-xs-pull-19 {
  right: 79.16666667%;
}
.pdb-col-xs-pull-19.pdb-col-rtl {
  right: unset;
  left: 79.16666667%;
}
.pdb-col-xs-pull-20 {
  right: 83.33333333%;
}
.pdb-col-xs-pull-20.pdb-col-rtl {
  right: unset;
  left: 83.33333333%;
}
.pdb-col-xs-pull-21 {
  right: 87.5%;
}
.pdb-col-xs-pull-21.pdb-col-rtl {
  right: unset;
  left: 87.5%;
}
.pdb-col-xs-pull-22 {
  right: 91.66666667%;
}
.pdb-col-xs-pull-22.pdb-col-rtl {
  right: unset;
  left: 91.66666667%;
}
.pdb-col-xs-pull-23 {
  right: 95.83333333%;
}
.pdb-col-xs-pull-23.pdb-col-rtl {
  right: unset;
  left: 95.83333333%;
}
.pdb-col-xs-pull-24 {
  right: 100%;
}
.pdb-col-xs-pull-24.pdb-col-rtl {
  right: unset;
  left: 100%;
}
.pdb-col-xs-push-0 {
  left: 0%;
}
.pdb-col-xs-push-0.pdb-col-rtl {
  left: unset;
  right: 0%;
}
.pdb-col-xs-push-1 {
  left: 4.16666667%;
}
.pdb-col-xs-push-1.pdb-col-rtl {
  left: unset;
  right: 4.16666667%;
}
.pdb-col-xs-push-2 {
  left: 8.33333333%;
}
.pdb-col-xs-push-2.pdb-col-rtl {
  left: unset;
  right: 8.33333333%;
}
.pdb-col-xs-push-3 {
  left: 12.5%;
}
.pdb-col-xs-push-3.pdb-col-rtl {
  left: unset;
  right: 12.5%;
}
.pdb-col-xs-push-4 {
  left: 16.66666667%;
}
.pdb-col-xs-push-4.pdb-col-rtl {
  left: unset;
  right: 16.66666667%;
}
.pdb-col-xs-push-5 {
  left: 20.83333333%;
}
.pdb-col-xs-push-5.pdb-col-rtl {
  left: unset;
  right: 20.83333333%;
}
.pdb-col-xs-push-6 {
  left: 25%;
}
.pdb-col-xs-push-6.pdb-col-rtl {
  left: unset;
  right: 25%;
}
.pdb-col-xs-push-7 {
  left: 29.16666667%;
}
.pdb-col-xs-push-7.pdb-col-rtl {
  left: unset;
  right: 29.16666667%;
}
.pdb-col-xs-push-8 {
  left: 33.33333333%;
}
.pdb-col-xs-push-8.pdb-col-rtl {
  left: unset;
  right: 33.33333333%;
}
.pdb-col-xs-push-9 {
  left: 37.5%;
}
.pdb-col-xs-push-9.pdb-col-rtl {
  left: unset;
  right: 37.5%;
}
.pdb-col-xs-push-10 {
  left: 41.66666667%;
}
.pdb-col-xs-push-10.pdb-col-rtl {
  left: unset;
  right: 41.66666667%;
}
.pdb-col-xs-push-11 {
  left: 45.83333333%;
}
.pdb-col-xs-push-11.pdb-col-rtl {
  left: unset;
  right: 45.83333333%;
}
.pdb-col-xs-push-12 {
  left: 50%;
}
.pdb-col-xs-push-12.pdb-col-rtl {
  left: unset;
  right: 50%;
}
.pdb-col-xs-push-13 {
  left: 54.16666667%;
}
.pdb-col-xs-push-13.pdb-col-rtl {
  left: unset;
  right: 54.16666667%;
}
.pdb-col-xs-push-14 {
  left: 58.33333333%;
}
.pdb-col-xs-push-14.pdb-col-rtl {
  left: unset;
  right: 58.33333333%;
}
.pdb-col-xs-push-15 {
  left: 62.5%;
}
.pdb-col-xs-push-15.pdb-col-rtl {
  left: unset;
  right: 62.5%;
}
.pdb-col-xs-push-16 {
  left: 66.66666667%;
}
.pdb-col-xs-push-16.pdb-col-rtl {
  left: unset;
  right: 66.66666667%;
}
.pdb-col-xs-push-17 {
  left: 70.83333333%;
}
.pdb-col-xs-push-17.pdb-col-rtl {
  left: unset;
  right: 70.83333333%;
}
.pdb-col-xs-push-18 {
  left: 75%;
}
.pdb-col-xs-push-18.pdb-col-rtl {
  left: unset;
  right: 75%;
}
.pdb-col-xs-push-19 {
  left: 79.16666667%;
}
.pdb-col-xs-push-19.pdb-col-rtl {
  left: unset;
  right: 79.16666667%;
}
.pdb-col-xs-push-20 {
  left: 83.33333333%;
}
.pdb-col-xs-push-20.pdb-col-rtl {
  left: unset;
  right: 83.33333333%;
}
.pdb-col-xs-push-21 {
  left: 87.5%;
}
.pdb-col-xs-push-21.pdb-col-rtl {
  left: unset;
  right: 87.5%;
}
.pdb-col-xs-push-22 {
  left: 91.66666667%;
}
.pdb-col-xs-push-22.pdb-col-rtl {
  left: unset;
  right: 91.66666667%;
}
.pdb-col-xs-push-23 {
  left: 95.83333333%;
}
.pdb-col-xs-push-23.pdb-col-rtl {
  left: unset;
  right: 95.83333333%;
}
.pdb-col-xs-push-24 {
  left: 100%;
}
.pdb-col-xs-push-24.pdb-col-rtl {
  left: unset;
  right: 100%;
}
@media (min-width: 576px) {
  .pdb-col-sm-0 {
    display: none;
  }
  .pdb-col-sm-1 {
    display: block;
    width: 4.16666667%;
    flex: 0 0 4.16666667%;
  }
  .pdb-col-sm-2 {
    display: block;
    width: 8.33333333%;
    flex: 0 0 8.33333333%;
  }
  .pdb-col-sm-3 {
    display: block;
    width: 12.5%;
    flex: 0 0 12.5%;
  }
  .pdb-col-sm-4 {
    display: block;
    width: 16.66666667%;
    flex: 0 0 16.66666667%;
  }
  .pdb-col-sm-5 {
    display: block;
    width: 20.83333333%;
    flex: 0 0 20.83333333%;
  }
  .pdb-col-sm-6 {
    display: block;
    width: 25%;
    flex: 0 0 25%;
  }
  .pdb-col-sm-7 {
    display: block;
    width: 29.16666667%;
    flex: 0 0 29.16666667%;
  }
  .pdb-col-sm-8 {
    display: block;
    width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  .pdb-col-sm-9 {
    display: block;
    width: 37.5%;
    flex: 0 0 37.5%;
  }
  .pdb-col-sm-10 {
    display: block;
    width: 41.66666667%;
    flex: 0 0 41.66666667%;
  }
  .pdb-col-sm-11 {
    display: block;
    width: 45.83333333%;
    flex: 0 0 45.83333333%;
  }
  .pdb-col-sm-12 {
    display: block;
    width: 50%;
    flex: 0 0 50%;
  }
  .pdb-col-sm-13 {
    display: block;
    width: 54.16666667%;
    flex: 0 0 54.16666667%;
  }
  .pdb-col-sm-14 {
    display: block;
    width: 58.33333333%;
    flex: 0 0 58.33333333%;
  }
  .pdb-col-sm-15 {
    display: block;
    width: 62.5%;
    flex: 0 0 62.5%;
  }
  .pdb-col-sm-16 {
    display: block;
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  .pdb-col-sm-17 {
    display: block;
    width: 70.83333333%;
    flex: 0 0 70.83333333%;
  }
  .pdb-col-sm-18 {
    display: block;
    width: 75%;
    flex: 0 0 75%;
  }
  .pdb-col-sm-19 {
    display: block;
    width: 79.16666667%;
    flex: 0 0 79.16666667%;
  }
  .pdb-col-sm-20 {
    display: block;
    width: 83.33333333%;
    flex: 0 0 83.33333333%;
  }
  .pdb-col-sm-21 {
    display: block;
    width: 87.5%;
    flex: 0 0 87.5%;
  }
  .pdb-col-sm-22 {
    display: block;
    width: 91.66666667%;
    flex: 0 0 91.66666667%;
  }
  .pdb-col-sm-23 {
    display: block;
    width: 95.83333333%;
    flex: 0 0 95.83333333%;
  }
  .pdb-col-sm-24 {
    display: block;
    width: 100%;
    flex: 0 0 100%;
  }
  .pdb-col-sm-offset-0 {
    margin-left: 0%;
  }
  .pdb-col-sm-offset-0.pdb-col-rtl {
    margin-left: 0;
    margin-right: 0%;
  }
  .pdb-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .pdb-col-sm-offset-1.pdb-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
  }
  .pdb-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .pdb-col-sm-offset-2.pdb-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .pdb-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .pdb-col-sm-offset-3.pdb-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .pdb-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .pdb-col-sm-offset-4.pdb-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .pdb-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .pdb-col-sm-offset-5.pdb-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
  }
  .pdb-col-sm-offset-6 {
    margin-left: 25%;
  }
  .pdb-col-sm-offset-6.pdb-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }
  .pdb-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .pdb-col-sm-offset-7.pdb-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
  }
  .pdb-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .pdb-col-sm-offset-8.pdb-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .pdb-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .pdb-col-sm-offset-9.pdb-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .pdb-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .pdb-col-sm-offset-10.pdb-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .pdb-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .pdb-col-sm-offset-11.pdb-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
  }
  .pdb-col-sm-offset-12 {
    margin-left: 50%;
  }
  .pdb-col-sm-offset-12.pdb-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }
  .pdb-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .pdb-col-sm-offset-13.pdb-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
  }
  .pdb-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .pdb-col-sm-offset-14.pdb-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .pdb-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .pdb-col-sm-offset-15.pdb-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .pdb-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .pdb-col-sm-offset-16.pdb-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .pdb-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .pdb-col-sm-offset-17.pdb-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
  }
  .pdb-col-sm-offset-18 {
    margin-left: 75%;
  }
  .pdb-col-sm-offset-18.pdb-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }
  .pdb-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .pdb-col-sm-offset-19.pdb-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
  }
  .pdb-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .pdb-col-sm-offset-20.pdb-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .pdb-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .pdb-col-sm-offset-21.pdb-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .pdb-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .pdb-col-sm-offset-22.pdb-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .pdb-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .pdb-col-sm-offset-23.pdb-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
  }
  .pdb-col-sm-order-0 {
    order: 0;
  }
  .pdb-col-sm-order-1 {
    order: 1;
  }
  .pdb-col-sm-order-2 {
    order: 2;
  }
  .pdb-col-sm-order-3 {
    order: 3;
  }
  .pdb-col-sm-order-4 {
    order: 4;
  }
  .pdb-col-sm-order-5 {
    order: 5;
  }
  .pdb-col-sm-order-6 {
    order: 6;
  }
  .pdb-col-sm-order-7 {
    order: 7;
  }
  .pdb-col-sm-order-8 {
    order: 8;
  }
  .pdb-col-sm-order-9 {
    order: 9;
  }
  .pdb-col-sm-order-10 {
    order: 10;
  }
  .pdb-col-sm-order-11 {
    order: 11;
  }
  .pdb-col-sm-order-12 {
    order: 12;
  }
  .pdb-col-sm-order-13 {
    order: 13;
  }
  .pdb-col-sm-order-14 {
    order: 14;
  }
  .pdb-col-sm-order-15 {
    order: 15;
  }
  .pdb-col-sm-order-16 {
    order: 16;
  }
  .pdb-col-sm-order-17 {
    order: 17;
  }
  .pdb-col-sm-order-18 {
    order: 18;
  }
  .pdb-col-sm-order-19 {
    order: 19;
  }
  .pdb-col-sm-order-20 {
    order: 20;
  }
  .pdb-col-sm-order-21 {
    order: 21;
  }
  .pdb-col-sm-order-22 {
    order: 22;
  }
  .pdb-col-sm-order-23 {
    order: 23;
  }
  .pdb-col-sm-order-24 {
    order: 24;
  }
  .pdb-col-sm-pull-0 {
    right: 0%;
  }
  .pdb-col-sm-pull-0.pdb-col-rtl {
    right: unset;
    left: 0%;
  }
  .pdb-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .pdb-col-sm-pull-1.pdb-col-rtl {
    right: unset;
    left: 4.16666667%;
  }
  .pdb-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .pdb-col-sm-pull-2.pdb-col-rtl {
    right: unset;
    left: 8.33333333%;
  }
  .pdb-col-sm-pull-3 {
    right: 12.5%;
  }
  .pdb-col-sm-pull-3.pdb-col-rtl {
    right: unset;
    left: 12.5%;
  }
  .pdb-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .pdb-col-sm-pull-4.pdb-col-rtl {
    right: unset;
    left: 16.66666667%;
  }
  .pdb-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .pdb-col-sm-pull-5.pdb-col-rtl {
    right: unset;
    left: 20.83333333%;
  }
  .pdb-col-sm-pull-6 {
    right: 25%;
  }
  .pdb-col-sm-pull-6.pdb-col-rtl {
    right: unset;
    left: 25%;
  }
  .pdb-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .pdb-col-sm-pull-7.pdb-col-rtl {
    right: unset;
    left: 29.16666667%;
  }
  .pdb-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .pdb-col-sm-pull-8.pdb-col-rtl {
    right: unset;
    left: 33.33333333%;
  }
  .pdb-col-sm-pull-9 {
    right: 37.5%;
  }
  .pdb-col-sm-pull-9.pdb-col-rtl {
    right: unset;
    left: 37.5%;
  }
  .pdb-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .pdb-col-sm-pull-10.pdb-col-rtl {
    right: unset;
    left: 41.66666667%;
  }
  .pdb-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .pdb-col-sm-pull-11.pdb-col-rtl {
    right: unset;
    left: 45.83333333%;
  }
  .pdb-col-sm-pull-12 {
    right: 50%;
  }
  .pdb-col-sm-pull-12.pdb-col-rtl {
    right: unset;
    left: 50%;
  }
  .pdb-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .pdb-col-sm-pull-13.pdb-col-rtl {
    right: unset;
    left: 54.16666667%;
  }
  .pdb-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .pdb-col-sm-pull-14.pdb-col-rtl {
    right: unset;
    left: 58.33333333%;
  }
  .pdb-col-sm-pull-15 {
    right: 62.5%;
  }
  .pdb-col-sm-pull-15.pdb-col-rtl {
    right: unset;
    left: 62.5%;
  }
  .pdb-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .pdb-col-sm-pull-16.pdb-col-rtl {
    right: unset;
    left: 66.66666667%;
  }
  .pdb-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .pdb-col-sm-pull-17.pdb-col-rtl {
    right: unset;
    left: 70.83333333%;
  }
  .pdb-col-sm-pull-18 {
    right: 75%;
  }
  .pdb-col-sm-pull-18.pdb-col-rtl {
    right: unset;
    left: 75%;
  }
  .pdb-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .pdb-col-sm-pull-19.pdb-col-rtl {
    right: unset;
    left: 79.16666667%;
  }
  .pdb-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .pdb-col-sm-pull-20.pdb-col-rtl {
    right: unset;
    left: 83.33333333%;
  }
  .pdb-col-sm-pull-21 {
    right: 87.5%;
  }
  .pdb-col-sm-pull-21.pdb-col-rtl {
    right: unset;
    left: 87.5%;
  }
  .pdb-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .pdb-col-sm-pull-22.pdb-col-rtl {
    right: unset;
    left: 91.66666667%;
  }
  .pdb-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .pdb-col-sm-pull-23.pdb-col-rtl {
    right: unset;
    left: 95.83333333%;
  }
  .pdb-col-sm-pull-24 {
    right: 100%;
  }
  .pdb-col-sm-pull-24.pdb-col-rtl {
    right: unset;
    left: 100%;
  }
  .pdb-col-sm-push-0 {
    left: 0%;
  }
  .pdb-col-sm-push-0.pdb-col-rtl {
    left: unset;
    right: 0%;
  }
  .pdb-col-sm-push-1 {
    left: 4.16666667%;
  }
  .pdb-col-sm-push-1.pdb-col-rtl {
    left: unset;
    right: 4.16666667%;
  }
  .pdb-col-sm-push-2 {
    left: 8.33333333%;
  }
  .pdb-col-sm-push-2.pdb-col-rtl {
    left: unset;
    right: 8.33333333%;
  }
  .pdb-col-sm-push-3 {
    left: 12.5%;
  }
  .pdb-col-sm-push-3.pdb-col-rtl {
    left: unset;
    right: 12.5%;
  }
  .pdb-col-sm-push-4 {
    left: 16.66666667%;
  }
  .pdb-col-sm-push-4.pdb-col-rtl {
    left: unset;
    right: 16.66666667%;
  }
  .pdb-col-sm-push-5 {
    left: 20.83333333%;
  }
  .pdb-col-sm-push-5.pdb-col-rtl {
    left: unset;
    right: 20.83333333%;
  }
  .pdb-col-sm-push-6 {
    left: 25%;
  }
  .pdb-col-sm-push-6.pdb-col-rtl {
    left: unset;
    right: 25%;
  }
  .pdb-col-sm-push-7 {
    left: 29.16666667%;
  }
  .pdb-col-sm-push-7.pdb-col-rtl {
    left: unset;
    right: 29.16666667%;
  }
  .pdb-col-sm-push-8 {
    left: 33.33333333%;
  }
  .pdb-col-sm-push-8.pdb-col-rtl {
    left: unset;
    right: 33.33333333%;
  }
  .pdb-col-sm-push-9 {
    left: 37.5%;
  }
  .pdb-col-sm-push-9.pdb-col-rtl {
    left: unset;
    right: 37.5%;
  }
  .pdb-col-sm-push-10 {
    left: 41.66666667%;
  }
  .pdb-col-sm-push-10.pdb-col-rtl {
    left: unset;
    right: 41.66666667%;
  }
  .pdb-col-sm-push-11 {
    left: 45.83333333%;
  }
  .pdb-col-sm-push-11.pdb-col-rtl {
    left: unset;
    right: 45.83333333%;
  }
  .pdb-col-sm-push-12 {
    left: 50%;
  }
  .pdb-col-sm-push-12.pdb-col-rtl {
    left: unset;
    right: 50%;
  }
  .pdb-col-sm-push-13 {
    left: 54.16666667%;
  }
  .pdb-col-sm-push-13.pdb-col-rtl {
    left: unset;
    right: 54.16666667%;
  }
  .pdb-col-sm-push-14 {
    left: 58.33333333%;
  }
  .pdb-col-sm-push-14.pdb-col-rtl {
    left: unset;
    right: 58.33333333%;
  }
  .pdb-col-sm-push-15 {
    left: 62.5%;
  }
  .pdb-col-sm-push-15.pdb-col-rtl {
    left: unset;
    right: 62.5%;
  }
  .pdb-col-sm-push-16 {
    left: 66.66666667%;
  }
  .pdb-col-sm-push-16.pdb-col-rtl {
    left: unset;
    right: 66.66666667%;
  }
  .pdb-col-sm-push-17 {
    left: 70.83333333%;
  }
  .pdb-col-sm-push-17.pdb-col-rtl {
    left: unset;
    right: 70.83333333%;
  }
  .pdb-col-sm-push-18 {
    left: 75%;
  }
  .pdb-col-sm-push-18.pdb-col-rtl {
    left: unset;
    right: 75%;
  }
  .pdb-col-sm-push-19 {
    left: 79.16666667%;
  }
  .pdb-col-sm-push-19.pdb-col-rtl {
    left: unset;
    right: 79.16666667%;
  }
  .pdb-col-sm-push-20 {
    left: 83.33333333%;
  }
  .pdb-col-sm-push-20.pdb-col-rtl {
    left: unset;
    right: 83.33333333%;
  }
  .pdb-col-sm-push-21 {
    left: 87.5%;
  }
  .pdb-col-sm-push-21.pdb-col-rtl {
    left: unset;
    right: 87.5%;
  }
  .pdb-col-sm-push-22 {
    left: 91.66666667%;
  }
  .pdb-col-sm-push-22.pdb-col-rtl {
    left: unset;
    right: 91.66666667%;
  }
  .pdb-col-sm-push-23 {
    left: 95.83333333%;
  }
  .pdb-col-sm-push-23.pdb-col-rtl {
    left: unset;
    right: 95.83333333%;
  }
  .pdb-col-sm-push-24 {
    left: 100%;
  }
  .pdb-col-sm-push-24.pdb-col-rtl {
    left: unset;
    right: 100%;
  }
}
@media (min-width: 768px) {
  .pdb-col-md-0 {
    display: none;
  }
  .pdb-col-md-1 {
    display: block;
    width: 4.16666667%;
    flex: 0 0 4.16666667%;
  }
  .pdb-col-md-2 {
    display: block;
    width: 8.33333333%;
    flex: 0 0 8.33333333%;
  }
  .pdb-col-md-3 {
    display: block;
    width: 12.5%;
    flex: 0 0 12.5%;
  }
  .pdb-col-md-4 {
    display: block;
    width: 16.66666667%;
    flex: 0 0 16.66666667%;
  }
  .pdb-col-md-5 {
    display: block;
    width: 20.83333333%;
    flex: 0 0 20.83333333%;
  }
  .pdb-col-md-6 {
    display: block;
    width: 25%;
    flex: 0 0 25%;
  }
  .pdb-col-md-7 {
    display: block;
    width: 29.16666667%;
    flex: 0 0 29.16666667%;
  }
  .pdb-col-md-8 {
    display: block;
    width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  .pdb-col-md-9 {
    display: block;
    width: 37.5%;
    flex: 0 0 37.5%;
  }
  .pdb-col-md-10 {
    display: block;
    width: 41.66666667%;
    flex: 0 0 41.66666667%;
  }
  .pdb-col-md-11 {
    display: block;
    width: 45.83333333%;
    flex: 0 0 45.83333333%;
  }
  .pdb-col-md-12 {
    display: block;
    width: 50%;
    flex: 0 0 50%;
  }
  .pdb-col-md-13 {
    display: block;
    width: 54.16666667%;
    flex: 0 0 54.16666667%;
  }
  .pdb-col-md-14 {
    display: block;
    width: 58.33333333%;
    flex: 0 0 58.33333333%;
  }
  .pdb-col-md-15 {
    display: block;
    width: 62.5%;
    flex: 0 0 62.5%;
  }
  .pdb-col-md-16 {
    display: block;
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  .pdb-col-md-17 {
    display: block;
    width: 70.83333333%;
    flex: 0 0 70.83333333%;
  }
  .pdb-col-md-18 {
    display: block;
    width: 75%;
    flex: 0 0 75%;
  }
  .pdb-col-md-19 {
    display: block;
    width: 79.16666667%;
    flex: 0 0 79.16666667%;
  }
  .pdb-col-md-20 {
    display: block;
    width: 83.33333333%;
    flex: 0 0 83.33333333%;
  }
  .pdb-col-md-21 {
    display: block;
    width: 87.5%;
    flex: 0 0 87.5%;
  }
  .pdb-col-md-22 {
    display: block;
    width: 91.66666667%;
    flex: 0 0 91.66666667%;
  }
  .pdb-col-md-23 {
    display: block;
    width: 95.83333333%;
    flex: 0 0 95.83333333%;
  }
  .pdb-col-md-24 {
    display: block;
    width: 100%;
    flex: 0 0 100%;
  }
  .pdb-col-md-offset-0 {
    margin-left: 0%;
  }
  .pdb-col-md-offset-0.pdb-col-rtl {
    margin-left: 0;
    margin-right: 0%;
  }
  .pdb-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .pdb-col-md-offset-1.pdb-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
  }
  .pdb-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .pdb-col-md-offset-2.pdb-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .pdb-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .pdb-col-md-offset-3.pdb-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .pdb-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .pdb-col-md-offset-4.pdb-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .pdb-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .pdb-col-md-offset-5.pdb-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
  }
  .pdb-col-md-offset-6 {
    margin-left: 25%;
  }
  .pdb-col-md-offset-6.pdb-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }
  .pdb-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .pdb-col-md-offset-7.pdb-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
  }
  .pdb-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .pdb-col-md-offset-8.pdb-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .pdb-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .pdb-col-md-offset-9.pdb-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .pdb-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .pdb-col-md-offset-10.pdb-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .pdb-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .pdb-col-md-offset-11.pdb-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
  }
  .pdb-col-md-offset-12 {
    margin-left: 50%;
  }
  .pdb-col-md-offset-12.pdb-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }
  .pdb-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .pdb-col-md-offset-13.pdb-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
  }
  .pdb-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .pdb-col-md-offset-14.pdb-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .pdb-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .pdb-col-md-offset-15.pdb-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .pdb-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .pdb-col-md-offset-16.pdb-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .pdb-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .pdb-col-md-offset-17.pdb-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
  }
  .pdb-col-md-offset-18 {
    margin-left: 75%;
  }
  .pdb-col-md-offset-18.pdb-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }
  .pdb-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .pdb-col-md-offset-19.pdb-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
  }
  .pdb-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .pdb-col-md-offset-20.pdb-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .pdb-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .pdb-col-md-offset-21.pdb-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .pdb-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .pdb-col-md-offset-22.pdb-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .pdb-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .pdb-col-md-offset-23.pdb-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
  }
  .pdb-col-md-order-0 {
    order: 0;
  }
  .pdb-col-md-order-1 {
    order: 1;
  }
  .pdb-col-md-order-2 {
    order: 2;
  }
  .pdb-col-md-order-3 {
    order: 3;
  }
  .pdb-col-md-order-4 {
    order: 4;
  }
  .pdb-col-md-order-5 {
    order: 5;
  }
  .pdb-col-md-order-6 {
    order: 6;
  }
  .pdb-col-md-order-7 {
    order: 7;
  }
  .pdb-col-md-order-8 {
    order: 8;
  }
  .pdb-col-md-order-9 {
    order: 9;
  }
  .pdb-col-md-order-10 {
    order: 10;
  }
  .pdb-col-md-order-11 {
    order: 11;
  }
  .pdb-col-md-order-12 {
    order: 12;
  }
  .pdb-col-md-order-13 {
    order: 13;
  }
  .pdb-col-md-order-14 {
    order: 14;
  }
  .pdb-col-md-order-15 {
    order: 15;
  }
  .pdb-col-md-order-16 {
    order: 16;
  }
  .pdb-col-md-order-17 {
    order: 17;
  }
  .pdb-col-md-order-18 {
    order: 18;
  }
  .pdb-col-md-order-19 {
    order: 19;
  }
  .pdb-col-md-order-20 {
    order: 20;
  }
  .pdb-col-md-order-21 {
    order: 21;
  }
  .pdb-col-md-order-22 {
    order: 22;
  }
  .pdb-col-md-order-23 {
    order: 23;
  }
  .pdb-col-md-order-24 {
    order: 24;
  }
  .pdb-col-md-pull-0 {
    right: 0%;
  }
  .pdb-col-md-pull-0.pdb-col-rtl {
    right: unset;
    left: 0%;
  }
  .pdb-col-md-pull-1 {
    right: 4.16666667%;
  }
  .pdb-col-md-pull-1.pdb-col-rtl {
    right: unset;
    left: 4.16666667%;
  }
  .pdb-col-md-pull-2 {
    right: 8.33333333%;
  }
  .pdb-col-md-pull-2.pdb-col-rtl {
    right: unset;
    left: 8.33333333%;
  }
  .pdb-col-md-pull-3 {
    right: 12.5%;
  }
  .pdb-col-md-pull-3.pdb-col-rtl {
    right: unset;
    left: 12.5%;
  }
  .pdb-col-md-pull-4 {
    right: 16.66666667%;
  }
  .pdb-col-md-pull-4.pdb-col-rtl {
    right: unset;
    left: 16.66666667%;
  }
  .pdb-col-md-pull-5 {
    right: 20.83333333%;
  }
  .pdb-col-md-pull-5.pdb-col-rtl {
    right: unset;
    left: 20.83333333%;
  }
  .pdb-col-md-pull-6 {
    right: 25%;
  }
  .pdb-col-md-pull-6.pdb-col-rtl {
    right: unset;
    left: 25%;
  }
  .pdb-col-md-pull-7 {
    right: 29.16666667%;
  }
  .pdb-col-md-pull-7.pdb-col-rtl {
    right: unset;
    left: 29.16666667%;
  }
  .pdb-col-md-pull-8 {
    right: 33.33333333%;
  }
  .pdb-col-md-pull-8.pdb-col-rtl {
    right: unset;
    left: 33.33333333%;
  }
  .pdb-col-md-pull-9 {
    right: 37.5%;
  }
  .pdb-col-md-pull-9.pdb-col-rtl {
    right: unset;
    left: 37.5%;
  }
  .pdb-col-md-pull-10 {
    right: 41.66666667%;
  }
  .pdb-col-md-pull-10.pdb-col-rtl {
    right: unset;
    left: 41.66666667%;
  }
  .pdb-col-md-pull-11 {
    right: 45.83333333%;
  }
  .pdb-col-md-pull-11.pdb-col-rtl {
    right: unset;
    left: 45.83333333%;
  }
  .pdb-col-md-pull-12 {
    right: 50%;
  }
  .pdb-col-md-pull-12.pdb-col-rtl {
    right: unset;
    left: 50%;
  }
  .pdb-col-md-pull-13 {
    right: 54.16666667%;
  }
  .pdb-col-md-pull-13.pdb-col-rtl {
    right: unset;
    left: 54.16666667%;
  }
  .pdb-col-md-pull-14 {
    right: 58.33333333%;
  }
  .pdb-col-md-pull-14.pdb-col-rtl {
    right: unset;
    left: 58.33333333%;
  }
  .pdb-col-md-pull-15 {
    right: 62.5%;
  }
  .pdb-col-md-pull-15.pdb-col-rtl {
    right: unset;
    left: 62.5%;
  }
  .pdb-col-md-pull-16 {
    right: 66.66666667%;
  }
  .pdb-col-md-pull-16.pdb-col-rtl {
    right: unset;
    left: 66.66666667%;
  }
  .pdb-col-md-pull-17 {
    right: 70.83333333%;
  }
  .pdb-col-md-pull-17.pdb-col-rtl {
    right: unset;
    left: 70.83333333%;
  }
  .pdb-col-md-pull-18 {
    right: 75%;
  }
  .pdb-col-md-pull-18.pdb-col-rtl {
    right: unset;
    left: 75%;
  }
  .pdb-col-md-pull-19 {
    right: 79.16666667%;
  }
  .pdb-col-md-pull-19.pdb-col-rtl {
    right: unset;
    left: 79.16666667%;
  }
  .pdb-col-md-pull-20 {
    right: 83.33333333%;
  }
  .pdb-col-md-pull-20.pdb-col-rtl {
    right: unset;
    left: 83.33333333%;
  }
  .pdb-col-md-pull-21 {
    right: 87.5%;
  }
  .pdb-col-md-pull-21.pdb-col-rtl {
    right: unset;
    left: 87.5%;
  }
  .pdb-col-md-pull-22 {
    right: 91.66666667%;
  }
  .pdb-col-md-pull-22.pdb-col-rtl {
    right: unset;
    left: 91.66666667%;
  }
  .pdb-col-md-pull-23 {
    right: 95.83333333%;
  }
  .pdb-col-md-pull-23.pdb-col-rtl {
    right: unset;
    left: 95.83333333%;
  }
  .pdb-col-md-pull-24 {
    right: 100%;
  }
  .pdb-col-md-pull-24.pdb-col-rtl {
    right: unset;
    left: 100%;
  }
  .pdb-col-md-push-0 {
    left: 0%;
  }
  .pdb-col-md-push-0.pdb-col-rtl {
    left: unset;
    right: 0%;
  }
  .pdb-col-md-push-1 {
    left: 4.16666667%;
  }
  .pdb-col-md-push-1.pdb-col-rtl {
    left: unset;
    right: 4.16666667%;
  }
  .pdb-col-md-push-2 {
    left: 8.33333333%;
  }
  .pdb-col-md-push-2.pdb-col-rtl {
    left: unset;
    right: 8.33333333%;
  }
  .pdb-col-md-push-3 {
    left: 12.5%;
  }
  .pdb-col-md-push-3.pdb-col-rtl {
    left: unset;
    right: 12.5%;
  }
  .pdb-col-md-push-4 {
    left: 16.66666667%;
  }
  .pdb-col-md-push-4.pdb-col-rtl {
    left: unset;
    right: 16.66666667%;
  }
  .pdb-col-md-push-5 {
    left: 20.83333333%;
  }
  .pdb-col-md-push-5.pdb-col-rtl {
    left: unset;
    right: 20.83333333%;
  }
  .pdb-col-md-push-6 {
    left: 25%;
  }
  .pdb-col-md-push-6.pdb-col-rtl {
    left: unset;
    right: 25%;
  }
  .pdb-col-md-push-7 {
    left: 29.16666667%;
  }
  .pdb-col-md-push-7.pdb-col-rtl {
    left: unset;
    right: 29.16666667%;
  }
  .pdb-col-md-push-8 {
    left: 33.33333333%;
  }
  .pdb-col-md-push-8.pdb-col-rtl {
    left: unset;
    right: 33.33333333%;
  }
  .pdb-col-md-push-9 {
    left: 37.5%;
  }
  .pdb-col-md-push-9.pdb-col-rtl {
    left: unset;
    right: 37.5%;
  }
  .pdb-col-md-push-10 {
    left: 41.66666667%;
  }
  .pdb-col-md-push-10.pdb-col-rtl {
    left: unset;
    right: 41.66666667%;
  }
  .pdb-col-md-push-11 {
    left: 45.83333333%;
  }
  .pdb-col-md-push-11.pdb-col-rtl {
    left: unset;
    right: 45.83333333%;
  }
  .pdb-col-md-push-12 {
    left: 50%;
  }
  .pdb-col-md-push-12.pdb-col-rtl {
    left: unset;
    right: 50%;
  }
  .pdb-col-md-push-13 {
    left: 54.16666667%;
  }
  .pdb-col-md-push-13.pdb-col-rtl {
    left: unset;
    right: 54.16666667%;
  }
  .pdb-col-md-push-14 {
    left: 58.33333333%;
  }
  .pdb-col-md-push-14.pdb-col-rtl {
    left: unset;
    right: 58.33333333%;
  }
  .pdb-col-md-push-15 {
    left: 62.5%;
  }
  .pdb-col-md-push-15.pdb-col-rtl {
    left: unset;
    right: 62.5%;
  }
  .pdb-col-md-push-16 {
    left: 66.66666667%;
  }
  .pdb-col-md-push-16.pdb-col-rtl {
    left: unset;
    right: 66.66666667%;
  }
  .pdb-col-md-push-17 {
    left: 70.83333333%;
  }
  .pdb-col-md-push-17.pdb-col-rtl {
    left: unset;
    right: 70.83333333%;
  }
  .pdb-col-md-push-18 {
    left: 75%;
  }
  .pdb-col-md-push-18.pdb-col-rtl {
    left: unset;
    right: 75%;
  }
  .pdb-col-md-push-19 {
    left: 79.16666667%;
  }
  .pdb-col-md-push-19.pdb-col-rtl {
    left: unset;
    right: 79.16666667%;
  }
  .pdb-col-md-push-20 {
    left: 83.33333333%;
  }
  .pdb-col-md-push-20.pdb-col-rtl {
    left: unset;
    right: 83.33333333%;
  }
  .pdb-col-md-push-21 {
    left: 87.5%;
  }
  .pdb-col-md-push-21.pdb-col-rtl {
    left: unset;
    right: 87.5%;
  }
  .pdb-col-md-push-22 {
    left: 91.66666667%;
  }
  .pdb-col-md-push-22.pdb-col-rtl {
    left: unset;
    right: 91.66666667%;
  }
  .pdb-col-md-push-23 {
    left: 95.83333333%;
  }
  .pdb-col-md-push-23.pdb-col-rtl {
    left: unset;
    right: 95.83333333%;
  }
  .pdb-col-md-push-24 {
    left: 100%;
  }
  .pdb-col-md-push-24.pdb-col-rtl {
    left: unset;
    right: 100%;
  }
}
@media (min-width: 992px) {
  .pdb-col-lg-0 {
    display: none;
  }
  .pdb-col-lg-1 {
    display: block;
    width: 4.16666667%;
    flex: 0 0 4.16666667%;
  }
  .pdb-col-lg-2 {
    display: block;
    width: 8.33333333%;
    flex: 0 0 8.33333333%;
  }
  .pdb-col-lg-3 {
    display: block;
    width: 12.5%;
    flex: 0 0 12.5%;
  }
  .pdb-col-lg-4 {
    display: block;
    width: 16.66666667%;
    flex: 0 0 16.66666667%;
  }
  .pdb-col-lg-5 {
    display: block;
    width: 20.83333333%;
    flex: 0 0 20.83333333%;
  }
  .pdb-col-lg-6 {
    display: block;
    width: 25%;
    flex: 0 0 25%;
  }
  .pdb-col-lg-7 {
    display: block;
    width: 29.16666667%;
    flex: 0 0 29.16666667%;
  }
  .pdb-col-lg-8 {
    display: block;
    width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  .pdb-col-lg-9 {
    display: block;
    width: 37.5%;
    flex: 0 0 37.5%;
  }
  .pdb-col-lg-10 {
    display: block;
    width: 41.66666667%;
    flex: 0 0 41.66666667%;
  }
  .pdb-col-lg-11 {
    display: block;
    width: 45.83333333%;
    flex: 0 0 45.83333333%;
  }
  .pdb-col-lg-12 {
    display: block;
    width: 50%;
    flex: 0 0 50%;
  }
  .pdb-col-lg-13 {
    display: block;
    width: 54.16666667%;
    flex: 0 0 54.16666667%;
  }
  .pdb-col-lg-14 {
    display: block;
    width: 58.33333333%;
    flex: 0 0 58.33333333%;
  }
  .pdb-col-lg-15 {
    display: block;
    width: 62.5%;
    flex: 0 0 62.5%;
  }
  .pdb-col-lg-16 {
    display: block;
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  .pdb-col-lg-17 {
    display: block;
    width: 70.83333333%;
    flex: 0 0 70.83333333%;
  }
  .pdb-col-lg-18 {
    display: block;
    width: 75%;
    flex: 0 0 75%;
  }
  .pdb-col-lg-19 {
    display: block;
    width: 79.16666667%;
    flex: 0 0 79.16666667%;
  }
  .pdb-col-lg-20 {
    display: block;
    width: 83.33333333%;
    flex: 0 0 83.33333333%;
  }
  .pdb-col-lg-21 {
    display: block;
    width: 87.5%;
    flex: 0 0 87.5%;
  }
  .pdb-col-lg-22 {
    display: block;
    width: 91.66666667%;
    flex: 0 0 91.66666667%;
  }
  .pdb-col-lg-23 {
    display: block;
    width: 95.83333333%;
    flex: 0 0 95.83333333%;
  }
  .pdb-col-lg-24 {
    display: block;
    width: 100%;
    flex: 0 0 100%;
  }
  .pdb-col-lg-offset-0 {
    margin-left: 0%;
  }
  .pdb-col-lg-offset-0.pdb-col-rtl {
    margin-left: 0;
    margin-right: 0%;
  }
  .pdb-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .pdb-col-lg-offset-1.pdb-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
  }
  .pdb-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .pdb-col-lg-offset-2.pdb-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .pdb-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .pdb-col-lg-offset-3.pdb-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .pdb-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .pdb-col-lg-offset-4.pdb-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .pdb-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .pdb-col-lg-offset-5.pdb-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
  }
  .pdb-col-lg-offset-6 {
    margin-left: 25%;
  }
  .pdb-col-lg-offset-6.pdb-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }
  .pdb-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .pdb-col-lg-offset-7.pdb-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
  }
  .pdb-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .pdb-col-lg-offset-8.pdb-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .pdb-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .pdb-col-lg-offset-9.pdb-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .pdb-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .pdb-col-lg-offset-10.pdb-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .pdb-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .pdb-col-lg-offset-11.pdb-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
  }
  .pdb-col-lg-offset-12 {
    margin-left: 50%;
  }
  .pdb-col-lg-offset-12.pdb-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }
  .pdb-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .pdb-col-lg-offset-13.pdb-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
  }
  .pdb-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .pdb-col-lg-offset-14.pdb-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .pdb-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .pdb-col-lg-offset-15.pdb-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .pdb-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .pdb-col-lg-offset-16.pdb-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .pdb-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .pdb-col-lg-offset-17.pdb-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
  }
  .pdb-col-lg-offset-18 {
    margin-left: 75%;
  }
  .pdb-col-lg-offset-18.pdb-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }
  .pdb-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .pdb-col-lg-offset-19.pdb-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
  }
  .pdb-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .pdb-col-lg-offset-20.pdb-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .pdb-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .pdb-col-lg-offset-21.pdb-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .pdb-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .pdb-col-lg-offset-22.pdb-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .pdb-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .pdb-col-lg-offset-23.pdb-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
  }
  .pdb-col-lg-order-0 {
    order: 0;
  }
  .pdb-col-lg-order-1 {
    order: 1;
  }
  .pdb-col-lg-order-2 {
    order: 2;
  }
  .pdb-col-lg-order-3 {
    order: 3;
  }
  .pdb-col-lg-order-4 {
    order: 4;
  }
  .pdb-col-lg-order-5 {
    order: 5;
  }
  .pdb-col-lg-order-6 {
    order: 6;
  }
  .pdb-col-lg-order-7 {
    order: 7;
  }
  .pdb-col-lg-order-8 {
    order: 8;
  }
  .pdb-col-lg-order-9 {
    order: 9;
  }
  .pdb-col-lg-order-10 {
    order: 10;
  }
  .pdb-col-lg-order-11 {
    order: 11;
  }
  .pdb-col-lg-order-12 {
    order: 12;
  }
  .pdb-col-lg-order-13 {
    order: 13;
  }
  .pdb-col-lg-order-14 {
    order: 14;
  }
  .pdb-col-lg-order-15 {
    order: 15;
  }
  .pdb-col-lg-order-16 {
    order: 16;
  }
  .pdb-col-lg-order-17 {
    order: 17;
  }
  .pdb-col-lg-order-18 {
    order: 18;
  }
  .pdb-col-lg-order-19 {
    order: 19;
  }
  .pdb-col-lg-order-20 {
    order: 20;
  }
  .pdb-col-lg-order-21 {
    order: 21;
  }
  .pdb-col-lg-order-22 {
    order: 22;
  }
  .pdb-col-lg-order-23 {
    order: 23;
  }
  .pdb-col-lg-order-24 {
    order: 24;
  }
  .pdb-col-lg-pull-0 {
    right: 0%;
  }
  .pdb-col-lg-pull-0.pdb-col-rtl {
    right: unset;
    left: 0%;
  }
  .pdb-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .pdb-col-lg-pull-1.pdb-col-rtl {
    right: unset;
    left: 4.16666667%;
  }
  .pdb-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .pdb-col-lg-pull-2.pdb-col-rtl {
    right: unset;
    left: 8.33333333%;
  }
  .pdb-col-lg-pull-3 {
    right: 12.5%;
  }
  .pdb-col-lg-pull-3.pdb-col-rtl {
    right: unset;
    left: 12.5%;
  }
  .pdb-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .pdb-col-lg-pull-4.pdb-col-rtl {
    right: unset;
    left: 16.66666667%;
  }
  .pdb-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .pdb-col-lg-pull-5.pdb-col-rtl {
    right: unset;
    left: 20.83333333%;
  }
  .pdb-col-lg-pull-6 {
    right: 25%;
  }
  .pdb-col-lg-pull-6.pdb-col-rtl {
    right: unset;
    left: 25%;
  }
  .pdb-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .pdb-col-lg-pull-7.pdb-col-rtl {
    right: unset;
    left: 29.16666667%;
  }
  .pdb-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .pdb-col-lg-pull-8.pdb-col-rtl {
    right: unset;
    left: 33.33333333%;
  }
  .pdb-col-lg-pull-9 {
    right: 37.5%;
  }
  .pdb-col-lg-pull-9.pdb-col-rtl {
    right: unset;
    left: 37.5%;
  }
  .pdb-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .pdb-col-lg-pull-10.pdb-col-rtl {
    right: unset;
    left: 41.66666667%;
  }
  .pdb-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .pdb-col-lg-pull-11.pdb-col-rtl {
    right: unset;
    left: 45.83333333%;
  }
  .pdb-col-lg-pull-12 {
    right: 50%;
  }
  .pdb-col-lg-pull-12.pdb-col-rtl {
    right: unset;
    left: 50%;
  }
  .pdb-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .pdb-col-lg-pull-13.pdb-col-rtl {
    right: unset;
    left: 54.16666667%;
  }
  .pdb-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .pdb-col-lg-pull-14.pdb-col-rtl {
    right: unset;
    left: 58.33333333%;
  }
  .pdb-col-lg-pull-15 {
    right: 62.5%;
  }
  .pdb-col-lg-pull-15.pdb-col-rtl {
    right: unset;
    left: 62.5%;
  }
  .pdb-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .pdb-col-lg-pull-16.pdb-col-rtl {
    right: unset;
    left: 66.66666667%;
  }
  .pdb-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .pdb-col-lg-pull-17.pdb-col-rtl {
    right: unset;
    left: 70.83333333%;
  }
  .pdb-col-lg-pull-18 {
    right: 75%;
  }
  .pdb-col-lg-pull-18.pdb-col-rtl {
    right: unset;
    left: 75%;
  }
  .pdb-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .pdb-col-lg-pull-19.pdb-col-rtl {
    right: unset;
    left: 79.16666667%;
  }
  .pdb-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .pdb-col-lg-pull-20.pdb-col-rtl {
    right: unset;
    left: 83.33333333%;
  }
  .pdb-col-lg-pull-21 {
    right: 87.5%;
  }
  .pdb-col-lg-pull-21.pdb-col-rtl {
    right: unset;
    left: 87.5%;
  }
  .pdb-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .pdb-col-lg-pull-22.pdb-col-rtl {
    right: unset;
    left: 91.66666667%;
  }
  .pdb-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .pdb-col-lg-pull-23.pdb-col-rtl {
    right: unset;
    left: 95.83333333%;
  }
  .pdb-col-lg-pull-24 {
    right: 100%;
  }
  .pdb-col-lg-pull-24.pdb-col-rtl {
    right: unset;
    left: 100%;
  }
  .pdb-col-lg-push-0 {
    left: 0%;
  }
  .pdb-col-lg-push-0.pdb-col-rtl {
    left: unset;
    right: 0%;
  }
  .pdb-col-lg-push-1 {
    left: 4.16666667%;
  }
  .pdb-col-lg-push-1.pdb-col-rtl {
    left: unset;
    right: 4.16666667%;
  }
  .pdb-col-lg-push-2 {
    left: 8.33333333%;
  }
  .pdb-col-lg-push-2.pdb-col-rtl {
    left: unset;
    right: 8.33333333%;
  }
  .pdb-col-lg-push-3 {
    left: 12.5%;
  }
  .pdb-col-lg-push-3.pdb-col-rtl {
    left: unset;
    right: 12.5%;
  }
  .pdb-col-lg-push-4 {
    left: 16.66666667%;
  }
  .pdb-col-lg-push-4.pdb-col-rtl {
    left: unset;
    right: 16.66666667%;
  }
  .pdb-col-lg-push-5 {
    left: 20.83333333%;
  }
  .pdb-col-lg-push-5.pdb-col-rtl {
    left: unset;
    right: 20.83333333%;
  }
  .pdb-col-lg-push-6 {
    left: 25%;
  }
  .pdb-col-lg-push-6.pdb-col-rtl {
    left: unset;
    right: 25%;
  }
  .pdb-col-lg-push-7 {
    left: 29.16666667%;
  }
  .pdb-col-lg-push-7.pdb-col-rtl {
    left: unset;
    right: 29.16666667%;
  }
  .pdb-col-lg-push-8 {
    left: 33.33333333%;
  }
  .pdb-col-lg-push-8.pdb-col-rtl {
    left: unset;
    right: 33.33333333%;
  }
  .pdb-col-lg-push-9 {
    left: 37.5%;
  }
  .pdb-col-lg-push-9.pdb-col-rtl {
    left: unset;
    right: 37.5%;
  }
  .pdb-col-lg-push-10 {
    left: 41.66666667%;
  }
  .pdb-col-lg-push-10.pdb-col-rtl {
    left: unset;
    right: 41.66666667%;
  }
  .pdb-col-lg-push-11 {
    left: 45.83333333%;
  }
  .pdb-col-lg-push-11.pdb-col-rtl {
    left: unset;
    right: 45.83333333%;
  }
  .pdb-col-lg-push-12 {
    left: 50%;
  }
  .pdb-col-lg-push-12.pdb-col-rtl {
    left: unset;
    right: 50%;
  }
  .pdb-col-lg-push-13 {
    left: 54.16666667%;
  }
  .pdb-col-lg-push-13.pdb-col-rtl {
    left: unset;
    right: 54.16666667%;
  }
  .pdb-col-lg-push-14 {
    left: 58.33333333%;
  }
  .pdb-col-lg-push-14.pdb-col-rtl {
    left: unset;
    right: 58.33333333%;
  }
  .pdb-col-lg-push-15 {
    left: 62.5%;
  }
  .pdb-col-lg-push-15.pdb-col-rtl {
    left: unset;
    right: 62.5%;
  }
  .pdb-col-lg-push-16 {
    left: 66.66666667%;
  }
  .pdb-col-lg-push-16.pdb-col-rtl {
    left: unset;
    right: 66.66666667%;
  }
  .pdb-col-lg-push-17 {
    left: 70.83333333%;
  }
  .pdb-col-lg-push-17.pdb-col-rtl {
    left: unset;
    right: 70.83333333%;
  }
  .pdb-col-lg-push-18 {
    left: 75%;
  }
  .pdb-col-lg-push-18.pdb-col-rtl {
    left: unset;
    right: 75%;
  }
  .pdb-col-lg-push-19 {
    left: 79.16666667%;
  }
  .pdb-col-lg-push-19.pdb-col-rtl {
    left: unset;
    right: 79.16666667%;
  }
  .pdb-col-lg-push-20 {
    left: 83.33333333%;
  }
  .pdb-col-lg-push-20.pdb-col-rtl {
    left: unset;
    right: 83.33333333%;
  }
  .pdb-col-lg-push-21 {
    left: 87.5%;
  }
  .pdb-col-lg-push-21.pdb-col-rtl {
    left: unset;
    right: 87.5%;
  }
  .pdb-col-lg-push-22 {
    left: 91.66666667%;
  }
  .pdb-col-lg-push-22.pdb-col-rtl {
    left: unset;
    right: 91.66666667%;
  }
  .pdb-col-lg-push-23 {
    left: 95.83333333%;
  }
  .pdb-col-lg-push-23.pdb-col-rtl {
    left: unset;
    right: 95.83333333%;
  }
  .pdb-col-lg-push-24 {
    left: 100%;
  }
  .pdb-col-lg-push-24.pdb-col-rtl {
    left: unset;
    right: 100%;
  }
}
@media (min-width: 1200px) {
  .pdb-col-xl-0 {
    display: none;
  }
  .pdb-col-xl-1 {
    display: block;
    width: 4.16666667%;
    flex: 0 0 4.16666667%;
  }
  .pdb-col-xl-2 {
    display: block;
    width: 8.33333333%;
    flex: 0 0 8.33333333%;
  }
  .pdb-col-xl-3 {
    display: block;
    width: 12.5%;
    flex: 0 0 12.5%;
  }
  .pdb-col-xl-4 {
    display: block;
    width: 16.66666667%;
    flex: 0 0 16.66666667%;
  }
  .pdb-col-xl-5 {
    display: block;
    width: 20.83333333%;
    flex: 0 0 20.83333333%;
  }
  .pdb-col-xl-6 {
    display: block;
    width: 25%;
    flex: 0 0 25%;
  }
  .pdb-col-xl-7 {
    display: block;
    width: 29.16666667%;
    flex: 0 0 29.16666667%;
  }
  .pdb-col-xl-8 {
    display: block;
    width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  .pdb-col-xl-9 {
    display: block;
    width: 37.5%;
    flex: 0 0 37.5%;
  }
  .pdb-col-xl-10 {
    display: block;
    width: 41.66666667%;
    flex: 0 0 41.66666667%;
  }
  .pdb-col-xl-11 {
    display: block;
    width: 45.83333333%;
    flex: 0 0 45.83333333%;
  }
  .pdb-col-xl-12 {
    display: block;
    width: 50%;
    flex: 0 0 50%;
  }
  .pdb-col-xl-13 {
    display: block;
    width: 54.16666667%;
    flex: 0 0 54.16666667%;
  }
  .pdb-col-xl-14 {
    display: block;
    width: 58.33333333%;
    flex: 0 0 58.33333333%;
  }
  .pdb-col-xl-15 {
    display: block;
    width: 62.5%;
    flex: 0 0 62.5%;
  }
  .pdb-col-xl-16 {
    display: block;
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  .pdb-col-xl-17 {
    display: block;
    width: 70.83333333%;
    flex: 0 0 70.83333333%;
  }
  .pdb-col-xl-18 {
    display: block;
    width: 75%;
    flex: 0 0 75%;
  }
  .pdb-col-xl-19 {
    display: block;
    width: 79.16666667%;
    flex: 0 0 79.16666667%;
  }
  .pdb-col-xl-20 {
    display: block;
    width: 83.33333333%;
    flex: 0 0 83.33333333%;
  }
  .pdb-col-xl-21 {
    display: block;
    width: 87.5%;
    flex: 0 0 87.5%;
  }
  .pdb-col-xl-22 {
    display: block;
    width: 91.66666667%;
    flex: 0 0 91.66666667%;
  }
  .pdb-col-xl-23 {
    display: block;
    width: 95.83333333%;
    flex: 0 0 95.83333333%;
  }
  .pdb-col-xl-24 {
    display: block;
    width: 100%;
    flex: 0 0 100%;
  }
  .pdb-col-xl-offset-0 {
    margin-left: 0%;
  }
  .pdb-col-xl-offset-0.pdb-col-rtl {
    margin-left: 0;
    margin-right: 0%;
  }
  .pdb-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .pdb-col-xl-offset-1.pdb-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
  }
  .pdb-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .pdb-col-xl-offset-2.pdb-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .pdb-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .pdb-col-xl-offset-3.pdb-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .pdb-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .pdb-col-xl-offset-4.pdb-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .pdb-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .pdb-col-xl-offset-5.pdb-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
  }
  .pdb-col-xl-offset-6 {
    margin-left: 25%;
  }
  .pdb-col-xl-offset-6.pdb-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }
  .pdb-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .pdb-col-xl-offset-7.pdb-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
  }
  .pdb-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .pdb-col-xl-offset-8.pdb-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .pdb-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .pdb-col-xl-offset-9.pdb-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .pdb-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .pdb-col-xl-offset-10.pdb-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .pdb-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .pdb-col-xl-offset-11.pdb-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
  }
  .pdb-col-xl-offset-12 {
    margin-left: 50%;
  }
  .pdb-col-xl-offset-12.pdb-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }
  .pdb-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .pdb-col-xl-offset-13.pdb-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
  }
  .pdb-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .pdb-col-xl-offset-14.pdb-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .pdb-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .pdb-col-xl-offset-15.pdb-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .pdb-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .pdb-col-xl-offset-16.pdb-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .pdb-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .pdb-col-xl-offset-17.pdb-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
  }
  .pdb-col-xl-offset-18 {
    margin-left: 75%;
  }
  .pdb-col-xl-offset-18.pdb-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }
  .pdb-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .pdb-col-xl-offset-19.pdb-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
  }
  .pdb-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .pdb-col-xl-offset-20.pdb-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .pdb-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .pdb-col-xl-offset-21.pdb-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .pdb-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .pdb-col-xl-offset-22.pdb-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .pdb-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .pdb-col-xl-offset-23.pdb-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
  }
  .pdb-col-xl-order-0 {
    order: 0;
  }
  .pdb-col-xl-order-1 {
    order: 1;
  }
  .pdb-col-xl-order-2 {
    order: 2;
  }
  .pdb-col-xl-order-3 {
    order: 3;
  }
  .pdb-col-xl-order-4 {
    order: 4;
  }
  .pdb-col-xl-order-5 {
    order: 5;
  }
  .pdb-col-xl-order-6 {
    order: 6;
  }
  .pdb-col-xl-order-7 {
    order: 7;
  }
  .pdb-col-xl-order-8 {
    order: 8;
  }
  .pdb-col-xl-order-9 {
    order: 9;
  }
  .pdb-col-xl-order-10 {
    order: 10;
  }
  .pdb-col-xl-order-11 {
    order: 11;
  }
  .pdb-col-xl-order-12 {
    order: 12;
  }
  .pdb-col-xl-order-13 {
    order: 13;
  }
  .pdb-col-xl-order-14 {
    order: 14;
  }
  .pdb-col-xl-order-15 {
    order: 15;
  }
  .pdb-col-xl-order-16 {
    order: 16;
  }
  .pdb-col-xl-order-17 {
    order: 17;
  }
  .pdb-col-xl-order-18 {
    order: 18;
  }
  .pdb-col-xl-order-19 {
    order: 19;
  }
  .pdb-col-xl-order-20 {
    order: 20;
  }
  .pdb-col-xl-order-21 {
    order: 21;
  }
  .pdb-col-xl-order-22 {
    order: 22;
  }
  .pdb-col-xl-order-23 {
    order: 23;
  }
  .pdb-col-xl-order-24 {
    order: 24;
  }
  .pdb-col-xl-pull-0 {
    right: 0%;
  }
  .pdb-col-xl-pull-0.pdb-col-rtl {
    right: unset;
    left: 0%;
  }
  .pdb-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .pdb-col-xl-pull-1.pdb-col-rtl {
    right: unset;
    left: 4.16666667%;
  }
  .pdb-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .pdb-col-xl-pull-2.pdb-col-rtl {
    right: unset;
    left: 8.33333333%;
  }
  .pdb-col-xl-pull-3 {
    right: 12.5%;
  }
  .pdb-col-xl-pull-3.pdb-col-rtl {
    right: unset;
    left: 12.5%;
  }
  .pdb-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .pdb-col-xl-pull-4.pdb-col-rtl {
    right: unset;
    left: 16.66666667%;
  }
  .pdb-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .pdb-col-xl-pull-5.pdb-col-rtl {
    right: unset;
    left: 20.83333333%;
  }
  .pdb-col-xl-pull-6 {
    right: 25%;
  }
  .pdb-col-xl-pull-6.pdb-col-rtl {
    right: unset;
    left: 25%;
  }
  .pdb-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .pdb-col-xl-pull-7.pdb-col-rtl {
    right: unset;
    left: 29.16666667%;
  }
  .pdb-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .pdb-col-xl-pull-8.pdb-col-rtl {
    right: unset;
    left: 33.33333333%;
  }
  .pdb-col-xl-pull-9 {
    right: 37.5%;
  }
  .pdb-col-xl-pull-9.pdb-col-rtl {
    right: unset;
    left: 37.5%;
  }
  .pdb-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .pdb-col-xl-pull-10.pdb-col-rtl {
    right: unset;
    left: 41.66666667%;
  }
  .pdb-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .pdb-col-xl-pull-11.pdb-col-rtl {
    right: unset;
    left: 45.83333333%;
  }
  .pdb-col-xl-pull-12 {
    right: 50%;
  }
  .pdb-col-xl-pull-12.pdb-col-rtl {
    right: unset;
    left: 50%;
  }
  .pdb-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .pdb-col-xl-pull-13.pdb-col-rtl {
    right: unset;
    left: 54.16666667%;
  }
  .pdb-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .pdb-col-xl-pull-14.pdb-col-rtl {
    right: unset;
    left: 58.33333333%;
  }
  .pdb-col-xl-pull-15 {
    right: 62.5%;
  }
  .pdb-col-xl-pull-15.pdb-col-rtl {
    right: unset;
    left: 62.5%;
  }
  .pdb-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .pdb-col-xl-pull-16.pdb-col-rtl {
    right: unset;
    left: 66.66666667%;
  }
  .pdb-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .pdb-col-xl-pull-17.pdb-col-rtl {
    right: unset;
    left: 70.83333333%;
  }
  .pdb-col-xl-pull-18 {
    right: 75%;
  }
  .pdb-col-xl-pull-18.pdb-col-rtl {
    right: unset;
    left: 75%;
  }
  .pdb-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .pdb-col-xl-pull-19.pdb-col-rtl {
    right: unset;
    left: 79.16666667%;
  }
  .pdb-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .pdb-col-xl-pull-20.pdb-col-rtl {
    right: unset;
    left: 83.33333333%;
  }
  .pdb-col-xl-pull-21 {
    right: 87.5%;
  }
  .pdb-col-xl-pull-21.pdb-col-rtl {
    right: unset;
    left: 87.5%;
  }
  .pdb-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .pdb-col-xl-pull-22.pdb-col-rtl {
    right: unset;
    left: 91.66666667%;
  }
  .pdb-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .pdb-col-xl-pull-23.pdb-col-rtl {
    right: unset;
    left: 95.83333333%;
  }
  .pdb-col-xl-pull-24 {
    right: 100%;
  }
  .pdb-col-xl-pull-24.pdb-col-rtl {
    right: unset;
    left: 100%;
  }
  .pdb-col-xl-push-0 {
    left: 0%;
  }
  .pdb-col-xl-push-0.pdb-col-rtl {
    left: unset;
    right: 0%;
  }
  .pdb-col-xl-push-1 {
    left: 4.16666667%;
  }
  .pdb-col-xl-push-1.pdb-col-rtl {
    left: unset;
    right: 4.16666667%;
  }
  .pdb-col-xl-push-2 {
    left: 8.33333333%;
  }
  .pdb-col-xl-push-2.pdb-col-rtl {
    left: unset;
    right: 8.33333333%;
  }
  .pdb-col-xl-push-3 {
    left: 12.5%;
  }
  .pdb-col-xl-push-3.pdb-col-rtl {
    left: unset;
    right: 12.5%;
  }
  .pdb-col-xl-push-4 {
    left: 16.66666667%;
  }
  .pdb-col-xl-push-4.pdb-col-rtl {
    left: unset;
    right: 16.66666667%;
  }
  .pdb-col-xl-push-5 {
    left: 20.83333333%;
  }
  .pdb-col-xl-push-5.pdb-col-rtl {
    left: unset;
    right: 20.83333333%;
  }
  .pdb-col-xl-push-6 {
    left: 25%;
  }
  .pdb-col-xl-push-6.pdb-col-rtl {
    left: unset;
    right: 25%;
  }
  .pdb-col-xl-push-7 {
    left: 29.16666667%;
  }
  .pdb-col-xl-push-7.pdb-col-rtl {
    left: unset;
    right: 29.16666667%;
  }
  .pdb-col-xl-push-8 {
    left: 33.33333333%;
  }
  .pdb-col-xl-push-8.pdb-col-rtl {
    left: unset;
    right: 33.33333333%;
  }
  .pdb-col-xl-push-9 {
    left: 37.5%;
  }
  .pdb-col-xl-push-9.pdb-col-rtl {
    left: unset;
    right: 37.5%;
  }
  .pdb-col-xl-push-10 {
    left: 41.66666667%;
  }
  .pdb-col-xl-push-10.pdb-col-rtl {
    left: unset;
    right: 41.66666667%;
  }
  .pdb-col-xl-push-11 {
    left: 45.83333333%;
  }
  .pdb-col-xl-push-11.pdb-col-rtl {
    left: unset;
    right: 45.83333333%;
  }
  .pdb-col-xl-push-12 {
    left: 50%;
  }
  .pdb-col-xl-push-12.pdb-col-rtl {
    left: unset;
    right: 50%;
  }
  .pdb-col-xl-push-13 {
    left: 54.16666667%;
  }
  .pdb-col-xl-push-13.pdb-col-rtl {
    left: unset;
    right: 54.16666667%;
  }
  .pdb-col-xl-push-14 {
    left: 58.33333333%;
  }
  .pdb-col-xl-push-14.pdb-col-rtl {
    left: unset;
    right: 58.33333333%;
  }
  .pdb-col-xl-push-15 {
    left: 62.5%;
  }
  .pdb-col-xl-push-15.pdb-col-rtl {
    left: unset;
    right: 62.5%;
  }
  .pdb-col-xl-push-16 {
    left: 66.66666667%;
  }
  .pdb-col-xl-push-16.pdb-col-rtl {
    left: unset;
    right: 66.66666667%;
  }
  .pdb-col-xl-push-17 {
    left: 70.83333333%;
  }
  .pdb-col-xl-push-17.pdb-col-rtl {
    left: unset;
    right: 70.83333333%;
  }
  .pdb-col-xl-push-18 {
    left: 75%;
  }
  .pdb-col-xl-push-18.pdb-col-rtl {
    left: unset;
    right: 75%;
  }
  .pdb-col-xl-push-19 {
    left: 79.16666667%;
  }
  .pdb-col-xl-push-19.pdb-col-rtl {
    left: unset;
    right: 79.16666667%;
  }
  .pdb-col-xl-push-20 {
    left: 83.33333333%;
  }
  .pdb-col-xl-push-20.pdb-col-rtl {
    left: unset;
    right: 83.33333333%;
  }
  .pdb-col-xl-push-21 {
    left: 87.5%;
  }
  .pdb-col-xl-push-21.pdb-col-rtl {
    left: unset;
    right: 87.5%;
  }
  .pdb-col-xl-push-22 {
    left: 91.66666667%;
  }
  .pdb-col-xl-push-22.pdb-col-rtl {
    left: unset;
    right: 91.66666667%;
  }
  .pdb-col-xl-push-23 {
    left: 95.83333333%;
  }
  .pdb-col-xl-push-23.pdb-col-rtl {
    left: unset;
    right: 95.83333333%;
  }
  .pdb-col-xl-push-24 {
    left: 100%;
  }
  .pdb-col-xl-push-24.pdb-col-rtl {
    left: unset;
    right: 100%;
  }
}
@media (min-width: 1600px) {
  .pdb-col-xxl-0 {
    display: none;
  }
  .pdb-col-xxl-1 {
    display: block;
    width: 4.16666667%;
    flex: 0 0 4.16666667%;
  }
  .pdb-col-xxl-2 {
    display: block;
    width: 8.33333333%;
    flex: 0 0 8.33333333%;
  }
  .pdb-col-xxl-3 {
    display: block;
    width: 12.5%;
    flex: 0 0 12.5%;
  }
  .pdb-col-xxl-4 {
    display: block;
    width: 16.66666667%;
    flex: 0 0 16.66666667%;
  }
  .pdb-col-xxl-5 {
    display: block;
    width: 20.83333333%;
    flex: 0 0 20.83333333%;
  }
  .pdb-col-xxl-6 {
    display: block;
    width: 25%;
    flex: 0 0 25%;
  }
  .pdb-col-xxl-7 {
    display: block;
    width: 29.16666667%;
    flex: 0 0 29.16666667%;
  }
  .pdb-col-xxl-8 {
    display: block;
    width: 33.33333333%;
    flex: 0 0 33.33333333%;
  }
  .pdb-col-xxl-9 {
    display: block;
    width: 37.5%;
    flex: 0 0 37.5%;
  }
  .pdb-col-xxl-10 {
    display: block;
    width: 41.66666667%;
    flex: 0 0 41.66666667%;
  }
  .pdb-col-xxl-11 {
    display: block;
    width: 45.83333333%;
    flex: 0 0 45.83333333%;
  }
  .pdb-col-xxl-12 {
    display: block;
    width: 50%;
    flex: 0 0 50%;
  }
  .pdb-col-xxl-13 {
    display: block;
    width: 54.16666667%;
    flex: 0 0 54.16666667%;
  }
  .pdb-col-xxl-14 {
    display: block;
    width: 58.33333333%;
    flex: 0 0 58.33333333%;
  }
  .pdb-col-xxl-15 {
    display: block;
    width: 62.5%;
    flex: 0 0 62.5%;
  }
  .pdb-col-xxl-16 {
    display: block;
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
  }
  .pdb-col-xxl-17 {
    display: block;
    width: 70.83333333%;
    flex: 0 0 70.83333333%;
  }
  .pdb-col-xxl-18 {
    display: block;
    width: 75%;
    flex: 0 0 75%;
  }
  .pdb-col-xxl-19 {
    display: block;
    width: 79.16666667%;
    flex: 0 0 79.16666667%;
  }
  .pdb-col-xxl-20 {
    display: block;
    width: 83.33333333%;
    flex: 0 0 83.33333333%;
  }
  .pdb-col-xxl-21 {
    display: block;
    width: 87.5%;
    flex: 0 0 87.5%;
  }
  .pdb-col-xxl-22 {
    display: block;
    width: 91.66666667%;
    flex: 0 0 91.66666667%;
  }
  .pdb-col-xxl-23 {
    display: block;
    width: 95.83333333%;
    flex: 0 0 95.83333333%;
  }
  .pdb-col-xxl-24 {
    display: block;
    width: 100%;
    flex: 0 0 100%;
  }
  .pdb-col-xxl-offset-0 {
    margin-left: 0%;
  }
  .pdb-col-xxl-offset-0.pdb-col-rtl {
    margin-left: 0;
    margin-right: 0%;
  }
  .pdb-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .pdb-col-xxl-offset-1.pdb-col-rtl {
    margin-left: 0;
    margin-right: 4.16666667%;
  }
  .pdb-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .pdb-col-xxl-offset-2.pdb-col-rtl {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .pdb-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .pdb-col-xxl-offset-3.pdb-col-rtl {
    margin-left: 0;
    margin-right: 12.5%;
  }
  .pdb-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .pdb-col-xxl-offset-4.pdb-col-rtl {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .pdb-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .pdb-col-xxl-offset-5.pdb-col-rtl {
    margin-left: 0;
    margin-right: 20.83333333%;
  }
  .pdb-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .pdb-col-xxl-offset-6.pdb-col-rtl {
    margin-left: 0;
    margin-right: 25%;
  }
  .pdb-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .pdb-col-xxl-offset-7.pdb-col-rtl {
    margin-left: 0;
    margin-right: 29.16666667%;
  }
  .pdb-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .pdb-col-xxl-offset-8.pdb-col-rtl {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .pdb-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .pdb-col-xxl-offset-9.pdb-col-rtl {
    margin-left: 0;
    margin-right: 37.5%;
  }
  .pdb-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .pdb-col-xxl-offset-10.pdb-col-rtl {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .pdb-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .pdb-col-xxl-offset-11.pdb-col-rtl {
    margin-left: 0;
    margin-right: 45.83333333%;
  }
  .pdb-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .pdb-col-xxl-offset-12.pdb-col-rtl {
    margin-left: 0;
    margin-right: 50%;
  }
  .pdb-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .pdb-col-xxl-offset-13.pdb-col-rtl {
    margin-left: 0;
    margin-right: 54.16666667%;
  }
  .pdb-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .pdb-col-xxl-offset-14.pdb-col-rtl {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .pdb-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .pdb-col-xxl-offset-15.pdb-col-rtl {
    margin-left: 0;
    margin-right: 62.5%;
  }
  .pdb-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .pdb-col-xxl-offset-16.pdb-col-rtl {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .pdb-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .pdb-col-xxl-offset-17.pdb-col-rtl {
    margin-left: 0;
    margin-right: 70.83333333%;
  }
  .pdb-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .pdb-col-xxl-offset-18.pdb-col-rtl {
    margin-left: 0;
    margin-right: 75%;
  }
  .pdb-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .pdb-col-xxl-offset-19.pdb-col-rtl {
    margin-left: 0;
    margin-right: 79.16666667%;
  }
  .pdb-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .pdb-col-xxl-offset-20.pdb-col-rtl {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .pdb-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .pdb-col-xxl-offset-21.pdb-col-rtl {
    margin-left: 0;
    margin-right: 87.5%;
  }
  .pdb-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .pdb-col-xxl-offset-22.pdb-col-rtl {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .pdb-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .pdb-col-xxl-offset-23.pdb-col-rtl {
    margin-left: 0;
    margin-right: 95.83333333%;
  }
  .pdb-col-xxl-order-0 {
    order: 0;
  }
  .pdb-col-xxl-order-1 {
    order: 1;
  }
  .pdb-col-xxl-order-2 {
    order: 2;
  }
  .pdb-col-xxl-order-3 {
    order: 3;
  }
  .pdb-col-xxl-order-4 {
    order: 4;
  }
  .pdb-col-xxl-order-5 {
    order: 5;
  }
  .pdb-col-xxl-order-6 {
    order: 6;
  }
  .pdb-col-xxl-order-7 {
    order: 7;
  }
  .pdb-col-xxl-order-8 {
    order: 8;
  }
  .pdb-col-xxl-order-9 {
    order: 9;
  }
  .pdb-col-xxl-order-10 {
    order: 10;
  }
  .pdb-col-xxl-order-11 {
    order: 11;
  }
  .pdb-col-xxl-order-12 {
    order: 12;
  }
  .pdb-col-xxl-order-13 {
    order: 13;
  }
  .pdb-col-xxl-order-14 {
    order: 14;
  }
  .pdb-col-xxl-order-15 {
    order: 15;
  }
  .pdb-col-xxl-order-16 {
    order: 16;
  }
  .pdb-col-xxl-order-17 {
    order: 17;
  }
  .pdb-col-xxl-order-18 {
    order: 18;
  }
  .pdb-col-xxl-order-19 {
    order: 19;
  }
  .pdb-col-xxl-order-20 {
    order: 20;
  }
  .pdb-col-xxl-order-21 {
    order: 21;
  }
  .pdb-col-xxl-order-22 {
    order: 22;
  }
  .pdb-col-xxl-order-23 {
    order: 23;
  }
  .pdb-col-xxl-order-24 {
    order: 24;
  }
  .pdb-col-xxl-pull-0 {
    right: 0%;
  }
  .pdb-col-xxl-pull-0.pdb-col-rtl {
    right: unset;
    left: 0%;
  }
  .pdb-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .pdb-col-xxl-pull-1.pdb-col-rtl {
    right: unset;
    left: 4.16666667%;
  }
  .pdb-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .pdb-col-xxl-pull-2.pdb-col-rtl {
    right: unset;
    left: 8.33333333%;
  }
  .pdb-col-xxl-pull-3 {
    right: 12.5%;
  }
  .pdb-col-xxl-pull-3.pdb-col-rtl {
    right: unset;
    left: 12.5%;
  }
  .pdb-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .pdb-col-xxl-pull-4.pdb-col-rtl {
    right: unset;
    left: 16.66666667%;
  }
  .pdb-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .pdb-col-xxl-pull-5.pdb-col-rtl {
    right: unset;
    left: 20.83333333%;
  }
  .pdb-col-xxl-pull-6 {
    right: 25%;
  }
  .pdb-col-xxl-pull-6.pdb-col-rtl {
    right: unset;
    left: 25%;
  }
  .pdb-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .pdb-col-xxl-pull-7.pdb-col-rtl {
    right: unset;
    left: 29.16666667%;
  }
  .pdb-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .pdb-col-xxl-pull-8.pdb-col-rtl {
    right: unset;
    left: 33.33333333%;
  }
  .pdb-col-xxl-pull-9 {
    right: 37.5%;
  }
  .pdb-col-xxl-pull-9.pdb-col-rtl {
    right: unset;
    left: 37.5%;
  }
  .pdb-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .pdb-col-xxl-pull-10.pdb-col-rtl {
    right: unset;
    left: 41.66666667%;
  }
  .pdb-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .pdb-col-xxl-pull-11.pdb-col-rtl {
    right: unset;
    left: 45.83333333%;
  }
  .pdb-col-xxl-pull-12 {
    right: 50%;
  }
  .pdb-col-xxl-pull-12.pdb-col-rtl {
    right: unset;
    left: 50%;
  }
  .pdb-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .pdb-col-xxl-pull-13.pdb-col-rtl {
    right: unset;
    left: 54.16666667%;
  }
  .pdb-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .pdb-col-xxl-pull-14.pdb-col-rtl {
    right: unset;
    left: 58.33333333%;
  }
  .pdb-col-xxl-pull-15 {
    right: 62.5%;
  }
  .pdb-col-xxl-pull-15.pdb-col-rtl {
    right: unset;
    left: 62.5%;
  }
  .pdb-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .pdb-col-xxl-pull-16.pdb-col-rtl {
    right: unset;
    left: 66.66666667%;
  }
  .pdb-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .pdb-col-xxl-pull-17.pdb-col-rtl {
    right: unset;
    left: 70.83333333%;
  }
  .pdb-col-xxl-pull-18 {
    right: 75%;
  }
  .pdb-col-xxl-pull-18.pdb-col-rtl {
    right: unset;
    left: 75%;
  }
  .pdb-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .pdb-col-xxl-pull-19.pdb-col-rtl {
    right: unset;
    left: 79.16666667%;
  }
  .pdb-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .pdb-col-xxl-pull-20.pdb-col-rtl {
    right: unset;
    left: 83.33333333%;
  }
  .pdb-col-xxl-pull-21 {
    right: 87.5%;
  }
  .pdb-col-xxl-pull-21.pdb-col-rtl {
    right: unset;
    left: 87.5%;
  }
  .pdb-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .pdb-col-xxl-pull-22.pdb-col-rtl {
    right: unset;
    left: 91.66666667%;
  }
  .pdb-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .pdb-col-xxl-pull-23.pdb-col-rtl {
    right: unset;
    left: 95.83333333%;
  }
  .pdb-col-xxl-pull-24 {
    right: 100%;
  }
  .pdb-col-xxl-pull-24.pdb-col-rtl {
    right: unset;
    left: 100%;
  }
  .pdb-col-xxl-push-0 {
    left: 0%;
  }
  .pdb-col-xxl-push-0.pdb-col-rtl {
    left: unset;
    right: 0%;
  }
  .pdb-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .pdb-col-xxl-push-1.pdb-col-rtl {
    left: unset;
    right: 4.16666667%;
  }
  .pdb-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .pdb-col-xxl-push-2.pdb-col-rtl {
    left: unset;
    right: 8.33333333%;
  }
  .pdb-col-xxl-push-3 {
    left: 12.5%;
  }
  .pdb-col-xxl-push-3.pdb-col-rtl {
    left: unset;
    right: 12.5%;
  }
  .pdb-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .pdb-col-xxl-push-4.pdb-col-rtl {
    left: unset;
    right: 16.66666667%;
  }
  .pdb-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .pdb-col-xxl-push-5.pdb-col-rtl {
    left: unset;
    right: 20.83333333%;
  }
  .pdb-col-xxl-push-6 {
    left: 25%;
  }
  .pdb-col-xxl-push-6.pdb-col-rtl {
    left: unset;
    right: 25%;
  }
  .pdb-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .pdb-col-xxl-push-7.pdb-col-rtl {
    left: unset;
    right: 29.16666667%;
  }
  .pdb-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .pdb-col-xxl-push-8.pdb-col-rtl {
    left: unset;
    right: 33.33333333%;
  }
  .pdb-col-xxl-push-9 {
    left: 37.5%;
  }
  .pdb-col-xxl-push-9.pdb-col-rtl {
    left: unset;
    right: 37.5%;
  }
  .pdb-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .pdb-col-xxl-push-10.pdb-col-rtl {
    left: unset;
    right: 41.66666667%;
  }
  .pdb-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .pdb-col-xxl-push-11.pdb-col-rtl {
    left: unset;
    right: 45.83333333%;
  }
  .pdb-col-xxl-push-12 {
    left: 50%;
  }
  .pdb-col-xxl-push-12.pdb-col-rtl {
    left: unset;
    right: 50%;
  }
  .pdb-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .pdb-col-xxl-push-13.pdb-col-rtl {
    left: unset;
    right: 54.16666667%;
  }
  .pdb-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .pdb-col-xxl-push-14.pdb-col-rtl {
    left: unset;
    right: 58.33333333%;
  }
  .pdb-col-xxl-push-15 {
    left: 62.5%;
  }
  .pdb-col-xxl-push-15.pdb-col-rtl {
    left: unset;
    right: 62.5%;
  }
  .pdb-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .pdb-col-xxl-push-16.pdb-col-rtl {
    left: unset;
    right: 66.66666667%;
  }
  .pdb-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .pdb-col-xxl-push-17.pdb-col-rtl {
    left: unset;
    right: 70.83333333%;
  }
  .pdb-col-xxl-push-18 {
    left: 75%;
  }
  .pdb-col-xxl-push-18.pdb-col-rtl {
    left: unset;
    right: 75%;
  }
  .pdb-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .pdb-col-xxl-push-19.pdb-col-rtl {
    left: unset;
    right: 79.16666667%;
  }
  .pdb-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .pdb-col-xxl-push-20.pdb-col-rtl {
    left: unset;
    right: 83.33333333%;
  }
  .pdb-col-xxl-push-21 {
    left: 87.5%;
  }
  .pdb-col-xxl-push-21.pdb-col-rtl {
    left: unset;
    right: 87.5%;
  }
  .pdb-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .pdb-col-xxl-push-22.pdb-col-rtl {
    left: unset;
    right: 91.66666667%;
  }
  .pdb-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .pdb-col-xxl-push-23.pdb-col-rtl {
    left: unset;
    right: 95.83333333%;
  }
  .pdb-col-xxl-push-24 {
    left: 100%;
  }
  .pdb-col-xxl-push-24.pdb-col-rtl {
    left: unset;
    right: 100%;
  }
}

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}
.pdb-image {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.pdb-image .pdb-image-container {
  box-sizing: border-box;
  display: block;
  width: auto;
  width: initial;
  height: auto;
  height: initial;
  background: none;
  opacity: 1;
  border: 0;
  margin: 0;
  padding: 0;
}
.pdb-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}
.pdb-image.pdb-image-avatar {
  border-radius: 50%;
}
.pdb-multi-image {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.pdb-multi-image .count {
  right: 0;
  bottom: 0;
  padding: 6px 7px;
  font-size: 0;
  position: absolute;
  border-radius: 12px 0px 0px 0px;
  background: rgba(0, 0, 0, 0.3);
}
.pdb-multi-image .count svg {
  display: inline-block;
  vertical-align: middle;
}
.pdb-multi-image .count label {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.7);
  display: inline-block;
  vertical-align: middle;
}
.pdb-multi-image-preview-root {
  position: relative;
  width: auto;
}
.pdb-multi-image-preview-root .pdb-multi-image-preview-wrap {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.pdb-multi-image-preview-root .pdb-multi-image-preview-content {
  position: relative;
  outline: 0;
}
.pdb-multi-image-preview-root .pdb-multi-image-preview-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.pdb-multi-image-preview-root .pdb-multi-image-preview-title {
  margin: 0;
  line-height: 1.42857143;
}
.pdb-multi-image-preview-root .pdb-multi-image-preview-body {
  position: relative;
}
.pdb-multi-image-preview-root .pdb-multi-image-preview-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.pdb-multi-image-preview-root .pdb-multi-image-preview-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  z-index: 1050;
}
.pdb-multi-image-preview-root .pdb-multi-image-preview-mask-hidden {
  display: none;
}
@media screen and (min-width: 768px) {
  .pdb-multi-image-preview-root .pdb-multi-image-preview-body {
    padding: 15px;
  }
}
.pdb-multi-image-preview {
  position: relative;
}
.pdb-multi-image-preview .close-btn {
  width: 54px;
  height: 54px;
  line-height: 60px;
  font-size: 24px;
  position: absolute;
  border: none;
  outline: none;
  color: rgba(255, 255, 255, 0.3);
  z-index: 1;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
}
.pdb-multi-image-preview .pdb-multi-image-preview-container {
  max-width: 1512px;
}
.pdb-multi-image-preview .pdb-multi-image-preview-container .title {
  padding: 15px 0 17px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  display: block;
  text-align: center;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.pdb-multi-image-preview .pdb-multi-image-preview-container .content {
  display: flex;
  max-width: 744px;
  height: calc(100vh - 17px - 64px - 30px);
  margin: 17px auto 63px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.pdb-multi-image-preview .pdb-multi-image-preview-container .content .swiper {
  width: 100%;
  height: 100%;
}
.pdb-multi-image-preview .pdb-multi-image-preview-container .content .swiper .swiper-rect {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pdb-multi-image-preview .pdb-multi-image-preview-container .btn {
  width: 54px;
  height: 54px;
  line-height: 62px;
  display: none;
  position: absolute;
  border: none;
  outline: none;
  font-size: 24px;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.3);
  background-color: transparent;
  text-align: center;
  padding: 0;
  z-index: 2;
  cursor: pointer;
}
.pdb-multi-image-preview .pdb-multi-image-preview-container .btn.left-btn {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.pdb-multi-image-preview .pdb-multi-image-preview-container .btn.right-btn {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .pdb-multi-image-preview .close-btn:hover {
    color: rgba(255, 255, 255, 0.5);
    background-color: #1D2029;
    background-color: var(--pdb-color-3, #1D2029);
  }
  .pdb-multi-image-preview .close-btn:active {
    color: rgba(255, 255, 255, 0.3);
    background-color: #15171F;
    background-color: var(--pdb-color-2, #15171F);
  }
  .pdb-multi-image-preview .pdb-multi-image-preview-container .content .swiper {
    width: calc(100% - 108px);
  }
  .pdb-multi-image-preview .pdb-multi-image-preview-container .btn {
    display: block;
  }
  .pdb-multi-image-preview .pdb-multi-image-preview-container .btn:hover {
    color: rgba(255, 255, 255, 0.5);
    background-color: #1D2029;
    background-color: var(--pdb-color-3, #1D2029);
  }
  .pdb-multi-image-preview .pdb-multi-image-preview-container .btn:active {
    color: rgba(255, 255, 255, 0.3);
    background-color: #15171F;
    background-color: var(--pdb-color-2, #15171F);
  }
}

.pdb-upload {
  display: flex;
  position: relative;
}
.pdb-upload .delete-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  z-index: 1;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  cursor: pointer;
}
.pdb-upload .delete-btn:hover {
  font-size: 36px;
  width: 100%;
  height: 100%;
}
.pdb-upload .img-wrp {
  display: block;
  width: 70px;
  height: 70px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 5px;
}
.pdb-upload .img-wrp img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
}
.pdb-upload .img-wrp.vertical img {
  width: 100%;
  height: auto;
}
.pdb-upload .img-mask {
  padding-top: 40%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  font-size: 12px;
  color: #E1F4EC;
  color: var(--pdb-color-12, #E1F4EC);
  text-align: center;
  z-index: 2;
}
.pdb-upload .append {
  cursor: pointer;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-dropdown {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1050;
  background: #15171F;
  background: var(--pdb-color-2, #15171F);
  border: 2px solid #328561;
  border: 2px solid var(--pdb-color-6, #328561);
  border-radius: 16px;
  overflow: hidden;
}
.pdb-dropdown-hidden {
  display: none;
}
.pdb-dropdown-zoom-enter,
.pdb-dropdown-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.pdb-dropdown-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.pdb-dropdown-zoom-enter.pdb-dropdown-zoom-enter-active,
.pdb-dropdown-zoom-appear.pdb-dropdown-zoom-appear-active {
  animation-name: rcTriggerZoomIn;
  animation-play-state: running;
}
.pdb-dropdown-zoom-leave.pdb-dropdown-zoom-leave-active {
  animation-name: rcTriggerZoomOut;
  animation-play-state: running;
}
@keyframes rcTriggerZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcTriggerZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.pdb-dropdown-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1050;
}
.pdb-dropdown-mask-hidden {
  display: none;
}
.pdb-dropdown-fade-enter,
.pdb-dropdown-fade-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.pdb-dropdown-fade-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.pdb-dropdown-fade-enter.pdb-dropdown-fade-enter-active,
.pdb-dropdown-fade-appear.pdb-dropdown-fade-appear-active {
  animation-name: rcTriggerMaskFadeIn;
  animation-play-state: running;
}
.pdb-dropdown-fade-leave.pdb-dropdown-fade-leave-active {
  animation-name: rcDialogFadeOut;
  animation-play-state: running;
}
@keyframes rcTriggerMaskFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.pdb-dropdown-mobile {
  transition: all 0.3s;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
}
.pdb-dropdown-mobile-fade-appear-start,
.pdb-dropdown-mobile-fade-enter-start {
  transform: translateY(100%);
}
.pdb-dropdown-mobile-fade-leave-active {
  transform: translateY(100%);
}

.pdb-dialog {
  position: relative;
  width: 93vw;
}
.pdb-dialog-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1080;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.pdb-dialog-title {
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  color: #C4E9D9;
  color: var(--pdb-color-11, #C4E9D9);
  cursor: default;
}
.pdb-dialog-content {
  position: relative;
  background-color: #07080D;
  background-color: var(--pdb-color-1, #07080D);
  border: none;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid #6BC79F;
  border: 1px solid var(--pdb-color-8, #6BC79F);
  background-clip: padding-box;
  max-height: 90vh;
  overflow: hidden;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
}
.pdb-dialog-close {
  cursor: pointer;
  border: 0;
  background: transparent;
  font-size: 21px;
  position: absolute;
  left: 16px;
  top: 16px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  text-decoration: none;
}
.pdb-dialog-header {
  flex-shrink: 0;
  padding: 16px 20px 12px 20px;
  border-radius: 5px 5px 0 0;
  color: #666;
  border-bottom: 1px solid #112C20;
  border-bottom: 1px solid var(--pdb-color-4, #112C20);
}
.pdb-dialog-body {
  display: flex;
  flex: 1 1;
  overflow: hidden;
}
.pdb-dialog-footer {
  border-top: 1px solid #e9e9e9;
  padding: 10px 20px;
  text-align: right;
  border-radius: 0 0 5px 5px;
}
.pdb-dialog-zoom-enter,
.pdb-dialog-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.pdb-dialog-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.pdb-dialog-zoom-enter.pdb-dialog-zoom-enter-active,
.pdb-dialog-zoom-appear.pdb-dialog-zoom-appear-active {
  animation-name: pdbDialogZoomIn;
  animation-play-state: running;
}
.pdb-dialog-zoom-leave.pdb-dialog-zoom-leave-active {
  animation-name: pdbDialogZoomOut;
  animation-play-state: running;
}
.pdb-dialog-centered {
  text-align: center;
}
.pdb-dialog-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.pdb-dialog-centered .pdb-dialog {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@keyframes pdbDialogZoomIn {
  0% {
    opacity: 0;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes pdbDialogZoomOut {
  0% {
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: scale(0, 0);
  }
}
@media (min-width: 768px) {
  .pdb-dialog {
    width: 600px;
    margin: 0 auto;
  }
}
.pdb-dialog-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1080;
}
.pdb-dialog-mask-hidden {
  display: none;
}
.pdb-dialog-fade-enter,
.pdb-dialog-fade-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.pdb-dialog-fade-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.pdb-dialog-fade-enter.pdb-dialog-fade-enter-active,
.pdb-dialog-fade-appear.pdb-dialog-fade-appear-active {
  animation-name: pdbDialogFadeIn;
  animation-play-state: running;
}
.pdb-dialog-fade-leave.pdb-dialog-fade-leave-active {
  animation-name: pdbDialogFadeOut;
  animation-play-state: running;
}
@keyframes pdbDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pdbDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-selector {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1090;
  background: #15171F;
  background: var(--pdb-color-2, #15171F);
  border: 2px solid #328561;
  border: 2px solid var(--pdb-color-6, #328561);
  border-radius: 16px;
  overflow: hidden;
}
.pdb-selector-hidden {
  display: none;
}
.pdb-selector-zoom-enter,
.pdb-selector-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.pdb-selector-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.pdb-selector-zoom-enter.pdb-selector-zoom-enter-active,
.pdb-selector-zoom-appear.pdb-selector-zoom-appear-active {
  animation-name: pdbselectorZoomIn;
  animation-play-state: running;
}
.pdb-selector-zoom-leave.pdb-selector-zoom-leave-active {
  animation-name: pdbselectorZoomOut;
  animation-play-state: running;
}
@keyframes pdbselectorZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes pdbselectorZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.pdb-selector-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1090;
}
.pdb-selector-mask-hidden {
  display: none;
}
.pdb-selector-fade-enter,
.pdb-selector-fade-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.pdb-selector-fade-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.pdb-selector-fade-enter.pdb-selector-fade-enter-active,
.pdb-selector-fade-appear.pdb-selector-fade-appear-active {
  animation-name: pdbselectorMaskFadeIn;
  animation-play-state: running;
}
.pdb-selector-fade-leave.pdb-selector-fade-leave-active {
  animation-name: pdbDialogFadeOut;
  animation-play-state: running;
}
@keyframes pdbselectorMaskFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pdbDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.pdb-selector-mobile {
  transition: all 0.3s;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
}
.pdb-selector-mobile-fade-appear-start,
.pdb-selector-mobile-fade-enter-start {
  transform: translateY(100%);
}
.pdb-selector-mobile-fade-leave-active {
  transform: translateY(100%);
}
.pdb-selector-btn {
  display: flex;
  height: 32px;
  align-items: center;
  border: 1px solid #434343;
  border: 1px solid var(--gray-color-26, #434343);
  border-radius: 99px;
  text-align: center;
  justify-content: center;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  cursor: pointer;
}
.pdb-selector-btn.disabled {
  color: rgba(140, 140, 140, 0.3);
  border-color: rgba(140, 140, 140, 0.3);
  pointer-events: none;
  cursor: default;
}
.pdb-selector-btn.active {
  border-color: #6BC79F;
  border-color: var(--pdb-color-8, #6BC79F);
  color: #6BC79F;
  color: var(--pdb-color-8, #6BC79F);
}
.pdb-selector-wrapper .list {
  min-width: 148px;
  max-height: 480px;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: auto;
}
.pdb-selector-wrapper .list .list-group .list-group-title {
  padding: 8px 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  display: block;
  color: #595959;
  color: var(--gray-color-35, #595959);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-selector-wrapper .list li {
  padding: 7px 12px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  border-radius: 99px;
  cursor: pointer;
}
.pdb-selector-wrapper .list li.active {
  background-color: #225941;
  background-color: var(--pdb-color-5, #225941);
}
@media screen and (min-width: 768px) {
  .pdb-selector-wrapper .list li:hover {
    background-color: #225941;
    background-color: var(--pdb-color-5, #225941);
  }
}

.pdb-confirm {
  position: relative;
  max-width: 270px;
  margin: 10px;
}
.pdb-confirm-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.pdb-confirm-title {
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
  color: white;
  cursor: default;
}
.pdb-confirm-content {
  position: relative;
  background: rgba(30, 30, 30, 0.75);
  border: none;
  border-radius: 14px;
  background-clip: padding-box;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
}
.pdb-confirm-close {
  cursor: pointer;
  border: 0;
  background: transparent;
  font-size: 21px;
  position: absolute;
  left: 16px;
  top: 16px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  text-decoration: none;
}
.pdb-confirm-header {
  padding: 19px 16px 0;
  border-radius: 5px 5px 0 0;
}
.pdb-confirm-body .content {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.2;
  color: white;
  text-align: center;
  padding: 0 16px 19px;
}
.pdb-confirm-body .btns {
  display: flex;
}
.pdb-confirm-body .btns .btn {
  flex: 1 1;
  padding: 11px 0;
  border: none;
  font-size: 17px;
  font-weight: 400;
  background-color: transparent;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  cursor: pointer;
}
.pdb-confirm-body .btns .btn.confirm-btn {
  font-weight: 600;
  color: #6BC79F;
  color: var(--pdb-color-8, #6BC79F);
}
.pdb-confirm-body .btns .btn.confirm-btn[data-type="important"] {
  color: #EB5C52;
  color: var(--pome-color, #EB5C52);
}
.pdb-confirm-body .btns .btn:hover {
  background-color: transparent;
}
.pdb-confirm-footer {
  border-top: 1px solid #e9e9e9;
  padding: 10px 20px;
  text-align: right;
  border-radius: 0 0 5px 5px;
}
.pdb-confirm-zoom-enter,
.pdb-confirm-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.pdb-confirm-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.pdb-confirm-zoom-enter.pdb-confirm-zoom-enter-active,
.pdb-confirm-zoom-appear.pdb-confirm-zoom-appear-active {
  animation-name: pdbDialogZoomIn;
  animation-play-state: running;
}
.pdb-confirm-zoom-leave.pdb-confirm-zoom-leave-active {
  animation-name: pdbDialogZoomOut;
  animation-play-state: running;
}
.pdb-confirm-centered {
  text-align: center;
}
.pdb-confirm-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.pdb-confirm-centered .pdb-confirm {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@keyframes pdbDialogZoomIn {
  0% {
    opacity: 0;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes pdbDialogZoomOut {
  0% {
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: scale(0, 0);
  }
}
@media (min-width: 768px) {
  .pdb-confirm {
    width: 600px;
    margin: 30px auto;
  }
}
.pdb-confirm-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1100;
}
.pdb-confirm-mask-hidden {
  display: none;
}
.pdb-confirm-fade-enter,
.pdb-confirm-fade-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.pdb-confirm-fade-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.pdb-confirm-fade-enter.pdb-confirm-fade-enter-active,
.pdb-confirm-fade-appear.pdb-confirm-fade-appear-active {
  animation-name: pdbDialogFadeIn;
  animation-play-state: running;
}
.pdb-confirm-fade-leave.pdb-confirm-fade-leave-active {
  animation-name: pdbDialogFadeOut;
  animation-play-state: running;
}
@keyframes pdbDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pdbDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-search-bar {
  display: flex;
  align-items: center;
  border-radius: 99px;
  padding: 10px 12px;
  border: 1px solid #112C20;
  border: 1px solid var(--pdb-color-4, #112C20);
  background-color: #07080D;
  background-color: var(--pdb-color-1, #07080D);
}
.pdb-search-bar .search-icon {
  flex-shrink: 0;
  color: #595959;
  color: var(--gray-color-35, #595959);
  margin-right: 8px;
  font-size: 24px;
}
.pdb-search-bar form {
  flex: 1 1;
  overflow: hidden;
}
.pdb-search-bar input {
  width: 100%;
  border: none;
  background-color: transparent;
  outline: none;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-search-bar input::-webkit-input-placeholder {
  color: #595959;
  color: var(--gray-color-35, #595959);
}
.pdb-search-bar input::-ms-input-placeholder {
  color: #595959;
  color: var(--gray-color-35, #595959);
}
.pdb-search-bar input::placeholder {
  color: #595959;
  color: var(--gray-color-35, #595959);
}
.pdb-search-bar input::-webkit-search-decoration,
.pdb-search-bar input::-webkit-search-cancel-button,
.pdb-search-bar input::-webkit-search-results-button,
.pdb-search-bar input::-webkit-search-results-decoration {
  display: none;
}
.pdb-search-bar .clear-icon {
  flex-shrink: 0;
  font-size: 24px;
  cursor: pointer;
}
.pdb-search-bar.focus .search-icon {
  color: #6BC79F;
  color: var(--pdb-color-8, #6BC79F);
}

.pdb-notification {
  position: fixed;
  width: 100%;
  height: 0;
  bottom: 30px;
  z-index: 1110;
}
.pdb-notification > div {
  width: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  transform: translateY(-100%);
}
.pdb-notification-notice {
  padding: 16px;
  border-radius: 3px 3px;
  background: white;
  display: block;
  width: auto;
  line-height: 1.5;
  position: relative;
  margin: 10px auto;
  max-width: 80vw;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.pdb-notification-notice.pdb-notification-success {
  background: #7ECEAB;
  background: var(--pdb-color-9, #7ECEAB);
}
.pdb-notification-notice.pdb-notification-error {
  background: #EB5C52;
}
.pdb-notification-notice.pdb-notification-info {
  background: #8C8C8C;
  background: var(--gray-color-55, #8C8C8C);
}
.pdb-notification-notice .pdb-notification-container {
  display: flex;
  align-items: center;
}
.pdb-notification-notice .pdb-notification-container .icon {
  flex-shrink: 0;
  margin-right: 5px;
}
.pdb-notification-notice .pdb-notification-container .label {
  flex: 1 1;
}
.pdb-notification-notice-closable {
  padding-right: 20px;
}
.pdb-notification-notice-close {
  position: absolute;
  right: 5px;
  top: 3px;
  color: #000;
  cursor: pointer;
  outline: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
  text-decoration: none;
}
.pdb-notification-notice-close-x:after {
  content: '×';
}
.pdb-notification-notice-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none;
}
.pdb-notification-fade-appear,
.pdb-notification-fade-enter {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.pdb-notification-fade-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.pdb-notification-fade-appear.pdb-notification-fade-appear-active,
.pdb-notification-fade-enter.pdb-notification-fade-enter-active {
  animation-name: rcNotificationFadeIn;
  animation-play-state: running;
}
.pdb-notification-fade-leave.pdb-notification-fade-leave-active {
  animation-name: rcDialogFadeOut;
  animation-play-state: running;
}
@keyframes rcNotificationFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-push-notification {
  position: fixed;
  width: 100%;
  height: 0;
  top: 11px;
  z-index: 1110;
}
.pdb-push-notification > div {
  width: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .pdb-push-notification {
    top: 56px;
  }
  .pdb-push-notification > div {
    margin-right: 12px;
  }
}
.pdb-push-notification-notice {
  padding: 11px 14px;
  display: block;
  width: auto;
  line-height: 1.5;
  position: relative;
  margin: 10px auto;
  max-width: 80vw;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #595959;
  border: 1px solid var(--gray-color-35, #595959);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}
.pdb-push-notification-notice .pdb-push-notification-container {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.pdb-push-notification-notice .pdb-push-notification-container .logo {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 12px;
  cursor: pointer;
}
.pdb-push-notification-notice .pdb-push-notification-container .title {
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  display: block;
  color: #F0F0F0;
  cursor: pointer;
}
.pdb-push-notification-notice .pdb-push-notification-container .text {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  display: block;
  color: #F0F0F0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-line;
  cursor: pointer;
}
.pdb-push-notification-notice .pdb-push-notification-container .image {
  width: 36px;
  height: 36px;
  margin-left: 12px;
  border-radius: 4px;
  cursor: pointer;
}
.pdb-push-notification-notice-closable {
  padding-right: 20px;
}
.pdb-push-notification-notice-close {
  position: absolute;
  right: 5px;
  top: 3px;
  color: #000;
  cursor: pointer;
  outline: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
  text-decoration: none;
}
.pdb-push-notification-notice-close-x:after {
  content: '×';
}
.pdb-push-notification-notice-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none;
}
.pdb-push-notification-fade-appear,
.pdb-push-notification-fade-enter {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.pdb-push-notification-fade-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.pdb-push-notification-fade-appear.pdb-push-notification-fade-appear-active,
.pdb-push-notification-fade-enter.pdb-push-notification-fade-enter-active {
  animation-name: rcNotificationFadeIn;
  animation-play-state: running;
}
.pdb-push-notification-fade-leave.pdb-push-notification-fade-leave-active {
  animation-name: rcDialogFadeOut;
  animation-play-state: running;
}
@keyframes rcNotificationFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.pdb-tabs {
  padding: 2px;
  background: #15171F;
  background: var(--pdb-color-2, #15171F);
  border-radius: 8px;
  font-size: 0;
}
.pdb-tabs .tab {
  display: inline-block;
  padding: 4px 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  border-radius: 8px;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  cursor: pointer;
}
.pdb-tabs .tab.active {
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  background-color: #225941;
  background-color: var(--pdb-color-5, #225941);
}

.pdb-audio {
  padding: 12px;
  background: #1D2029;
  background: var(--pdb-color-3, #1D2029);
  border-radius: 48px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.pdb-audio audio {
  display: none;
}
.pdb-audio .sound-wave {
  margin-left: 7px;
}
.pdb-audio .duration {
  margin-left: 7px;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #6BC79F;
  color: var(--pdb-color-8, #6BC79F);
}
.pdb-audio.playing .duration {
  color: #C4E9D9;
  color: var(--pdb-color-11, #C4E9D9);
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-profile-card {
  border-radius: 16px;
  display: flex;
  align-items: center;
  background-color: #15171F;
  background-color: var(--pdb-color-2, #15171F);
  overflow: hidden;
  cursor: pointer;
}
.pdb-profile-card .lazyload-wrapper {
  flex-shrink: 0;
  flex-basis: 66px;
  margin-right: 8px;
  margin-left: 12px;
}
.pdb-profile-card .pdb-image {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  padding: 12px 8px 12px 12px;
  box-sizing: border-box;
}
.pdb-profile-card .info {
  flex: 1 1;
  padding: 12px 0;
}
.pdb-profile-card .info h2 {
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  font-size: 18px;
  line-height: 1.3;
  margin: 0;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-line;
}
.pdb-profile-card .info .description {
  font-size: 12px;
  line-height: 1.3;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.pdb-profile-card .info .description img {
  float: left;
}
.pdb-profile-card .info .description label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-line;
}
.pdb-profile-card .extra {
  flex-shrink: 0;
  flex-basis: 104px;
  height: 104px;
  padding: 15px 12px;
  align-self: stretch;
  background-color: #1D2029;
  background-color: var(--pdb-color-3, #1D2029);
  box-sizing: border-box;
}
.pdb-profile-card .extra .vote-count {
  display: block;
  padding: 3px 4px;
  background-color: #112C20;
  background-color: var(--pdb-color-4, #112C20);
  border-radius: 99px;
  color: #C4E9D9;
  color: var(--pdb-color-11, #C4E9D9);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 3px;
  cursor: pointer;
}
.pdb-profile-card .extra .vote-count::before {
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1074_23615)'%3E%3Ccircle cx='8.433' cy='7.933' r='7.933' fill='url(%23paint0_linear_1074_23615)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.918 2.116l3.22 3.197a.787.787 0 0 1 0 1.119L9.442 10.1h2.791c.212 0 .44.127.508.283l.742 1.696c.069.155-.083.282-.34.282H3.856c-.256 0-.408-.127-.34-.283l.742-1.695c.068-.156.296-.282.508-.282H6.69l-2.407-2.39a.788.788 0 0 1 0-1.12l4.508-4.475a.8.8 0 0 1 1.127 0zm.938 3.081a.4.4 0 0 1 0 .566L8.264 8.355a.4.4 0 0 1-.565 0L6.52 7.177a.4.4 0 0 1 .566-.566l.895.895 2.31-2.309a.4.4 0 0 1 .565 0zM5.991 11.11a.3.3 0 0 1 .3-.3h4.417a.3.3 0 1 1 0 .6H6.291a.3.3 0 0 1-.3-.3z' fill='%236AA5A4'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1074_23615' x1='3.9' y1='1.7' x2='11.833' y2='14.733' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23096571' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23026281' stop-opacity='.8'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_1074_23615'%3E%3Cpath fill='%23fff' transform='translate(.5)' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.pdb-profile-card .extra .vote-count.has_voted {
  color: #FFCF9A;
  color: var(--yellow-color-3, #FFCF9A);
}
.pdb-profile-card .extra .vote-count.has_voted::before {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_160:22750)'%3E%3Ccircle cx='8.433' cy='7.933' r='7.933' fill='%23FFCF9A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.918 2.116l3.22 3.197a.787.787 0 0 1 0 1.119L9.442 10.1h2.791c.212 0 .44.127.508.283l.742 1.696c.069.155-.083.282-.34.282H3.856c-.256 0-.408-.127-.34-.283l.742-1.695c.068-.156.296-.282.508-.282H6.69l-2.407-2.39a.788.788 0 0 1 0-1.12l4.508-4.475a.8.8 0 0 1 1.127 0zm.938 3.081a.4.4 0 0 1 0 .566L8.264 8.355a.4.4 0 0 1-.565 0L6.52 7.177a.4.4 0 0 1 .566-.566l.895.895 2.31-2.309a.4.4 0 0 1 .565 0zM5.991 11.11a.3.3 0 0 1 .3-.3h4.417a.3.3 0 1 1 0 .6H6.291a.3.3 0 0 1-.3-.3z' fill='%23035B66'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_160:22750'%3E%3Cpath fill='%23fff' transform='translate(.5)' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.pdb-profile-card .extra .personality {
  display: block;
  font-weight: 400;
  font-size: 26px;
  text-align: center;
  color: #C3924A;
  color: var(--yellow-color-4, #C3924A);
}
.pdb-profile-card .extra .subtype {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
  color: #FFC9A3;
  color: var(--yellow-color-22, #FFC9A3);
}
@media screen and (min-width: 768px) {
  .pdb-profile-card .info h2 {
    font-size: 20px;
  }
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-subcategory-card {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 8px 12px;
  border-radius: 16px;
  background-color: #15171F;
  background-color: var(--pdb-color-2, #15171F);
  cursor: pointer;
}
.pdb-subcategory-card .left-area {
  flex-shrink: 0;
}
.pdb-subcategory-card .left-area .pdb-image {
  width: 46px;
  height: 60px;
  border-radius: 8px;
  overflow: hidden;
}
.pdb-subcategory-card .left-area .pdb-image img {
  border-radius: 8px;
}
.pdb-subcategory-card .info {
  flex: 1 1;
  margin-left: 12px;
  overflow: hidden;
}
.pdb-subcategory-card .info .name {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-subcategory-card .info .profile-count .group-name {
  float: left;
  padding: 0 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
  margin-right: 8px;
  border-radius: 3px;
  color: #A6DDC5;
  color: var(--pdb-color-10, #A6DDC5);
  background: linear-gradient(94.93deg, rgba(42, 50, 31, 0.8) 0%, rgba(24, 48, 47, 0.8) 93.02%);
  overflow: hidden;
}
.pdb-subcategory-card .info .profile-count .group-name img {
  display: inline-block;
  height: 16px;
  margin-right: 2px;
  vertical-align: middle;
}
.pdb-subcategory-card .info .profile-count .group-name label {
  display: inline-block;
  vertical-align: middle;
}
.pdb-subcategory-card .info .profile-count .text {
  font-weight: 400;
  font-size: 12px;
  margin-top: 12px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.pdb-subcategory-card .order {
  display: block;
  flex-basis: 100%;
  width: 66px;
  margin-top: 4px;
}
.pdb-subcategory-card .order label {
  display: inline-block;
  width: 66px;
  font-size: 12px;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  font-weight: bold;
  text-align: center;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-profile-detail-card {
  background-color: #15171F;
  background-color: var(--pdb-color-2, #15171F);
  padding: 12px;
  border-radius: 16px;
}
.pdb-profile-detail-card .header {
  position: relative;
}
.pdb-profile-detail-card .header .pdb-image {
  width: 45px;
  border-radius: 50%;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
.pdb-profile-detail-card .header .info {
  width: calc(100% - 79px);
  display: inline-block;
  vertical-align: middle;
}
.pdb-profile-detail-card .header .info h1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  margin: 0;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-profile-detail-card .header .info .category {
  font-size: 12px;
  line-height: 18px;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  cursor: inherit;
}
.pdb-profile-detail-card .header .info .category img {
  float: left;
}
.pdb-profile-detail-card .header .info .category label {
  display: block;
  cursor: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-line;
}
.pdb-profile-detail-card .header .more-icon {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.pdb-profile-detail-card .wiki {
  margin-top: 12px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-line;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-profile-association {
  display: flex;
  align-items: center;
}
.pdb-profile-association .left-container {
  position: relative;
  padding-right: 8px;
  display: inline-flex;
  align-items: center;
  flex: 1 1;
  background-color: #15171F;
  background-color: var(--pdb-color-2, #15171F);
  border-radius: 8px;
  overflow: hidden;
}
.pdb-profile-association .left-container::after {
  content: '';
  position: absolute;
  right: 0;
  height: 100%;
  border-right: 1px dashed #225941;
  border-right: 1px dashed var(--pdb-color-5, #225941);
}
.pdb-profile-association .left-container .user-info {
  text-align: right;
}
.pdb-profile-association .right-container {
  position: relative;
  padding-left: 8px;
  display: inline-flex;
  align-items: center;
  flex: 1 1;
  background-color: #15171F;
  background-color: var(--pdb-color-2, #15171F);
  border-radius: 8px;
  overflow: hidden;
}
.pdb-profile-association .dividing-line {
  display: none;
  margin: 0 32px;
  position: relative;
  flex-shrink: 0;
}
.pdb-profile-association .dividing-line .dividing-icon {
  display: block;
  font-size: 0;
  padding: 3px;
  border-radius: 50%;
  color: #112C20;
  color: var(--pdb-color-4, #112C20);
  cursor: pointer;
}
.pdb-profile-association .dividing-line .dividing-icon.disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.pdb-profile-association .dividing-line .dividing-line-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.pdb-profile-association .pdb-image {
  flex-shrink: 0;
  width: 60px;
  border-radius: 0;
}
.pdb-profile-association .user-info {
  flex: 1 1;
  overflow: hidden;
  margin: 0 5px;
}
.pdb-profile-association .user-info h2 {
  margin: 0;
  margin-bottom: 4px;
  font-size: 14px;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-profile-association .user-info label {
  font-size: 12px;
  line-height: 1.3;
  color: #C3924A;
  color: var(--yellow-color-4, #C3924A);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-profile-association .add-connection {
  height: 60px;
  flex: 1 1;
  font-size: 12px;
  line-height: 60px;
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .pdb-profile-association {
    background-color: #15171F;
    background-color: var(--pdb-color-2, #15171F);
    border-radius: 8px;
  }
  .pdb-profile-association .left-container,
  .pdb-profile-association .right-container {
    height: 90px;
  }
  .pdb-profile-association .left-container::after {
    content: none;
  }
  .pdb-profile-association .dividing-line {
    display: block;
  }
  .pdb-profile-association .dividing-line .dividing-icon:not(.disabled):hover {
    color: #43B282;
    color: var(--pdb-color-7, #43B282);
    background-color: #1D2029;
    background-color: var(--pdb-color-3, #1D2029);
  }
  .pdb-profile-association .pdb-image {
    width: 90px;
  }
  .pdb-profile-association .add-connection {
    flex: 0 0 90px;
    width: 90px;
    height: 90px;
    color: #225941;
    color: var(--pdb-color-5, #225941);
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    background-image: url("data:image/svg+xml,%3Csvg width='90' height='90' viewBox='0 0 90 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h78c6.627 0 12 5.373 12 12v66c0 6.627-5.373 12-12 12H0V0z' fill='%230E2D31'/%3E%3Cpath d='M45 27v14M38 34h14' stroke='%23035B66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .pdb-profile-association .add-connection::before {
    content: '';
    display: block;
    padding-top: 46px;
  }
  .pdb-profile-association .add-connection:hover {
    color: #6BC79F;
    color: var(--pdb-color-8, #6BC79F);
    background-image: url("data:image/svg+xml,%3Csvg width='90' height='90' viewBox='0 0 90 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h78c6.627 0 12 5.373 12 12v66c0 6.627-5.373 12-12 12H0V0z' fill='%230B3940'/%3E%3Cpath d='M45 27v14M38 34h14' stroke='%232D8489' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}

.pdb-profile-association-list {
  position: relative;
  padding: 12px 0;
}
.pdb-profile-association-list .group {
  font-size: 0;
}
.pdb-profile-association-list .group > .group-name {
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: #E1F4EC;
  color: var(--pdb-color-12, #E1F4EC);
  margin-bottom: 12px;
}
.pdb-profile-association-list .group > .group-name span {
  margin-left: 4px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: #595959;
  color: var(--gray-color-35, #595959);
}
.pdb-profile-association-list .group > .group-name svg {
  margin-left: 8px;
  cursor: pointer;
}
.pdb-profile-association-list .group ul {
  padding: 0;
  margin: 0;
}
.pdb-profile-association-list .group:not(:first-child) {
  margin-top: 32px;
}
.pdb-profile-association-list .association-list-item {
  width: 78px;
  height: 78px;
  position: relative;
  display: inline-block;
  border-radius: 8px;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 12px;
  margin-bottom: 8px;
}
.pdb-profile-association-list .association-list-item .pdb-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.pdb-profile-association-list .association-list-item label {
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 3px;
  position: absolute;
  font-size: 12px;
  line-height: 1.3;
  color: #D9D9D9;
  color: var(--gray-color-85, #D9D9D9);
  z-index: 1;
  white-space: pre-line;
}
.pdb-profile-association-list .association-list-item::after {
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 48px;
  position: absolute;
  background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0.322917) 76.56%, rgba(0, 0, 0, 0) 100%);
}
.pdb-profile-association-list .pdb-profile-card:not(:first-child),
.pdb-profile-association-list .pdb-subcategory-card:not(:first-child) {
  margin-top: 16px;
}
.pdb-profile-association-list .show-all {
  top: 0;
  right: 0;
  width: 37.6%;
  height: 100%;
  position: absolute;
  background: linear-gradient(270deg, #111617 0%, rgba(17, 22, 23, 0.71) 59.9%, rgba(17, 22, 23, 0) 100%);
  border-radius: 0px 12px 12px 0px;
  z-index: 2;
}
.pdb-profile-association-list .show-all .show-btn {
  top: 50%;
  right: 12px;
  font-size: 0;
  position: absolute;
  transform: translateY(-50%);
  cursor: pointer;
}
.pdb-profile-association-list .show-all .show-btn svg {
  display: inline-block;
  vertical-align: middle;
}
.pdb-profile-association-list .show-all .show-btn label {
  font-weight: 400;
  line-height: 1.3;
  font-size: 14px;
  display: inline-block;
  color: #D9D9D9;
  color: var(--gray-color-85, #D9D9D9);
  vertical-align: middle;
  cursor: inherit;
}
.pdb-profile-association-list.vertically {
  white-space: nowrap;
  overflow: hidden;
}
.pdb-profile-association-list.vertically .group {
  display: inline-block;
  vertical-align: middle;
}
.pdb-profile-association-list.vertically .group > .group-name {
  font-weight: 500;
  font-size: 12px;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.pdb-profile-association-list.vertically .group:not(:first-child) {
  margin-top: 0;
  margin-left: 12px;
}
@media screen and (min-width: 768px) {
  .pdb-profile-association-list.vertically .association-list-item:first-child {
    margin-left: 0;
  }
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-profile-casts {
  display: flex;
  max-height: 612px;
  width: 100%;
  flex-direction: column;
  padding: 20px 0;
}
.pdb-profile-casts .casts-1 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin: 0 16px 20px;
  padding-bottom: 20px;
  border-bottom: 0.5px solid #112C20;
  border-bottom: 0.5px solid var(--pdb-color-4, #112C20);
}
.pdb-profile-casts .casts-1 .pdb-image {
  width: 45px;
  margin-right: 8px;
  border-radius: 50%;
}
.pdb-profile-casts .casts-1 h1 {
  flex: 1 1;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  margin-right: 8px;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
.pdb-profile-casts .casts-1 span {
  flex-shrink: 0;
  color: #595959;
  color: var(--gray-color-35, #595959);
  font-size: 14px;
  font-weight: 400;
  cursor: default;
}
.pdb-profile-casts .new-btn {
  flex-shrink: 0;
  text-align: center;
  width: calc(100% - 32px);
  height: 46px;
  margin: 0 16px;
  background: transparent;
  border: 1px solid #6BC79F;
  border: 1px solid var(--pdb-color-8, #6BC79F);
  border-radius: 99px;
  outline: none;
  cursor: pointer;
}
.pdb-profile-casts .new-btn svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.pdb-profile-casts .new-btn label {
  display: inline-block;
  vertical-align: middle;
  color: #6BC79F;
  color: var(--pdb-color-8, #6BC79F);
  cursor: inherit;
}
.pdb-profile-casts ul {
  flex: 1 1;
  padding: 0;
  margin: 20px 16px 0;
  overflow-y: auto;
}
.pdb-profile-casts ul .pdb-profile-detail-card:not(:first-child) {
  margin-top: 16px;
}
.pdb-profile-casts .add-container {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.pdb-profile-casts .add-container .pdb-profile-detail-card {
  cursor: pointer;
}
.pdb-profile-casts .add-container .pdb-profile-detail-card.disabled {
  opacity: 0.3;
}
.pdb-profile-casts .add-container .pdb-profile-detail-card:not(:first-child) {
  margin-top: 16px;
}
.pdb-profile-casts .add-container .pdb-search-bar {
  margin: 0 16px;
}
.pdb-profile-casts .add-container .pdb-loading .pdb-loading-icon {
  font-size: 24px;
}
.pdb-profile-casts .add-container .search-empty label {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.3;
  color: #D9D9D9;
  color: var(--gray-color-85, #D9D9D9);
}
.pdb-profile-casts .add-container .search-empty p {
  margin: 8px 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-profile-crews {
  display: flex;
  max-height: 612px;
  width: 100%;
  flex-direction: column;
  padding: 20px 0;
}
.pdb-profile-crews .crews-1 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin: 0 16px 20px;
  padding-bottom: 20px;
  border-bottom: 0.5px solid #112C20;
  border-bottom: 0.5px solid var(--pdb-color-4, #112C20);
}
.pdb-profile-crews .crews-1 .pdb-image {
  width: 45px;
  margin-right: 8px;
  border-radius: 50%;
}
.pdb-profile-crews .crews-1 h1 {
  flex: 1 1;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  margin-right: 8px;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
.pdb-profile-crews .new-btn {
  flex-shrink: 0;
  text-align: center;
  width: calc(100% - 32px);
  height: 46px;
  margin: 0 16px;
  background: transparent;
  border: 1px solid #6BC79F;
  border: 1px solid var(--pdb-color-8, #6BC79F);
  border-radius: 99px;
  outline: none;
  cursor: pointer;
}
.pdb-profile-crews .new-btn svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.pdb-profile-crews .new-btn label {
  display: inline-block;
  vertical-align: middle;
  color: #6BC79F;
  color: var(--pdb-color-8, #6BC79F);
  cursor: inherit;
}
.pdb-profile-crews ul {
  flex: 1 1;
  padding: 0;
  margin: 20px 16px 0;
  overflow-y: auto;
}
.pdb-profile-crews ul .pdb-profile-detail-card:not(:first-child) {
  margin-top: 16px;
}
.pdb-profile-crews .add-container {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.pdb-profile-crews .add-container .pdb-profile-detail-card {
  cursor: pointer;
}
.pdb-profile-crews .add-container .pdb-profile-detail-card.disabled {
  opacity: 0.3;
}
.pdb-profile-crews .add-container .pdb-profile-detail-card:not(:first-child) {
  margin-top: 16px;
}
.pdb-profile-crews .add-container .pdb-search-bar {
  margin: 0 16px;
}
.pdb-profile-crews .add-container .pdb-loading .pdb-loading-icon {
  font-size: 24px;
}
.pdb-profile-crews .add-container .search-empty label {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.3;
  color: #D9D9D9;
  color: var(--gray-color-85, #D9D9D9);
}
.pdb-profile-crews .add-container .search-empty p {
  margin: 8px 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}

.pdb-dynamic-form * {
  box-sizing: border-box;
}
.pdb-dynamic-form .pdb-dynamic-form-pure-label {
  font-size: 12px;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  white-space: pre-line;
  word-break: break-word;
}
.pdb-dynamic-form .pdb-dynamic-form-hint-label {
  display: block;
  padding: 5px 13px;
  margin-top: 16px;
  font-size: 16px;
  color: #FA9D64;
  color: var(--yellow-color-23, #FA9D64);
  white-space: pre-line;
  border-radius: 8px;
  word-break: break-word;
  background: #328561;
  background: var(--pdb-color-6, #328561);
  border: 1px solid #FA9D64;
  border: 1px solid var(--yellow-color-23, #FA9D64);
}
.pdb-dynamic-form .pdb-dynamic-form-item {
  position: relative;
  box-sizing: content-box;
  overflow: hidden;
}
.pdb-dynamic-form .pdb-dynamic-form-item .pdb-dynamic-form-field-label {
  display: block;
  text-align: center;
  color: #E1F4EC;
  color: var(--pdb-color-12, #E1F4EC);
  font-size: 20px;
}
.pdb-dynamic-form .pdb-dynamic-form-item .pdb-dynamic-form-field-prompt {
  text-align: right;
  display: block;
  width: 100%;
  font-size: 14px;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.pdb-dynamic-form .pdb-dynamic-form-item input {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-top: 8px;
  border: 1px solid #328561;
  border: 1px solid var(--pdb-color-6, #328561);
  border-radius: 8px;
  padding: 0 16px;
  color: #E1F4EC;
  color: var(--pdb-color-12, #E1F4EC);
  outline: none;
  background-color: transparent;
}
.pdb-dynamic-form .pdb-dynamic-form-item textarea {
  display: block;
  width: 100%;
  height: 192px;
  margin-top: 8px;
  border: 1px solid #328561;
  border: 1px solid var(--pdb-color-6, #328561);
  border-radius: 8px;
  padding: 16px;
  color: #E1F4EC;
  color: var(--pdb-color-12, #E1F4EC);
  resize: none;
  outline: none;
  background-color: transparent;
}
.pdb-dynamic-form .pdb-dynamic-form-item .selector {
  margin-top: 8px;
  border: 1px solid #328561;
  border: 1px solid var(--pdb-color-6, #328561);
  border-radius: 99px;
}
.pdb-dynamic-form .pdb-dynamic-form-item .image {
  position: relative;
  margin: 8px auto 0;
  width: 120px;
  height: 120px;
  border-radius: 8px;
  background: linear-gradient(180deg, #0B3940 0%, #101D20 100%);
  border: 1px solid #328561;
  border: 1px solid var(--pdb-color-6, #328561);
  cursor: pointer;
}
.pdb-dynamic-form .pdb-dynamic-form-item .image .image-wrp {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 8px;
  overflow: hidden;
}
.pdb-dynamic-form .pdb-dynamic-form-item .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
}
.pdb-dynamic-form .pdb-dynamic-form-item .image svg {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  font-size: 22px;
}
.pdb-dynamic-form .pdb-dynamic-form-item .image input {
  display: none;
}
.pdb-dynamic-form .pdb-dynamic-form-item .image:hover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: rgba(180, 196, 198, 0.4);
}
.pdb-dynamic-form .pdb-dynamic-form-item .pdb-dynamic-form-label {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 40px;
  margin-top: 8px;
  line-height: 40px;
  border-radius: 99px;
  color: #595959;
  color: var(--gray-color-35, #595959);
  padding: 0 16px;
  text-align: center;
  border: 1px solid #595959;
  border: 1px solid var(--gray-color-35, #595959);
}
.pdb-dynamic-form .pdb-dynamic-form-item .pdb-dynamic-form-label-expand .pdb-dynamic-form-label-btn {
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  font-size: 14px;
  cursor: pointer;
}
.pdb-dynamic-form .pdb-dynamic-form-item .pdb-dynamic-form-label-expand .pdb-dynamic-form-label-btn svg {
  transform: translateY(3px);
}
.pdb-dynamic-form .pdb-dynamic-form-item .pdb-dynamic-form-label-expand .pdb-dynamic-form-tip {
  display: block;
  margin-top: 8px;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  font-size: 14px;
  white-space: pre-line;
  transition: max-height 0.5s ease;
  overflow: hidden;
}
.pdb-dynamic-form .pdb-dynamic-form-item .pdb-dynamic-form-error {
  position: relative;
  margin-top: 5px;
  font-size: 12px;
  padding-left: 22px;
  color: #EB5C52;
  color: var(--pome-color, #EB5C52);
}
.pdb-dynamic-form .pdb-dynamic-form-item .pdb-dynamic-form-error:before {
  content: "";
  position: absolute;
  left: 0;
  width: 17px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 16.202a7.083 7.083 0 1 0 0-14.167 7.083 7.083 0 0 0 0 14.167zM10.625 6.992l-4.25 4.25M6.375 6.992l4.25 4.25' stroke='%23BE525D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}
.pdb-dynamic-form .pdb-dynamic-form-item:not(:first-child) {
  margin-top: 16px;
}
.pdb-dynamic-form .pdb-dynamic-form-bottom {
  margin-top: 24px;
  text-align: right;
}
.pdb-dynamic-form .pdb-dynamic-form-bottom .btn {
  display: inline-flex;
}
.pdb-dynamic-form .pdb-dynamic-form-bottom .cancel-btn {
  float: left;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  border: 1px solid #328561;
  border: 1px solid var(--pdb-color-6, #328561);
  background-color: transparent;
}
.pdb-dynamic-form-suggestion-input-list {
  padding: 8px 16px;
}
.pdb-dynamic-form-suggestion-input-list > label {
  color: #595959;
  color: var(--gray-color-35, #595959);
  font-size: 12px;
}
.pdb-dynamic-form-suggestion-input-list ul li {
  margin-top: 8px;
  cursor: pointer;
}
.pdb-dynamic-form-suggestion-input-list ul li .avatar {
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: middle;
}
.pdb-dynamic-form-suggestion-input-list ul li label {
  display: inline-block;
  max-width: 300px;
  margin-left: 8px;
  color: #D9D9D9;
  color: var(--gray-color-85, #D9D9D9);
  font-size: 12px;
  vertical-align: middle;
  pointer-events: none;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-add-profiles {
  position: relative;
  width: 100%;
}
.pdb-add-profiles .guidelines {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 550px;
  padding: 12px 16px;
  box-sizing: border-box;
}
.pdb-add-profiles .guidelines .guidelines-list {
  flex: 1 1;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  color: #D9D9D9;
  color: var(--gray-color-85, #D9D9D9);
  padding: 0 16px;
  display: block;
  list-style-type: disc;
  overflow: auto;
}
.pdb-add-profiles .guidelines .guidelines-list li:not(:first-child) {
  margin-top: 20px;
}
.pdb-add-profiles .guidelines .guidelines-list li.small {
  font-weight: 500;
  margin-top: 4px;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.pdb-add-profiles .guidelines .btns {
  margin-top: 20px;
  text-align: right;
}
.pdb-add-profiles .container {
  height: 100%;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
}
.pdb-add-profiles .container .subcategory {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin: 16px 0;
  border-bottom: 0.5px solid #112C20;
  border-bottom: 0.5px solid var(--pdb-color-4, #112C20);
}
.pdb-add-profiles .container .subcategory .pdb-image {
  width: 45px;
  margin-right: 8px;
  border-radius: 4px;
}
.pdb-add-profiles .container .subcategory h1 {
  flex: 1 1;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  margin-right: 8px;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
.pdb-add-profiles .container .new-prompt {
  margin-top: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: #595959;
  color: var(--gray-color-35, #595959);
  text-align: center;
}
.pdb-add-profiles .container .new-prompt span {
  display: inline-block;
  margin-left: 8px;
  color: #6BC79F;
  color: var(--pdb-color-8, #6BC79F);
  cursor: pointer;
}
.pdb-add-profiles .container .search-list {
  flex: 1 1;
  padding: 0;
  margin: 16px 0;
  overflow-y: auto;
}
.pdb-add-profiles .container .search-list .pdb-profile-detail-card {
  cursor: pointer;
}
.pdb-add-profiles .container .search-list .pdb-profile-detail-card.disabled {
  opacity: 0.3;
}
.pdb-add-profiles .container .search-list .pdb-profile-detail-card:not(:first-child) {
  margin-top: 16px;
}
.pdb-add-profiles .container .search-list .search-empty label {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.3;
  color: #D9D9D9;
  color: var(--gray-color-85, #D9D9D9);
}
.pdb-add-profiles .container .search-list .search-empty p {
  margin: 8px 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.pdb-add-profiles .pdb-dynamic-form {
  height: 100%;
  padding: 24px 16px;
  overflow-y: auto;
  box-sizing: border-box;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-board-selector {
  display: inline-block;
  padding: 5px 16px 5px 5px;
  font-size: 0;
  background: #1D2029;
  background: var(--pdb-color-3, #1D2029);
  border: 1px solid #328561;
  border: 1px solid var(--pdb-color-6, #328561);
  border-radius: 99px;
  cursor: pointer;
}
.pdb-board-selector svg {
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
.pdb-board-selector label {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  display: inline-block;
  vertical-align: middle;
  color: #E1F4EC;
  color: var(--pdb-color-12, #E1F4EC);
  cursor: inherit;
}
.pdb-board-selector-wrapper {
  max-width: 320px;
}
.pdb-board-selector-wrapper .pdb-search-bar {
  padding: 5px 12px;
  border: none;
  background-color: transparent;
}
.pdb-board-selector-wrapper .pdb-search-bar .search-icon {
  font-size: 16px;
}
.pdb-board-selector-wrapper .pdb-search-bar input {
  font-size: 16px;
}
.pdb-board-selector-wrapper .pdb-search-bar .clear-icon {
  font-size: 16px;
}
.pdb-board-selector-wrapper .prompt {
  display: block;
  padding: 4px 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #595959;
  color: var(--gray-color-35, #595959);
}
.pdb-board-selector-wrapper ul {
  max-height: 324px;
  margin: 0;
  padding: 0 16px;
  list-style: none;
  overflow-y: auto;
}
.pdb-board-selector-wrapper .pdb-board-item {
  margin-bottom: 8px;
  cursor: pointer;
}
.pdb-board-selector-wrapper .pdb-board-item .name {
  display: inline-block;
  padding: 4px 8px 4px 4px;
  background: #1D2029;
  background: var(--pdb-color-3, #1D2029);
  border-radius: 21px;
  font-size: 0;
}
.pdb-board-selector-wrapper .pdb-board-item .name svg {
  display: inline-block;
  vertical-align: middle;
}
.pdb-board-selector-wrapper .pdb-board-item .name label {
  font-size: 12px;
  line-height: 1.3;
  color: #C4E9D9;
  color: var(--pdb-color-11, #C4E9D9);
  display: inline-block;
  vertical-align: middle;
}
.pdb-board-selector-wrapper .pdb-board-item .wiki {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  color: #595959;
  color: var(--gray-color-35, #595959);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-board-selector-wrapper .pdb-loading {
  margin: 15px 0;
}
.pdb-board-selector-wrapper .empty {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}

.pdb-post-write {
  width: 100%;
  box-sizing: border-box;
}
.pdb-post-write .pdb-post-write-content {
  padding: 0 16px 16px;
  background: #15171F;
  background: var(--pdb-color-2, #15171F);
  border: 1px solid #112C20;
  border: 1px solid var(--pdb-color-4, #112C20);
  border-radius: 8px;
  overflow: hidden;
}
.pdb-post-write .pdb-post-write-content .image-upload-promot {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #112C20;
  color: var(--pdb-color-4, #112C20);
}
.pdb-post-write .pdb-upload {
  margin-top: 16px;
}
.pdb-post-write .pdb-board-selector {
  margin-bottom: 16px;
}
.pdb-post-write form input {
  display: block;
  width: 100%;
  font-size: 16px;
  padding: 16px 0;
  border-radius: 0;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #1D2029;
  border-bottom: 1px solid var(--pdb-color-3, #1D2029);
}
.pdb-post-write form .pdb-mentions {
  margin-top: 16px;
  padding: 16px;
  width: 100%;
  font-size: 14px;
  border-radius: 8px;
  box-sizing: border-box;
}
.pdb-post-write-join-us label {
  margin-right: 8px;
}
.pdb-post-write-join-us span {
  color: , #495A98;
  color: var(---join-us-color, #495A98);
  cursor: pointer;
}
.pdb-mentions {
  padding: 16px;
  border: 1px solid #112C20;
  border: 1px solid var(--pdb-color-4, #112C20);
  display: inline-block;
  position: relative;
  white-space: pre-wrap;
}
.pdb-mentions > textarea,
.pdb-mentions-measure {
  font-size: inherit;
  font-size-adjust: inherit;
  font-style: inherit;
  font-feature-settings: inherit;
  font-variant: inherit;
  font-stretch: inherit;
  font-weight: inherit;
  font-family: inherit;
  padding: 0;
  margin: 0;
  line-height: inherit;
  vertical-align: top;
  overflow: inherit;
  word-break: inherit;
  word-wrap: break-word;
  overflow-x: visible;
  overflow-x: initial;
  overflow-y: auto;
  text-align: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  -moz-tab-size: inherit;
       tab-size: inherit;
  direction: inherit;
}
.pdb-mentions > textarea {
  width: 100%;
  outline: none;
  border: none;
  resize: none;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  background-color: #15171F;
  background-color: var(--pdb-color-2, #15171F);
  box-sizing: border-box;
}
.pdb-mentions > textarea::-webkit-input-placeholder {
  color: #595959;
  color: var(--gray-color-35, #595959);
}
.pdb-mentions > textarea::-ms-input-placeholder {
  color: #595959;
  color: var(--gray-color-35, #595959);
}
.pdb-mentions > textarea::placeholder {
  color: #595959;
  color: var(--gray-color-35, #595959);
}
.pdb-mentions-measure {
  position: absolute;
  left: 0;
  right: 0;
  top: 16px;
  bottom: 0;
  pointer-events: none;
  color: transparent;
  z-index: -1;
}
.pdb-mentions-dropdown {
  position: absolute;
}
.pdb-mentions-dropdown-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pdb-mentions-dropdown-menu-item {
  cursor: pointer;
}
.pdb-mentions {
  font-size: 20px;
  border-radius: 3px;
  overflow: hidden;
}
.pdb-mentions-dropdown {
  border: 1px solid #999;
  border-radius: 3px;
  background: #FFF;
}
.pdb-mentions-dropdown-menu-item {
  padding: 4px 8px;
}
.pdb-mentions-dropdown-menu-item-active {
  background: #e6f7ff;
}
.pdb-mentions-dropdown-menu-item-disabled {
  opacity: 0.5;
}

.pdb-board-viewer .pdb-multi-image {
  width: 263px;
  height: 263px;
}
.pdb-post-details {
  padding: 12px 16px;
  border-radius: 16px;
  background-color: #15171F;
  background-color: var(--pdb-color-2, #15171F);
  height: calc(100vh - 55px);
  overflow-y: auto;
}
.pdb-post-details .information {
  display: flex;
  align-items: center;
}
.pdb-post-details .information .pdb-image {
  flex-shrink: 0;
  margin-right: 8px;
}
.pdb-post-details .information .user-info {
  flex: 1 1;
  overflow: hidden;
}
.pdb-post-details .information .user-info h3 {
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-post-details .information .user-info p {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  margin: 0;
}
.pdb-post-details .information .timestamp {
  flex-shrink: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  align-self: flex-start;
}
.pdb-post-details .tools {
  text-align: right;
  padding-bottom: 8px;
  font-size: 0;
}
.pdb-post-details .tools .tools-group {
  float: left;
  border: 1px solid #434343;
  border: 1px solid var(--gray-color-26, #434343);
  border-radius: 14px;
}
.pdb-post-details .tools .tools-group .tools-item:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  transform: translateY(-50%);
  background-color: #434343;
  background-color: var(--gray-color-26, #434343);
}
.pdb-post-details .tools .tools-item {
  display: inline-block;
  font-size: 0;
  padding: 2px 11px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  cursor: pointer;
}
.pdb-post-details .tools .tools-item svg {
  display: inline-block;
  vertical-align: middle;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.pdb-post-details .tools .tools-item label {
  display: inline-block;
  vertical-align: middle;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  font-size: 12px;
  line-height: 1.5;
  margin-left: 8px;
  cursor: inherit;
}
.pdb-post-details .tools .tools-item.active {
  background-color: #1D2029;
  background-color: var(--pdb-color-3, #1D2029);
  border-radius: 99px;
}
.pdb-post-details .tools .tools-item.active svg,
.pdb-post-details .tools .tools-item.active label {
  color: #6BC79F;
  color: var(--pdb-color-8, #6BC79F);
}
.pdb-post-details .send-comment {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 8px 0;
}
.pdb-post-details .send-comment .pdb-image {
  flex-shrink: 0;
}
.pdb-post-details .send-comment .pdb-textarea {
  flex: 1 1;
  margin-left: 8px;
  padding: 8px 12px;
  border-radius: 36px;
}
.pdb-post-details .send-comment .send-btns {
  margin-top: 8px;
  flex-basis: 100%;
  text-align: right;
}
.pdb-post-details .send-comment .send-btns .pdb-btn {
  padding: 5px 40px;
}
.pdb-post-details .reply-list {
  margin-top: 8px;
}
.pdb-post-details .reply-list .reply-item {
  padding-top: 8px;
  border-top: 1px solid #1D2029;
  border-top: 1px solid var(--pdb-color-3, #1D2029);
}
.pdb-post-details .reply-list .reply-item .header {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.pdb-post-details .reply-list .reply-item .header .pdb-image {
  flex-shrink: 0;
  margin-right: 8px;
}
.pdb-post-details .reply-list .reply-item .header .user-info,
.pdb-post-details .reply-list .reply-item .header .reply-user-info {
  flex: 1 1;
  overflow: hidden;
}
.pdb-post-details .reply-list .reply-item .header .user-info h3,
.pdb-post-details .reply-list .reply-item .header .reply-user-info h3 {
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.pdb-post-details .reply-list .reply-item .header .reply-icon {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  width: 7px;
  height: 11px;
  margin: 0 4px;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.102 5.867L.839 10.725A.5.5 0 0 1 0 10.358V.642A.5.5 0 0 1 .84.275l5.262 4.858a.5.5 0 0 1 0 .734z' fill='%238C8C8C'/%3E%3C/svg%3E");
}
.pdb-post-details .reply-list .reply-item .header .timestamp {
  margin-left: 4px;
  flex-shrink: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  align-self: flex-start;
}
.pdb-post-details .reply-list .reply-item .content {
  margin: 8px 0 0;
  padding-left: 48px;
  font-weight: 300;
  color: #BFBFBF;
  color: var(--gray-color-75, #BFBFBF);
}
.pdb-post-details .content {
  margin-top: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  word-break: break-word;
  color: #D9D9D9;
  color: var(--gray-color-85, #D9D9D9);
  margin-bottom: 8px;
}
.pdb-post-details .content a {
  color: #87C2F8;
  text-decoration: underline;
}
.pdb-post-details .content .highlight {
  color: #6BC79F;
  color: var(--pdb-color-8, #6BC79F);
}
.pdb-post-details .board-items {
  margin-bottom: 14px;
}
.pdb-post-details .board-items .board-item {
  display: inline-block;
  padding: 4px 16px 4px 5px;
  font-size: 0;
  background: #1D2029;
  background: var(--pdb-color-3, #1D2029);
  border-radius: 99px;
  cursor: pointer;
}
.pdb-post-details .board-items .board-item svg {
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
}
.pdb-post-details .board-items .board-item label {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  display: inline-block;
  vertical-align: middle;
  color: #E1F4EC;
  color: var(--pdb-color-12, #E1F4EC);
  cursor: inherit;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message-list {
  margin: 0;
  padding: 0 8px 0 16px;
  list-style: none;
  background-color: #15171F;
  background-color: var(--pdb-color-2, #15171F);
  overflow-y: scroll;
  overflow-x: hidden;
}
.message-list .pdb-loading {
  font-size: 24px;
}
.message-list .time-item {
  padding: 28px 0;
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.message-list .message-item {
  display: flex;
  align-items: center;
  position: relative;
}
.message-list .message-item .text-container {
  flex-shrink: 0;
  font-size: 14px;
  min-height: 16px;
  max-width: 80%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  position: relative;
  color: #F5F5F5;
  color: var(--gray-color-96, #F5F5F5);
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 18px 18px 18px 4px;
  text-align: left;
  white-space: pre-line;
}
.message-list .message-item .text-container .web {
  margin-bottom: 8px;
}
.message-list .message-item .text-container .web .pdb-image {
  border-radius: 18px 4px 0 0;
}
.message-list .message-item .text-container .web .web-container {
  margin-top: 8px;
  margin-left: 12px;
  padding: 0 12px;
  position: relative;
}
.message-list .message-item .text-container .web .web-container .title {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  display: block;
  color: #FAFAFA;
  color: var(--gray-color-98, #FAFAFA);
}
.message-list .message-item .text-container .web .web-container .description {
  margin-top: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  display: block;
  opacity: 0.6;
}
.message-list .message-item .text-container .web .web-container::before {
  content: '';
  left: 0;
  width: 2px;
  height: 100%;
  position: absolute;
  background-color: #FAFAFA;
  background-color: var(--gray-color-98, #FAFAFA);
}
.message-list .message-item .text-container .quote {
  width: 100%;
  padding-left: 8px;
  margin-bottom: 12px;
  align-items: center;
  position: relative;
}
.message-list .message-item .text-container .quote .username {
  color: #FAFAFA;
  color: var(--gray-color-98, #FAFAFA);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  display: block;
}
.message-list .message-item .text-container .quote .text {
  margin-top: 2px;
  max-width: 400px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #FAFAFA;
  color: var(--gray-color-98, #FAFAFA);
  opacity: 0.6;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message-list .message-item .text-container .quote::before {
  content: '';
  left: 0;
  width: 2px;
  height: 100%;
  display: inline-block;
  position: absolute;
  background-color: #C4E9D9;
  background-color: var(--pdb-color-11, #C4E9D9);
  border-radius: 99px;
}
.message-list .message-item .text-container .plane-reply {
  width: 100%;
  padding-left: 8px;
  margin-bottom: 12px;
  align-items: center;
  position: relative;
  display: flex;
}
.message-list .message-item .text-container .plane-reply .left .username {
  color: #FAFAFA;
  color: var(--gray-color-98, #FAFAFA);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  display: block;
}
.message-list .message-item .text-container .plane-reply .left .text {
  margin-top: 2px;
  max-width: 400px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #FAFAFA;
  color: var(--gray-color-98, #FAFAFA);
  opacity: 0.6;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message-list .message-item .text-container .plane-reply .pdb-image {
  flex-shrink: 0;
  margin-left: 8px;
}
.message-list .message-item .text-container .plane-reply::before {
  content: '';
  left: 0;
  width: 2px;
  height: 100%;
  display: inline-block;
  position: absolute;
  background-color: #C4E9D9;
  background-color: var(--pdb-color-11, #C4E9D9);
  border-radius: 99px;
}
.message-list .message-item .text-container .text {
  display: block;
  word-break: break-word;
}
.message-list .message-item .text-container .text .web_site {
  color: #FAFAFA;
  color: var(--gray-color-98, #FAFAFA);
}
.message-list .message-item .text-container .text:nth-child(2) {
  margin-top: 4px;
}
.message-list .message-item .text-container > .pdb-image {
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: middle;
}
.message-list .message-item .text-container .extra {
  left: 0;
  bottom: 0;
  position: absolute;
  transform: translateY(80%);
}
.message-list .message-item .text-container .extra .user-reaction {
  height: 14px;
  padding: 2px;
  border-radius: 99px;
  display: flex;
  align-items: center;
  background-color: #15171F;
  background-color: var(--pdb-color-2, #15171F);
}
.message-list .message-item .text-container .extra .user-reaction .pdb-image {
  margin-right: 2px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
}
.message-list .message-item .text-container .extra .user-reaction .reaction-icon {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
}
.message-list .message-item .text-container .status {
  right: 0;
  bottom: 0;
  position: absolute;
  transform: translate(40%, 40%);
}
.message-list .message-item .text-container .status svg {
  font-size: 10px;
}
.message-list .message-item .tools {
  margin-top: 5px;
  align-self: flex-start;
  display: none;
  margin-left: 8px;
  white-space: nowrap;
}
.message-list .message-item .tools .like {
  cursor: pointer;
}
.message-list .message-item .tools .more {
  margin-left: 8px;
  cursor: pointer;
}
.message-list .message-item.is-self {
  justify-content: flex-end;
  margin-left: 20%;
}
.message-list .message-item.is-self .text-container {
  border-radius: 18px 4px 4px 18px;
  display: inline-block;
  background-color: #316BE5;
}
.message-list .message-item.is-self .text-container .extra .user-reaction {
  right: auto;
  left: 0;
}
.message-list .message-item.is-self .tools {
  order: -1;
  margin-right: 8px;
}
.message-list .message-item.is-self .tools .like {
  margin-left: 8px;
}
.message-list .message-item.is-self .tools .more {
  order: -1;
}
.message-list .message-item.is-self.is-multi-first .text-container {
  border-radius: 18px 18px 4px 18px;
}
.message-list .message-item.is-self.is-multi-first .text-container .web .pdb-image {
  border-radius: 18px 18px 0 0;
}
.message-list .message-item:hover > .tools {
  display: flex;
}
.message-list .message-item:not(:first-child) {
  margin-top: 8px;
}
.message-list::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.message-list::-webkit-scrollbar-thumb {
  background-color: #225941;
  background-color: var(--pdb-color-5, #225941);
  border-radius: 99px;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.send-message {
  font-size: 0;
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
}
.send-message .quote {
  width: 100%;
  padding-left: 8px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  position: relative;
}
.send-message .quote .username {
  color: #C4E9D9;
  color: var(--pdb-color-11, #C4E9D9);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  display: block;
}
.send-message .quote .text {
  margin-top: 2px;
  max-width: 400px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #C4E9D9;
  color: var(--pdb-color-11, #C4E9D9);
  opacity: 0.6;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.send-message .quote .close-btn {
  font-size: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.send-message .quote::before {
  content: '';
  left: 0;
  width: 2px;
  height: 100%;
  display: inline-block;
  position: absolute;
  background-color: #C4E9D9;
  background-color: var(--pdb-color-11, #C4E9D9);
  border-radius: 99px;
}
.send-message .pdb-textarea {
  flex: 1 1;
  min-height: 18px !important;
  padding: 8px 12px;
  border-radius: 18px;
  border: 1px solid transparent;
  color: #A6DDC5;
  color: var(--pdb-color-10, #A6DDC5);
  font-size: 14px;
  background-color: #1D2029;
  background-color: var(--pdb-color-3, #1D2029);
}
.send-message .pdb-textarea:focus {
  border-color: #225941;
  border-color: var(--pdb-color-5, #225941);
}
.send-message .send-btn {
  display: none;
  align-self: flex-end;
  font-size: 0;
  height: 36px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.send-message .pdb-textarea:not(:empty) + .send-btn {
  display: block;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat {
  height: 541px;
  padding-bottom: 12px;
  display: flex;
  flex-direction: column;
  background-color: #15171F;
  background-color: var(--pdb-color-2, #15171F);
  border-radius: 24px;
  overflow: hidden;
}
.chat .header {
  padding: 12px 0;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #112C20;
  border-bottom: 1px solid var(--pdb-color-4, #112C20);
}
.chat .header .back {
  margin-left: 16px;
  flex: 1 1;
}
.chat .header .user-info {
  margin-left: 12px;
  flex-shrink: 0;
  text-align: center;
}
.chat .header .user-info .name {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: #C4E9D9;
  color: var(--pdb-color-11, #C4E9D9);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat .header .user-info .status {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.chat .header .right {
  flex: 1 1;
  margin-right: 16px;
}
.chat .banner {
  text-align: center;
}
.chat .banner .action {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #87C2F8;
  cursor: pointer;
}
.chat .message-list {
  flex: 1 1;
}
.chat .prompt {
  padding: 10px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  display: block;
  text-align: center;
  color: #6BC79F;
  color: var(--pdb-color-8, #6BC79F);
}
.chat .accept-chat {
  padding: 0 20px;
}
.chat .accept-chat .accept-chat-header {
  display: flex;
  align-items: center;
}
.chat .accept-chat .accept-chat-header .propmt {
  flex: 1 1;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #6BC79F;
  color: var(--pdb-color-8, #6BC79F);
}
.chat .accept-chat .accept-chat-header .report-btn {
  flex-shrink: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  cursor: pointer;
}
.chat .accept-chat .btns {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
}
.chat .accept-chat .btns .pdb-btn {
  width: 48%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  border-color: #8C8C8C;
  border-color: var(--gray-color-55, #8C8C8C);
}
.chat .accept-chat .btns .pdb-btn.pdb-btn_primary {
  color: white;
  background-color: #6BC79F;
  background-color: var(--pdb-color-8, #6BC79F);
}
.chat .extend-chat {
  padding: 0 20px;
}
.chat .extend-chat .pdb-btn {
  display: block;
  margin-left: 5%;
  width: 90%;
}
.chat .send-message {
  margin-top: 8px;
  padding: 0 12px;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.channel-list {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #15171F;
  background-color: var(--pdb-color-2, #15171F);
  overflow-y: auto;
}
.channel-list .message-requests {
  padding: 8px 16px;
  position: relative;
  cursor: pointer;
}
.channel-list .message-requests svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.channel-list .message-requests label {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  display: inline-block;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  vertical-align: middle;
  cursor: inherit;
}
.channel-list .message-requests:after {
  content: '';
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  border-radius: 50%;
  transform: translateY(-50%);
}
.channel-list .message-requests:not(.not):after {
  background-color: #EB5C52;
  background-color: var(--pome-color, #EB5C52);
}
.channel-list .channel-list-item {
  display: flex;
  align-items: center;
  padding: 16px;
  cursor: pointer;
}
.channel-list .channel-list-item .pdb-image {
  margin-right: 8px;
}
.channel-list .channel-list-item .chat-info {
  flex: 1 1;
  overflow: hidden;
}
.channel-list .channel-list-item .chat-info .user-info {
  display: flex;
  align-items: center;
}
.channel-list .channel-list-item .chat-info .user-info .username {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.channel-list .channel-list-item .chat-info .user-info .muted {
  flex-shrink: 0;
  margin: 0 4px;
}
.channel-list .channel-list-item .chat-info .user-info .time {
  flex: 1 1;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #8C8C8C;
  color: var(--gray-color-55, #8C8C8C);
  text-align: right;
  white-space: nowrap;
}
.channel-list .channel-list-item .chat-info .user-info .more-icon {
  flex-shrink: 0;
  margin-left: 20px;
}
.channel-list .channel-list-item .chat-info .description {
  margin-top: 4px;
  display: flex;
  align-items: center;
}
.channel-list .channel-list-item .chat-info .description label {
  flex: 1 1;
  margin-top: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #D9D9D9;
  color: var(--gray-color-85, #D9D9D9);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.channel-list .channel-list-item .chat-info .description span {
  font-weight: 500;
  font-size: 10px;
  line-height: 1.3;
  padding: 2px 5px;
  background-color: #EB5C52;
  border-radius: 99px;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
}
.channel-list .channel-list-item .chat-info .description span.unread {
  padding: 0;
  width: 10px;
  height: 10px;
}
.channel-list .channel-list-item.disabled {
  opacity: 0.3;
}
.channel-list .channel-list-item.blur .chat-info .user-info .username {
  color: transparent;
  background: linear-gradient(90deg, rgba(221, 220, 220, 0.1) 2.17%, rgba(223, 220, 220, 0) 100%);
  border-radius: 4px;
}
.channel-list .channel-list-item.blur .chat-info .user-info .more-icon {
  display: none;
}
.channel-list .channel-list-item.blur .chat-info .description {
  height: 19px;
  background: linear-gradient(90deg, rgba(221, 220, 220, 0.1) 2.17%, rgba(223, 220, 220, 0) 100%);
  border-radius: 4px;
}
.channel-list .channel-list-item.blur .chat-info .description label {
  color: transparent;
}
.channel-list .empty {
  text-align: center;
  padding-bottom: 48px;
}
.channel-list .empty label {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  display: block;
  color: #BFBFBF;
  color: var(--gray-color-75, #BFBFBF);
}
.channel-list .empty .pdb-btn {
  margin-top: 55px;
}

.rc-notification {
  position: fixed;
  z-index: 1000;
}
.rc-notification-notice {
  padding: 7px 20px 7px 10px;
  border-radius: 3px 3px;
  border: 1px solid #999;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border: 0px solid rgba(0, 0, 0, 0);
  background: #fff;
  display: block;
  width: auto;
  line-height: 1.5;
  position: relative;
  margin: 10px 0;
}
.rc-notification-notice-closable {
  padding-right: 20px;
}
.rc-notification-notice-close {
  position: absolute;
  right: 5px;
  top: 3px;
  color: #000;
  cursor: pointer;
  outline: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
  text-decoration: none;
}
.rc-notification-notice-close-x:after {
  content: '×';
}
.rc-notification-notice-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none;
}
.rc-notification-fade-appear,
.rc-notification-fade-enter {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.rc-notification-fade-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.rc-notification-fade-appear.rc-notification-fade-appear-active,
.rc-notification-fade-enter.rc-notification-fade-enter-active {
  animation-name: rcNotificationFadeIn;
  animation-play-state: running;
}
.rc-notification-fade-leave.rc-notification-fade-leave-active {
  animation-name: rcDialogFadeOut;
  animation-play-state: running;
}
@keyframes rcNotificationFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.rc-notification {
  top: inherit !important;
  bottom: 30px;
  z-index: 999999999;
}
.rc-notification .notification-right {
  float: right;
  margin-left: 8px;
  color: #495A98;
}
.rc-notification-notice.info {
  background: #8C8C8C;
}
.rc-notification-notice.error {
  background: #EB5C52;
}
.rc-notification-notice.success {
  background: #7ECEAB;
}
.rc-notification-notice {
  padding: 16px;
  transform: translateX(-50%);
}
.rc-notification-notice .notification-container svg {
  float: left;
  font-size: 24px;
  margin-right: 8px;
}
.rc-notification-notice .notification-container label {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #F0F0F0;
  overflow: hidden;
}
.rc-notification-notice.need-join {
  background: #7ECEAB;
}
.rc-notification-notice.need-join .notification-container > label {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.rc-notification-notice.need-join .notification-container > label label {
  flex: 1 1;
}
.rc-notification-notice.need-join .notification-container > label span {
  flex-shrink: 0;
  margin-left: 8px;
  color: #495A98;
  cursor: pointer;
}
@media (max-width: 768px) {
  .rc-notification {
    left: 0 !important;
    width: 100%;
  }
  .rc-notification-notice {
    max-width: calc(100% - 20px);
    margin: 0 auto;
    transform: translateX(0);
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
[class^=ant-]::-ms-clear,
[class*= ant-]::-ms-clear,
[class^=ant-] input::-ms-clear,
[class*= ant-] input::-ms-clear,
[class^=ant-] input::-ms-reveal,
[class*= ant-] input::-ms-reveal {
  display: none;
}
/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  font-feature-settings: 'tnum', "tnum";
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #87C2F8;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #b3ddff;
}
a:active {
  color: #669ad1;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::selection {
  color: #fff;
  background: #1890ff;
}
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.anticon {
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon > .anticon {
  line-height: 0;
  vertical-align: 0;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin,
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.ant-fade-enter,
.ant-fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-enter.ant-fade-enter-active,
.ant-fade-appear.ant-fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.ant-fade-leave.ant-fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-fade-enter,
.ant-fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.ant-fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ant-move-up-enter,
.ant-move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-enter.ant-move-up-enter-active,
.ant-move-up-appear.ant-move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-up-enter,
.ant-move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-down-enter,
.ant-move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-enter.ant-move-down-enter-active,
.ant-move-down-appear.ant-move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.ant-move-down-leave.ant-move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-down-enter,
.ant-move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-left-enter,
.ant-move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-enter.ant-move-left-enter-active,
.ant-move-left-appear.ant-move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.ant-move-left-leave.ant-move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-left-enter,
.ant-move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-right-enter,
.ant-move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-enter.ant-move-right-enter-active,
.ant-move-right-appear.ant-move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.ant-move-right-leave.ant-move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-right-enter,
.ant-move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #1890ff;
  --scroll-bar: 0;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #1890ff;
  box-shadow: 0 0 0 0 #1890ff;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 #1890ff;
    box-shadow: 0 0 0 6px #1890ff;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-enter.ant-slide-up-enter-active,
.ant-slide-up-appear.ant-slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.ant-slide-up-leave.ant-slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-enter.ant-slide-down-enter-active,
.ant-slide-down-appear.ant-slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.ant-slide-down-leave.ant-slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-enter.ant-slide-left-enter-active,
.ant-slide-left-appear.ant-slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.ant-slide-left-leave.ant-slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-enter.ant-slide-right-enter-active,
.ant-slide-right-appear.ant-slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.ant-slide-right-leave.ant-slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  transform: scale(0);
  transform-origin: 0% 0%;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.ant-zoom-enter,
.ant-zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-enter.ant-zoom-enter-active,
.ant-zoom-appear.ant-zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.ant-zoom-leave.ant-zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-enter,
.ant-zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-enter-prepare,
.ant-zoom-appear-prepare {
  transform: none;
}
.ant-zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-enter.ant-zoom-big-enter-active,
.ant-zoom-big-appear.ant-zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-leave.ant-zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-enter-prepare,
.ant-zoom-big-appear-prepare {
  transform: none;
}
.ant-zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-fast-enter-prepare,
.ant-zoom-big-fast-appear-prepare {
  transform: none;
}
.ant-zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-enter.ant-zoom-up-enter-active,
.ant-zoom-up-appear.ant-zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.ant-zoom-up-leave.ant-zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-up-enter-prepare,
.ant-zoom-up-appear-prepare {
  transform: none;
}
.ant-zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-enter.ant-zoom-down-enter-active,
.ant-zoom-down-appear.ant-zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.ant-zoom-down-leave.ant-zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-down-enter-prepare,
.ant-zoom-down-appear-prepare {
  transform: none;
}
.ant-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-enter.ant-zoom-left-enter-active,
.ant-zoom-left-appear.ant-zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.ant-zoom-left-leave.ant-zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-left-enter-prepare,
.ant-zoom-left-appear-prepare {
  transform: none;
}
.ant-zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-enter.ant-zoom-right-enter-active,
.ant-zoom-right-appear.ant-zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.ant-zoom-right-leave.ant-zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-right-enter-prepare,
.ant-zoom-right-appear-prepare {
  transform: none;
}
.ant-zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-form-item .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
.ant-form-inline {
  display: flex;
  flex-wrap: wrap;
}
.ant-form-inline .ant-form-item {
  flex: none;
  flex-wrap: nowrap;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-label,
.ant-form-inline .ant-form-item > .ant-form-item-control {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-item > .ant-form-item-label {
  flex: none;
}
.ant-form-inline .ant-form-item .ant-form-text {
  display: inline-block;
}
.ant-form-inline .ant-form-item .ant-form-item-has-feedback {
  display: inline-block;
}
.ant-form-horizontal .ant-form-item-label {
  flex-grow: 0;
}
.ant-form-horizontal .ant-form-item-control {
  flex: 1 1;
  min-width: 0;
}
.ant-form-horizontal .ant-form-item-label[class$='-24'] + .ant-form-item-control,
.ant-form-horizontal .ant-form-item-label[class*='-24 '] + .ant-form-item-control {
  min-width: unset;
}
.ant-form-vertical .ant-form-item-row {
  flex-direction: column;
}
.ant-form-vertical .ant-form-item-label > label {
  height: auto;
}
.ant-form-vertical .ant-form-item .ant-form-item-control {
  width: 100%;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  padding: 0 0 8px;
  line-height: 1.5715;
  white-space: normal;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label > label,
.ant-col-24.ant-form-item-label > label,
.ant-col-xl-24.ant-form-item-label > label {
  margin: 0;
}
.ant-form-vertical .ant-form-item-label > label::after,
.ant-col-24.ant-form-item-label > label::after,
.ant-col-xl-24.ant-form-item-label > label::after {
  display: none;
}
.ant-form-rtl.ant-form-vertical .ant-form-item-label,
.ant-form-rtl.ant-col-24.ant-form-item-label,
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
  text-align: right;
}
@media (max-width: 575px) {
  .ant-form-item .ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: normal;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item .ant-form-item-label > label {
    margin: 0;
  }
  .ant-form-item .ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-form-item .ant-form-item-label {
    text-align: right;
  }
  .ant-form .ant-form-item {
    flex-wrap: wrap;
  }
  .ant-form .ant-form-item .ant-form-item-label,
  .ant-form .ant-form-item .ant-form-item-control {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xs-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: normal;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xs-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: normal;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-sm-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: normal;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-md-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-md-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: normal;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-lg-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: normal;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xl-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
    text-align: right;
  }
}
.ant-form-item {
  /* Some non-status related component style is in `components.less` */
  /* To support leave along ErrorList. We add additional className to handle explain style */
}
.ant-form-item-explain-error {
  color: #ff4d4f;
}
.ant-form-item-explain-warning {
  color: #faad14;
}
.ant-form-item-has-feedback .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-item-has-warning .ant-form-item-split {
  color: #faad14;
}
.ant-form-item-has-error .ant-form-item-split {
  color: #ff4d4f;
}
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type='search'] {
  box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
}
.ant-form .ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-small .ant-form-item-label > label {
  height: 24px;
}
.ant-form-small .ant-form-item-control-input {
  min-height: 24px;
}
.ant-form-large .ant-form-item-label > label {
  height: 40px;
}
.ant-form-large .ant-form-item-control-input {
  min-height: 40px;
}
.ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item-with-help {
  transition: none;
}
.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
  display: none;
}
.ant-form-item-label {
  display: inline-block;
  flex-grow: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item-label-wrap {
  overflow: unset;
  line-height: 1.3215em;
  white-space: unset;
}
.ant-form-item-label > label {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  height: 32px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-form-item-label > label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: inline-block;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: none;
}
.ant-form-item-label > label .ant-form-item-optional {
  display: inline-block;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional {
  display: none;
}
.ant-form-item-label > label .ant-form-item-tooltip {
  color: rgba(0, 0, 0, 0.45);
  cursor: help;
  -webkit-writing-mode: horizontal-tb;
          writing-mode: horizontal-tb;
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
.ant-form-item-control {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) {
  width: 100%;
}
.ant-form-item-control-input {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 32px;
}
.ant-form-item-control-input-content {
  flex: auto;
  max-width: 100%;
}
.ant-form-item-explain,
.ant-form-item-extra {
  clear: both;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  padding-top: 0px;
}
.ant-form-item-explain-connected {
  width: 100%;
}
.ant-form-item-extra {
  min-height: 24px;
}
.ant-form-item-with-help .ant-form-item-explain {
  height: auto;
  opacity: 1;
}
.ant-form-item-feedback-icon {
  font-size: 14px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.ant-form-item-feedback-icon-success {
  color: #52c41a;
}
.ant-form-item-feedback-icon-error {
  color: #ff4d4f;
}
.ant-form-item-feedback-icon-warning {
  color: #faad14;
}
.ant-form-item-feedback-icon-validating {
  color: #1890ff;
}
.ant-show-help {
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-show-help-appear,
.ant-show-help-enter {
  opacity: 0;
}
.ant-show-help-appear-active,
.ant-show-help-enter-active {
  opacity: 1;
}
.ant-show-help-leave {
  opacity: 1;
}
.ant-show-help-leave-active {
  opacity: 0;
}
.ant-show-help-item {
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-appear,
.ant-show-help-item-enter {
  transform: translateY(-5px);
  opacity: 0;
}
.ant-show-help-item-appear-active,
.ant-show-help-item-enter-active {
  transform: translateY(0);
  opacity: 1;
}
.ant-show-help-item-leave {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-leave-active {
  transform: translateY(-5px);
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.ant-form-rtl {
  direction: rtl;
}
.ant-form-rtl .ant-form-item-label {
  text-align: left;
}
.ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before {
  margin-right: 0;
  margin-left: 4px;
}
.ant-form-rtl .ant-form-item-label > label::after {
  margin: 0 2px 0 8px;
}
.ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
  margin-right: 4px;
  margin-left: 0;
}
.ant-col-rtl .ant-form-item-control:first-child {
  width: 100%;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input {
  padding-right: 11px;
  padding-left: 24px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 11px;
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
  padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number {
  padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: auto;
  left: 28px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 0;
  padding-left: 42px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
  margin-right: 0;
  margin-left: 19px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker {
  padding-right: 11px;
  padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
  padding-right: 11px;
  padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
  padding-right: 7px;
  padding-left: 25.2px;
}
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
  right: auto;
  left: 0;
}
.ant-form-rtl.ant-form-inline .ant-form-item {
  margin-right: 0;
  margin-left: 16px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-row {
  display: flex;
  flex-flow: row wrap;
  min-width: 0;
}
.ant-row::before,
.ant-row::after {
  display: flex;
}
.ant-row-no-wrap {
  flex-wrap: nowrap;
}
.ant-row-start {
  justify-content: flex-start;
}
.ant-row-center {
  justify-content: center;
}
.ant-row-end {
  justify-content: flex-end;
}
.ant-row-space-between {
  justify-content: space-between;
}
.ant-row-space-around {
  justify-content: space-around;
}
.ant-row-space-evenly {
  justify-content: space-evenly;
}
.ant-row-top {
  align-items: flex-start;
}
.ant-row-middle {
  align-items: center;
}
.ant-row-bottom {
  align-items: flex-end;
}
.ant-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
}
.ant-col-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  order: 24;
}
.ant-col-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  order: 23;
}
.ant-col-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  order: 22;
}
.ant-col-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  order: 21;
}
.ant-col-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  order: 20;
}
.ant-col-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  order: 19;
}
.ant-col-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  order: 18;
}
.ant-col-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  order: 17;
}
.ant-col-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  order: 16;
}
.ant-col-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  order: 15;
}
.ant-col-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  order: 14;
}
.ant-col-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  order: 13;
}
.ant-col-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  order: 12;
}
.ant-col-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  order: 11;
}
.ant-col-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  order: 10;
}
.ant-col-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  order: 9;
}
.ant-col-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  order: 8;
}
.ant-col-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  order: 7;
}
.ant-col-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  order: 6;
}
.ant-col-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  order: 5;
}
.ant-col-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  order: 4;
}
.ant-col-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  order: 3;
}
.ant-col-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  order: 2;
}
.ant-col-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  order: 0;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto;
}
.ant-col-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%;
}
.ant-col-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}
.ant-col-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.ant-col-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.ant-col-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.ant-col-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto;
}
.ant-col-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%;
}
.ant-col-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}
.ant-col-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.ant-col-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.ant-col-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.ant-col-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto;
}
.ant-col-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%;
}
.ant-col-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}
.ant-col-push-6.ant-col-rtl {
  right: 25%;
  left: auto;
}
.ant-col-pull-6.ant-col-rtl {
  right: auto;
  left: 25%;
}
.ant-col-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.ant-col-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto;
}
.ant-col-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%;
}
.ant-col-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}
.ant-col-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.ant-col-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.ant-col-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.ant-col-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto;
}
.ant-col-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%;
}
.ant-col-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}
.ant-col-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.ant-col-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.ant-col-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.ant-col-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto;
}
.ant-col-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%;
}
.ant-col-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}
.ant-col-push-12.ant-col-rtl {
  right: 50%;
  left: auto;
}
.ant-col-pull-12.ant-col-rtl {
  right: auto;
  left: 50%;
}
.ant-col-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.ant-col-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto;
}
.ant-col-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%;
}
.ant-col-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}
.ant-col-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.ant-col-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.ant-col-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.ant-col-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto;
}
.ant-col-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%;
}
.ant-col-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}
.ant-col-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.ant-col-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.ant-col-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.ant-col-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto;
}
.ant-col-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%;
}
.ant-col-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}
.ant-col-push-18.ant-col-rtl {
  right: 75%;
  left: auto;
}
.ant-col-pull-18.ant-col-rtl {
  right: auto;
  left: 75%;
}
.ant-col-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.ant-col-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto;
}
.ant-col-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%;
}
.ant-col-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}
.ant-col-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.ant-col-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.ant-col-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.ant-col-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto;
}
.ant-col-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%;
}
.ant-col-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}
.ant-col-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.ant-col-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.ant-col-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.ant-col-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto;
}
.ant-col-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%;
}
.ant-col-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}
.ant-col-push-24.ant-col-rtl {
  right: 100%;
  left: auto;
}
.ant-col-pull-24.ant-col-rtl {
  right: auto;
  left: 100%;
}
.ant-col-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
.ant-col-xs-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  order: 24;
}
.ant-col-xs-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  order: 23;
}
.ant-col-xs-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  order: 22;
}
.ant-col-xs-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  order: 21;
}
.ant-col-xs-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  order: 20;
}
.ant-col-xs-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  order: 19;
}
.ant-col-xs-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  order: 18;
}
.ant-col-xs-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  order: 17;
}
.ant-col-xs-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  order: 16;
}
.ant-col-xs-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  order: 15;
}
.ant-col-xs-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  order: 14;
}
.ant-col-xs-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  order: 13;
}
.ant-col-xs-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  order: 12;
}
.ant-col-xs-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  order: 11;
}
.ant-col-xs-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  order: 10;
}
.ant-col-xs-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  order: 9;
}
.ant-col-xs-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  order: 8;
}
.ant-col-xs-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  order: 7;
}
.ant-col-xs-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  order: 6;
}
.ant-col-xs-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  order: 5;
}
.ant-col-xs-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  order: 4;
}
.ant-col-xs-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  order: 3;
}
.ant-col-xs-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  order: 2;
}
.ant-col-xs-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  order: 0;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-xs-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-xs-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-xs-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-xs-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto;
}
.ant-col-xs-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%;
}
.ant-col-xs-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.ant-col-xs-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.ant-col-xs-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto;
}
.ant-col-xs-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%;
}
.ant-col-xs-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}
.ant-col-xs-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.ant-col-xs-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.ant-col-xs-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto;
}
.ant-col-xs-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%;
}
.ant-col-xs-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-6.ant-col-rtl {
  right: 25%;
  left: auto;
}
.ant-col-xs-pull-6.ant-col-rtl {
  right: auto;
  left: 25%;
}
.ant-col-xs-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.ant-col-xs-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto;
}
.ant-col-xs-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%;
}
.ant-col-xs-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.ant-col-xs-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.ant-col-xs-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto;
}
.ant-col-xs-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%;
}
.ant-col-xs-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}
.ant-col-xs-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.ant-col-xs-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.ant-col-xs-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto;
}
.ant-col-xs-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%;
}
.ant-col-xs-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-12.ant-col-rtl {
  right: 50%;
  left: auto;
}
.ant-col-xs-pull-12.ant-col-rtl {
  right: auto;
  left: 50%;
}
.ant-col-xs-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.ant-col-xs-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto;
}
.ant-col-xs-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%;
}
.ant-col-xs-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.ant-col-xs-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.ant-col-xs-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto;
}
.ant-col-xs-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%;
}
.ant-col-xs-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}
.ant-col-xs-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.ant-col-xs-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.ant-col-xs-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto;
}
.ant-col-xs-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%;
}
.ant-col-xs-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-18.ant-col-rtl {
  right: 75%;
  left: auto;
}
.ant-col-xs-pull-18.ant-col-rtl {
  right: auto;
  left: 75%;
}
.ant-col-xs-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.ant-col-xs-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto;
}
.ant-col-xs-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%;
}
.ant-col-xs-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.ant-col-xs-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.ant-col-xs-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto;
}
.ant-col-xs-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%;
}
.ant-col-xs-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}
.ant-col-xs-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.ant-col-xs-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.ant-col-xs-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto;
}
.ant-col-xs-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%;
}
.ant-col-xs-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-24.ant-col-rtl {
  right: 100%;
  left: auto;
}
.ant-col-xs-pull-24.ant-col-rtl {
  right: auto;
  left: 100%;
}
.ant-col-xs-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
@media (min-width: 576px) {
  .ant-col-sm-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-sm-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-sm-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-sm-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-sm-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-sm-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-sm-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-sm-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-sm-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-sm-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-sm-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-sm-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-sm-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-sm-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-sm-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-sm-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-sm-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-sm-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-sm-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-sm-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-sm-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-sm-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-sm-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-sm-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-sm-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-sm-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-sm-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-sm-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-sm-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-sm-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-sm-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-sm-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-sm-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-sm-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-sm-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-sm-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-sm-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-sm-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-sm-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-sm-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .ant-col-md-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    order: 24;
  }
  .ant-col-md-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    order: 23;
  }
  .ant-col-md-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    order: 22;
  }
  .ant-col-md-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    order: 21;
  }
  .ant-col-md-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    order: 20;
  }
  .ant-col-md-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    order: 19;
  }
  .ant-col-md-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    order: 18;
  }
  .ant-col-md-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    order: 17;
  }
  .ant-col-md-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    order: 16;
  }
  .ant-col-md-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    order: 15;
  }
  .ant-col-md-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    order: 14;
  }
  .ant-col-md-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    order: 13;
  }
  .ant-col-md-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    order: 12;
  }
  .ant-col-md-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    order: 11;
  }
  .ant-col-md-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    order: 10;
  }
  .ant-col-md-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    order: 9;
  }
  .ant-col-md-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    order: 8;
  }
  .ant-col-md-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    order: 7;
  }
  .ant-col-md-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    order: 6;
  }
  .ant-col-md-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    order: 5;
  }
  .ant-col-md-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    order: 4;
  }
  .ant-col-md-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    order: 3;
  }
  .ant-col-md-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    order: 2;
  }
  .ant-col-md-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-md-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-md-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-md-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-md-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-md-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-md-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-md-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-md-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-md-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-md-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-md-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-md-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-md-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-md-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-md-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-md-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-md-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-md-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-md-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-md-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-md-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-md-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-md-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-md-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-md-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-md-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-md-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-md-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-md-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-md-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-md-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-md-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-md-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-md-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-md-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-md-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-md-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-md-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-md-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-md-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-md-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-md-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-md-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-md-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-md-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-md-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-md-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-md-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-md-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-md-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-md-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-md-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-md-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-md-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-md-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-md-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-md-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-md-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-md-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-lg-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-lg-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-lg-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-lg-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-lg-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-lg-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-lg-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-lg-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-lg-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-lg-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-lg-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-lg-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-lg-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-lg-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-lg-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-lg-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-lg-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-lg-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-lg-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-lg-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-lg-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-lg-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-lg-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-lg-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-lg-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-lg-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-lg-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-lg-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-lg-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-lg-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-lg-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-lg-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-lg-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-lg-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-lg-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-lg-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-lg-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-lg-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-lg-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-lg-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-xl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xl-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-xl-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xl-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-xl-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-xl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-xl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-xl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-xl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-xl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-xl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-xl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-xl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-xl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-xl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-xl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-xl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-xl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-xl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-xl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-xl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-xl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-xl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-xl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-xl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-xl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-xl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-xl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-xl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-xl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-xl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-xl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-xl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-xl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-xl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-xl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-xl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-xl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-xl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-xl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xxl-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-xxl-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xxl-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-xxl-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-xxl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-xxl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-xxl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-xxl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-xxl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-xxl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-xxl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-xxl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-xxl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-xxl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-xxl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-xxl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-xxl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-xxl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-xxl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-xxl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-xxl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-xxl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-xxl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-xxl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-xxl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-xxl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-xxl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-xxl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-xxl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-xxl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-xxl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-xxl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-xxl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-xxl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-xxl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-xxl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-xxl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-xxl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-xxl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
.ant-row-rtl {
  direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: absolute;
  z-index: 1070;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  width: intrinsic;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-content {
  position: relative;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 14.3137085px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 14.3137085px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 14.3137085px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 14.3137085px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-tooltip-arrow {
  position: absolute;
  z-index: 2;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow-content {
  --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-tooltip-arrow-content::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  -webkit-clip-path: inset(33% 33%);
          clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: 0;
  transform: translateY(100%);
}
.ant-tooltip-placement-top .ant-tooltip-arrow-content,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-11px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: 0;
  transform: translateX(-100%);
}
.ant-tooltip-placement-right .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(11px) rotate(135deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: 0;
  transform: translateX(100%);
}
.ant-tooltip-placement-left .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-11px) rotate(315deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateX(100%) translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: 0;
  transform: translateY(-100%);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(11px) rotate(225deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-pink .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-pink .ant-tooltip-arrow-content::before {
  background: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-arrow-content::before {
  background: #eb2f96;
}
.ant-tooltip-red .ant-tooltip-inner {
  background-color: #f5222d;
}
.ant-tooltip-red .ant-tooltip-arrow-content::before {
  background: #f5222d;
}
.ant-tooltip-volcano .ant-tooltip-inner {
  background-color: #fa541c;
}
.ant-tooltip-volcano .ant-tooltip-arrow-content::before {
  background: #fa541c;
}
.ant-tooltip-orange .ant-tooltip-inner {
  background-color: #fa8c16;
}
.ant-tooltip-orange .ant-tooltip-arrow-content::before {
  background: #fa8c16;
}
.ant-tooltip-yellow .ant-tooltip-inner {
  background-color: #fadb14;
}
.ant-tooltip-yellow .ant-tooltip-arrow-content::before {
  background: #fadb14;
}
.ant-tooltip-gold .ant-tooltip-inner {
  background-color: #faad14;
}
.ant-tooltip-gold .ant-tooltip-arrow-content::before {
  background: #faad14;
}
.ant-tooltip-cyan .ant-tooltip-inner {
  background-color: #13c2c2;
}
.ant-tooltip-cyan .ant-tooltip-arrow-content::before {
  background: #13c2c2;
}
.ant-tooltip-lime .ant-tooltip-inner {
  background-color: #a0d911;
}
.ant-tooltip-lime .ant-tooltip-arrow-content::before {
  background: #a0d911;
}
.ant-tooltip-green .ant-tooltip-inner {
  background-color: #52c41a;
}
.ant-tooltip-green .ant-tooltip-arrow-content::before {
  background: #52c41a;
}
.ant-tooltip-blue .ant-tooltip-inner {
  background-color: #1890ff;
}
.ant-tooltip-blue .ant-tooltip-arrow-content::before {
  background: #1890ff;
}
.ant-tooltip-geekblue .ant-tooltip-inner {
  background-color: #2f54eb;
}
.ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
  background: #2f54eb;
}
.ant-tooltip-purple .ant-tooltip-inner {
  background-color: #722ed1;
}
.ant-tooltip-purple .ant-tooltip-arrow-content::before {
  background: #722ed1;
}
.ant-tooltip-rtl {
  direction: rtl;
}
.ant-tooltip-rtl .ant-tooltip-inner {
  text-align: right;
}

.rc-tooltip.rc-tooltip-zoom-appear,
.rc-tooltip.rc-tooltip-zoom-enter {
  opacity: 0;
}
.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}
.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.rc-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}
.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.5;
  opacity: 0.9;
}
.rc-tooltip-hidden {
  display: none;
}
.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
  padding: 5px 0 9px 0;
}
.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
  padding: 0 5px 0 9px;
}
.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
  padding: 9px 0 5px 0;
}
.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
  padding: 0 9px 0 5px;
}
.rc-tooltip-inner {
  padding: 8px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #373737;
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
  min-height: 34px;
}
.rc-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  bottom: 4px;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #373737;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: 4px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #373737;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: 4px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #373737;
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  top: 4px;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #373737;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}

.rc-tooltip.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  border-bottom-color: #7ECEAB;
}
.rc-tooltip.rc-tooltip-placement-right .rc-tooltip-arrow {
  transform: rotate(314deg) translate(2px, 4px);
}
.rc-tooltip .rc-tooltip-arrow {
  border-top-color: #7ECEAB;
}
.rc-tooltip .rc-tooltip-inner {
  max-width: 274px;
  background-color: #7ECEAB;
  -webkit-filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.2));
}
.error-tooltip {
  opacity: 1;
}
.error-tooltip.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  border-bottom-color: #EB5C52;
}
.error-tooltip .rc-tooltip-inner {
  background-color: #EB5C52;
  -webkit-filter: none;
          filter: none;
}


.x-textarea {
  border-radius: 17px;
  padding: 4px 16px;
  border: 1px solid #225941;
  background-color: transparent;
  resize: none;
  outline: none;
  font-size: 14px;
  box-sizing: border-box;
  color: #F0F0F0;
}
.x-textarea:focus {
  border-color: #7ECEAB;
}

.app-link {
  position: relative;
  display: flex;
  align-items: center;
  padding: 11px 16px;
  background-color: #1D2029;
}
.app-link .app-logo {
  position: relative;
  flex-shrink: 0;
  margin-right: 8px;
}
.app-link .app-logo img {
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 7px;
}
.app-link .app-logo svg {
  position: absolute;
  right: 0;
  transform: translateX(50%);
}
.app-link .app-info {
  flex: 1 1;
  overflow: hidden;
}
.app-link .app-info .app-name {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  font-size: 14px;
  color: white;
  white-space: pre-wrap;
}
.app-link .app-info .app-version {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  font-size: 14px;
  margin-left: 4px;
  color: white;
}
.app-link .to-app {
  flex-shrink: 0;
  margin-left: 5px;
  padding: 4px 10px;
  font-weight: 500;
  font-size: 12px;
  color: #6BC79F;
  border: 0.5px solid #6BC79F;
  border-radius: 17.5px;
}
.app-link .to-app svg {
  display: none;
}
.app-link.lighter {
  background-color: #A6DDC5;
}
.app-link.lighter .app-name,
.app-link.lighter .app-version {
  color: #112C20;
}
.app-link.lighter .to-app {
  background-color: white;
  border-color: white;
  color: #112C20;
}
.app-link[data-type^=pinklight] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAABkBAMAAAArh6huAAAAFVBMVEX1m6zwhpr1l6jxiZ3zkKL0k6XyjJ9yGKuCAAADX0lEQVR42u3dTXPaMBAG4B1F9n0L5exg4FxRwjkOk5xx3HCOmPT//4VOBMExQcWdrleX9zkxHHd2VtLqwwSQXvbyXBBo2znmNQKvbcHvJgi8rsxxMCbQVPPRPYEe4/joO4Gekj+MUOEVVXzySjC4+eNL0ZaZ4BvBwMzGMa8KIsvvMKNRsuF3k+1HeccUXsXiFOmaGQOrFuNPJb3mT7YEQ7LchZWTjhpxT8Ij7ikY7sDCSYlF3JO4YdSZFErEPYlb/gTzdyXml+cIrFeHM3/iDvQJVMw8R00IBrLjc+gDD880fAk2WIdlNvxXS4KWeLaP3jyWq4p2x7A/U4npu54FB28FkcU0Uo11Iba/D2eVMI1UYnwI+wMFDYZVHaZpwx7rBP8gkJa3YQ88hlUNxnfDTnlsWMXYKqk5zB9bxke6BFOCQOxqwQN9ZiPD6pxAzIZ5tKeOubu8Wp2h0IjuY9914zlzkU2PHHt9Yirm1dWwTygoMYuXkjGPtt1/fLQJfItmsGC676mjia+aamx+yKX7ijqMi6+aKnRphJQ82V5P9xEdeHQlhXjex9P9vLwbdIOFWB4X572aeHm3OEQjpOEH6qo5Xt5v0R6TYfyYrpeZU5ZXiLsMezhsaqbT4vRP/OiMQTtYyO04HIn86dz6sYifBl5SkONQsJBqT2QqDlbFtfJeI99lmHXRHlc6PKp0oTXzMWk3DvkuI192lknjggx/MclWFJS4fCCk3FLmuLUqLH9VTCnw2GYV8nTeFdjn8epusb0tZXlI99aoid9rqnBqTEh2TyV3ueiB1BlO60mxBXk+E4375tiYhP82p4x7+BHSHZc+xBSU94278bj0IajhHpZE1OB0qqSqZ75nDne2BRnfM983OJ0qyXC/fC/xtpsoy328zvBYbYq47337k0BAzn04XD5QiTueKDiTPO6YvQ9b3/HyT4dG3PEiR4R+3DGbERQ/pIQHl4bn+B/cEQzZF8M7hoNrMKomcYN0T8Ii3ZMwnnsaYc0kqcZkJokbpHsSGZaqaVTcx4pAVokqk4RBlUmjwlwmCcsX4cN853QTHt+SH0p+JdsxpnYo9QrWzwQHmgk/QdiHU6H5qy0+pcG1muEt0HTXEx9a8Q15LZlDeU9ih0/DJWE2KO9JZD59ef8DQHAHc/8E6zwAAAAASUVORK5CYII=);
  background-size: cover;
}
.app-link[data-type="yellow_meetchat"] {
  background: #F7F3C6;
}
.app-link[data-type="yellow_meetchat"] .app-name {
  color: #307D61;
}
.app-link[data-type="yellow_meetchat"] .to-app {
  color: #FAFAFA;
  background: #307D61;
}
.app-link[data-type="green_chat"],
.app-link[data-type="green_meetcrush"] {
  background: #307D61;
}
.app-link[data-type="green_chat"] .app-name,
.app-link[data-type="green_meetcrush"] .app-name {
  color: #FAFAFA;
}
.app-link[data-type="green_chat"] .to-app,
.app-link[data-type="green_meetcrush"] .to-app {
  color: #307D61;
  background: #F7F3C6;
}
.app-jump {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}
.app-jump .app-jump-href {
  display: block;
  width: 340px;
  height: 65px;
  font-weight: 500;
  font-size: 16px;
  border-radius: 0;
  color: #FAFAFA;
  margin: 0 auto;
  text-align: center;
  white-space: nowrap;
  background: linear-gradient(90.89deg, #3FA2C1 -14.7%, #90D5B7 99.7%);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.app-pop-wrapper .rc-dialog {
  overflow: visible;
}
.app-pop-wrapper .rc-dialog .rc-dialog-body {
  padding: 0 14px;
}
.app-pop-wrapper .rc-dialog-content {
  background-color: transparent;
}
.app-pop-wrapper .app_pop {
  position: relative;
  text-align: center;
  border-radius: 10px;
  padding-bottom: 10px;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
  background: linear-gradient(90deg, rgba(255, 88, 88, 0.2) 0%, rgba(240, 152, 25, 0.2) 100%), #FBE6E2;
}
.app-pop-wrapper .app_pop::before {
  content: "";
  display: table;
}
.app-pop-wrapper .app_pop .close-btn {
  position: absolute;
  top: 12px;
  left: 11px;
  padding: 0;
  z-index: 99;
}
.app-pop-wrapper .app_pop .close-btn svg {
  pointer-events: none;
}
.app-pop-wrapper .app_pop .icon {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.app-pop-wrapper .app_pop label {
  display: block;
  margin-top: 80px;
  font-weight: 500;
  font-size: 16px;
  padding: 0 5px;
  color: #262626;
}
.app-pop-wrapper .app_pop label span {
  color: #F5F5F5;
}
.app-pop-wrapper .app_pop label img {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  margin: 0 5px;
  transform: translateY(-3px);
}
.app-pop-wrapper .app_pop .app-link-btn {
  display: block;
  margin: 10px 11px 0;
  height: 45px;
  line-height: 45px;
  font-weight: 700;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  text-align: center;
  color: #E65A17;
}
.app-pop-wrapper .app_pop .app-link-btn img {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  margin: 0 5px;
  transform: translateY(-3px);
}
.app-pop-wrapper .app_pop .app-link-btn.active,
.app-pop-wrapper .app_pop .app-link-btn:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.app-pop-wrapper .app_pop .app-link-btn::after {
  content: "";
  position: absolute;
  right: 24px;
  bottom: -35px;
  width: 60px;
  height: 60px;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' maskUnits='userSpaceOnUse' x='2.062' y='1.586' width='56' height='57' fill='%23000'%3E%3Cpath fill='%23fff' d='M2.062 1.586h56v57h-56z'/%3E%3Cpath d='M48.993 20.091s-2.208-3.284-5-2.854c-2.853.438-2.738 2.744-2.738 2.744s-1.468-2.734-4.849-2.107c-3.187.59-3.083 3.573-3.083 3.573s-1.947-2.377-5.176-1.535c-2.718.708-3.148 4-3.148 4L15.107 6.776C14.33 5.43 12.259 3.602 9.45 5.222 6.64 6.84 7.346 9.542 8.089 10.828L24.7 39.602c.81 1.404-.593 2.214-1.404.81l-2.16-3.741c-3.073-5.322-7.838-6.97-9.365-7.304-1.527-.334-3.134-.024-4.553 1.255-2.409 2.168-.59 3.934 1.222 5.277 4.371 3.237 9.212 8.65 11.285 11.335 5.857 7.581 16.56 9.855 25.092 4.94 9.303-5.364 12.723-17.26 7.36-26.565l-3.185-5.517z'/%3E%3C/mask%3E%3Cpath d='M48.993 20.091s-2.208-3.284-5-2.854c-2.853.438-2.738 2.744-2.738 2.744s-1.468-2.734-4.849-2.107c-3.187.59-3.083 3.573-3.083 3.573s-1.947-2.377-5.176-1.535c-2.718.708-3.148 4-3.148 4L15.107 6.776C14.33 5.43 12.259 3.602 9.45 5.222 6.64 6.84 7.346 9.542 8.089 10.828L24.7 39.602c.81 1.404-.593 2.214-1.404.81l-2.16-3.741c-3.073-5.322-7.838-6.97-9.365-7.304-1.527-.334-3.134-.024-4.553 1.255-2.409 2.168-.59 3.934 1.222 5.277 4.371 3.237 9.212 8.65 11.285 11.335 5.857 7.581 16.56 9.855 25.092 4.94 9.303-5.364 12.723-17.26 7.36-26.565l-3.185-5.517z' fill='%23F5F5F5'/%3E%3Cpath d='M48.993 20.091l2.599-1.5-.052-.089-.057-.085-2.49 1.674zm-5-2.854l.454 2.965h.001l-.456-2.965zm-2.738 2.744l-2.643 1.42 5.64-1.57-2.997.15zm-4.849-2.107l.546 2.95h.001l-.547-2.95zm-3.083 3.573l-2.321 1.9 5.627 6.871-.308-8.875-2.998.104zm-5.176-1.535l.757 2.903-.757-2.903zm-3.148 4l-2.598 1.5 4.427 7.666 1.146-8.778L25 23.91zM15.107 6.776l-2.598 1.5 2.598-1.5zM9.45 5.222l1.497 2.6.002-.001-1.5-2.6zm-1.361 5.606l2.598-1.5-2.598 1.5zM24.7 39.602l2.598-1.5-2.598 1.5zm-1.404.81l2.598-1.5-2.598 1.5zm-2.16-3.741l-2.598 1.5 2.598-1.5zm-9.365-7.304l-.642 2.93.002.001.64-2.93zm-4.553 1.255l2.007 2.23.002-.002-2.009-2.228zm1.222 5.277l-1.786 2.41v.001l1.786-2.41zm11.285 11.335l-2.375 1.833v.001l2.375-1.834zm25.092 4.94l1.497 2.6h.001l-1.498-2.6zm7.36-26.565l2.6-1.498-.001-.002-2.598 1.5zm-3.185-5.517a446.36 446.36 0 0 0 2.489-1.676l-.001-.001-.003-.004-.005-.008a3.264 3.264 0 0 0-.052-.075 11.225 11.225 0 0 0-.51-.662c-.328-.393-.811-.923-1.426-1.446-1.132-.964-3.256-2.362-5.95-1.947l.913 5.93c.1-.015.477.015 1.147.585a5.998 5.998 0 0 1 .887.949l.033.045c.002.003.002.003 0 0l-.004-.005c0-.002-.002-.003-.003-.005l-.002-.003-.001-.001c0-.001-.001-.002 2.488-1.676zm-5.456-5.82c-2.356.362-3.87 1.625-4.645 3.12a5.723 5.723 0 0 0-.634 2.377 4.61 4.61 0 0 0 0 .332v.027c0 .002.001.004 2.997-.146 2.997-.15 2.997-.148 2.997-.146v.011a14.015 14.015 0 0 0 .003.083 1.55 1.55 0 0 1-.007.134.283.283 0 0 1-.031.092.42.42 0 0 1-.116.14c-.038.027.036-.045.346-.093l-.91-5.93zm-2.282 5.71c2.643-1.42 2.643-1.42 2.642-1.422l-.002-.003-.003-.006a4.115 4.115 0 0 1-.022-.04 3.93 3.93 0 0 0-.153-.255 7.822 7.822 0 0 0-1.794-1.944c-1.347-1.032-3.403-1.88-6.064-1.387l1.094 5.9c.72-.134 1.089.072 1.32.25a1.812 1.812 0 0 1 .38.4l-.007-.013a1.17 1.17 0 0 1-.014-.024l-.009-.017-.005-.01-.003-.004-.001-.003c-.001-.001-.002-.003 2.641-1.422zm-5.395-5.057c-2.675.495-4.196 2.12-4.922 3.716a6.979 6.979 0 0 0-.616 2.77 3.83 3.83 0 0 0 .002.135v.003c0 .002 0 .003 2.999-.101 2.998-.104 2.998-.102 2.998-.101v.02l.001.02v.055c0 .001 0-.02.006-.057a.99.99 0 0 1 .072-.261.339.339 0 0 1 .092-.13c.018-.015.13-.108.46-.17l-1.092-5.899zm-2.537 6.523c2.32-1.9 2.32-1.902 2.319-1.903l-.002-.003-.004-.004-.009-.01a4.642 4.642 0 0 0-.209-.234 7.438 7.438 0 0 0-.443-.434 8.493 8.493 0 0 0-1.585-1.125c-1.408-.773-3.49-1.38-6-.725l1.514 5.806c.718-.188 1.224-.027 1.597.178a2.49 2.49 0 0 1 .546.408l-.005-.006a1.304 1.304 0 0 1-.016-.017l-.01-.014-.007-.008-.003-.004-.002-.002c-.001-.001-.002-.002 2.319-1.903zm-5.932-4.438c-2.526.658-3.874 2.51-4.53 3.847a9.433 9.433 0 0 0-.82 2.553l-.01.067-.004.026a.314.314 0 0 0-.001.011v.005l-.001.003s0 .002 2.974.39c2.975.389 2.975.39 2.975.391v.002l-.001.005-.001.007-.002.012-.002.012.004-.02a3.434 3.434 0 0 1 .275-.82c.239-.487.465-.635.657-.685l-1.513-5.806zm.206 5.402L17.705 5.277l-5.196 3L22.4 25.41l5.196-3zM17.705 5.277c-.624-1.08-1.77-2.398-3.461-3.138-1.854-.812-4.076-.794-6.293.484l2.998 5.198c.344-.199.552-.229.637-.234a.516.516 0 0 1 .25.048c.104.045.233.129.37.26.138.135.243.278.303.382l5.196-3zM7.953 2.622c-2.257 1.3-3.346 3.262-3.506 5.29-.144 1.824.474 3.429 1.044 4.417l5.196-3a2.17 2.17 0 0 1-.202-.49 1.366 1.366 0 0 1-.057-.453.363.363 0 0 1 .054-.181c.027-.043.132-.192.465-.383l-2.994-5.2zM5.49 12.33L22.103 41.1l5.196-3L10.687 9.328l-5.196 3zM22.103 41.1c-.038-.064-.21-.4-.144-.942a2.305 2.305 0 0 1 1.148-1.698 2.305 2.305 0 0 1 2.044-.145c.503.215.707.531.744.596l-5.196 3c.805 1.394 2.978 3.148 5.408 1.745 2.43-1.402 1.997-4.161 1.192-5.556l-5.196 3zm3.792-2.19l-2.16-3.741-5.196 3 2.16 3.742 5.196-3zm-2.16-3.741c-3.63-6.286-9.276-8.288-11.323-8.735l-1.28 5.862c1.006.22 4.89 1.514 7.407 5.873l5.196-3zm-11.321-8.734c-2.427-.532-5.032-.001-7.204 1.957l4.018 4.456c.667-.6 1.274-.69 1.902-.552l1.284-5.861zM5.213 28.39c-.877.789-1.619 1.763-1.96 2.959-.356 1.251-.183 2.43.24 3.408.737 1.707 2.292 2.905 3.162 3.55l3.573-4.82a8.697 8.697 0 0 1-.958-.796c-.245-.245-.285-.35-.269-.312a.811.811 0 0 1 .056.242 1.04 1.04 0 0 1-.033.37c-.06.214-.126.154.202-.14L5.213 28.39zm1.443 9.918c4.065 3.01 8.713 8.19 10.695 10.757L22.1 45.4c-2.163-2.802-7.197-8.45-11.874-11.913L6.656 38.31zm10.696 10.758c6.762 8.753 19.114 11.379 28.963 5.706l-2.995-5.2C36.106 53.73 27.051 51.809 22.1 45.4l-4.748 3.668zm28.964 5.705c10.685-6.16 14.682-19.87 8.462-30.662l-5.198 2.997c4.504 7.815 1.66 17.9-6.26 22.467l2.996 5.198zm8.46-30.663l-3.184-5.518-5.197 3 3.186 5.517 5.196-3z' fill='%23111' mask='url(%23a)'/%3E%3C/svg%3E");
}
.app-pop-wrapper .app_pop .app-link-btn.active::after,
.app-pop-wrapper .app_pop .app-link-btn:active::after {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' maskUnits='userSpaceOnUse' x='1.562' y='5.762' width='56' height='53' fill='%23000'%3E%3Cpath fill='%23fff' d='M1.562 5.762h56v53h-56z'/%3E%3Cpath d='M48.493 20.093s-2.208-3.283-5-2.854c-2.853.438-2.738 2.745-2.738 2.745s-1.468-2.735-4.849-2.108c-3.187.59-3.083 3.573-3.083 3.573s-1.947-2.377-5.176-1.535c-2.718.709-3.148 4-3.148 4l-9.035-12.961c-.777-1.346-2.848-3.175-5.657-1.555-2.809 1.618-2.104 4.32-1.361 5.606l15.755 24.6c.81 1.403-.593 2.214-1.404.81l-2.16-3.742c-3.073-5.322-7.838-6.97-9.365-7.303-1.528-.335-3.134-.025-4.553 1.255-2.409 2.167-.59 3.933 1.222 5.277 4.371 3.237 9.212 8.65 11.285 11.334 5.857 7.581 16.56 9.855 25.092 4.94 9.303-5.363 12.723-17.26 7.36-26.564l-3.185-5.518z'/%3E%3C/mask%3E%3Cpath d='M48.493 20.093s-2.208-3.283-5-2.854c-2.853.438-2.738 2.745-2.738 2.745s-1.468-2.735-4.849-2.108c-3.187.59-3.083 3.573-3.083 3.573s-1.947-2.377-5.176-1.535c-2.718.709-3.148 4-3.148 4l-9.035-12.961c-.777-1.346-2.848-3.175-5.657-1.555-2.809 1.618-2.104 4.32-1.361 5.606l15.755 24.6c.81 1.403-.593 2.214-1.404.81l-2.16-3.742c-3.073-5.322-7.838-6.97-9.365-7.303-1.528-.335-3.134-.025-4.553 1.255-2.409 2.167-.59 3.933 1.222 5.277 4.371 3.237 9.212 8.65 11.285 11.334 5.857 7.581 16.56 9.855 25.092 4.94 9.303-5.363 12.723-17.26 7.36-26.564l-3.185-5.518z' fill='%23F5F5F5'/%3E%3Cpath d='M48.493 20.093l2.599-1.5-.052-.088-.057-.086-2.49 1.674zm-5-2.854l.454 2.966h.001l-.456-2.965zm-2.738 2.745l-2.643 1.419 5.64-1.569-2.997.15zm-4.849-2.108l.546 2.95h.001l-.547-2.95zm-3.083 3.573l-2.321 1.901 5.627 6.87-.308-8.875-2.998.104zm-5.176-1.535l.757 2.903-.757-2.903zm-3.148 4l-2.46 1.715 4.431 6.358 1.004-7.685-2.975-.388zm-9.035-12.961l-2.598 1.5.064.11.073.105 2.46-1.715zM9.807 9.398l1.498 2.6v-.002L9.808 9.398zm-1.361 5.606l-2.598 1.5.034.06.038.058 2.526-1.618zm15.755 24.6l2.598-1.5-.034-.06-.038-.058-2.526 1.618zm-1.404.81l2.598-1.5-2.598 1.5zm-2.16-3.742l-2.598 1.5 2.598-1.5zm-9.365-7.303l-.642 2.93h.002l.64-2.93zm-4.553 1.255l2.007 2.23.002-.002-2.009-2.228zM7.941 35.9l-1.786 2.41 1.786-2.41zm11.285 11.334l-2.375 1.833v.002l2.375-1.835zm25.092 4.94l1.497 2.6h.001l-1.498-2.6zm7.36-26.564l2.6-1.498-.001-.002-2.598 1.5zm-3.185-5.518a446.36 446.36 0 0 0 2.489-1.675l-.001-.002-.003-.004-.005-.008a3.667 3.667 0 0 1-.052-.074 11.283 11.283 0 0 0-.51-.662c-.328-.393-.811-.923-1.426-1.447-1.132-.964-3.256-2.361-5.95-1.947l.913 5.93c.1-.015.477.015 1.147.586a6.005 6.005 0 0 1 .887.948l.033.046c.002.002.002.003 0 0l-.004-.006a.177.177 0 0 1-.003-.005l-.002-.002-.001-.002s-.001-.001 2.488-1.675zm-5.456-5.819c-2.356.362-3.87 1.624-4.645 3.12a5.724 5.724 0 0 0-.634 2.376 4.606 4.606 0 0 0 0 .332v.028c0 .002.001.003 2.997-.146 2.997-.15 2.997-.148 2.997-.146v.01a4.67 4.67 0 0 0 .003.084 1.553 1.553 0 0 1-.007.133.284.284 0 0 1-.031.093.42.42 0 0 1-.116.14c-.038.026.036-.045.346-.093l-.91-5.93zm-2.282 5.71c2.643-1.42 2.643-1.421 2.642-1.422a.03.03 0 0 1-.002-.003l-.003-.006-.007-.013a2.345 2.345 0 0 0-.055-.097 7.078 7.078 0 0 0-.483-.71 7.819 7.819 0 0 0-1.424-1.42c-1.347-1.032-3.403-1.88-6.064-1.386l1.094 5.9c.72-.135 1.089.071 1.32.249a1.818 1.818 0 0 1 .38.4l-.007-.013a1.17 1.17 0 0 1-.014-.023l-.009-.017a.387.387 0 0 1-.005-.01l-.003-.005-.001-.002c-.001-.002-.002-.003 2.641-1.422zm-5.395-5.058c-2.675.496-4.196 2.12-4.922 3.717a6.977 6.977 0 0 0-.616 2.77 3.817 3.817 0 0 0 .002.134v.003c0 .002 0 .003 2.999-.1 2.998-.105 2.998-.103 2.998-.101V21.367l.001.02v.055c0 .002 0-.02.006-.056a.99.99 0 0 1 .072-.262.338.338 0 0 1 .092-.13c.018-.015.13-.108.46-.169l-1.092-5.9zm-2.537 6.523c2.32-1.9 2.32-1.902 2.319-1.903l-.002-.002-.004-.005-.009-.01-.02-.024a4.642 4.642 0 0 0-.188-.21 7.47 7.47 0 0 0-.444-.434 8.497 8.497 0 0 0-1.585-1.124c-1.408-.774-3.49-1.38-6-.725l1.514 5.805c.718-.187 1.224-.026 1.597.178a2.5 2.5 0 0 1 .546.408l-.005-.005a1.446 1.446 0 0 1-.027-.031l-.006-.008-.003-.004-.002-.003c-.001 0-.002-.002 2.319-1.903zm-5.932-4.438c-2.526.659-3.874 2.51-4.53 3.847a9.435 9.435 0 0 0-.82 2.553l-.01.067-.004.026a.289.289 0 0 0-.002.017v.002c0 .001 0 .002 2.974.39 2.975.39 2.975.39 2.975.392v.002l-.001.004-.001.007-.002.012c0 .007-.001.01-.002.012l.004-.02a3.44 3.44 0 0 1 .275-.82c.239-.487.465-.635.657-.685l-1.513-5.806zm.07 5.187L17.924 9.237l-4.922 3.431 9.035 12.962 4.922-3.432zm-8.9-12.745c-.623-1.08-1.77-2.398-3.46-3.138-1.854-.812-4.076-.795-6.293.484l2.998 5.197c.344-.198.552-.228.637-.233a.516.516 0 0 1 .251.048c.103.045.232.129.369.26.138.134.243.278.303.382l5.196-3zM8.31 6.798c-2.257 1.3-3.346 3.261-3.506 5.29-.144 1.824.474 3.429 1.044 4.416l5.196-3a2.166 2.166 0 0 1-.202-.488 1.363 1.363 0 0 1-.057-.455.361.361 0 0 1 .054-.18c.027-.043.132-.192.466-.384L8.31 6.798zm-2.39 9.824l15.755 24.6 5.052-3.236-15.755-24.6-5.052 3.236zm15.683 24.482c-.038-.065-.21-.4-.144-.943a2.305 2.305 0 0 1 1.148-1.697 2.304 2.304 0 0 1 2.044-.146c.503.215.707.531.744.596l-5.196 3c.805 1.395 2.978 3.148 5.408 1.746 2.43-1.403 1.997-4.161 1.192-5.556l-5.196 3zm3.792-2.19l-2.16-3.742-5.196 3 2.16 3.742 5.196-3zm-2.16-3.742c-3.63-6.285-9.276-8.288-11.323-8.734l-1.28 5.862c1.006.22 4.89 1.514 7.407 5.872l5.196-3zm-11.321-8.734c-2.427-.531-5.032 0-7.204 1.958l4.018 4.456c.667-.601 1.274-.69 1.902-.553l1.284-5.86zm-7.201 1.955c-.877.79-1.619 1.764-1.96 2.959-.356 1.251-.183 2.43.24 3.408.737 1.708 2.292 2.906 3.162 3.551l3.573-4.82a8.723 8.723 0 0 1-.958-.796c-.245-.245-.285-.351-.269-.313a.812.812 0 0 1 .056.243c.012.131-.002.261-.033.37-.06.213-.126.154.202-.141l-4.013-4.46zm1.443 9.919c4.065 3.01 8.713 8.189 10.695 10.756l4.75-3.666C19.438 42.6 14.404 36.953 9.726 33.49l-3.571 4.822zM16.852 49.07c6.762 8.753 19.114 11.378 28.963 5.705l-2.995-5.199c-7.214 4.156-16.269 2.234-21.22-4.175l-4.748 3.669zm28.964 5.705c10.685-6.16 14.682-19.87 8.462-30.662l-5.198 2.996c4.504 7.816 1.66 17.9-6.26 22.468l2.996 5.198zm8.46-30.664l-3.184-5.518-5.197 3 3.186 5.518 5.196-3z' fill='%23111' mask='url(%23a)'/%3E%3C/svg%3E");
}
.app-pop-wrapper .app_pop.orange_haventcute {
  background: linear-gradient(90deg, rgba(255, 88, 88, 0.2) 0%, rgba(240, 152, 25, 0.2) 100%), #FBE6E2;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
}
.app-pop-wrapper .app_pop.orange_haventcute label span {
  color: #E65A17;
}
.app-pop-wrapper .app_pop.orange_haventcute .app-link-btn span {
  color: #0F0F0F;
}
.app-pop-wrapper .app_pop.orange_save_please {
  background: linear-gradient(90deg, rgba(255, 88, 88, 0.2) 0%, rgba(240, 152, 25, 0.2) 100%), #FBE6E2;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
}
.app-pop-wrapper .app_pop.orange_save_please .icon {
  top: 0;
}
.app-pop-wrapper .app_pop.orange_save_please label {
  margin-top: 70px;
}
.app-pop-wrapper .app_pop.orange_save_please .app-link-btn span {
  color: #0F0F0F;
}
.app-pop-wrapper .to-login {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  display: block;
  color: #CCC;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  transform: translateY(20px);
  text-align: center;
  cursor: pointer;
}
.app-pop-wrapper .random_pop {
  position: relative;
  text-align: center;
  border-radius: 10px;
  padding-bottom: 10px;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
  background: linear-gradient(90deg, rgba(255, 88, 88, 0.2) 0%, rgba(240, 152, 25, 0.2) 100%), #FBE6E2;
}
.app-pop-wrapper .random_pop::before {
  content: "";
  display: table;
}
.app-pop-wrapper .random_pop .icon {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.app-pop-wrapper .random_pop label {
  display: block;
  margin-top: 80px;
  font-weight: 500;
  font-size: 16px;
  padding: 0 5px;
  color: #262626;
}
.app-pop-wrapper .random_pop label span {
  color: #F5F5F5;
}
.app-pop-wrapper .random_pop label img {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  margin: 0 5px;
  transform: translateY(-3px);
}
.app-pop-wrapper .random_pop .close-btn {
  position: absolute;
  top: -145px;
  right: 0;
  opacity: 0.2;
  z-index: 99;
}
.app-pop-wrapper .random_pop img {
  width: 100%;
}
.app-pop-wrapper .random_pop .get-app-btn {
  margin-top: 10px;
  margin-left: 20px;
  width: calc(100% - 40px);
  height: 45px;
  line-height: 45px;
  font-weight: 700;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  text-align: center;
  color: #FF944D;
  display: block;
}
.app-pop-wrapper .random_pop .get-app-btn span {
  color: #07080D;
}
.app-pop-wrapper .random_pop .get-app-btn .finger {
  bottom: -15px;
  right: 0;
  position: absolute;
}
.app-pop-wrapper .random_pop img.click {
  display: none;
}
.app-pop-wrapper .random_pop.random_121 {
  background: rgba(16, 29, 32, 0.5);
  border: 2px solid #6BC79F;
  -webkit-backdrop-filter: blur(4.5px);
          backdrop-filter: blur(4.5px);
  box-shadow: none;
}
.app-pop-wrapper .random_pop.random_121 label {
  color: #FFFFFF;
}
.app-pop-wrapper .random_pop.random_121 .get-app-btn {
  background: rgba(255, 255, 255, 0.9);
}
.landing-page {
  position: fixed;
  left: 50%;
  bottom: 0;
  width: 100%;
  transform: translateX(-50%);
  background-size: 100% auto;
  background-position: bottom;
  z-index: 199999;
  background-repeat: no-repeat;
  background-color: #1D2029;
  overflow: visible !important;
}
.landing-page .logo {
  top: 0;
  left: 50%;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.landing-page .title {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  color: #FFF0F0;
  display: block;
}
.landing-page .title span {
  color: #6BC79F;
}
.landing-page .desc {
  margin-top: 15px;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #D9D9D9;
}
.landing-page .app-link-btn {
  width: calc(100% - 40px);
  margin: 0 auto;
  height: 45px;
  line-height: 45px;
  font-weight: 700;
  font-size: 16px;
  background: #FFF0F0;
  border-radius: 8px;
  text-align: center;
  color: #07080D;
  position: relative;
  display: block;
}
.landing-page .app-link-btn span {
  color: #FF944D;
}
.landing-page .app-link-btn .finger {
  width: 48px;
  bottom: -15px;
  right: 0;
  position: absolute;
}
.landing-page .app-link-btn .finger[data-type="press"] {
  display: none;
}
.landing-page .to-login {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  display: block;
  color: #666666;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  transform: translateY(70px);
  padding-right: 8px;
  text-align: right;
  cursor: pointer;
  z-index: 3;
}
.landing-page .to-login.bottom {
  top: auto;
  left: 50%;
  right: auto;
  bottom: 15px;
  transform: translateY(0) translateX(-50%);
  color: rgba(255, 240, 240, 0.8);
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.landing-page.landing-page_142 {
  padding: 35px 26px 53px;
  background: rgba(16, 29, 32, 0.9);
  border-top: 2px solid var(--pdb-bg-color-8);
  border-radius: 8px 8px 0px 0px;
  text-align: center;
}
.landing-page.landing-page_142::after {
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100vw;
  position: absolute;
}
.landing-dialog {
  width: 100%;
  height: 100vh;
}
.landing-dialog .landing-content {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: block;
  padding: 0 24px 24px;
  border-radius: 8px 8px 0 0;
  background: #1D2029;
  background: var(--bg-3, #1D2029);
}
.landing-dialog .landing-content .logo {
  top: 0;
  left: 50%;
  border-radius: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  display: flex;
  width: 72px;
  height: 72px;
  padding: 2.5px;
  justify-content: center;
  align-items: center;
  background: #A6DDC5;
  background: var(--bg-10, #A6DDC5);
}
.landing-dialog .landing-content .title {
  width: 100%;
  display: block;
  margin-top: 56px;
  color: #A6DDC5;
  color: var(--bg-10, #A6DDC5);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.landing-dialog .landing-content .desc {
  width: 100%;
  display: block;
  padding-top: 4px;
  color: #BFBFBF;
  color: var(--color-gray-white-75, #BFBFBF);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.landing-dialog .landing-content .button {
  width: 100%;
  margin-top: 24px;
  border-radius: 8px;
  background: #A6DDC5;
  background: var(--bg-10, #A6DDC5);
  color: #07080D;
  color: var(--surface-screen, #07080D);
  display: flex;
  height: 48px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  align-self: stretch;
}
.landing-dialog .landing-content .button label {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.landing-dialog .landing-content .button-not-now {
  width: 100%;
  margin-top: 8px;
  color: #8C8C8C;
  color: var(--color-gray-white-55, #8C8C8C);
  display: flex;
  height: 48px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  align-self: stretch;
}
.landing-dialog .landing-content .button-not-now label {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.landing-dialog-wrapper {
  z-index: 10500001 !important;
}
.landing-dialog-wrapper .rc-dialog {
  width: 100%;
  margin: 0;
  padding: 0;
}
.landing-dialog-wrapper .rc-dialog-content {
  padding: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.6);
}
.landing-dialog-wrapper .rc-dialog-body {
  padding: 0;
  margin: 0;
}
.landing-dialog-wrapper .rc-dialog-close {
  right: auto;
  left: 16px;
  padding: 0;
  opacity: 1;
}
.based-landing-page {
  position: fixed;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 33.3vh;
  transform: translateX(-50%);
  background-size: 100% auto;
  background-position: bottom;
  z-index: 199999;
  background-repeat: no-repeat;
  overflow: visible !important;
}
.based-landing-page .container {
  width: calc(100% - 32px);
  bottom: 16px;
  padding: 16px;
  margin: 0 16px;
  background-size: auto 100%;
  border-radius: 18px;
  overflow: hidden;
  position: absolute;
  background-repeat: no-repeat;
}
.based-landing-page .title {
  padding: 8px 12px;
  font-weight: 500;
  font-size: 16.7812px;
  line-height: 23px;
  background: rgba(242, 242, 242, 0.9);
  display: inline-block;
  border-radius: 18.8789px 18.8789px 18.8789px 4.19531px;
}
.based-landing-page .desc {
  margin-top: 13px;
  display: flex;
  align-items: center;
}
.based-landing-page .desc label {
  font-weight: 700;
  font-size: 27.4678px;
  line-height: 38px;
  color: #6B37FA;
  margin-right: 5px;
}
.based-landing-page button {
  padding: 8px 16px;
  right: 55px;
  bottom: 20px;
  font-weight: 500;
  font-size: 16.9491px;
  line-height: 23px;
  color: #262626;
  position: absolute;
  background: #FCD144;
  border-radius: 19.0677px 19.0677px 4.23728px 19.0677px;
}
.based-landing-page .finger {
  bottom: 0;
  right: 16px;
  width: 47px;
  position: absolute;
}
.based-landing-page.based-landing-page_130 .container {
  height: 112px;
  padding: 16px;
  background-size: 100% auto;
  background-position: right bottom;
}
.based-landing-page.based-landing-page_130 .title {
  padding: 0;
  max-width: 80%;
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  color: #D9C1FF;
  background-color: transparent;
}
.based-landing-page.based-landing-page_130 .desc label {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: rgba(217, 193, 255, 0.8);
}
.based-landing-page.based-landing-page_130 .finger {
  display: none;
}
.based-landing-page.based-landing-page_135 .container {
  height: 112px;
  padding: 16px;
  display: flex;
  align-items: center;
  background-size: 100% auto;
  background-position: right bottom;
}
.based-landing-page.based-landing-page_135 .title {
  padding: 0;
  max-width: 75%;
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  color: rgba(255, 255, 255, 0.9);
  background-color: transparent;
}
.based-landing-page.based-landing-page_135 .finger {
  display: none;
}
.based-landing-page.based-landing-page_136 .container {
  height: 112px;
  padding: 16px;
  display: flex;
  align-items: center;
  background-size: 100% auto;
  background-position: right bottom;
}
.based-landing-page.based-landing-page_136 .title {
  padding: 0;
  max-width: 80%;
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  color: #D9C1FF;
  background-color: transparent;
}
.based-landing-page.based-landing-page_136 .finger {
  display: none;
}
.float-app-link {
  position: fixed;
  bottom: 64px;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 10500000 !important;
}
.float-app-link .content {
  display: inline-flex;
  height: 40px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4px;
  background: #A6DDC5;
  background: var(--bg-10, #A6DDC5);
  color: #07080D;
  color: var(--surface-screen, #07080D);
}
.float-app-link .content .app-slogan {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-right: 4px;
}
.float-app-link .content .download {
  text-align: center;
  font-size: 6px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 768px) {
  .app-link {
    display: flex;
    align-items: center;
    padding: 13px 12px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
  }
  .app-link svg {
    flex-shrink: 0;
  }
  .app-link .app-info {
    flex: 1 1;
  }
  .app-link .app-info .app-name {
    display: block;
    font-size: 15px;
    color: white;
    white-space: pre-wrap;
  }
  .app-link .app-info .app-version {
    display: block;
    font-size: 12px;
    color: #8C8C8C;
  }
  .app-link .to-app {
    padding: 0;
    border: none;
  }
  .app-link .to-app label {
    display: none;
  }
  .app-link .to-app svg {
    display: block;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-menu-item-danger.ant-menu-item {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-item-danger.ant-menu-item-active {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item:active {
  background: #fff1f0;
}
.ant-menu-item-danger.ant-menu-item-selected {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item-selected > a,
.ant-menu-item-danger.ant-menu-item-selected > a:hover {
  color: #ff4d4f;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  background-color: #fff1f0;
}
.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
  border-right-color: #ff4d4f;
}
.ant-menu-dark .ant-menu-item-danger.ant-menu-item,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
  color: #ff4d4f;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  color: #fff;
  background-color: #ff4d4f;
}
.ant-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum', "tnum";
  margin-bottom: 0;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 0;
  text-align: left;
  list-style: none;
  background: #fff;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.ant-menu::before {
  display: table;
  content: '';
}
.ant-menu::after {
  display: table;
  clear: both;
  content: '';
}
.ant-menu.ant-menu-root:focus-visible {
  box-shadow: 0 0 0 2px #bae7ff;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-overflow {
  display: flex;
}
.ant-menu-overflow-item {
  flex: none;
}
.ant-menu-hidden,
.ant-menu-submenu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  height: 1.5715;
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  transition: all 0.3s;
}
.ant-menu-horizontal .ant-menu-submenu {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #e6f7ff;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: auto;
  cursor: initial;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-title-content {
  transition: color 0.3s;
}
.ant-menu-item a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-menu-item a:hover {
  color: #1890ff;
}
.ant-menu-item a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item > .ant-badge a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-menu-item > .ant-badge a:hover {
  color: #1890ff;
}
.ant-menu-item-divider {
  overflow: hidden;
  line-height: 0;
  border-color: #f0f0f0;
  border-style: solid;
  border-width: 1px 0 0;
}
.ant-menu-item-divider-dashed {
  border-style: dashed;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: #1890ff;
}
.ant-menu-item-selected a,
.ant-menu-item-selected a:hover {
  color: #1890ff;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e6f7ff;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #f0f0f0;
}
.ant-menu-vertical-right {
  border-left: 1px solid #f0f0f0;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  max-height: calc(100vh - 100px);
  padding: 0;
  overflow: hidden;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu-title {
  transition: border-color 0.3s, background 0.3s;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .ant-menu-item-icon,
.ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  font-size: 14px;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
}
.ant-menu-item .ant-menu-item-icon + span,
.ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  margin-left: 10px;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
}
.ant-menu-item .ant-menu-item-icon.svg,
.ant-menu-submenu-title .ant-menu-item-icon.svg {
  vertical-align: -0.125em;
}
.ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
.ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
  margin-right: 0;
}
.ant-menu-item:not(.ant-menu-item-disabled):focus-visible,
.ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible {
  box-shadow: 0 0 0 2px #bae7ff;
}
.ant-menu > .ant-menu-item-divider {
  margin: 1px 0;
  padding: 0;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  border-radius: 2px;
  box-shadow: none;
  transform-origin: 0 0;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu-placement-rightTop::before {
  top: 0;
  left: -7px;
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 2px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-popup > .ant-menu {
  background-color: #fff;
}
.ant-menu-submenu-expand-icon,
.ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  color: rgba(0, 0, 0, 0.85);
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-arrow::before,
.ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background-color: currentcolor;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2.5px);
}
.ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2.5px);
}
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  color: #1890ff;
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2.5px);
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2.5px);
}
.ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateX(-2.5px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(2.5px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-horizontal {
  line-height: 46px;
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: none;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
  margin-top: -1px;
  margin-bottom: 0;
  padding: 0 20px;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
  border-bottom: 2px solid #1890ff;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
}
.ant-menu-horizontal > .ant-menu-item::after,
.ant-menu-horizontal > .ant-menu-submenu::after {
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
  padding: 0;
}
.ant-menu-horizontal > .ant-menu-item a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-menu-horizontal > .ant-menu-item a:hover {
  color: #1890ff;
}
.ant-menu-horizontal > .ant-menu-item a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected a {
  color: #1890ff;
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: '\20';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #1890ff;
  transform: scaleY(0.0001);
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  line-height: 40px;
  text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline.ant-menu-root .ant-menu-item,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
  display: flex;
  align-items: center;
  transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
  flex: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-menu-inline.ant-menu-root .ant-menu-item > *,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
  flex: none;
}
.ant-menu.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 calc(50% - 16px / 2);
  text-overflow: clip;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed .anticon {
  display: inline-block;
}
.ant-menu.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon,
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon {
  font-size: 16px;
  text-align: center;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  background: #fafafa;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  cursor: not-allowed;
}
.ant-menu-item-disabled::after,
.ant-menu-submenu-disabled::after {
  border-color: transparent !important;
}
.ant-menu-item-disabled a,
.ant-menu-submenu-disabled a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ant-layout-header .ant-menu {
  line-height: inherit;
}
.ant-menu-inline-collapsed-tooltip a,
.ant-menu-inline-collapsed-tooltip a:hover {
  color: #fff;
}
.ant-menu-light .ant-menu-item:hover,
.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-light .ant-menu-submenu-active,
.ant-menu-light .ant-menu-submenu-title:hover {
  color: #1890ff;
}
.ant-menu.ant-menu-root:focus-visible {
  box-shadow: 0 0 0 2px #096dd9;
}
.ant-menu-dark .ant-menu-item:focus-visible,
.ant-menu-dark .ant-menu-submenu-title:focus-visible {
  box-shadow: 0 0 0 2px #096dd9;
}
.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  padding: 0 20px;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
  background-color: #1890ff;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a,
.ant-menu-dark .ant-menu-item > span > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a,
.ant-menu-dark .ant-menu-item:hover > span > a,
.ant-menu-dark .ant-menu-item-active > span > a,
.ant-menu-dark .ant-menu-submenu-active > span > a,
.ant-menu-dark .ant-menu-submenu-open > span > a,
.ant-menu-dark .ant-menu-submenu-selected > span > a,
.ant-menu-dark .ant-menu-submenu-title:hover > span > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #1890ff;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > span > a,
.ant-menu-dark .ant-menu-item-selected > a:hover,
.ant-menu-dark .ant-menu-item-selected > span > a:hover {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #1890ff;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a,
.ant-menu-dark .ant-menu-item-disabled > span > a,
.ant-menu-dark .ant-menu-submenu-disabled > span > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu.ant-menu-rtl {
  direction: rtl;
  text-align: right;
}
.ant-menu-rtl .ant-menu-item-group-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline,
.ant-menu-rtl.ant-menu-vertical {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-menu-rtl.ant-menu-dark.ant-menu-inline,
.ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
  border-left: none;
}
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: top right;
}
.ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item .anticon,
.ant-menu-rtl .ant-menu-submenu-title .anticon {
  margin-right: auto;
  margin-left: 10px;
}
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
  margin-left: 0;
}
.ant-menu-submenu-rtl.ant-menu-submenu-popup {
  transform-origin: 100% 0;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  right: auto;
  left: 16px;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateY(-2px);
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateY(2px);
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
  right: auto;
  left: 0;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
.ant-menu-rtl.ant-menu-inline .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 0;
  padding-left: 34px;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 16px;
  padding-left: 34px;
}
.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
  padding: 0 calc(50% - 16px / 2);
}
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 28px 0 16px;
}
.ant-menu-sub.ant-menu-inline {
  border: 0;
}
.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-right: 32px;
  padding-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
  color: #ff4d4f;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
  color: #fff;
  background-color: #ff4d4f;
}
.ant-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -4px;
  right: 0;
  bottom: -4px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 10px;
}
.ant-dropdown-wrap .anticon-down::before {
  transition: transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
  transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden,
.ant-dropdown-menu-submenu-hidden {
  display: none;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-top,
.ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
  padding-bottom: 15.3137085px;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottom,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
  padding-top: 15.3137085px;
}
.ant-dropdown-arrow {
  position: absolute;
  z-index: 1;
  display: block;
  width: 11.3137085px;
  height: 11.3137085px;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-dropdown-arrow::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  -webkit-clip-path: inset(33% 33%);
          clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-dropdown-placement-top > .ant-dropdown-arrow,
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  bottom: 10px;
  box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
}
.ant-dropdown-placement-top > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-placement-bottom > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  top: 9.41421356px;
  box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
  transform: rotate(-135deg) translateY(-0.5px);
}
.ant-dropdown-placement-bottom > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
}
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  box-shadow: none;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
}
.ant-dropdown-menu-item {
  position: relative;
  display: flex;
  align-items: center;
}
.ant-dropdown-menu-item-icon {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.ant-dropdown-menu-title-content {
  flex: auto;
}
.ant-dropdown-menu-title-content > a {
  color: inherit;
  transition: all 0.3s;
}
.ant-dropdown-menu-title-content > a:hover {
  color: inherit;
}
.ant-dropdown-menu-title-content > a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected {
  color: #1890ff;
  background-color: #e6f7ff;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-item.ant-dropdown-menu-item-active,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active {
  background-color: #f5f5f5;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled:hover,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled a,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled a,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled a,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled a {
  pointer-events: none;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #f0f0f0;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
  margin-right: 0 !important;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  font-style: normal;
}
.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 24px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #1890ff;
}
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down,
.ant-dropdown-button > .anticon.anticon-down {
  font-size: 10px;
  vertical-align: baseline;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn-loading,
.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn {
  cursor: default;
  pointer-events: none;
}
.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn::before {
  display: block;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover {
  color: #fff;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: #1890ff;
}
.ant-dropdown-rtl {
  direction: rtl;
}
.ant-dropdown-rtl.ant-dropdown::before {
  right: -7px;
  left: 0;
}
.ant-dropdown-menu.ant-dropdown-menu-rtl {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item-group-title,
.ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl {
  transform-origin: 100% 0;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li {
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  margin-right: 0;
  margin-left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
  right: auto;
  left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
  margin-left: 0 !important;
  transform: scaleX(-1);
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  padding-right: 12px;
  padding-left: 24px;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  right: 100%;
  left: 0;
  margin-right: 4px;
  margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-btn {
  line-height: 1.5715;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: #fff;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 40px;
  padding: 6.4px 15px;
  font-size: 16px;
  border-radius: 2px;
}
.ant-btn-sm {
  height: 24px;
  padding: 0px 7px;
  font-size: 14px;
  border-radius: 2px;
}
.ant-btn > a:only-child {
  color: currentcolor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: #fff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentcolor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active {
  color: #096dd9;
  border-color: #096dd9;
  background: #fff;
}
.ant-btn:active > a:only-child {
  color: currentcolor;
}
.ant-btn:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn[disabled] > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn[disabled] > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > span {
  display: inline-block;
}
.ant-btn-primary {
  color: #fff;
  border-color: #1890ff;
  background: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  border-color: #40a9ff;
  background: #40a9ff;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active {
  color: #fff;
  border-color: #096dd9;
  background: #096dd9;
}
.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #40a9ff;
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: transparent;
}
.ant-btn-ghost > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-ghost:active > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost[disabled],
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: #fff;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: #fff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active {
  color: #096dd9;
  border-color: #096dd9;
  background: #fff;
}
.ant-btn-dashed:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed[disabled],
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: #fff;
  border-color: #ff4d4f;
  background: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-danger > a:only-child {
  color: currentcolor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  border-color: #ff7875;
  background: #ff7875;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active {
  color: #fff;
  border-color: #d9363e;
  background: #d9363e;
}
.ant-btn-danger:active > a:only-child {
  color: currentcolor;
}
.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger[disabled],
.ant-btn-danger[disabled]:hover,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: #87C2F8;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover {
  background: transparent;
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text {
  color: rgba(0, 0, 0, 0.85);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-text > a:only-child {
  color: currentcolor;
}
.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-text:hover > a:only-child,
.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-text:hover > a:only-child::after,
.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.018);
  border-color: transparent;
}
.ant-btn-text:active {
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.028);
  border-color: transparent;
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous {
  color: #ff4d4f;
  border-color: #ff4d4f;
  background: #fff;
}
.ant-btn-dangerous > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous:hover,
.ant-btn-dangerous:focus {
  color: #ff7875;
  border-color: #ff7875;
  background: #fff;
}
.ant-btn-dangerous:hover > a:only-child,
.ant-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous:active {
  color: #d9363e;
  border-color: #d9363e;
  background: #fff;
}
.ant-btn-dangerous:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous[disabled],
.ant-btn-dangerous[disabled]:hover,
.ant-btn-dangerous[disabled]:focus,
.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary {
  color: #fff;
  border-color: #ff4d4f;
  background: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-dangerous.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:hover,
.ant-btn-dangerous.ant-btn-primary:focus {
  color: #fff;
  border-color: #ff7875;
  background: #ff7875;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:active {
  color: #fff;
  border-color: #d9363e;
  background: #d9363e;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary[disabled],
.ant-btn-dangerous.ant-btn-primary[disabled]:hover,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
.ant-btn-dangerous.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link {
  color: #ff4d4f;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #ff7875;
  border-color: transparent;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #d9363e;
  border-color: transparent;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text {
  color: #ff4d4f;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #ff7875;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.018);
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #d9363e;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.028);
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 2.4px 0;
  font-size: 16px;
  border-radius: 2px;
  vertical-align: -3px;
}
.ant-btn-icon-only > * {
  font-size: 16px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 4.9px 0;
  font-size: 18px;
  border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-lg > * {
  font-size: 18px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0px 0;
  font-size: 14px;
  border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-sm > * {
  font-size: 14px;
}
.ant-btn-icon-only > .anticon {
  display: flex;
  justify-content: center;
}
.ant-btn-icon-only .anticon-loading {
  padding: 0 !important;
}
a.ant-btn-icon-only {
  vertical-align: -1px;
}
a.ant-btn-icon-only > .anticon {
  display: inline;
}
.ant-btn-round {
  height: 32px;
  padding: 4px 16px;
  font-size: 14px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 6.4px 20px;
  font-size: 16px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0px 12px;
  font-size: 14px;
  border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm {
  min-width: 24px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizespeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
  cursor: default;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn > .ant-btn-loading-icon {
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 8px;
  animation: none;
}
.ant-btn > .ant-btn-loading-icon .anticon svg {
  animation: loadingCircle 1s infinite linear;
}
.ant-btn-group {
  position: relative;
  display: inline-flex;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active {
  z-index: 2;
}
.ant-btn-group > .ant-btn[disabled],
.ant-btn-group > span > .ant-btn[disabled] {
  z-index: 0;
}
.ant-btn-group .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 2px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 2px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 2px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-rtl.ant-btn + .ant-btn-group,
.ant-btn-rtl.ant-btn-group span + .ant-btn,
.ant-btn-rtl.ant-btn-group .ant-btn + span,
.ant-btn-rtl.ant-btn-group > span + span,
.ant-btn-rtl.ant-btn-group + .ant-btn,
.ant-btn-rtl.ant-btn-group + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group-rtl.ant-btn + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group span + .ant-btn,
.ant-btn-group-rtl.ant-btn-group .ant-btn + span,
.ant-btn-group-rtl.ant-btn-group > span + span,
.ant-btn-group-rtl.ant-btn-group + .ant-btn,
.ant-btn-group-rtl.ant-btn-group + .ant-btn-group {
  margin-right: -1px;
  margin-left: auto;
}
.ant-btn-group.ant-btn-group-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 2px 2px 0;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-radius: 2px 0 0 2px;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 2px 2px 0;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-radius: 2px 0 0 2px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn.ant-btn-background-ghost {
  color: #fff;
  border-color: #fff;
}
.ant-btn.ant-btn-background-ghost,
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:active,
.ant-btn.ant-btn-background-ghost:focus {
  background: transparent;
}
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:focus {
  color: #40a9ff;
  border-color: #40a9ff;
}
.ant-btn.ant-btn-background-ghost:active {
  color: #096dd9;
  border-color: #096dd9;
}
.ant-btn.ant-btn-background-ghost[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: #d9d9d9;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #1890ff;
  border-color: #1890ff;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #40a9ff;
  border-color: #40a9ff;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active {
  color: #096dd9;
  border-color: #096dd9;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff7875;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active {
  color: #d9363e;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous {
  color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:hover,
.ant-btn-background-ghost.ant-btn-dangerous:focus {
  color: #ff7875;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:active {
  color: #d9363e;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled],
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
  color: #ff4d4f;
  border-color: transparent;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
  color: #ff7875;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
  color: #d9363e;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\a0';
}
a.ant-btn {
  padding-top: 0.01px !important;
  line-height: 30px;
}
a.ant-btn-disabled {
  cursor: not-allowed;
}
a.ant-btn-disabled > * {
  pointer-events: none;
}
a.ant-btn-disabled,
a.ant-btn-disabled:hover,
a.ant-btn-disabled:focus,
a.ant-btn-disabled:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
a.ant-btn-disabled > a:only-child,
a.ant-btn-disabled:hover > a:only-child,
a.ant-btn-disabled:focus > a:only-child,
a.ant-btn-disabled:active > a:only-child {
  color: currentcolor;
}
a.ant-btn-disabled > a:only-child::after,
a.ant-btn-disabled:hover > a:only-child::after,
a.ant-btn-disabled:focus > a:only-child::after,
a.ant-btn-disabled:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}
.ant-btn-compact-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) {
  margin-right: -1px;
}
.ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-item-rtl {
  margin-left: -1px;
}
.ant-btn-compact-item:hover,
.ant-btn-compact-item:focus,
.ant-btn-compact-item:active {
  z-index: 2;
}
.ant-btn-compact-item[disabled] {
  z-index: 0;
}
.ant-btn-compact-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-last-item).ant-btn {
  border-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-first-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-first-item:not(.ant-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-last-item:not(.ant-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-icon-only.ant-btn-compact-item {
  flex: none;
}
.ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled]) {
  position: relative;
}
.ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled])::after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: inline-block;
  width: 1px;
  height: calc(100% + 1px * 2);
  background-color: #40a9ff;
  content: ' ';
}
.ant-btn-compact-item-rtl.ant-btn-compact-first-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-compact-last-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-first-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-last-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-compact-item-rtl.ant-btn-primary:not([disabled]) + .ant-btn-compact-item-rtl.ant-btn-primary:not([disabled])::after {
  right: -1px;
}
.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-last-item) {
  margin-bottom: -1px;
}
.ant-btn-compact-vertical-item:hover,
.ant-btn-compact-vertical-item:focus,
.ant-btn-compact-vertical-item:active {
  z-index: 2;
}
.ant-btn-compact-vertical-item[disabled] {
  z-index: 0;
}
.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-first-item):not(.ant-btn-compact-vertical-last-item) {
  border-radius: 0;
}
.ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) {
  position: relative;
}
.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])::after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: inline-block;
  width: calc(100% + 1px * 2);
  height: 1px;
  background-color: #40a9ff;
  content: ' ';
}
.ant-btn-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-right-color: #40a9ff;
  border-left-color: #d9d9d9;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-right-color: #d9d9d9;
  border-left-color: #40a9ff;
}
.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 0;
  padding-left: 8px;
}
.ant-btn-rtl.ant-btn > .anticon + span,
.ant-btn-rtl.ant-btn > span + .anticon {
  margin-right: 8px;
  margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-space {
  display: inline-flex;
}
.ant-space-vertical {
  flex-direction: column;
}
.ant-space-align-center {
  align-items: center;
}
.ant-space-align-start {
  align-items: flex-start;
}
.ant-space-align-end {
  align-items: flex-end;
}
.ant-space-align-baseline {
  align-items: baseline;
}
.ant-space-item:empty {
  display: none;
}
.ant-space-compact {
  display: inline-flex;
}
.ant-space-compact-block {
  display: flex;
  width: 100%;
}
.ant-space-compact-vertical {
  flex-direction: column;
}
.ant-space-rtl {
  direction: rtl;
}
.ant-space-compact-rtl {
  direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: fixed;
  top: 8px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #52c41a;
}
.ant-message-error .anticon {
  color: #ff4d4f;
}
.ant-message-warning .anticon {
  color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1890ff;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: MessageMoveOut;
  animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-message-rtl {
  direction: rtl;
}
.ant-message-rtl span {
  direction: rtl;
}
.ant-message-rtl .anticon {
  margin-right: 0;
  margin-left: 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: fixed;
  z-index: 1010;
  margin-right: 24px;
}
.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}
.ant-notification-hook-holder {
  position: relative;
}
.ant-notification-notice {
  position: relative;
  width: 384px;
  max-width: calc(100vw - 24px * 2);
  margin-bottom: 16px;
  margin-left: auto;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5715;
  word-wrap: break-word;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-notification-top .ant-notification-notice,
.ant-notification-bottom .ant-notification-notice {
  margin-right: auto;
  margin-left: auto;
}
.ant-notification-topLeft .ant-notification-notice,
.ant-notification-bottomLeft .ant-notification-notice {
  margin-right: auto;
  margin-left: 0;
}
.ant-notification-notice-message {
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}
.ant-notification-notice-description {
  font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}
.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
  color: #52c41a;
}
.anticon.ant-notification-notice-icon-info {
  color: #1890ff;
}
.anticon.ant-notification-notice-icon-warning {
  color: #faad14;
}
.anticon.ant-notification-notice-icon-error {
  color: #ff4d4f;
}
.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  opacity: 0;
  animation-play-state: paused;
}
.ant-notification-fade-leave {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-duration: 0.2s;
  animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationFadeIn;
  animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  animation-name: NotificationFadeOut;
  animation-play-state: running;
}
@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
.ant-notification-rtl {
  direction: rtl;
}
.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 0;
  padding-left: 24px;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-right: 48px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-right: 48px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-icon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-close {
  right: auto;
  left: 22px;
}
.ant-notification-rtl .ant-notification-notice-btn {
  float: left;
}
.ant-notification-top,
.ant-notification-bottom {
  margin-right: 0;
  margin-left: 0;
}
.ant-notification-top .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-top .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationTopFadeIn;
}
.ant-notification-bottom .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottom .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationBottomFadeIn;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationLeftFadeIn;
}
@keyframes NotificationTopFadeIn {
  0% {
    margin-top: -100%;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes NotificationBottomFadeIn {
  0% {
    margin-bottom: -100%;
    opacity: 0;
  }
  100% {
    margin-bottom: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}

.loading-wrapper {
  text-align: center;
  font-size: 40px;
}
.loading-wrapper .loading-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading-wrapper .app-download {
  display: block;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  color: #8C8C8C;
  white-space: nowrap;
}
.loading-wrapper .app-download span {
  font-weight: 400;
  font-size: 14px;
  margin-left: 8px;
  color: #A6DDC5;
}
.scroll-loading {
  display: block;
  text-align: center;
}
.scroll-loading span {
  display: inline-block;
  padding: 8px 16px;
  background: rgba(14, 45, 49, 0.3);
  border-radius: 8px;
  text-align: center;
}
.scroll-loading svg {
  display: inline-block;
  vertical-align: middle;
}
.scroll-loading label {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  color: #A6DDC5;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding: 5px 40px;
  color: #D9D9D9;
  border-radius: 27px;
  border: none;
  background-color: #328561;
  white-space: nowrap;
  cursor: pointer;
}
.btn .loading-wrapper {
  font-size: 12px;
}
.btn:disabled {
  opacity: 0.3;
  cursor: default;
}
.back-btn {
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #8C8C8C;
  cursor: pointer;
}
.back-btn svg {
  display: inline-block;
  vertical-align: middle;
  transform: translateY(-2px);
}
@media (min-width: 768px) {
  .btn:not(:disabled):hover {
    background-color: #112C20;
  }
}

.new-login-box h1 {
  margin-top: 8px;
  margin-bottom: 48px;
  padding-bottom: 0;
  color: rgba(255, 255, 255, 0.95);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.new-login-box h1 label {
  display: inline-block;
  vertical-align: text-bottom;
}
.new-login-box .main-box {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}
.new-login-box .main-box .left-box {
  display: flex;
  padding: 0 32px;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 24px;
  gap: 24px;
}
.new-login-box .main-box .left-box p {
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.new-login-box .main-box .left-box .qr_code {
  width: 100px;
  height: 100px;
  aspect-ratio: 1;
}
.new-login-box .main-box .divider {
  width: 1px;
  height: 141px;
  stroke-width: 1px;
  stroke: #FFF;
  opacity: 0.2;
  background: #FFF;
}
.new-login-box .main-box .right-box {
  display: flex;
  padding-left: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex: 1 0;
  align-self: stretch;
}
.new-login-box .main-box .right-box .title {
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 24px;
}
.new-login-box .main-box .right-box .login-btns {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 8px;
  gap: 8px;
  align-self: stretch;
}
.new-login-box .main-box .right-box .login-btns .btn {
  display: flex;
  height: 44px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  align-self: stretch;
  width: 100%;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.95);
}
.new-login-box .main-box .right-box .login-btns .btn .icon {
  position: absolute;
  left: 22px;
}
.new-login-box .main-box .right-box .login-btns .btn label {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
}
.new-login-box .main-box .right-box .login-btns .btn:not(:first-child) {
  margin-top: 8px;
}
.new-login-box p {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #F0F0F0;
  margin-bottom: 0;
}
.new-login-box .prompt-list {
  margin-bottom: 32px;
}
.new-login-box .prompt-list li {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #F0F0F0;
}
.new-login-box .prompt-list li:not(:first-child) {
  margin-top: 10px;
}
.new-login-box .or {
  display: block;
  font-weight: 400;
  font-size: 16px;
  color: #F0F0F0;
  opacity: 0.5;
  text-align: center;
  margin-top: 8px;
}
.new-login-box .or::before,
.new-login-box .or::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 1px;
  margin: 0 8px;
  background-color: #F0F0F0;
  vertical-align: middle;
}
.new-login-box .more {
  display: block;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  opacity: 0.4;
  text-align: center;
  margin-top: 16px;
  cursor: pointer;
}
.new-login-box .more-enable {
  display: block;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  margin-top: 16px;
  cursor: pointer;
}
.new-login-box .more-enable::after {
  content: '';
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.667 4.667L10 8M10 8l-3.333 3.333' stroke='%23fff' stroke-width='1.333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.new-login-box .login-btns .btn {
  position: relative;
  padding: 12px 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 8px;
}
.new-login-box .login-btns .btn .icon {
  position: absolute;
  left: 22px;
}
.new-login-box .login-btns .btn label {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
}
.new-login-box .login-btns .btn:not(:first-child) {
  margin-top: 8px;
}
.new-login-box .login-btns .email-btn {
  border: 1px solid rgba(240, 240, 240, 0.5);
  color: rgba(240, 240, 240, 0.5);
  background: transparent;
}
.new-login-box .agreement {
  margin-top: 48px;
}
.new-login-box .agreement .item {
  display: flex;
  color: #F0F0F0;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  cursor: pointer;
}
.new-login-box .agreement .item a {
  margin: 0 3px;
}
.new-login-box .agreement .item span {
  display: block;
}
.new-login-box .agreement .item .rc-checkbox {
  float: left;
  margin-top: 2px;
}
.new-login-box .agreement .item:not(:first-child) {
  margin-top: 8px;
}
.new-login-box .agreement .rc-checkbox {
  width: 12px;
  height: 12px;
  border: 1px solid #F0F0F0;
  border-radius: 2.6px;
  margin-right: 5.8px;
}
.new-login-box .agreement .rc-checkbox .rc-checkbox-input {
  width: 12px;
  height: 12px;
}
.new-login-box .agreement .rc-checkbox .rc-checkbox-inner {
  display: block;
  width: 7px;
  height: 7px;
  margin: 1.5px;
  border-radius: 1.5px;
  border-color: transparent;
}
.new-login-box .agreement .rc-checkbox.rc-checkbox-checked .rc-checkbox-inner:after {
  content: none;
}
.new-login-box .agreement .rc-checkbox.rc-checkbox-checked .rc-checkbox-inner {
  background-color: #F0F0F0;
  border-color: #F0F0F0;
}
.new-login-box .agreement .rc-checkbox:hover .rc-checkbox-inner {
  border-color: transparent;
}
.new-login-box .white-btn {
  margin-top: 32px;
  padding: 13px 0;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #435F91;
  background: #F0F0F0;
  border-radius: 8px;
}
.new-login-box .ant-form-item {
  margin-bottom: 0;
}
.new-login-box .x-textarea {
  width: 100%;
  min-height: 45px !important;
  max-height: 45px !important;
  margin-top: 48px;
  background-color: transparent;
  border-radius: 8px;
  border: 1.5px solid #F0F0F0;
  outline: none;
  box-shadow: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  padding: 10px 8px;
  color: #F0F0F0;
}
.new-login-box .x-textarea:focus,
.new-login-box .x-textarea:hover {
  border-color: inherit;
}
.new-login-box .input-prompt {
  display: block;
  margin-top: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: rgba(240, 240, 240, 0.5);
}
.new-login-box .back-icon {
  position: absolute;
  top: 16px;
  left: 16px;
  cursor: pointer;
}
.new-login-box .code-input {
  width: calc(100% - 50px) !important;
  margin: 32px 25px 0;
}
.new-login-box .code-input input {
  width: calc(100% / 6) !important;
  border: none !important;
  background-color: transparent;
  outline: none;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  color: transparent;
  padding: 0 5px;
  text-shadow: 0 0 0 #F0F0F0;
  caret-color: transparent;
}
.new-login-box .code-input input::-webkit-input-placeholder {
  color: #F0F0F0;
}
.new-login-box .code-input input::-ms-input-placeholder {
  color: #F0F0F0;
}
.new-login-box .code-input input::placeholder {
  color: #F0F0F0;
}
.new-login-box .goto {
  font-weight: 400;
  font-size: 14px;
  color: #F0F0F0;
}
.new-login-box .goto svg {
  margin-left: 8px;
  transform: translateY(3px);
}
.welcome-box p {
  margin-top: 32px;
  text-align: center;
}
.welcome-box .user-info {
  margin: 57px auto 0;
  width: 250px;
  height: 340px;
  padding-bottom: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='251' height='341' viewBox='0 0 251 341' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M250.5 20.839C250.5 9.606 241.394.5 230.161.5H20.839C9.606.5.5 9.606.5 20.839v299.322c0 11.233 9.106 20.339 20.339 20.339H64.76c3.431 0 6.807-.868 9.812-2.523l13.069-7.197a17.33 17.33 0 0 1 8.362-2.15h58.994c2.924 0 5.8.739 8.362 2.15l13.068 7.197a20.344 20.344 0 0 0 9.812 2.523h43.922c11.233 0 20.339-9.106 20.339-20.339V20.839z' fill='url(%23paint0_linear_211_19818)'/%3E%3Cg opacity='.1' fill='%23fff'%3E%3Crect x='222.451' y='17.449' width='3.007' height='8.475' rx='.547'/%3E%3Cpath d='M226.279 18.2c0-.19 0-.286.024-.363a.547.547 0 0 1 .364-.365c.078-.023.173-.023.364-.023.572 0 .858 0 1.091.07.525.16.935.57 1.094 1.094.07.233.07.519.07 1.091v3.964c0 .572 0 .858-.07 1.091a1.64 1.64 0 0 1-1.094 1.094c-.233.07-.519.07-1.091.07-.191 0-.286 0-.364-.023a.548.548 0 0 1-.364-.365c-.024-.077-.024-.173-.024-.363V18.2z'/%3E%3Crect x='230.105' y='17.449' width='3.007' height='8.475' rx='.547'/%3E%3Crect x='214.797' y='17.449' width='3.007' height='8.475' rx='.547'/%3E%3Cpath d='M218.625 18.2c0-.19 0-.286.024-.363a.545.545 0 0 1 .364-.365c.078-.023.173-.023.364-.023h.136c.445 0 .668 0 .851.043a1.64 1.64 0 0 1 1.225 1.224c.043.184.043.407.043.851 0 .445 0 .668-.043.851a1.64 1.64 0 0 1-1.225 1.225c-.183.043-.406.043-.851.043h-.136c-.191 0-.286 0-.364-.023a.546.546 0 0 1-.364-.365c-.024-.078-.024-.173-.024-.364v-2.733zM233.936 22.424c0-.19 0-.286.023-.364a.547.547 0 0 1 .365-.364c.077-.024.173-.024.363-.024h.137c.445 0 .667 0 .851.043a1.64 1.64 0 0 1 1.225 1.225c.043.184.043.406.043.851 0 .445 0 .667-.043.85a1.64 1.64 0 0 1-1.225 1.226c-.184.043-.406.043-.851.043h-.137c-.19 0-.286 0-.363-.024a.547.547 0 0 1-.365-.364c-.023-.078-.023-.173-.023-.364v-2.734z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_211_19818' x1='.5' y1='.5' x2='252.319' y2='339.188' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='.4'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.2'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
  box-sizing: content-box;
}
.welcome-box .user-info .pdb-image {
  margin: 0 auto;
  border-radius: 50%;
}
.welcome-box .user-info .username {
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  color: #FFFFFF;
  width: 70%;
  margin: 20px auto 0;
  display: block;
  text-align: center;
  word-break: break-all;
}
.welcome-box .user-info .personality {
  color: #FFCF9A;
  display: block;
  margin: 16px auto 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  text-align: center;
  cursor: pointer;
}
.welcome-box .user-info .personality::after {
  content: '';
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.3' clip-path='url(%23clip0_183_4089)' stroke='%23fff' stroke-width='1.695' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.135 14.946l4.238-4.238M13.373 10.708L9.135 6.471'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_183_4089'%3E%3Cpath fill='%23fff' transform='translate(.83 .709)' d='M0 0h20.339v20.339H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.welcome-box .user-info .btn {
  background: #F0F0F0;
  border-radius: 7.552px;
  color: #435F91;
  margin: 24px auto 0;
}
.welcome-box .planet-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.welcome-box .planet-wrapper .planet-item {
  flex: 1 1 25%;
  padding: 8px 0;
  margin-bottom: 12px;
  text-align: center;
  cursor: pointer;
}
.welcome-box .planet-wrapper .planet-item .pdb-image {
  margin: 0 auto;
}
.welcome-box .planet-wrapper .planet-item label {
  font-size: 14px;
  color: #FFFFFF;
}
.welcome-box .planet-wrapper .planet-item:hover {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
}
.welcome-box .later-prompt {
  opacity: 0.5;
}
.new-login-wrapper {
  z-index: 10500001 !important;
}
.new-login-wrapper .rc-dialog-content {
  background: linear-gradient(112.64deg, #4A9094 0%, rgba(66, 92, 145, 0.98) 62.72%, #2C5B7D 98.65%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 16px;
}
.new-login-wrapper .rc-dialog-body {
  padding: 24px;
}
.new-login-wrapper .rc-dialog-close {
  right: auto;
  left: 16px;
  padding: 0;
  opacity: 1;
}
@keyframes shakeX {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shakeX {
  animation: shakeX 0.45s;
}
@media screen and (min-width: 768px) {
  .new-login-wrapper .rc-dialog-body {
    padding: 48px;
  }
  .new-login-wrapper .white-btn:hover {
    background-color: white;
  }
}

.rc-collapse-motion {
  transition: height 0.3s, opacity 0.3s;
}
.rc-collapse-content-hidden {
  display: none;
}
.rc-collapse {
  background-color: #f7f7f7;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
}
.rc-collapse > .rc-collapse-item {
  border-top: 1px solid #d9d9d9;
}
.rc-collapse > .rc-collapse-item:first-child {
  border-top: none;
}
.rc-collapse > .rc-collapse-item > .rc-collapse-header {
  display: flex;
  align-items: center;
  line-height: 22px;
  padding: 10px 16px;
  color: #666;
  cursor: pointer;
}
.rc-collapse > .rc-collapse-item > .rc-collapse-header .arrow {
  display: inline-block;
  content: '\20';
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 4px solid #666;
  vertical-align: middle;
  margin-right: 8px;
}
.rc-collapse > .rc-collapse-item > .rc-collapse-header .rc-collapse-extra {
  margin: 0 16px 0 auto;
}
.rc-collapse > .rc-collapse-item .rc-collapse-header-collapsible-only {
  cursor: default;
}
.rc-collapse > .rc-collapse-item .rc-collapse-header-collapsible-only .rc-collapse-header-text {
  cursor: pointer;
}
.rc-collapse > .rc-collapse-item .rc-collapse-header-collapsible-only .rc-collapse-expand-icon {
  cursor: pointer;
}
.rc-collapse > .rc-collapse-item .rc-collapse-icon-collapsible-only {
  cursor: default;
}
.rc-collapse > .rc-collapse-item .rc-collapse-icon-collapsible-only .rc-collapse-expand-icon {
  cursor: pointer;
}
.rc-collapse > .rc-collapse-item-disabled > .rc-collapse-header {
  cursor: not-allowed;
  color: #999;
  background-color: #f3f3f3;
}
.rc-collapse-content {
  overflow: hidden;
  color: #666;
  padding: 0 16px;
  background-color: #fff;
}
.rc-collapse-content > .rc-collapse-content-box {
  margin-top: 16px;
  margin-bottom: 16px;
}
.rc-collapse-item:last-child > .rc-collapse-content {
  border-radius: 0 0 3px 3px;
}
.rc-collapse > .rc-collapse-item-active > .rc-collapse-header .arrow {
  position: relative;
  top: 2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #666;
  margin-right: 6px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-affix {
  position: fixed;
  z-index: 10;
}

.rc-trigger-popup {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1050;
}
.rc-trigger-popup-hidden {
  display: none;
}
.rc-trigger-popup-zoom-enter,
.rc-trigger-popup-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.rc-trigger-popup-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.rc-trigger-popup-zoom-enter.rc-trigger-popup-zoom-enter-active,
.rc-trigger-popup-zoom-appear.rc-trigger-popup-zoom-appear-active {
  animation-name: rcTriggerZoomIn;
  animation-play-state: running;
}
.rc-trigger-popup-zoom-leave.rc-trigger-popup-zoom-leave-active {
  animation-name: rcTriggerZoomOut;
  animation-play-state: running;
}
@keyframes rcTriggerZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcTriggerZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-trigger-popup-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1050;
}
.rc-trigger-popup-mask-hidden {
  display: none;
}
.rc-trigger-popup-fade-enter,
.rc-trigger-popup-fade-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.rc-trigger-popup-fade-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.rc-trigger-popup-fade-enter.rc-trigger-popup-fade-enter-active,
.rc-trigger-popup-fade-appear.rc-trigger-popup-fade-appear-active {
  animation-name: rcTriggerMaskFadeIn;
  animation-play-state: running;
}
.rc-trigger-popup-fade-leave.rc-trigger-popup-fade-leave-active {
  animation-name: rcDialogFadeOut;
  animation-play-state: running;
}
@keyframes rcTriggerMaskFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.rc-trigger-popup-mobile {
  transition: all 0.3s;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
}
.rc-trigger-popup-mobile-fade-appear-start,
.rc-trigger-popup-mobile-fade-enter-start {
  transform: translateY(100%);
}
.rc-trigger-popup-mobile-fade-leave-active {
  transform: translateY(100%);
}
@font-face {
  font-family: 'FontAwesome';
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.eot');
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.woff') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf') format('truetype'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.rc-menu {
  outline: none;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  list-style: none;
  border: 1px solid #d9d9d9;
  box-shadow: 0 0 4px #d9d9d9;
  border-radius: 3px;
  color: #666;
}
.rc-menu-rtl {
  direction: rtl;
}
.rc-menu-hidden,
.rc-menu-submenu-hidden {
  display: none;
}
.rc-menu-collapse {
  overflow: hidden;
  transition: height 0.3s ease-out;
}
.rc-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.rc-menu-item-group-title {
  color: #999;
  line-height: 1.5;
  padding: 8px 10px;
  border-bottom: 1px solid #dedede;
}
.rc-menu-item-active,
.rc-menu-submenu-active > .rc-menu-submenu-title {
  background-color: #eaf8fe;
}
.rc-menu-item-selected {
  background-color: #eaf8fe;
  transform: translateZ(0);
}
.rc-menu-submenu-selected {
  background-color: #eaf8fe;
}
.rc-menu > li.rc-menu-submenu {
  padding: 0;
}
.rc-menu-horizontal.rc-menu-sub,
.rc-menu-vertical.rc-menu-sub,
.rc-menu-vertical-left.rc-menu-sub,
.rc-menu-vertical-right.rc-menu-sub {
  min-width: 160px;
  margin-top: 0;
}
.rc-menu-item,
.rc-menu-submenu-title {
  margin: 0;
  position: relative;
  display: block;
  padding: 7px 7px 7px 16px;
  white-space: nowrap;
}
.rc-menu-rtl .rc-menu-item,
.rc-menu-rtl .rc-menu-submenu-title {
  padding: 7px 16px 7px 7px;
}
.rc-menu-item.rc-menu-item-disabled,
.rc-menu-submenu-title.rc-menu-item-disabled,
.rc-menu-item.rc-menu-submenu-disabled,
.rc-menu-submenu-title.rc-menu-submenu-disabled {
  color: #777 !important;
}
.rc-menu-item {
  display: flex;
  align-items: center;
}
.rc-menu-item .rc-menu-item-extra {
  margin-left: auto;
  font-size: 14px;
}
.rc-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  padding: 0;
  line-height: 0;
  background-color: #e5e5e5;
}
.rc-menu-submenu-popup {
  position: absolute;
}
.rc-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px;
}
.rc-menu-submenu-rtl.rc-menu-submenu-popup .submenu-title-wrapper,
.rc-menu-submenu-rtl .rc-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 0;
  padding-left: 20px;
}
.rc-menu-submenu > .rc-menu {
  background-color: #fff;
}
.rc-menu .rc-menu-submenu-title .anticon,
.rc-menu .rc-menu-item .anticon {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  top: -1px;
}
.rc-menu-rtl .rc-menu .rc-menu-submenu-title .anticon,
.rc-menu-rtl .rc-menu .rc-menu-item .anticon {
  margin-right: 0;
  margin-left: 8px;
}
.rc-menu-horizontal {
  background-color: #f3f5f7;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  box-shadow: none;
  white-space: nowrap;
  overflow: hidden;
}
.rc-menu-horizontal > .rc-menu-item,
.rc-menu-horizontal > .rc-menu-submenu > .rc-menu-submenu-title {
  padding: 15px 20px;
}
.rc-menu-horizontal > .rc-menu-submenu,
.rc-menu-horizontal > .rc-menu-item {
  border-bottom: 2px solid transparent;
  display: inline-block;
  vertical-align: bottom;
}
.rc-menu-horizontal > .rc-menu-submenu-active,
.rc-menu-horizontal > .rc-menu-item-active {
  border-bottom: 2px solid #2db7f5;
  background-color: #f3f5f7;
  color: #2baee9;
}
.rc-menu-horizontal:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.rc-menu-vertical,
.rc-menu-vertical-left,
.rc-menu-vertical-right,
.rc-menu-inline {
  padding: 12px 0;
}
.rc-menu-vertical > .rc-menu-item,
.rc-menu-vertical-left > .rc-menu-item,
.rc-menu-vertical-right > .rc-menu-item,
.rc-menu-inline > .rc-menu-item,
.rc-menu-vertical > .rc-menu-submenu > .rc-menu-submenu-title,
.rc-menu-vertical-left > .rc-menu-submenu > .rc-menu-submenu-title,
.rc-menu-vertical-right > .rc-menu-submenu > .rc-menu-submenu-title,
.rc-menu-inline > .rc-menu-submenu > .rc-menu-submenu-title {
  padding: 12px 8px 12px 24px;
}
.rc-menu-rtl.rc-menu-vertical > .rc-menu-item,
.rc-menu-rtl.rc-menu-vertical-left > .rc-menu-item,
.rc-menu-rtl.rc-menu-vertical-right > .rc-menu-item,
.rc-menu-rtl.rc-menu-inline > .rc-menu-item,
.rc-menu-rtl.rc-menu-vertical > .rc-menu-submenu > .rc-menu-submenu-title,
.rc-menu-rtl.rc-menu-vertical-left > .rc-menu-submenu > .rc-menu-submenu-title,
.rc-menu-rtl.rc-menu-vertical-right > .rc-menu-submenu > .rc-menu-submenu-title,
.rc-menu-rtl.rc-menu-inline > .rc-menu-submenu > .rc-menu-submenu-title {
  padding: 12px 24px 12px 8px;
}
.rc-menu-vertical .rc-menu-submenu-arrow,
.rc-menu-vertical-left .rc-menu-submenu-arrow,
.rc-menu-vertical-right .rc-menu-submenu-arrow,
.rc-menu-inline .rc-menu-submenu-arrow {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  position: absolute;
  right: 16px;
  line-height: 1.5em;
}
.rc-menu-vertical .rc-menu-submenu-arrow:before,
.rc-menu-vertical-left .rc-menu-submenu-arrow:before,
.rc-menu-vertical-right .rc-menu-submenu-arrow:before,
.rc-menu-inline .rc-menu-submenu-arrow:before {
  content: '\f0da';
}
.rc-menu-rtl.rc-menu-vertical .rc-menu-submenu-arrow:before,
.rc-menu-rtl.rc-menu-vertical-left .rc-menu-submenu-arrow:before,
.rc-menu-rtl.rc-menu-vertical-right .rc-menu-submenu-arrow:before,
.rc-menu-rtl.rc-menu-inline .rc-menu-submenu-arrow:before,
.rc-menu-submenu-rtl .rc-menu-vertical .rc-menu-submenu-arrow:before,
.rc-menu-submenu-rtl .rc-menu-vertical-left .rc-menu-submenu-arrow:before,
.rc-menu-submenu-rtl .rc-menu-vertical-right .rc-menu-submenu-arrow:before,
.rc-menu-submenu-rtl .rc-menu-inline .rc-menu-submenu-arrow:before {
  content: '\f0d9';
}
.rc-menu-rtl.rc-menu-vertical .rc-menu-submenu-arrow,
.rc-menu-rtl.rc-menu-vertical-left .rc-menu-submenu-arrow,
.rc-menu-rtl.rc-menu-vertical-right .rc-menu-submenu-arrow,
.rc-menu-rtl.rc-menu-inline .rc-menu-submenu-arrow,
.rc-menu-submenu-rtl .rc-menu-vertical .rc-menu-submenu-arrow,
.rc-menu-submenu-rtl .rc-menu-vertical-left .rc-menu-submenu-arrow,
.rc-menu-submenu-rtl .rc-menu-vertical-right .rc-menu-submenu-arrow,
.rc-menu-submenu-rtl .rc-menu-inline .rc-menu-submenu-arrow {
  right: auto;
  left: 16px;
}
.rc-menu-inline .rc-menu-submenu-arrow {
  transform: rotate(90deg);
  transition: transform 0.3s;
}
.rc-menu-inline .rc-menu-submenu-open > .rc-menu-submenu-title .rc-menu-submenu-arrow {
  transform: rotate(-90deg);
}
.rc-menu-vertical.rc-menu-sub,
.rc-menu-vertical-left.rc-menu-sub,
.rc-menu-vertical-right.rc-menu-sub {
  padding: 0;
}
.rc-menu-submenu-rtl .rc-menu-vertical.rc-menu-sub,
.rc-menu-submenu-rtl .rc-menu-vertical-left.rc-menu-sub,
.rc-menu-submenu-rtl .rc-menu-vertical-right.rc-menu-sub {
  direction: rtl;
}
.rc-menu-sub.rc-menu-inline {
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.rc-menu-sub.rc-menu-inline > .rc-menu-item,
.rc-menu-sub.rc-menu-inline > .rc-menu-submenu > .rc-menu-submenu-title {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 0;
}
.rc-menu-rtl .rc-menu-sub.rc-menu-inline > .rc-menu-item,
.rc-menu-rtl .rc-menu-sub.rc-menu-inline > .rc-menu-submenu > .rc-menu-submenu-title {
  padding-left: 0;
}
.rc-menu-open-slide-up-enter,
.rc-menu-open-slide-up-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.rc-menu-open-slide-up-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.rc-menu-open-slide-up-enter.rc-menu-open-slide-up-enter-active,
.rc-menu-open-slide-up-appear.rc-menu-open-slide-up-appear-active {
  animation-name: rcMenuOpenSlideUpIn;
  animation-play-state: running;
}
.rc-menu-open-slide-up-leave.rc-menu-open-slide-up-leave-active {
  animation-name: rcMenuOpenSlideUpOut;
  animation-play-state: running;
}
@keyframes rcMenuOpenSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}
@keyframes rcMenuOpenSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}
.rc-menu-open-zoom-enter,
.rc-menu-open-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.rc-menu-open-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.rc-menu-open-zoom-enter.rc-menu-open-zoom-enter-active,
.rc-menu-open-zoom-appear.rc-menu-open-zoom-appear-active {
  animation-name: rcMenuOpenZoomIn;
  animation-play-state: running;
}
.rc-menu-open-zoom-leave.rc-menu-open-zoom-leave-active {
  animation-name: rcMenuOpenZoomOut;
  animation-play-state: running;
}
.rc-menu-submenu-rtl.rc-menu-open-zoom-enter,
.rc-menu-submenu-rtl.rc-menu-open-zoom-appear,
.rc-menu-submenu-rtl.rc-menu-open-zoom-leave,
.rc-menu-submenu-rtl .rc-menu-open-zoom-enter,
.rc-menu-submenu-rtl .rc-menu-open-zoom-appear,
.rc-menu-submenu-rtl .rc-menu-open-zoom-leave {
  transform-origin: top right !important;
}
@keyframes rcMenuOpenZoomIn {
  0% {
    opacity: 0;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes rcMenuOpenZoomOut {
  0% {
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: scale(0, 0);
  }
}
.rc-menu:focus-visible {
  box-shadow: 0 0 5px green;
}
.rc-menu-horizontal {
  display: flex;
  flex-wrap: nowrap;
}
.rc-menu-submenu-hidden {
  display: none;
}
.rc-menu-overflow-item {
  flex: none;
}
html,
body {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100% !important;
  height: inherit;
  min-height: 100%;
  background-color: #07080D;
  --header-color: #1D2029;
  --search-bar-bg-color: #434343;
  --search-bar-font-color: #8C8C8C;
  --link-color: #87C2F8;
  --pdb-bg-color-1: #07080D;
  --pdb-bg-color-2: #15171F;
  --pdb-bg-color-3: #1D2029;
  --pdb-bg-color-4: #112C20;
  --pdb-bg-color-5: #225941;
  --pdb-bg-color-6: #328561;
  --pdb-bg-color-7: #43B282;
  --pdb-bg-color-8: #6BC79F;
  --pdb-bg-color-9: #7ECEAB;
  --pdb-bg-color-10: #A6DDC5;
  --pdb-bg-color-11: #C4E9D9;
  --pdb-bg-color-12: #E1F4EC;
  --orange_1: #FCEBE8;
  --orange_2: #FFC9A3;
  --orange_3: #FA9D64;
  --orange_4: #FF905C;
  --orange_5: #EB7B45;
  --sematic_link: #87C2F8;
  --sematic_success: #6BC79F;
  --sematic_error: #EB5C52;
  --sematic_warning: #F7A863;
  --white-75: #BFBFBF;
  --white-55: #8C8C8C;
  --white-35: #595959;
  --white-85: #D9D9D9;
  --white-94: #F0F0F0;
}
*::-webkit-scrollbar {
  position: absolute;
  right: 0;
  width: 6px;
  height: 6px;
  background-color: transparent;
}
*::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #595959;
}
@font-face {
  font-family: 'gilroyextrabold';
  src: url('/fonts/gilroy-extrabold-webfont.eot');
  src: url('/fonts/gilroy-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/gilroy-extrabold-webfont.woff2') format('woff2'), url('/fonts/gilroy-extrabold-webfont.woff') format('woff'), url('/fonts/gilroy-extrabold-webfont.svg#gilroyextrabold') format('svg');
  font-weight: normal;
  font-style: normal;
}
#root {
  width: 100%;
  min-height: 100%;
}
input {
  outline: none;
  border: none;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
label {
  cursor: inherit;
}
button {
  color: #D9D9D9;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
.ant-affix {
  z-index: 2;
}
.web_site {
  text-decoration: underline;
  color: #87C2F8;
}
svg.question-icon:hover > path:first-child {
  stroke: #328561;
}
svg.question-icon:hover path {
  fill: #328561;
}
svg.question-icon:hover g[clip-path="url(#question_svg__clip0)"] path {
  fill: #07080D;
}
.page404 {
  text-align: center;
}
.page404 .page-img {
  width: 59%;
  margin: 0 auto;
  height: calc(100vh - 70px - 370px);
}
.page404 .go-home-btn {
  display: inline-block;
  margin-top: 111px;
  padding: 7px 93px;
  border: 3px solid #328561;
  border-radius: 46.5px;
  box-sizing: border-box;
  font-size: 36px;
  font-weight: 500;
  color: #43B282;
}
.CookieConsent {
  left: 50% !important;
  width: 815px !important;
  border-radius: 16px !important;
  background-color: #6BC79F !important;
  transform: translate(-50%, -16px);
  bottom: 35px !important;
  z-index: 1000000 !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}
.CookieConsent + div {
  margin: 7px 8px !important;
  flex: 1 1 auto !important;
}
.CookieConsent .cookie-container {
  display: flex;
  align-items: center;
}
.CookieConsent .cookie-container svg {
  flex-shrink: 0;
}
.CookieConsent .cookie-container .cookie-content {
  display: block;
  margin-left: 16px;
}
.CookieConsent .cookie-container .cookie-content label {
  display: block;
}
.CookieConsent .cookie-container .cookie-content a {
  color: #495A98;
  text-decoration: underline;
}
.CookieConsent .cookie-container .cookie-content p {
  line-height: 1.2;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
}
.CookieConsent #rcc-confirm-button {
  width: 72px;
  height: 30px;
  line-height: 30px;
  padding: 0 !important;
  margin: 0 8px !important;
  color: #F0F0F0 !important;
  border-radius: 99px !important;
  background-color: #328561 !important;
}
@media (max-width: 768px) {
  .page404 .page-img {
    width: 100%;
    margin-top: 30px;
  }
  .page404 .go-home-btn {
    margin-top: 70px;
    font-size: 16px;
  }
  .CookieConsent {
    width: calc(100% - 20px) !important;
  }
}
.drawer .drawer-mask {
  background-color: rgba(255, 255, 255) !important;
}
.pdb-post-details {
  height: calc(100vh - 24px) !important;
}
.rc-trigger-popup {
  z-index: 105000000 !important;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-root {
  width: 100%;
  height: 100vh;
  background: #15171F;
  display: flex;
  align-items: center;
}
.app-root .container {
  padding: 40px;
  margin: auto auto;
  max-width: 768px;
}
.app-root .container .app-link {
  margin-top: 24px;
  border-radius: 16px;
  padding: 20px;
}
.app-root .container h1 {
  color: #F0F0F0;
  color: var(--content-content-primary, #F0F0F0);
}
.app-root .container .logo_title {
  margin: 8px 0 0 0;
  padding: 0;
  color: #F0F0F0;
  color: var(--content-content-primary, #F0F0F0);
  text-align: center;
  /* Title2/Emphasized */
  font-family: "SF Pro Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 33.6px */
  letter-spacing: 0.24px;
}
.app-root .container .logo_title b {
  font-weight: 700;
}
.app-root .container .bottom_desc {
  margin-top: 48px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  flex: 1 1;
}
.app-root .footer {
  display: block;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #15171F;
  padding: 0 20px 20px 20px;
}
.app-root .footer .text {
  display: block;
  flex: 1 1;
  margin: 0 auto;
  padding: 0;
  color: #666;
  color: var(--content-content-secondary, #666);
  text-align: center;
  /* Caption/Regular */
  font-family: "SF Pro Display";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 16.8px */
  letter-spacing: 0.24px;
}
.app-root .footer .logo_wrapper {
  display: block;
  display: flex;
  width: 100%;
  align-items: center;
  align-content: center;
}
.app-root .footer .logo_wrapper .logo {
  margin: 4px auto;
  align-self: center;
}
.app-root .footer .logo_wrapper .logo path {
  fill: #8F9093;
}
@media (prefers-color-scheme: dark) {
  .app-root {
    background: #15171F;
    background: var(--surface-surface-elevated, #15171F);
  }
  .app-root .container h1 {
    color: #F0F0F0;
    color: var(--content-content-primary, #F0F0F0);
  }
  .app-root .container .logo_title {
    color: #F0F0F0;
    color: var(--content-content-primary, #F0F0F0);
  }
  .app-root .container .member_info {
    color: #F0F0F0;
    color: var(--content-content-primary, #F0F0F0);
  }
  .app-root .container .copy_link .content {
    flex: 1 1;
  }
  .app-root .container .copy_link .content svg path {
    stroke: #007AFFFF;
  }
  .app-root .container .copy_link .content .text {
    color: #007AFFFF;
  }
  .app-root .container .get_app {
    background-color: #007AFFFF;
  }
  .app-root .container .get_app .content .text {
    color: #FFF;
  }
  .app-root .container .bottom_desc {
    color: #8F9093;
  }
  .app-root .footer {
    background-color: #15171F;
    background-color: var(--surface-surface-elevated, #15171F);
  }
  .app-root .footer .text {
    display: block;
    flex: 1 1;
    color: #8F9093;
    color: var(--content-content-secondary, #8F9093);
  }
  .app-root .footer .logo_wrapper .logo path {
    fill: #8F9093;
  }
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-root {
  width: 100%;
  height: 100vh;
  background-color: #15171f;
  display: flex;
  align-items: center;
}
.u-root .fullscreen-image {
  position: absolute;
  bottom: 0;
  left: 50%;
  top: 0;
  background: rgba(15, 15, 15, 0.3);
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  /* 图片在遮罩之下 */
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.u-root .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(21, 23, 31, 0.3);
  /* 半透明黑色遮罩 */
  z-index: 2;
  /* 遮罩在图片之上 */
  pointer-events: none;
  /* 确保遮罩不会阻挡点击事件 */
  /* 添加毛玻璃模糊效果 */
  -webkit-backdrop-filter: blur(2px);
  /* Safari/Chrome */
  backdrop-filter: blur(2px);
}
.u-root .container {
  padding: 40px;
  margin: auto auto;
  max-width: 768px;
  z-index: 100;
}
.u-root .container .logo_wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  align-content: center;
}
.u-root .container .logo_wrapper .avatar {
  position: relative;
  align-self: center;
  margin: 0 auto;
  width: 128px;
  height: 128px;
  border-radius: 64px;
}
.u-root .container .logo_wrapper .avatar img {
  width: 128px;
  height: 128px;
}
.u-root .container .logo_title {
  margin: 8px 0 0 0;
  padding: 0;
  color: #FFFFFF;
  color: var(--content-content-primary, #FFFFFF);
  text-align: center;
  /* Title2/Emphasized */
  font-family: "SF Pro Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 33.6px */
  letter-spacing: 0.24px;
}
.u-root .container .logo_title b {
  font-weight: 700;
}
.u-root .container .member_info {
  padding: 0 0 24px 0;
  color: #FFFFFF;
  color: var(--content-content-primary, #FFFFFF);
  text-align: center;
  margin: 8px 0 0 0;
  /* Body/Regular */
  font-family: "SF Pro Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: 0.48px;
}
.u-root .container .copy_link {
  margin-top: 20px;
  width: 100%;
  background: transparent;
  border-radius: 14px;
  padding: 14px 20px;
  display: flex;
  align-content: center;
  align-items: center;
}
.u-root .container .copy_link .content {
  flex: 1 1;
}
.u-root .container .copy_link .content svg {
  flex: 1 1;
  margin: 0;
  transform: translateY(5px);
}
.u-root .container .copy_link .content svg path {
  stroke: #FFFFFFFF;
}
.u-root .container .copy_link .content .text {
  margin: 0 0 0 10px;
  color: #FFFFFFFF;
  text-align: center;
  font-feature-settings: 'case' on;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* 129.412% */
  letter-spacing: -0.408px;
}
.u-root .container .get_app {
  width: 100%;
  background-color: #FFFFFFFF;
  border-radius: 14px;
  padding: 14px 20px;
  display: flex;
  align-items: center;
}
.u-root .container .get_app .content {
  flex: 1 1;
}
.u-root .container .get_app .content svg {
  transform: translateY(5px);
}
.u-root .container .get_app .content .text {
  margin-left: 10px;
  color: #000;
  text-align: center;
  font-feature-settings: 'case' on;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* 129.412% */
  letter-spacing: -0.408px;
}
.u-root .container .bottom_desc {
  margin-top: 48px;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  flex: 1 1;
}
.u-root .footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background: transparent;
  padding: 0 20px 20px 20px;
}
.u-root .footer .text {
  display: block;
  flex: 1 1;
  margin: 0 auto;
  padding: 0;
  color: rgba(255, 255, 255, 0.6);
  color: var(--content-content-secondary, rgba(255, 255, 255, 0.6));
  text-align: center;
  /* Caption/Regular */
  font-family: "SF Pro Display";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 16.8px */
  letter-spacing: 0.24px;
}
.u-root .footer .logo_wrapper {
  display: block;
  display: flex;
  width: 100%;
  align-items: center;
  align-content: center;
}
.u-root .footer .logo_wrapper .logo {
  margin: 4px auto;
  align-self: center;
}
.u-root .footer .logo_wrapper .logo path {
  fill: rgba(255, 255, 255, 0.6);
}
.u-root .ua_root {
  position: fixed;
  bottom: 0;
  background-color: #FFF;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.root {
  width: 100%;
  height: 100vh;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
}
.root .container {
  padding: 40px;
  margin: auto auto;
  max-width: 768px;
}
.root .container .logo_wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  align-content: center;
}
.root .container .logo_wrapper .avatar {
  position: relative;
  align-self: center;
  margin: 0 auto;
  width: 128px;
  height: 128px;
  border-radius: 64px;
}
.root .container .logo_wrapper .avatar img {
  width: 128px;
  height: 128px;
}
.root .container .logo_title {
  margin: 8px 0 0 0;
  padding: 0;
  color: #0F0F0F;
  color: var(--content-content-primary, #0F0F0F);
  text-align: center;
  /* Title2/Emphasized */
  font-family: "SF Pro Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  /* 33.6px */
  letter-spacing: 0.24px;
}
.root .container .logo_title b {
  font-weight: 700;
}
.root .container .member_info {
  padding: 0 0 24px 0;
  color: #0F0F0F;
  color: var(--content-content-primary, #0F0F0F);
  text-align: center;
  margin: 8px 0 0 0;
  /* Body/Regular */
  font-family: "SF Pro Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: 0.48px;
}
.root .container .copy_link {
  margin-top: 20px;
  width: 100%;
  background: transparent;
  border-radius: 14px;
  padding: 14px 20px;
  display: flex;
  align-content: center;
  align-items: center;
}
.root .container .copy_link .content {
  flex: 1 1;
}
.root .container .copy_link .content svg {
  flex: 1 1;
  margin: 0;
  transform: translateY(5px);
}
.root .container .copy_link .content svg path {
  stroke: #007AFFFF;
}
.root .container .copy_link .content .text {
  margin: 0 0 0 10px;
  color: #007AFFFF;
  text-align: center;
  font-feature-settings: 'case' on;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* 129.412% */
  letter-spacing: -0.408px;
}
.root .container .get_app {
  width: 100%;
  background-color: #007AFFFF;
  border-radius: 14px;
  padding: 14px 20px;
  display: flex;
  align-items: center;
}
.root .container .get_app .content {
  flex: 1 1;
}
.root .container .get_app .content svg {
  transform: translateY(5px);
}
.root .container .get_app .content .text {
  margin-left: 10px;
  color: #FFF;
  text-align: center;
  font-feature-settings: 'case' on;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* 129.412% */
  letter-spacing: -0.408px;
}
.root .container .bottom_desc {
  margin-top: 48px;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  flex: 1 1;
}
.root .footer {
  display: block;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  padding: 0 20px 20px 20px;
}
.root .footer .text {
  display: block;
  flex: 1 1;
  margin: 0 auto;
  padding: 0;
  color: #666;
  color: var(--content-content-secondary, #666);
  text-align: center;
  /* Caption/Regular */
  font-family: "SF Pro Display";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 16.8px */
  letter-spacing: 0.24px;
}
.root .footer .logo_wrapper {
  display: block;
  display: flex;
  width: 100%;
  align-items: center;
  align-content: center;
}
.root .footer .logo_wrapper .logo {
  margin: 4px auto;
  align-self: center;
}
.root .ua_root {
  position: fixed;
  bottom: 0;
  background-color: #FFF;
}
@media (prefers-color-scheme: dark) {
  .root {
    background: #15171F;
    background: var(--surface-surface-elevated, #15171F);
  }
  .root .container .logo_title {
    color: #F0F0F0;
    color: var(--content-content-primary, #F0F0F0);
  }
  .root .container .member_info {
    color: #F0F0F0;
    color: var(--content-content-primary, #F0F0F0);
  }
  .root .container .copy_link .content {
    flex: 1 1;
  }
  .root .container .copy_link .content svg path {
    stroke: #007AFFFF;
  }
  .root .container .copy_link .content .text {
    color: #007AFFFF;
  }
  .root .container .get_app {
    background-color: #007AFFFF;
  }
  .root .container .get_app .content .text {
    color: #FFF;
  }
  .root .container .bottom_desc {
    color: #8F9093;
  }
  .root .footer {
    background-color: #15171F;
    background-color: var(--surface-surface-elevated, #15171F);
  }
  .root .footer .text {
    display: block;
    flex: 1 1;
    color: #8F9093;
    color: var(--content-content-secondary, #8F9093);
  }
  .root .footer .logo_wrapper .logo path {
    fill: #8F9093;
  }
}

.join-us .first-part img,
.join-us .second-part img {
  width: 100%;
}
.join-us .second-part {
  margin-top: 40px;
}
.join-us .third-part {
  margin-top: 40px;
}
.join-us .third-part img {
  width: 245px;
}
.join-us .third-part .jump-to {
  margin-top: 16px;
  display: block;
  padding: 32px 16px;
  background-color: #15171F;
  border-radius: 16px;
  color: #D9D9D9;
  font-size: 20px;
}
.join-us .third-part .jump-to:after {
  content: attr(data-area);
  float: right;
  padding-right: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.293 5.293a1 1 0 0 0 0 1.414L13.586 12l-5.293 5.293a1 1 0 1 0 1.414 1.414l6-6a1 1 0 0 0 0-1.414l-6-6a1 1 0 0 0-1.414 0z' fill='%238C8C8C'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right;
}

.suggestion-board-page {
  padding: 0 24px;
  color: #D9D9D9;
  overflow: auto;
}
.suggestion-board-page h2 {
  color: #FAFAFA;
  font-size: 36px;
  line-height: 43px;
  letter-spacing: 0.04em;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.suggestion-board-page .r {
  float: right;
}
.suggestion-board-page .px14 {
  font-size: 14px;
  color: #8C8C8C;
}
.suggestion-board-page .px16 {
  font-size: 16px;
}
.suggestion-board-page .px26 {
  font-size: 26px;
}
.suggestion-board-page .white {
  color: white;
}
.suggestion-board-page .yellow {
  color: #FFCF9A;
}
.suggestion-board-page .green {
  color: #7ECEAB;
}
.suggestion-board-page .rule:not(:first-child) {
  margin-top: 16px;
}
.suggestion-board-page .title {
  position: relative;
  display: block;
  font-weight: 500;
  padding-left: 16px;
  color: #D9D9D9;
}
.suggestion-board-page .title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 100%;
  border-radius: 10px;
  background-color: #7ECEAB;
}
.suggestion-board-page .description {
  margin: 8px 16px 0;
  color: #D9D9D9;
}
.suggestion-board-page .box {
  color: #BFBFBF;
  padding: 16px;
  border-radius: 12px;
  background-color: #15171F;
}
.suggestion-board-page .border {
  border: 1px solid #7ECEAB;
  border-radius: 16px;
  padding: 12px 20px;
}
.suggestion-board-page .rule-block {
  margin-top: 0 !important;
}
.suggestion-board-page .link-cell {
  position: relative;
  display: flex;
  color: #BFBFBF;
  align-items: center;
  font-size: 14px;
  padding: 7px;
  background-color: #15171F;
}
.suggestion-board-page .link-cell svg {
  margin-right: 12px;
}
.suggestion-board-page .link-cell:not(.not-right-arrow):after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 8px;
  height: 14px;
  transform: translate(0, -50%);
  background: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.293.293a1 1 0 0 0 0 1.414L5.586 7 .293 12.293a1 1 0 1 0 1.414 1.414l6-6a1 1 0 0 0 0-1.414l-6-6a1 1 0 0 0-1.414 0z' fill='%23F0F0F0'/%3E%3C/svg%3E");
}
.suggestion-board-page .link-cell:first-child {
  border-radius: 8px 8px 0 0;
}
.suggestion-board-page .link-cell:last-child {
  border-radius: 0 0 8px 8px;
}
.suggestion-board-page .link-cell:first-child:last-child {
  border-radius: 8px;
}
.suggestion-board-page .list {
  padding: 0;
  list-style: none;
}
.suggestion-board-page .list li:not(:first-child) {
  margin-top: 16px;
}
.suggestion-board-page .list li:before {
  content: attr(data-idx);
  float: left;
  color: #000000;
  font-size: 16px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  background-color: #6BC79F;
  text-align: center;
  border-radius: 50%;
  margin-right: 8px;
}
.suggestion-board-page .list li span {
  display: block;
  overflow: hidden;
}
.suggestion-board-page .list2 {
  color: #D9D9D9;
}
.suggestion-board-page .list2 li::before {
  content: "•";
  color: #D9D9D9;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  background-color: transparent;
}
.suggestion-board-page .list3 {
  font-size: 14px;
  color: #C4E9D9;
  margin-left: 32px;
}
.suggestion-board-page .list3 li::before {
  content: "•";
  color: #C4E9D9;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.suggestion-board-page .list4 {
  font-size: 14px;
}
.suggestion-board-page .list4 li::before {
  content: "•";
  color: white;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.suggestion-board-page hr {
  margin: 24px 0;
  height: 1px;
  width: 100%;
  background-color: #112C20;
  border: none;
}

.contact_as .about_us h2 {
  color: #7ECEAB;
  font-size: 26px;
  margin-bottom: 16px;
}
.contact_as .about_us div {
  color: #D9D9D9;
  font-weight: 300;
  white-space: pre-line;
}
.contact_as .about_us div strong {
  font-weight: 600;
  margin-bottom: 5px;
}
.contact_as .community_inquiries {
  margin-top: 40px;
}
.contact_as .community_inquiries h2 {
  margin-top: 16px;
  color: #7ECEAB;
  font-size: 26px;
  margin-bottom: 16px;
}
.contact_as .community_inquiries .community_inquiries_form {
  background-color: #15171F;
  padding: 24px;
  border-radius: 16px;
}
.contact_as .community_inquiries .community_inquiries_form label {
  display: block;
  color: #BFBFBF;
}
.contact_as .community_inquiries .community_inquiries_form input {
  display: block;
  width: 100%;
  margin-top: 8px;
  border: 1px solid #328561;
  border-radius: 8px;
  padding: 6px 16px;
  color: #D9D9D9;
  background-color: transparent;
}
.contact_as .community_inquiries .community_inquiries_form textarea {
  display: block;
  width: 100%;
  height: 475px;
  margin-top: 8px;
  resize: none;
  background-color: #1D2029;
  border: 1px solid #328561;
  padding: 6px 16px;
  border-radius: 8px;
  outline: none;
  color: #D9D9D9;
}
.contact_as .community_inquiries .community_inquiries_form button {
  margin-top: 24px;
  width: 240px;
  height: 40px;
  font-size: 18px;
  color: #D9D9D9;
  border-radius: 27px;
  border: none;
  background-color: #328561;
  cursor: pointer;
}
.contact_as .other_inquires {
  margin-top: 40px;
}
.contact_as .other_inquires h2 {
  color: #7ECEAB;
  font-size: 26px;
  margin-bottom: 16px;
}
.contact_as .other_inquires p {
  color: #D9D9D9;
}
.contact_as .other_inquires .official_email {
  font-size: 16px;
  color: #D9D9D9;
  margin-left: 5px;
  background-color: #1D2029;
}
.contact_as .other_inquires .official_email span {
  float: left;
}
@media (max-width: 768px) {
  .contact_as {
    padding: 0 12px;
  }
}

.mobile-create-post .mobile-create-post-header {
  padding: 0 16px;
  height: 52px;
  line-height: 52px;
  border-bottom: 1px solid #112C20;
}
.mobile-create-post .mobile-create-post-header button {
  float: right;
  line-height: 32px;
  padding: 0 30px !important;
  margin-top: 10px;
}
.mobile-create-post .container {
  margin: 16px 5px;
  border-radius: 16px;
}
.mobile-create-post .container .pdb-post-write-content {
  background-color: transparent;
  border: none;
}
.mobile-create-post .container .pdb-post-write-content .pdb-input,
.mobile-create-post .container .pdb-post-write-content .pdb-textarea {
  background-color: transparent;
}

.profile-log .type-items {
  margin-top: 8px;
  border-radius: 16px;
  background-color: #1D2029;
}
.profile-log .type-items .type-item {
  color: #8C8C8C;
  font-size: 18px;
  padding: 4px 16px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.profile-log .type-items .type-item.active,
.profile-log .type-items .type-item:hover {
  color: #F0F0F0;
  background: #225941;
  border-radius: 16px;
}
.profile-log .log-list {
  margin-top: 24px;
}
.profile-log .log-list .log-item {
  padding: 16px;
  background: #15171F;
  border-radius: 16px;
}
.profile-log .log-list .log-item .userinfo {
  display: flex;
  align-items: center;
}
.profile-log .log-list .log-item .userinfo .pdb-image {
  flex-shrink: 0;
}
.profile-log .log-list .log-item .userinfo .info {
  flex: 1 1;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.profile-log .log-list .log-item .userinfo .info .username {
  display: block;
  font-size: 16px;
  color: #F0F0F0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile-log .log-list .log-item .userinfo .info .personality {
  display: block;
  color: #8c8c8c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile-log .log-list .log-item p {
  margin-top: 8px;
  margin-bottom: 0;
  color: #F0F0F0;
  font-size: 14px;
  line-height: 120%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-line;
}
.profile-log .log-list .log-item .vote-type {
  margin-top: 8px;
  display: inline-block;
  font-size: 14px;
  line-height: 1.3;
  color: #C4E9D9;
  background-color: #1D2029;
  border-radius: 999px;
  padding: 6px 10px ;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.profile-log .log-list .log-item .last-edit {
  display: block;
  margin-top: 14px;
  font-size: 12px;
  color: #8C8C8C;
  cursor: pointer;
}
.profile-log .log-list .log-item:not(:first-child) {
  margin-top: 24px;
}

.progress {
  height: 6px;
  background-color: #434343;
}
.progress .progress-bar {
  display: block;
  height: 100%;
  background: #27c4f5 linear-gradient(90deg, #6E21CB 2.08%, #2FBFC0 25%, #4DA4D6 61.98%, #701DD5 100%);
  background-size: 500%;
  animation: 2s linear infinite LoadingBarProgress, 1s ease-out LoadingBarEnter;
  transform-origin: left;
  width: 100%;
}
@keyframes LoadingBarProgress {
  0% {
    background-position: 0% 0;
  }
  to {
    background-position: 125% 0;
  }
}
@keyframes LoadingBarEnter {
  0% {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

.rc-tabs-dropdown {
  position: absolute;
  background: #fefefe;
  border: 1px solid black;
  max-height: 200px;
  overflow: auto;
}
.rc-tabs-dropdown-hidden {
  display: none;
}
.rc-tabs-dropdown-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rc-tabs-dropdown-menu-item {
  padding: 4px 8px;
}
.rc-tabs-dropdown-menu-item-selected {
  background: red;
}
.rc-tabs-dropdown-menu-item-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.rc-tabs-content {
  display: flex;
  width: 100%;
}
.rc-tabs-content-holder {
  flex: auto;
}
.rc-tabs-content-animated {
  transition: margin 0.3s;
}
.rc-tabs-tabpane {
  width: 100%;
  flex: none;
}
.rc-tabs {
  display: flex;
}
.rc-tabs-top,
.rc-tabs-bottom {
  flex-direction: column;
}
.rc-tabs-top .rc-tabs-ink-bar,
.rc-tabs-bottom .rc-tabs-ink-bar {
  height: 3px;
}
.rc-tabs-top .rc-tabs-ink-bar {
  bottom: 0;
}
.rc-tabs-bottom .rc-tabs-nav {
  order: 1;
}
.rc-tabs-bottom .rc-tabs-content {
  order: 0;
}
.rc-tabs-bottom .rc-tabs-ink-bar {
  top: 0;
}
.rc-tabs-left.rc-tabs-editable .rc-tabs-tab,
.rc-tabs-right.rc-tabs-editable .rc-tabs-tab {
  padding-right: 32px;
}
.rc-tabs-left .rc-tabs-nav-wrap,
.rc-tabs-right .rc-tabs-nav-wrap {
  flex-direction: column;
}
.rc-tabs-left .rc-tabs-ink-bar,
.rc-tabs-right .rc-tabs-ink-bar {
  width: 3px;
}
.rc-tabs-left .rc-tabs-nav,
.rc-tabs-right .rc-tabs-nav {
  flex-direction: column;
  min-width: 50px;
}
.rc-tabs-left .rc-tabs-nav-list,
.rc-tabs-right .rc-tabs-nav-list,
.rc-tabs-left .rc-tabs-nav-operations,
.rc-tabs-right .rc-tabs-nav-operations {
  flex: 1 0 auto;
  flex-direction: column;
}
.rc-tabs-left .rc-tabs-ink-bar {
  right: 0;
}
.rc-tabs-right .rc-tabs-nav {
  order: 1;
}
.rc-tabs-right .rc-tabs-content {
  order: 0;
}
.rc-tabs-right .rc-tabs-ink-bar {
  left: 0;
}
.rc-tabs-rtl {
  direction: rtl;
}
.rc-tabs-dropdown-rtl {
  direction: rtl;
}
.rc-tabs {
  border: 1px solid gray;
  font-size: 14px;
  overflow: hidden;
}
.rc-tabs-nav {
  display: flex;
  flex: none;
  position: relative;
}
.rc-tabs-nav-measure,
.rc-tabs-nav-wrap {
  transform: translate(0);
  position: relative;
  display: inline-block;
  flex: auto;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
}
.rc-tabs-nav-measure-ping-left::before,
.rc-tabs-nav-wrap-ping-left::before,
.rc-tabs-nav-measure-ping-right::after,
.rc-tabs-nav-wrap-ping-right::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
}
.rc-tabs-nav-measure-ping-left::before,
.rc-tabs-nav-wrap-ping-left::before {
  left: 0;
  border-left: 1px solid red;
}
.rc-tabs-nav-measure-ping-right::after,
.rc-tabs-nav-wrap-ping-right::after {
  right: 0;
  border-right: 1px solid red;
}
.rc-tabs-nav-measure-ping-top::before,
.rc-tabs-nav-wrap-ping-top::before,
.rc-tabs-nav-measure-ping-bottom::after,
.rc-tabs-nav-wrap-ping-bottom::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
}
.rc-tabs-nav-measure-ping-top::before,
.rc-tabs-nav-wrap-ping-top::before {
  top: 0;
  border-top: 1px solid red;
}
.rc-tabs-nav-measure-ping-bottom::after,
.rc-tabs-nav-wrap-ping-bottom::after {
  bottom: 0;
  border-top: 1px solid red;
}
.rc-tabs-nav-list {
  display: flex;
  position: relative;
  transition: transform 0.3s;
}
.rc-tabs-nav-operations {
  display: flex;
}
.rc-tabs-nav-operations-hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.rc-tabs-nav-more {
  border: 1px solid blue;
  background: rgba(255, 0, 0, 0.1);
}
.rc-tabs-nav-add {
  border: 1px solid green;
  background: rgba(0, 255, 0, 0.1);
}
.rc-tabs-tab {
  border: 0;
  font-size: 20px;
  background: rgba(255, 255, 255, 0.5);
  margin: 0;
  display: flex;
  outline: none;
  cursor: pointer;
  position: relative;
  font-weight: lighter;
  align-items: center;
}
.rc-tabs-tab-btn,
.rc-tabs-tab-remove {
  border: 0;
  background: transparent;
}
.rc-tabs-tab-btn {
  font-weight: inherit;
  line-height: 32px;
}
.rc-tabs-tab-remove:hover {
  color: red;
}
.rc-tabs-tab-active {
  font-weight: bolder;
}
.rc-tabs-ink-bar {
  position: absolute;
  background: red;
  pointer-events: none;
}
.rc-tabs-ink-bar-animated {
  transition: all 0.3s;
}
.rc-tabs-extra-content {
  flex: none;
}

.rc-tabs {
  border: none;
}
.rc-tabs .rc-tabs-nav-wrap {
  border: 1.5px solid #112C20;
  border-radius: 8px;
}
.rc-tabs .rc-tabs-tab {
  position: relative;
  color: #8C8C8C;
  border-radius: 8px;
  background-color: transparent;
  z-index: 1;
}
.rc-tabs .rc-tabs-tab .rc-tabs-tab-btn {
  font-weight: 400;
  font-size: 18px;
  padding: 0 16px;
}
.rc-tabs .rc-tabs-tab.rc-tabs-tab-active {
  background-color: #225941;
  color: #F0F0F0;
}
.rc-tabs .rc-tabs-ink-bar {
  display: none;
  height: 100%;
  background-color: #225941;
  z-index: 0;
  border-radius: 8px;
}

.rc-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.rc-dialog-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.rc-dialog-title {
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
}
.rc-dialog-content {
  position: relative;
  background-color: #ffffff;
  border: none;
  border-radius: 6px 6px;
  background-clip: padding-box;
}
.rc-dialog-close {
  cursor: pointer;
  border: 0;
  background: transparent;
  font-size: 21px;
  position: absolute;
  right: 20px;
  top: 12px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
  text-decoration: none;
}
.rc-dialog-close-x:after {
  content: '×';
}
.rc-dialog-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none;
}
.rc-dialog-header {
  padding: 13px 20px 14px 20px;
  border-radius: 5px 5px 0 0;
  background: #fff;
  color: #666;
  border-bottom: 1px solid #e9e9e9;
}
.rc-dialog-body {
  padding: 20px;
}
.rc-dialog-footer {
  border-top: 1px solid #e9e9e9;
  padding: 10px 20px;
  text-align: right;
  border-radius: 0 0 5px 5px;
}
.rc-dialog-zoom-enter,
.rc-dialog-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.rc-dialog-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.rc-dialog-zoom-enter.rc-dialog-zoom-enter-active,
.rc-dialog-zoom-appear.rc-dialog-zoom-appear-active {
  animation-name: rcDialogZoomIn;
  animation-play-state: running;
}
.rc-dialog-zoom-leave.rc-dialog-zoom-leave-active {
  animation-name: rcDialogZoomOut;
  animation-play-state: running;
}
@keyframes rcDialogZoomIn {
  0% {
    opacity: 0;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes rcDialogZoomOut {
  0% {
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform: scale(0, 0);
  }
}
@media (min-width: 768px) {
  .rc-dialog {
    width: 600px;
    margin: 30px auto;
  }
}
.rc-dialog-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1050;
}
.rc-dialog-mask-hidden {
  display: none;
}
.rc-dialog-fade-enter,
.rc-dialog-fade-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.rc-dialog-fade-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.rc-dialog-fade-enter.rc-dialog-fade-enter-active,
.rc-dialog-fade-appear.rc-dialog-fade-appear-active {
  animation-name: rcDialogFadeIn;
  animation-play-state: running;
}
.rc-dialog-fade-leave.rc-dialog-fade-leave-active {
  animation-name: rcDialogFadeOut;
  animation-play-state: running;
}
@keyframes rcDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.faq-popover {
  padding-top: 70px;
}
.faq-popover .rc-dialog-content {
  margin: 0 auto;
  background-color: transparent;
}
.faq-popover .rc-dialog-close {
  display: none;
}
.faq-popover .rc-dialog-body {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-top: 30px;
}
.faq-popover .top {
  margin: 0 30px;
  border-radius: 16px 16px 0 0;
  padding: 14px 18px 9px;
  background-color: #15171F;
}
.faq-popover .top .close-btn {
  font-size: 18px;
  color: #D9D9D9;
  cursor: pointer;
}
.faq-popover .top .close-btn label {
  display: inline-block;
  vertical-align: middle;
  pointer-events: none;
}
.faq-popover .top .close-btn svg {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.faq-popover .faq-popover-container {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0 0 16px 16px;
}
.faq-popover .faq-popover-container .faq-popover-title {
  padding: 16px;
  color: #A6DDC5;
  font-size: 24px;
  background-color: #15171F;
  border-bottom: 1px solid #112C20;
}
.faq-popover .faq-popover-container .faq-popover-item-wrp {
  flex: 1 1;
  padding: 16px;
  background-color: #15171F;
  overflow-y: auto;
}
.faq-popover .faq-popover-container .faq-popover-item-wrp .faq-popover-item .faq-popover-item-q {
  font-size: 16px;
  font-weight: 700;
  color: #D9D9D9;
}
.faq-popover .faq-popover-container .faq-popover-item-wrp .faq-popover-item .faq-popover-item-a {
  font-size: 16px;
  font-weight: 400;
  color: #D9D9D9;
  white-space: pre-line;
}
.faq-popover .faq-popover-container .faq-popover-item-wrp .faq-popover-item .faq-popover-item-a strong {
  font-weight: 700;
}
.faq-popover .faq-popover-container .faq-popover-item-wrp .faq-popover-item:not(:first-child) {
  margin-top: 32px;
}
@media (max-width: 768px) {
  .faq-popover .rc-dialog {
    width: auto;
    margin: 0 auto;
  }
  .faq-popover .rc-dialog-body {
    max-height: calc(100vh - 205px);
  }
  .faq-popover .rc-dialog-body .top,
  .faq-popover .rc-dialog-body .faq-popover-container {
    margin-left: 0 !important;
  }
}

.faq-module {
  padding-top: 16px;
}
.faq-module .faq-black {
  overflow: hidden;
  border-radius: 16px;
}
.faq-module .faq-black .faq-title {
  padding: 16px;
  font-size: 20px;
  color: #A6DDC5;
  background-color: #1D2029;
}
.faq-module .faq-black .faq-question-title {
  padding: 16px;
  font-size: 16px;
  color: #D9D9D9;
  background-color: #15171F;
  cursor: pointer;
}
.faq-module .faq-black .faq-question-title:hover {
  color: #495A98;
}
.faq-module .faq-black .faq-question-title:not(:last-child) {
  border-bottom: 1px solid #112C20;
}
.faq-module .faq-black .faq-more {
  padding: 16px;
  text-align: right;
  background-color: #15171F;
  border-top: 1px solid #112C20;
}
.faq-module .faq-black .faq-more span {
  color: #495A98;
  font-size: 14px;
  cursor: pointer;
}
.faq-module .faq-black .faq-more span svg {
  margin-left: 8px;
  font-size: 16px;
  transform: translateY(3px);
}
.faq-module .faq-black:not(:first-child) {
  margin-top: 16px;
}

.popover {
  position: relative;
  max-height: 100%;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
  border: 1px solid #6BC79F;
  overflow: hidden;
}
.popover .rc-dialog-content {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
.popover .rc-dialog-content,
.popover .rc-dialog-header {
  background-color: #07080D;
}
.popover .rc-dialog-header {
  position: relative;
  padding: 16px 20px;
  border-bottom: none;
}
.popover .rc-dialog-header:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  width: calc(100% - 36px);
  height: 1px;
  background-color: #328561;
}
.popover .rc-dialog-body {
  max-height: calc(100vh - 72px);
  overflow: auto;
}
.popover .rc-dialog-close {
  right: auto;
  left: 12px;
  font-size: 25px;
  padding: 0;
  z-index: 2;
  opacity: 1;
}
.popover .rc-dialog-title {
  text-align: center;
  color: #C4E9D9;
  font-size: 18px;
  padding-left: 23px;
}
.rc-dialog-centered {
  text-align: center;
  z-index: 10500000;
}
.rc-dialog-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.rc-dialog-centered .rc-dialog {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .rc-dialog-wrap {
    overflow: hidden;
  }
  .rc-dialog {
    width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    margin: 0 10px;
    overflow: hidden;
  }
  .popover .rc-dialog-body {
    max-height: calc(100vh - 175px);
  }
}

.avatar {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
.avatar img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.profile-card {
  display: flex;
  flex-wrap: wrap;
}
.profile-card .divider {
  display: block;
  background-color: #1D2029;
  height: 0.5px;
  width: 100%;
  margin-left: 12px;
  margin-top: 16px;
}
.profile-card .base_row {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  border-radius: 16px;
  overflow: hidden;
}
.profile-card .base_row .arrow {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17l5-5M15 12l-5-5' stroke='%238C8C8C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.profile-card .base_row .avatar,
.profile-card .base_row .logo {
  position: relative;
  width: 72px;
  height: 72px;
  margin: 12px 0 12px 12px;
}
.profile-card .base_row .info {
  margin: 0 8px;
  flex: 1 1;
  width: 100vw;
}
.profile-card .base_row .info .info-name {
  color: #F0F0F0;
  font-size: 16px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 0;
  line-height: 1.3;
}
.profile-card .base_row .info .info-subcategory img {
  float: left;
  width: 18px;
  height: 18px;
}
.profile-card .base_row .info .info-subcategory label {
  color: #8C8C8C;
  font-size: 12px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-bottom: 0;
}
.profile-card .base_row .type {
  display: flex;
  flex-direction: column;
  width: 104px;
  height: 104px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.profile-card .base_row .type .vote-count {
  display: inline-block;
  padding: 3px 4px;
  line-height: 14px;
}
.profile-card .base_row .type .vote-count svg {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.profile-card .base_row .type .vote-count label {
  display: inline-block;
  vertical-align: top;
  color: var(--white-55);
  font-size: 12px;
  margin-left: 4px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 3px;
  cursor: pointer;
}
.profile-card .base_row .type .vote-count.has_voted label {
  color: #FFCF9A;
}
.profile-card .base_row .type .personality {
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 26px */
  letter-spacing: 0.8px;
  display: block;
  color: #C3924A;
}
.profile-card .base_row .type .subtype {
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 15.6px */
  letter-spacing: 0.48px;
  display: block;
  color: #FFC9A3;
}
.profile-card .base_row:hover {
  background-color: #1D2029;
}
.profile-card .top_analysis {
  display: flex;
}
.profile-card .top_analysis.none {
  background: linear-gradient(90deg, rgba(14, 45, 49, 0.5) 0%, rgba(14, 45, 49, 0.1) 100%);
  opacity: 0.6;
}
.profile-card .top_analysis .content {
  display: flex;
  height: 20px;
  padding: 0 8px;
  margin: 0 12px;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  background: linear-gradient(90deg, #1D2029 0%, rgba(14, 45, 49, 0.2) 100%);
}
.profile-card .top_analysis .content .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #90D5B7;
  text-overflow: ellipsis;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  padding: 0;
  line-height: 140%;
  /* 16.8px */
  letter-spacing: 0.24px;
}
.profile-card .top_analysis .content .quto {
  padding: 0;
  display: -webkit-box;
  color: #90D5B7;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 16.8px */
  letter-spacing: 0.24px;
}
@media screen and (max-width: 768px) {
  .profile-card .avatar,
  .profile-card .logo {
    width: 72px;
    height: 72px;
  }
  .profile-card .info {
    width: 100vw;
  }
  .profile-card .info .info-name {
    font-size: 18px;
  }
  .profile-card .info .info-subcategory {
    font-size: 12px;
  }
  .profile-card:hover {
    background-color: inherit;
  }
  .profile-card:active {
    background-color: #1D2029;
  }
}

.not-login-new {
  background: url("https://static1.personalitydatabase.net/2/pdb-app-static/383b469/app_static/img_pdb_web_mobile_top_main_bg.png");
  background-size: cover;
  background-position: bottom right;
}
.not-login-new .content {
  padding-top: 96px;
}
.not-login-new .content .title {
  padding: 0 24px;
  display: block;
  color: #F0F0F0;
  color: var(--content-primary, #F0F0F0);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.not-login-new .content .subtitle {
  padding: 0 24px;
  display: block;
  margin-top: 8px;
  color: #F0F0F0;
  color: var(--content-primary, #F0F0F0);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.7;
}
.not-login-new .content .search-box {
  padding: 16px;
  margin-top: 48px;
  margin-left: 24px;
  margin-right: 24px;
  border-radius: 99px;
  background: #F0F0F0;
  background: var(--content-primary, #F0F0F0);
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  align-items: center;
  align-content: center;
}
.not-login-new .content .search-box .placeholder {
  overflow: hidden;
  color: #07080D;
  color: var(--pdb-bg-color-1, #07080D);
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  margin: 0;
  font-weight: 400;
  line-height: normal;
  opacity: 0.6;
  padding: 0;
}
.not-login-new .content .bottom_info {
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 24px;
  padding-top: 24px;
  padding-bottom: 59px;
  display: flex;
  width: 100%;
  flex: 1 1;
  background: linear-gradient(180deg, rgba(7, 8, 13, 0) 0%, #07080D 100%);
}
.not-login-new .content .bottom_info .count_info {
  display: flex;
  grid-gap: 24px;
  gap: 24px;
}
.not-login-new .content .bottom_info .count_info .item .title {
  margin: 0;
  color: #F0F0F0;
  color: var(--content-primary, #F0F0F0);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.7;
  padding: 0;
}
.not-login-new .content .bottom_info .count_info .item .count {
  padding: 0;
  display: block;
  color: #F0F0F0;
  color: var(--content-primary, #F0F0F0);
  font-size: 16px;
  margin-top: 8px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.pc-not-login-new {
  background: url("https://static1.personalitydatabase.net/2/pdb-app-static/f51e9a7e/app_static/img_pdb_web_pc_top_main_bg.png");
  background-size: cover;
  border-radius: 16px;
  margin-bottom: 56px;
  padding: 96px 48px 48px 24px;
}
.pc-not-login-new .title {
  display: block;
  color: #F0F0F0;
  color: var(--content-primary, #F0F0F0);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.pc-not-login-new .subtitle {
  display: block;
  margin-top: 8px;
  color: #F0F0F0;
  color: var(--content-primary, #F0F0F0);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.7;
}
.pc-not-login-new .bottom_info {
  margin-top: 48px;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 24px;
  gap: 24px;
}
.pc-not-login-new .bottom_info .count_info {
  display: flex;
  grid-gap: 16px;
  gap: 16px;
}
.pc-not-login-new .bottom_info .count_info .item .title {
  color: #F0F0F0;
  color: var(--content-primary, #F0F0F0);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.7;
}
.pc-not-login-new .bottom_info .count_info .item .count {
  display: block;
  color: #F0F0F0;
  color: var(--content-primary, #F0F0F0);
  font-size: 16px;
  margin-top: 8px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.pc-not-login-new .bottom_info .space {
  flex: 1 1;
}
.pc-not-login-new .bottom_info .download_app {
  display: flex;
  align-self: flex-start;
  background-color: var(--white-94);
  border-radius: 28px;
  padding: 16px 28px;
  align-content: center;
  align-items: center;
}
.pc-not-login-new .bottom_info .download_app .divider {
  background-color: #000;
  opacity: 0.2;
  width: 1px;
  align-self: center;
  height: 12px;
  margin: 0 8px;
}
.pc-not-login-new .bottom_info .download_app .text {
  padding: 0;
  margin: 0 0 0 8px;
  color: #07080D;
  color: var(--pdb-bg-color-1, #07080D);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  touch-action: pan-y;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
  visibility: visible;
}
.ant-carousel .slick-list .slick-slide > div > div {
  vertical-align: bottom;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
  touch-action: pan-y;
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '←';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '→';
}
.ant-carousel .slick-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex !important;
  justify-content: center;
  margin-right: 15%;
  margin-bottom: 0;
  margin-left: 15%;
  padding-left: 0;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
  bottom: auto;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  flex: 0 1 auto;
  box-sizing: content-box;
  width: 16px;
  height: 3px;
  margin: 0 4px;
  padding: 0;
  text-align: center;
  text-indent: -999px;
  vertical-align: top;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button {
  position: relative;
  display: block;
  width: 100%;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li button::after {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: '';
}
.ant-carousel .slick-dots li.slick-active {
  width: 24px;
}
.ant-carousel .slick-dots li.slick-active button {
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active:hover,
.ant-carousel .slick-dots li.slick-active:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  flex-direction: column;
  width: 3px;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  right: auto;
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
  left: auto;
}
.ant-carousel-vertical .slick-dots li {
  width: 3px;
  height: 16px;
  margin: 4px 0;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active {
  width: 3px;
  height: 24px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}
.ant-carousel-rtl {
  direction: rtl;
}
.ant-carousel-rtl .ant-carousel .slick-track {
  right: 0;
  left: auto;
}
.ant-carousel-rtl .ant-carousel .slick-prev {
  right: -25px;
  left: auto;
}
.ant-carousel-rtl .ant-carousel .slick-prev::before {
  content: '→';
}
.ant-carousel-rtl .ant-carousel .slick-next {
  right: auto;
  left: -25px;
}
.ant-carousel-rtl .ant-carousel .slick-next::before {
  content: '←';
}
.ant-carousel-rtl.ant-carousel .slick-dots {
  flex-direction: row-reverse;
}
.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
  flex-direction: column;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.trending-page {
  padding: 0 24px;
}
.trending-page .profile-card-link {
  display: inline-block;
  width: calc(50% - 16px);
  margin-bottom: 16px;
  margin-right: 16px;
}
.trending-page .profile-card {
  display: inline-flex;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}
.trending-page .ant-carousel {
  height: 176px;
  margin-bottom: 40px;
}
.trending-page .ant-carousel .slick-prev,
.trending-page .ant-carousel .slick-next,
.trending-page .ant-carousel .slick-prev:hover,
.trending-page .ant-carousel .slick-next:hover {
  width: 24px;
  height: 24px;
  z-index: 2;
  font-size: 24px;
  color: currentColor;
}
.trending-page .ant-carousel .slick-prev {
  left: 12px;
}
.trending-page .ant-carousel .slick-prev:hover circle {
  fill-opacity: 1 !important;
}
.trending-page .ant-carousel .slick-next {
  right: 12px;
  transform: rotate(180deg);
}
.trending-page .ant-carousel .slick-next:hover circle {
  fill-opacity: 1 !important;
}
.trending-page .ant-carousel .slick-dots {
  z-index: 1;
}
.trending-page .ant-carousel .slick-dots li button {
  display: block !important;
  width: 100% !important;
  height: 3px !important;
  padding: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 1px !important;
  outline: none !important;
  cursor: pointer !important;
  opacity: 0.3 !important;
  transition: all 0.5s !important;
}
.trending-page .ant-carousel .slick-dots-bottom {
  bottom: 6px;
  margin-bottom: 0;
}
.trending-page .ant-carousel .carousel-container {
  display: inline-flex !important;
  width: 100%;
  height: 176px;
  align-items: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
}
.trending-page .ant-carousel .carousel-container > * {
  pointer-events: none;
}
.trending-page .ant-carousel .carousel-container .avatar {
  flex-shrink: 0;
  width: 118px;
  height: 118px;
  margin-left: 37px;
}
.trending-page .ant-carousel .carousel-container .information {
  margin-left: 38px;
}
.trending-page .ant-carousel .carousel-container .information .information-name {
  display: block;
  font-size: 26px;
  color: white;
}
.trending-page .ant-carousel .carousel-container .information .information-subcategory {
  display: block;
  font-size: 12px;
  color: #8C8C8C;
}
.trending-page .ant-carousel .carousel-container .information .information-type {
  display: block;
  color: #C3924A;
  font-size: 16px;
}
.trending-page .ant-carousel .carousel-container .information .information-description {
  display: block;
  color: #D9D9D9;
  font-size: 16px;
  max-width: 550px;
}
.trending-page .top-story {
  margin-bottom: 40px;
}
.trending-page .top-story .top-story-list {
  display: flex;
  height: 383px;
  flex-wrap: wrap;
  margin-right: 16px;
}
.trending-page .top-story .top-story-list .top-story-item {
  position: relative;
  display: flex;
  width: calc(50% - 8px);
  min-height: 145px;
  border-radius: 16px;
  padding: 8px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 16px;
}
.trending-page .top-story .top-story-list .top-story-item .rc-col-3 {
  position: relative;
}
.trending-page .top-story .top-story-list .top-story-item .avatar {
  position: absolute;
  width: 56px;
  height: 56px;
}
.trending-page .top-story .top-story-list .top-story-item .avatar img {
  border-radius: 8px;
}
.trending-page .top-story .top-story-list .top-story-item .avatar:first-child {
  left: 0px;
  top: calc(50% - 56px / 2 - 18.5px);
  -webkit-filter: drop-shadow(0px 4.07273px 7.12727px rgba(19, 78, 97, 0.25));
          filter: drop-shadow(0px 4.07273px 7.12727px rgba(19, 78, 97, 0.25));
  z-index: 1;
}
.trending-page .top-story .top-story-list .top-story-item .avatar:nth-child(2) {
  left: 20px;
  top: calc(50% - 56px / 2 + 18.5px);
}
.trending-page .top-story .top-story-list .top-story-item .top-story-title {
  position: relative;
  display: block;
  font-size: 18px;
  font-family: 'gilroyextrabold';
  cursor: pointer;
}
.trending-page .top-story .top-story-list .top-story-item .top-story-title img {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 2px;
  transform: translateY(-2px);
}
.trending-page .top-story .top-story-list .top-story-item .top-story-stories {
  margin-top: 8px;
}
.trending-page .top-story .top-story-list .top-story-item .top-story-stories li a {
  position: relative;
  display: block;
  padding: 8px 14px 8px 0;
  color: #D9D9D9;
  font-size: 14px;
  border-top: 0.5px solid rgba(89, 89, 89, 0.3);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.trending-page .top-story .top-story-list .top-story-item .top-story-stories li a:hover {
  color: #595959;
}
.trending-page .top-story .top-story-list .top-story-item .right-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.trending-page .top-story .top-story-list .top-story-item:nth-child(4) {
  background-image: linear-gradient(155deg, #322A2D 4.41%, #2F2228 90.91%);
}
.trending-page .top-story .top-story-list .top-story-item:nth-child(4) .top-story-title {
  color: #DC9DC3;
}
.trending-page .top-story .top-story-list .top-story-item:nth-child(3) {
  background-image: linear-gradient(155deg, #2F2D36 4.41%, #272533 90.91%);
}
.trending-page .top-story .top-story-list .top-story-item:nth-child(3) .top-story-title {
  color: #9583DD;
}
.trending-page .top-story .top-story-list .top-story-item:nth-child(2) {
  background-image: linear-gradient(155deg, #232A31 4.41%, #1C2A37 90.91%);
}
.trending-page .top-story .top-story-list .top-story-item:nth-child(2) .top-story-title {
  color: #7EC3CD;
}
.trending-page .top-story .top-story-list .top-story-item:nth-child(1) {
  background-image: linear-gradient(155deg, #38443B 4.41%, #2E3C33 90.91%);
}
.trending-page .top-story .top-story-list .top-story-item:nth-child(1) .top-story-title {
  color: #80BF89;
}
.trending-page .top-story .top-story-list .top-story-item:nth-child(2n) {
  margin-left: 16px !important;
}
.trending-page .top-story .top-story-list .top-story-item:nth-last-child(2),
.trending-page .top-story .top-story-list .top-story-item:last-child {
  margin-bottom: 0;
}
.trending-page .category {
  display: none;
  align-items: center;
  margin-bottom: 32px;
}
.trending-page .category .category-item {
  flex: 1 1;
  display: inline-flex;
  align-items: center;
  padding: 4px;
  border: 1px solid #112C20;
  border-radius: 99px;
  overflow: hidden;
}
.trending-page .category .category-item .category-item-icon {
  flex-shrink: 0;
  float: left;
  width: 36px;
  height: 36px;
  margin-right: 4px;
  border-radius: 50%;
  background-size: cover;
}
.trending-page .category .category-item label {
  display: block;
  pointer-events: none;
  font-size: 12px;
  color: #6BC79F;
  overflow: hidden;
}
.trending-page .category .category-item.real_profiles .category-item-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF80NzJfMzU2MzcpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ3Ml8zNTYzNykiPgo8cmVjdCB4PSIxIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHJ4PSIxOCIgZmlsbD0iIzExMkMyMCIvPgo8cGF0aCBkPSJNMTIuMjcxMSAyNy41NTI3QzEyLjkwNzYgMjYuODc1MyAxMy4yNDcxIDI2LjkwNzYgMTMuMzYzOCAyNi43Njc4QzEzLjQ4MDUgMjYuNjI4IDE0Ljc3NDggMjMuOTM5OSAxNC43NzQ4IDIzLjI5NDdDMTQuNzc0OCAyMi42NDk2IDE0LjkzMzkgMjEuNDY2OCAxNC43NzQ4IDIwLjcxNDFDMTQuNjE1NyAxOS45NjE1IDE0LjAzMjIgMTguODg2MiAxNC4wMzIyIDE4Ljg4NjJDMTQuMDMyMiAxOC44ODYyIDEzLjQ4MDUgMTguOTYxNSAxMy4zOTU2IDE4Ljg4NjJDMTMuMzEwOCAxOC44MTEgMTMuMzQyNiAxNy44OTcgMTMuMDc3NCAxNy42MjgyQzEyLjgxMjEgMTcuMzU5NCAxMi4zMDI5IDE2LjU1MjkgMTIuMzAyOSAxNi4xMjI4QzEyLjMwMjkgMTUuNjkyNyAxMi4zMDI5IDE1LjE1NTEgMTIuMzAyOSAxNS4xNTUxQzEyLjMwMjkgMTUuMTU1MSAxMy4wMTM3IDE0LjcyNSAxMy4xNTE2IDE0LjI2MjZDMTMuMjg5NiAxMy44MDAzIDEzLjUyMjkgMTMuNzI1IDEzLjU0NDIgMTMuMzI3MkMxMy41NjU0IDEyLjkyOTMgMTMuNjgyMSAxMS45MjkzIDEzLjY4MjEgMTEuOTI5M0MxMy42ODIxIDExLjkyOTMgMTQuMDc0NiAxMS4zMTY1IDE0LjA3NDYgMTAuOTI5NEMxNC4wNzQ2IDEwLjUzMTUgMTQuMTQ4OSAxMC4zNTk1IDE0LjE0ODkgMTAuMzU5NUMxNC4xNDg5IDEwLjM1OTUgMTQuMjg2OCAxMC40Nzc4IDE0LjY4OTkgOS43ODk2QzE1LjA5MzEgOS4xMDE0NCAxNi4yMjgyIDcuOTcyNDMgMTYuMjI4MiA3LjgxMTE0QzE2LjIyODIgNy42NDk4NSAxNy40MTY0IDcuNjI4MzQgMTcuNzEzNSA3LjQ1NjNDMTguMDEwNSA3LjI3MzUxIDE4LjkxMjMgNy4wNDc3MSAxOS41OTEzIDcuNDU2M0MyMC4yNTk3IDcuODY0OSAyMS4wNDQ3IDguNDQ1NTQgMjEuMzk0OCA5LjM5MTc2QzIxLjc0NDkgMTAuMzM4IDIxLjk5OTUgMTEuNTYzOCAyMi4xNjkzIDEyLjQwMjVDMjIuMzM5IDEzLjI0MTIgMjMuMjMwMiAxNC44OTcgMjMuNTgwMyAxNS4yNzM0QzIzLjkzMDQgMTUuNjQ5NyAyMy44OTg1IDE1Ljg0MzMgMjMuODk4NSAxNS44NDMzQzIzLjg5ODUgMTUuODQzMyAyMy44NjY3IDE4LjQwMjQgMjMuNjEyMSAxOC40NTYxQzIzLjM1NzUgMTguNTA5OSAyMi44Mzc2IDE4LjU2MzYgMjIuODM3NiAxOC41NjM2QzIyLjgzNzYgMTguNTYzNiAyMi44MTY0IDE5LjA2OSAyMi41OTM2IDE5LjQ5OTFDMjIuMzYwMiAxOS45MjkyIDIxLjg1MSAyMC4zOTE2IDIxLjg1MSAyMC4zOTE2QzIxLjg1MSAyMC4zOTE2IDIxLjY3MDYgMjEuNTc0MyAyMS42NzA2IDIyLjQzNDVDMjEuNjcwNiAyMy4yOTQ3IDIxLjU0MzMgMjUuNjA2NSAyMS44MDg2IDI1LjczNTZDMjIuMDczOCAyNS44NjQ2IDIyLjc5NTIgMjYuNDY2NyAyMy4xODc3IDI2LjQ4ODJDMjMuNTgwMyAyNi41MDk3IDI0Ljg1MzMgMjcuMDI1OSAyNS41MjE3IDI3LjUzMTJDMjYuMTkwMSAyOC4wMzY2IDI3LjI0MDQgMjguNzg5MyAyNy41MDU2IDI4LjgyMTVDMjcuNzcwOCAyOC44NTM4IDI5LjAyMjcgMjguODIxNSAyOS4wMjI3IDI4LjgyMTVDMjkuMDIyNyAyOC44MjE1IDI5LjU3NDMgMjcuNDIzNyAyOC44NDIzIDI3LjA2ODlDMjguMTIwOSAyNi43MTQgMjcuNTE2MiAyNi4yODM5IDI3LjExMzEgMjYuMjgzOUMyNi43MDk5IDI2LjI4MzkgMjYuNTA4MyAyNi4yMDg3IDI2LjUwODMgMjYuMjA4N0wyNi4zNzA0IDI1LjY3MTFDMjYuMzcwNCAyNS42NzExIDI3LjQ2MzIgMjUuNDM0NSAyNy42MTE3IDI1LjEwMTJDMjcuNzQ5NiAyNC43NTcxIDI3LjgyMzkgMjQuNTYzNSAyNy44MjM5IDI0LjU2MzVDMjcuODIzOSAyNC41NjM1IDI4Ljc3ODcgMjQuMzcgMjguNzc4NyAyNC4yMDg3QzI4Ljc3ODcgMjQuMDQ3NCAyOC43Nzg3IDI0LjA0NzQgMjguNzc4NyAyNC4wNDc0QzI4Ljc3ODcgMjQuMDQ3NCAyOS4wODYzIDI0LjI4NCAyOS4yMjQyIDI0LjEzMzRDMjkuMzYyMiAyMy45OTM3IDI5LjIyNDIgMjMuNTYzNiAyOS4yMjQyIDIzLjU2MzZDMjkuMjI0MiAyMy41NjM2IDI5LjcwMTYgMjIuMzQ4NSAyOS4xMjg4IDIxLjg3NTRDMjguNTY2NSAyMS40MTMxIDI5LjA1NDUgMjEuNzE0MSAyOC40NjA0IDIwLjgzMjRDMjcuODU1NyAxOS45NTA3IDI3Ljc5MiAxOS42NDk2IDI3Ljc5MiAxOS42NDk2QzI3Ljc5MiAxOS42NDk2IDI3LjkyOTkgMTkuMzU5MyAyNy42ODU5IDE4LjcxNDJDMjcuNDQxOSAxOC4wNjkgMjYuODY5IDE3LjQ1NjEgMjYuODY5IDE3LjQ1NjFDMjYuODY5IDE3LjQ1NjEgMjcuMTM0MyAxNi4zMDU2IDI3LjAwNyAxNS44NDMzQzI2Ljg3OTcgMTUuMzgwOSAyNi4xMzcgMTQuOTUwOCAyNi4yNjQzIDEzLjg3NTZDMjYuMzkxNiAxMi44MDAzIDI3LjA4MTIgMTEuMTEyMiAyNS42NTk2IDkuNTQyMjlDMjQuMjQ4NiA3Ljk2MTY3IDIyLjU2MTggNS44MDA0MiAyMC43NDc3IDUuMzQ4ODFDMTguOTMzNSA0Ljg5NzIxIDE2LjQxOTIgNC4zODEwOSAxNS41ODExIDUuMzQ4ODFDMTQuNzQzIDYuMzE2NTQgMTQuNzY0MiA3LjE0NDQ4IDE0Ljc2NDIgNy4xNDQ0OEMxNC43NjQyIDcuMTQ0NDggMTIuNTM2MyA3LjU0MjMyIDEyLjAzNzcgOC40MzQ3OEMxMS41MzkxIDkuMzI3MjQgMTAuOTIzNyAxMC40NTYzIDEwLjczMjggMTIuMDkwNkMxMC41NDE4IDEzLjcyNSA5LjQ4MDkzIDE4LjQ1NjEgOS44ODQwNyAyMC4wNzk3QzEwLjI4NzIgMjEuNzE0MSAxMC44Mzg5IDIxLjg1MzkgMTAuNTUyNCAyMi4yMzAyQzEwLjI2NiAyMi42MDY2IDguNDgzNjggMjQuMjczMiA4LjYxMDk5IDI0LjczNTZDOC43MzgzIDI1LjE5NzkgOS4yMTU3IDI1LjM4MDcgOS4yMTU3IDI2LjAyNTlDOS4yMTU3IDI2LjY3MSA5Ljg4NDA3IDI2Ljg2NDYgOS43NDYxNSAyNy4yNDA5QzkuNjA4MjMgMjcuNjE3MyA5LjI3OTM2IDI3LjkwNzYgOS40NzAzMiAyOC4zMjY5QzkuNzI0OTMgMjguODQzIDExLjYzNDUgMjguMjMwMSAxMi4yNzExIDI3LjU1MjdaIiBmaWxsPSIjNkJDNzlGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguNDU2NiAxNy4wNTY2QzE4LjQ2NzIgMTcuMDY3NCAxOC40ODg1IDE3LjA2NzQgMTguNTA5NyAxNy4wNTY2QzE4LjU3MzMgMTcuMDEzNiAxOC43MzI1IDE2LjkxNjkgMTguOTAyMiAxNi45Mzg0QzE4Ljk3MzkgMTYuOTQ1MyAxOS4wMTgyIDE2Ljk0NzcgMTkuMDU4MyAxNi45NjE5QzE5LjE0MjggMTYuOTkxNyAxOS4yMDg5IDE3LjA3MzQgMTkuNDc1MSAxNy4zNTc3QzE5Ljc4MjcgMTcuNjgwMyAyMC4zMjM4IDE4LjAyNDQgMjAuNTU3MiAxOC4xNTM0QzIwLjU4OSAxOC4xNzQ5IDIwLjU4OSAxOC4yMzk0IDIwLjU0NjYgMTguMjUwMkMyMC40NDQzIDE4LjI4NzQgMjAuMzA4OCAxOC4zNTAzIDIwLjE1MDggMTguNDIzN0MxOS42Njk3IDE4LjY0NzEgMTguOTc4NiAxOC45Njc5IDE4LjM3MTggMTguOTU5OEMxNy42MjkxIDE4Ljk0OTEgMTYuNzM4IDE4LjQ0MzcgMTYuNDYyMSAxOC4yNzE3QzE2LjQzMDMgMTguMjUwMiAxNi40MzAzIDE4LjE4NTYgMTYuNDcyNyAxOC4xNzQ5TDE2LjYyMTMgMTguMTEwNEMxNi43NjI4IDE4LjA1NDMgMTcuMTE4MiAxNy43MjM0IDE3LjQzMzMgMTcuNDMwMkMxNy42NjE3IDE3LjIxNzYgMTcuODY4OCAxNy4wMjQ4IDE3Ljk1OCAxNi45NzA2QzE4LjEyNzcgMTYuODYzMSAxOC4zNzE4IDE3LjAwMjkgMTguNDU2NiAxNy4wNTY2Wk0xNy43OTk0IDE4LjA2NjZDMTcuNzg4NyAxOC4wNzc0IDE3Ljc5OTQgMTguMDk4OSAxNy44MSAxOC4wOTg5QzE3Ljg5MTIgMTguMDk4OSAxOC4wODU1IDE4LjA4ODUgMTguMjcxMiAxOC4wNzg1QzE4LjM1MjMgMTguMDc0MSAxOC40MzE4IDE4LjA2OTkgMTguNDk5NSAxOC4wNjY2QzE4LjczMjkgMTguMDY2NiAxOS4xMTQ5IDE4LjA4ODEgMTkuMjQyMiAxOC4wOTg5QzE5LjI1MjggMTguMDk4OSAxOS4yNjM0IDE4LjA3NzQgMTkuMjUyOCAxOC4wNjY2QzE5LjE2NzkgMTcuOTkxMyAxOC45NTU3IDE3LjgwODYgMTguODcwOSAxNy43NzYzQzE4Ljc5MzMgMTcuNzQ3NyAxOC42OTcgMTcuNzg1NiAxOC42MTYyIDE3LjgxNzRDMTguNTc1NCAxNy44MzM1IDE4LjUzODYgMTcuODQ4IDE4LjUxMDIgMTcuODUxNkMxOC40NjcgMTcuODU3IDE4LjQxNTcgMTcuODM3NSAxOC4zNjE3IDE3LjgxN0MxOC4zMDk0IDE3Ljc5NzEgMTguMjU0NyAxNy43NzYzIDE4LjIwMjUgMTcuNzc2M0MxOC4xMjQzIDE3Ljc3NjMgMTcuOTIwMyAxNy45NTg2IDE3LjgyMjIgMTguMDQ2M0MxNy44MTM3IDE4LjA1MzggMTcuODA2MSAxOC4wNjA3IDE3Ljc5OTQgMTguMDY2NloiIGZpbGw9IiM2QkM3OUYiLz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNDcyXzM1NjM3IiB4PSIwIiB5PSIwIiB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMTUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd180NzJfMzU2MzciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNDcyXzM1NjM3IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ3Ml8zNTYzNyI+CjxyZWN0IHg9IjEiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgcng9IjE4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}
.trending-page .category .category-item.ficitional_profiles:not(.hide) .category-item-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF80NzJfMzU2MzUpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ3Ml8zNTYzNSkiPgo8cmVjdCB4PSIxIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHJ4PSIxOCIgZmlsbD0iIzExMkMyMCIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfNDcyXzM1NjM1KSI+CjxwYXRoIGQ9Ik0yNS4xNDYyIDE2LjgwNjRDMjUuMzU4NCAxNy43MTc2IDI2LjY3NDYgMjMuMjc3OSAyNi4wNjI5IDI0LjY2MzVDMjUuNDAxMyAyNi4xNzM5IDIxLjM5NDQgMjkuNjMxNiAxNy42MTIxIDI5LjYzMTZDMTUuNzE0NyAyOS42MzE2IDEzLjc2NzQgMjguNzcwMyAxMi4yMTk1IDI3LjcwOTNDMTAuNjcxNiAyNi42NjA3IDkuNDk4MjYgMjUuNDEyNCA5LjE3MzcxIDI0LjY2MzVDOC41NDk1NyAyMy4yNTI5IDkuOTQwNCAxNy42MDg1IDEwLjExNTIgMTYuODIyMUMxMC4yNTI1IDE3LjE5NjUgMTEuMjU4MyAxOS44MDc3IDE0LjU2NjMgMTkuODA3N0MxNC44MTU5IDE5LjgwNzcgMTUuMjAyOSAxOS43NDUyIDE1LjQ1MjYgMTkuNzA3OEMxNS42NTIzIDE5LjY4MjggMTUuODY0NSAxOS42MzI5IDE2LjA3NjcgMTkuNTk1NEMxNi4wMjY4IDE5Ljc1NzcgMTUuOTg5MyAxOS45MzI1IDE1Ljk4OTMgMjAuMTA3MkMxNS45ODkzIDIxLjAwNiAxNi43MTMzIDIxLjczIDE3LjYxMjEgMjEuNzNDMTguNTEwOCAyMS43MyAxOS4yMzQ4IDIxLjAwNiAxOS4yMzQ4IDIwLjEwNzJDMTkuMjM0OCAxOS45MDc1IDE5LjE5NzQgMTkuNzIwMyAxOS4xMzUgMTkuNTQ1NUMxOS4zNDcyIDE5LjU4MyAxOS42MDkzIDE5LjYzMjkgMTkuOTMzOSAxOS42OTUzQzIwLjE4MzUgMTkuNzQ1MiAyMC40MjA3IDE5Ljc5NTIgMjAuNjcwNCAxOS44MDc3QzI0Ljc2NDcgMTkuODU3NiAyNS4wOTYyIDE3LjI5MzIgMjUuMTQ2MiAxNi44MDY0WiIgZmlsbD0iIzZCQzc5RiIvPgo8cGF0aCBkPSJNMjUuMjI4NSAxNi43MDI4TDI1LjI1MzQgMTYuNzQwMkMyNS4yNTM0IDE2Ljc0MDIgMjUuMjUzNCAxNi43NjUxIDI1LjI1MzQgMTYuODE0OUMyNS4yNDEgMTYuNzQwMiAyNS4yMjg1IDE2LjY5MDQgMjUuMjI4NSAxNi43MDI4WiIgZmlsbD0iIzZCQzc5RiIvPgo8cGF0aCBkPSJNOS45ODYzMyAxNi43MzUxTDEwLjAyMzcgMTYuNjg1M0MxMC4wMjM3IDE2LjY4NTMgMTAuMDExMiAxNi43MjI3IDkuOTk4NzggMTYuNzcyNUM5Ljk4NjMzIDE2Ljc2IDkuOTg2MzMgMTYuNzM1MSA5Ljk4NjMzIDE2LjczNTFaIiBmaWxsPSIjNkJDNzlGIi8+CjxwYXRoIGQ9Ik05LjE4Nzk1IDE1LjE1MDhDOS4xNzU0NyAxNS4yMDA3IDkuMTc1NDcgMTUuMjM4MSA5LjE3NTQ3IDE1LjI4ODFWMTUuMzAwNkM5LjE2Mjk5IDE1LjQwMDQgOS4xNzU0NyAxNS41MDAzIDkuMTc1NDcgMTUuNTg3N0M5LjIwMDQ0IDE2LjA5OTUgOS45NjE4OSAxNi42ODYxIDEwLjAyNDMgMTYuNjg2MUMxMC4wMjQzIDE2LjY4NjEgMTAuMTk5MSAxNi4zMzY2IDEwLjU5ODUgMTUuNzQ5OUMxMS4xNDc4IDE0Ljk1MSAxMi44MDggMTQuMjY0NSAxNS4wNjczIDEzLjc3NzdDMTcuMTc2OSAxMy4zMjgzIDIwLjA0OCAxMy4yNTM0IDIzLjA0MzkgMTQuNDE0M0MyMy41MzA3IDE0LjYwMTUgMjMuOTgwMSAxNC44ODg2IDI0LjM1NDUgMTUuMjYzMUMyNS4xMDM1IDE2LjAyNDYgMjUuMjUzMyAxNi42ODYxIDI1LjI1MzMgMTYuNjg2MUMyNS4yNTMzIDE2LjY4NjEgMjUuOTc3MyAxNi41MzY0IDI2LjIzOTQgMTUuNzQ5OUMyNi4yNTE5IDE1LjcgMjYuMjc2OSAxNS42NTAxIDI2LjI4OTQgMTUuNTg3N0MyNi41MTQxIDE0LjY2MzkgMjUuMTkwOSAxMy43NTI3IDIzLjc5MjggMTMuMDAzN0MyMi40MzIyIDEyLjI3OTcgMjAuMTk3OCAxMS42MzA2IDE3LjQwMTYgMTEuNjMwNkMxNC42MDU1IDExLjYzMDYgMTIuMzU4NiAxMi41Mjk0IDEwLjc3MzMgMTMuNDc4MUM5LjU5OTg4IDE0LjE3NzEgOS4yNzUzMyAxNC43MTM5IDkuMTg3OTUgMTUuMTUwOFoiIHN0cm9rZT0iIzZCQzc5RiIgc3Ryb2tlLXdpZHRoPSIwLjMwMDc3OSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+CjxwYXRoIGQ9Ik0yMC4wMjkzIDE3LjI2OTlDMjAuMDI5MyAxNi43MTU2IDIwLjQ3MTYgMTYuMjY3MyAyMS4wMzE5IDE2LjI2NzNDMjEuNTkyMiAxNi4yNjczIDIyLjAzNDUgMTYuNzE1NiAyMi4wMzQ1IDE3LjI2OTkiIHN0cm9rZT0iIzZCQzc5RiIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMy4wMDk4IDE3LjI2OTlDMTMuMDA5OCAxNi43MjA5IDEzLjQ1MjEgMTYuMjY3MyAxNC4wMTI0IDE2LjI2NzNDMTQuNTcyNiAxNi4yNjczIDE1LjAxNSAxNi43MjA5IDE1LjAxNSAxNy4yNjk5IiBzdHJva2U9IiM2QkM3OUYiIHN0cm9rZS13aWR0aD0iMC41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI5LjczMTMgMTYuNTY4MkMyOS43MzUzIDE2LjU2OTkgMjkuNzM5MiAxNi41NzE0IDI5Ljc0MyAxNi41NzI4QzI5Ljc0NTYgMTYuNTczOCAyOS43NDgzIDE2LjU3NDcgMjkuNzUwOSAxNi41NzU2QzI5Ljc0NDQgMTYuNTczMSAyOS43Mzc5IDE2LjU3MDYgMjkuNzMxMyAxNi41NjgyWk0yOS43ODA5IDE2LjU4NzRIMjkuNzc5MkwyOS43NDIxIDE2LjU3NThDMjkuNTMyNCAxNi41MTAzIDI5LjMxMjUgMTYuNDcxOCAyOS4wODExIDE2LjQ3MThDMjguMzA2OCAxNi40NzE4IDI3LjYyNzcgMTYuODk4MyAyNy4yNDc3IDE3LjUyMzNDMjcuMjQyNyAxNy41MzUxIDI3LjIzNyAxNy41NDYgMjcuMjMxIDE3LjU1NkMyNy4yMzA2IDE3LjU1NjYgMjcuMjMwMiAxNy41NTczIDI3LjIyOTggMTcuNTU4QzI3LjA5MTQgMTcuODMyNCAyNy4wMTM3IDE4LjE0MzQgMjcuMDEzNyAxOC40NzM5QzI3LjAxMzcgMTkuNTg0OSAyNy45MTI0IDIwLjQ5NjEgMjkuMDM1OSAyMC40OTYxQzMwLjE0NjkgMjAuNDk2MSAzMS4wNTgxIDE5LjU5NzQgMzEuMDU4MSAxOC40NzM5QzMxLjA1ODEgMTcuNjEzMyAzMC41MjM3IDE2Ljg4NjQgMjkuNzgwOSAxNi41ODc0Wk0yNy4wMzA4IDE2Ljk0ODJDMjYuOTc0NSAxNi44MzMgMjYuOTEyOSAxNi43MTI2IDI2Ljg0OTkgMTYuNTk5MkMyNi42MjUyIDE2LjE3NDggMjYuMjI1NyAxNS43NjI5IDI2LjIyNTcgMTUuNzYyOUMyNi4yMzEgMTUuNzQxNyAyNi4yMzg2IDE1LjcyMDUgMjYuMjQ2NSAxNS42OTgzQzI2LjI1NzIgMTUuNjY4MyAyNi4yNjg1IDE1LjYzNjUgMjYuMjc1NyAxNS42MDA2QzI2LjUwMDQgMTQuNjc2OSAyNS4xNzcyIDEzLjc2NTYgMjMuNzc5MSAxMy4wMTY3QzIyLjQxODUgMTIuMjkyNyAyMC4xODQxIDExLjY0MzYgMTcuMzg3OSAxMS42NDM2QzE0LjU5MTggMTEuNjQzNiAxMi4zNTc0IDEyLjUyOTggMTAuNzcyMSAxMy40Nzg1QzkuNTk4NjcgMTQuMTc3NiA5LjI3NDEyIDE0LjcwMTggOS4xOTkyMiAxNS4xMzg3QzkuNDYxMzYgMTMuMjQxNCAxMS4yOTYzIDQuNTE1ODggMjIuMjQzNyA2LjUzODA5QzI1LjkzODYgNy4yMzcxMyAyOC4yNjA0IDExLjcxODQgMjguNzU5OCAxMy4wOTE2QzI5LjE0OSAxNC4xNTIyIDI5LjQ0NzIgMTUuMjUwNyAyOS41Nzc1IDE2LjAwODhDMjkuNDE4NCAxNS45Nzg0IDI5LjI1MjggMTUuOTYxMyAyOS4wODExIDE1Ljk2MTNDMjguMjUwNSAxNS45NjEzIDI3LjUxNiAxNi4zNTM5IDI3LjAzMDggMTYuOTQ4MloiIGZpbGw9IiM2QkM3OUYiLz4KPC9nPgo8L2c+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF80NzJfMzU2MzUiIHg9IjAiIHk9IjAiIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIxIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzQ3Ml8zNTYzNSIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd180NzJfMzU2MzUiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDcyXzM1NjM1Ij4KPHJlY3QgeD0iMSIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiByeD0iMTgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDFfNDcyXzM1NjM1Ij4KPHJlY3Qgd2lkdGg9IjIyLjA1NzEiIGhlaWdodD0iMjMuMzkyOCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkgNi4yMzk5OSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}
.trending-page .category .category-item.me_polled .category-item-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF80NzJfMzU2MzYpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ3Ml8zNTYzNikiPgo8cmVjdCB4PSIxIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHJ4PSIxOCIgZmlsbD0iIzExMkMyMCIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfNDcyXzM1NjM2KSI+CjxwYXRoIGQ9Ik0xOC45NjUzIDExLjA3NTFDMTQuNzE0MiAxMS4wNzUxIDExLjI2MTIgMTQuNTI4IDExLjI2MTIgMTguNzk1NEMxMS4yNjEyIDIxLjAyNjggMTIuMjIyMiAyMy4wNDY1IDEzLjczNjkgMjQuNDQ3MkMxMy43NTMyIDI0LjQ0NzIgMTMuNzY5NSAyNC40NDcyIDEzLjc4NTggMjQuNDQ3MkMxNS42NzUyIDI0LjQ3OTggMTguNDYwNCAyMy40Njk5IDIxLjE4MDQgMjEuNjQ1N0MyMy42MjM1IDIwLjAwMDcgMjUuNDgwMyAxOC4wNzg3IDI2LjMyNzMgMTYuNDMzN0MyNS4zMTc0IDEzLjMyMjggMjIuNDAyIDExLjA3NTEgMTguOTY1MyAxMS4wNzUxWiIgZmlsbD0iIzZCQzc5RiIvPgo8cGF0aCBkPSJNMjYuNDQxMyAyMC4wMzUxQzI0Ljk1OTIgMjEuMzM4MSAyMy4yNjUzIDIyLjY1NzQgMjEuMzkyMiAyMy45MTE2QzIwLjA4OTIgMjQuNzkxMSAxOC43ODYyIDI1LjU3MjkgMTcuNTE1NyAyNi4yNTdDMTcuNDY2OSAyNi4yODk2IDE3LjQxOCAyNi4zMDU5IDE3LjM2OTEgMjYuMzM4NEMxNy44OTAzIDI2LjQ1MjUgMTguNDExNSAyNi41MDEzIDE4Ljk2NTMgMjYuNTAxM0MyMi44NTgxIDI2LjUwMTMgMjYuMDY2NyAyMy42MzQ3IDI2LjYwNDIgMTkuODg4NUMyNi41NTU0IDE5LjkzNzQgMjYuNDkwMiAxOS45ODYzIDI2LjQ0MTMgMjAuMDM1MVoiIGZpbGw9IiM2QkM3OUYiLz4KPHBhdGggZD0iTTMxLjYyMDUgMTAuNTg1OEMzMy4wODY0IDEyLjc2ODMgMjguNzcwMiAxOC4yMjQ3IDIxLjk3ODMgMjIuNzY4OUMxNS4xODYzIDI3LjMxMzIgOC41MDg0MSAyOS4yMTg4IDcuMDQyNTMgMjcuMDM2M0M2LjA0ODk4IDI1LjU3MDQgNy42Nzc3NCAyMi42MjIzIDEwLjkxOSAxOS40NjI1QzEwLjk2NzggMjAuMTMwMyAxMS4wOTgxIDIwLjc2NTYgMTEuMzA5OSAyMS4zNjgyQzEwLjY3NDcgMjIuNTg5OCAxMC41MjgxIDIzLjY2NDggMTEuMDMzIDI0LjM5NzdDMTIuMjU0NiAyNi4yMDU2IDE2Ljg0NzcgMjUuMjYwOSAyMS4yOTQyIDIyLjI4MDNDMjUuNzQwNyAxOS4yOTk3IDI4LjM3OTMgMTUuNDA2OSAyNy4xNTc3IDEzLjU5OUMyNi42NjkxIDEyLjg2NjEgMjUuNjQzIDEyLjU4OTIgMjQuMzA3NCAxMi43MDMyQzIzLjc4NjIgMTIuMjQ3MSAyMy4xOTk4IDExLjg1NjIgMjIuNTY0NiAxMS41MzA1QzI2Ljk3ODYgOS41MjcxMSAzMC41NzgxIDkuMDM4NDggMzEuNjIwNSAxMC41ODU4WiIgZmlsbD0iIzZCQzc5RiIvPgo8cGF0aCBkPSJNOS4xNDM4OCA5LjM5NTUxTDEwLjAzOTcgMTEuMDI0M0MxMC4wNzIzIDExLjA4OTQgMTAuMTIxMSAxMS4xMjIgMTAuMTcgMTEuMTU0NkwxMS43OTg4IDEyLjA1MDRDMTIuMDQzMSAxMi4xODA3IDEyLjA0MzEgMTIuNTIyNyAxMS43OTg4IDEyLjY1M0wxMC4xNyAxMy41NDg4QzEwLjEwNDkgMTMuNTgxNCAxMC4wNzIzIDEzLjYzMDMgMTAuMDM5NyAxMy42NzkxTDkuMTQzODggMTUuMzA3OUM5LjAxMzU4IDE1LjU1MjIgOC42NzE1NCAxNS41NTIyIDguNTQxMjQgMTUuMzA3OUw3LjY0NTQyIDEzLjY3OTFDNy42MTI4NSAxMy42MTQgNy41NjM5OCAxMy41ODE0IDcuNTE1MTIgMTMuNTQ4OEw1Ljg4NjM2IDEyLjY1M0M1LjY0MjA1IDEyLjUyMjcgNS42NDIwNSAxMi4xODA3IDUuODg2MzYgMTIuMDUwNEw3LjUxNTEyIDExLjE1NDZDNy41ODAyNyAxMS4xMjIgNy42MTI4NSAxMS4wNzMxIDcuNjQ1NDIgMTEuMDI0M0w4LjU0MTI0IDkuMzk1NTFDOC42ODc4MyA5LjE2NzQ4IDkuMDI5ODcgOS4xNjc0OCA5LjE0Mzg4IDkuMzk1NTFaIiBmaWxsPSIjNkJDNzlGIi8+CjxwYXRoIGQ9Ik0yMi4xNDE5IDcuMTk3N0wyMi41OTc5IDguMDI4MzdDMjIuNjE0MiA4LjA2MDk0IDIyLjYzMDUgOC4wNzcyMyAyMi42NjMxIDguMDkzNTJMMjMuNDkzNyA4LjU0OTU3QzIzLjYwNzggOC42MTQ3MiAyMy42MDc4IDguNzkzODkgMjMuNDkzNyA4Ljg1OTA0TDIyLjY2MzEgOS4zMTUwOUMyMi42MzA1IDkuMzMxMzggMjIuNjE0MiA5LjM0NzY3IDIyLjU5NzkgOS4zODAyNEwyMi4xNDE5IDEwLjIxMDlDMjIuMDc2NyAxMC4zMjQ5IDIxLjg5NzYgMTAuMzI0OSAyMS44MzI0IDEwLjIxMDlMMjEuMzc2MyA5LjM4MDI0QzIxLjM2MDEgOS4zNDc2NyAyMS4zNDM4IDkuMzMxMzggMjEuMzExMiA5LjMxNTA5TDIwLjQ4MDUgOC44NTkwNEMyMC4zNjY1IDguNzkzODkgMjAuMzY2NSA4LjYxNDcyIDIwLjQ4MDUgOC41NDk1N0wyMS4zMTEyIDguMDkzNTJDMjEuMzQzOCA4LjA3NzIzIDIxLjM2MDEgOC4wNjA5NCAyMS4zNzYzIDguMDI4MzdMMjEuODMyNCA3LjE5NzdDMjEuODk3NiA3LjA2NzQgMjIuMDc2NyA3LjA2NzQgMjIuMTQxOSA3LjE5NzdaIiBmaWxsPSIjNkJDNzlGIi8+CjxwYXRoIGQ9Ik0yOS4zNzM0IDE5Ljk2NjdMMjkuNzQ4IDIwLjY1MDhDMjkuNzY0MyAyMC42NjcxIDI5Ljc4MDYgMjAuNjk5NyAyOS43OTY5IDIwLjY5OTdMMzAuNDgxIDIxLjA3NDNDMzAuNTc4NyAyMS4xMjMxIDMwLjU3ODcgMjEuMjY5NyAzMC40ODEgMjEuMzE4NkwyOS43OTY5IDIxLjY5MzJDMjkuNzgwNiAyMS43MDk1IDI5Ljc0OCAyMS43MjU4IDI5Ljc0OCAyMS43NDIxTDI5LjM3MzQgMjIuNDI2MkMyOS4zMjQ1IDIyLjUyMzkgMjkuMTc4IDIyLjUyMzkgMjkuMTI5MSAyMi40MjYyTDI4Ljc1NDUgMjEuNzQyMUMyOC43MzgyIDIxLjcyNTggMjguNzIxOSAyMS42OTMyIDI4LjcwNTYgMjEuNjkzMkwyOC4wMjE1IDIxLjMxODZDMjcuOTIzOCAyMS4yNjk3IDI3LjkyMzggMjEuMTIzMSAyOC4wMjE1IDIxLjA3NDNMMjguNzA1NiAyMC42OTk3QzI4LjcyMTkgMjAuNjgzNCAyOC43NTQ1IDIwLjY2NzEgMjguNzU0NSAyMC42NTA4TDI5LjEyOTEgMTkuOTY2N0MyOS4xNjE3IDE5Ljg2OSAyOS4zMDgzIDE5Ljg2OSAyOS4zNzM0IDE5Ljk2NjdaIiBmaWxsPSIjNkJDNzlGIi8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNDcyXzM1NjM2IiB4PSIwIiB5PSIwIiB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMTUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd180NzJfMzU2MzYiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNDcyXzM1NjM2IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ3Ml8zNTYzNiI+CjxyZWN0IHg9IjEiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgcng9IjE4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAxXzQ3Ml8zNTYzNiI+CjxyZWN0IHdpZHRoPSIyNi4xNzQyIiBoZWlnaHQ9IjIwLjg0ODEiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjcyMzYzIDcuMDk5OTgpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}
.trending-page .category .category-item.humanize_it .category-item-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19' cy='18' r='18' fill='%232A6F51' filter='url(%23filter0_d)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.73 6.302l.3 1.13c-2.322.752-4.044 3.009-3.969 5.567 0 3.31 2.62 5.944 5.915 5.944 3.294 0 5.915-2.633 5.915-5.944 0-2.633-1.722-4.815-4.043-5.643l.3-1.129c0-.075 0-.15-.075-.226h-.225l-1.198.527-.524-1.354c0-.075-.075-.15-.15-.15-.15 0-.224.075-.224.15l-.525 1.354-1.198-.451c-.074-.076-.15-.076-.224 0-.075.075-.075.15-.075.225zm2.28 13.833c1.77 0 3.468-.592 4.672-1.54 3.397 1.6 5.733 5.16 5.733 8.352 0 3.193-20.88 3.193-20.88 0 0-3.972 2.336-6.752 5.804-8.352 1.203.948 2.902 1.54 4.671 1.54z' fill='%23B5E3CF' fill-opacity='.8'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='38' height='38' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.trending-page .category .category-item.real_profiles:hover .category-item-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF80NzJfMzU2MzIpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ3Ml8zNTYzMikiPgo8cmVjdCB4PSIxIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHJ4PSIxOCIgZmlsbD0iIzZCQzc5RiIvPgo8cGF0aCBkPSJNMTIuMjcxMSAyNy41NTI3QzEyLjkwNzYgMjYuODc1MyAxMy4yNDcxIDI2LjkwNzYgMTMuMzYzOCAyNi43Njc4QzEzLjQ4MDUgMjYuNjI4IDE0Ljc3NDggMjMuOTM5OSAxNC43NzQ4IDIzLjI5NDdDMTQuNzc0OCAyMi42NDk2IDE0LjkzMzkgMjEuNDY2OCAxNC43NzQ4IDIwLjcxNDFDMTQuNjE1NyAxOS45NjE1IDE0LjAzMjIgMTguODg2MiAxNC4wMzIyIDE4Ljg4NjJDMTQuMDMyMiAxOC44ODYyIDEzLjQ4MDUgMTguOTYxNSAxMy4zOTU2IDE4Ljg4NjJDMTMuMzEwOCAxOC44MTEgMTMuMzQyNiAxNy44OTcgMTMuMDc3NCAxNy42MjgyQzEyLjgxMjEgMTcuMzU5NCAxMi4zMDI5IDE2LjU1MjkgMTIuMzAyOSAxNi4xMjI4QzEyLjMwMjkgMTUuNjkyNyAxMi4zMDI5IDE1LjE1NTEgMTIuMzAyOSAxNS4xNTUxQzEyLjMwMjkgMTUuMTU1MSAxMy4wMTM3IDE0LjcyNSAxMy4xNTE2IDE0LjI2MjZDMTMuMjg5NiAxMy44MDAzIDEzLjUyMjkgMTMuNzI1IDEzLjU0NDIgMTMuMzI3MkMxMy41NjU0IDEyLjkyOTMgMTMuNjgyMSAxMS45MjkzIDEzLjY4MjEgMTEuOTI5M0MxMy42ODIxIDExLjkyOTMgMTQuMDc0NiAxMS4zMTY1IDE0LjA3NDYgMTAuOTI5NEMxNC4wNzQ2IDEwLjUzMTUgMTQuMTQ4OSAxMC4zNTk1IDE0LjE0ODkgMTAuMzU5NUMxNC4xNDg5IDEwLjM1OTUgMTQuMjg2OCAxMC40Nzc4IDE0LjY4OTkgOS43ODk2QzE1LjA5MzEgOS4xMDE0NCAxNi4yMjgyIDcuOTcyNDMgMTYuMjI4MiA3LjgxMTE0QzE2LjIyODIgNy42NDk4NSAxNy40MTY0IDcuNjI4MzQgMTcuNzEzNSA3LjQ1NjNDMTguMDEwNSA3LjI3MzUxIDE4LjkxMjMgNy4wNDc3MSAxOS41OTEzIDcuNDU2M0MyMC4yNTk3IDcuODY0OSAyMS4wNDQ3IDguNDQ1NTQgMjEuMzk0OCA5LjM5MTc2QzIxLjc0NDkgMTAuMzM4IDIxLjk5OTUgMTEuNTYzOCAyMi4xNjkzIDEyLjQwMjVDMjIuMzM5IDEzLjI0MTIgMjMuMjMwMiAxNC44OTcgMjMuNTgwMyAxNS4yNzM0QzIzLjkzMDQgMTUuNjQ5NyAyMy44OTg1IDE1Ljg0MzMgMjMuODk4NSAxNS44NDMzQzIzLjg5ODUgMTUuODQzMyAyMy44NjY3IDE4LjQwMjQgMjMuNjEyMSAxOC40NTYxQzIzLjM1NzUgMTguNTA5OSAyMi44Mzc2IDE4LjU2MzYgMjIuODM3NiAxOC41NjM2QzIyLjgzNzYgMTguNTYzNiAyMi44MTY0IDE5LjA2OSAyMi41OTM2IDE5LjQ5OTFDMjIuMzYwMiAxOS45MjkyIDIxLjg1MSAyMC4zOTE2IDIxLjg1MSAyMC4zOTE2QzIxLjg1MSAyMC4zOTE2IDIxLjY3MDYgMjEuNTc0MyAyMS42NzA2IDIyLjQzNDVDMjEuNjcwNiAyMy4yOTQ3IDIxLjU0MzMgMjUuNjA2NSAyMS44MDg2IDI1LjczNTZDMjIuMDczOCAyNS44NjQ2IDIyLjc5NTIgMjYuNDY2NyAyMy4xODc3IDI2LjQ4ODJDMjMuNTgwMyAyNi41MDk3IDI0Ljg1MzMgMjcuMDI1OSAyNS41MjE3IDI3LjUzMTJDMjYuMTkwMSAyOC4wMzY2IDI3LjI0MDQgMjguNzg5MyAyNy41MDU2IDI4LjgyMTVDMjcuNzcwOCAyOC44NTM4IDI5LjAyMjcgMjguODIxNSAyOS4wMjI3IDI4LjgyMTVDMjkuMDIyNyAyOC44MjE1IDI5LjU3NDMgMjcuNDIzNyAyOC44NDIzIDI3LjA2ODlDMjguMTIwOSAyNi43MTQgMjcuNTE2MiAyNi4yODM5IDI3LjExMzEgMjYuMjgzOUMyNi43MDk5IDI2LjI4MzkgMjYuNTA4MyAyNi4yMDg3IDI2LjUwODMgMjYuMjA4N0wyNi4zNzA0IDI1LjY3MTFDMjYuMzcwNCAyNS42NzExIDI3LjQ2MzIgMjUuNDM0NSAyNy42MTE3IDI1LjEwMTJDMjcuNzQ5NiAyNC43NTcxIDI3LjgyMzkgMjQuNTYzNSAyNy44MjM5IDI0LjU2MzVDMjcuODIzOSAyNC41NjM1IDI4Ljc3ODcgMjQuMzcgMjguNzc4NyAyNC4yMDg3QzI4Ljc3ODcgMjQuMDQ3NCAyOC43Nzg3IDI0LjA0NzQgMjguNzc4NyAyNC4wNDc0QzI4Ljc3ODcgMjQuMDQ3NCAyOS4wODYzIDI0LjI4NCAyOS4yMjQyIDI0LjEzMzRDMjkuMzYyMiAyMy45OTM3IDI5LjIyNDIgMjMuNTYzNiAyOS4yMjQyIDIzLjU2MzZDMjkuMjI0MiAyMy41NjM2IDI5LjcwMTYgMjIuMzQ4NSAyOS4xMjg4IDIxLjg3NTRDMjguNTY2NSAyMS40MTMxIDI5LjA1NDUgMjEuNzE0MSAyOC40NjA0IDIwLjgzMjRDMjcuODU1NyAxOS45NTA3IDI3Ljc5MiAxOS42NDk2IDI3Ljc5MiAxOS42NDk2QzI3Ljc5MiAxOS42NDk2IDI3LjkyOTkgMTkuMzU5MyAyNy42ODU5IDE4LjcxNDJDMjcuNDQxOSAxOC4wNjkgMjYuODY5IDE3LjQ1NjEgMjYuODY5IDE3LjQ1NjFDMjYuODY5IDE3LjQ1NjEgMjcuMTM0MyAxNi4zMDU2IDI3LjAwNyAxNS44NDMzQzI2Ljg3OTcgMTUuMzgwOSAyNi4xMzcgMTQuOTUwOCAyNi4yNjQzIDEzLjg3NTZDMjYuMzkxNiAxMi44MDAzIDI3LjA4MTIgMTEuMTEyMiAyNS42NTk2IDkuNTQyMjlDMjQuMjQ4NiA3Ljk2MTY3IDIyLjU2MTggNS44MDA0MiAyMC43NDc3IDUuMzQ4ODFDMTguOTMzNSA0Ljg5NzIxIDE2LjQxOTIgNC4zODEwOSAxNS41ODExIDUuMzQ4ODFDMTQuNzQzIDYuMzE2NTQgMTQuNzY0MiA3LjE0NDQ4IDE0Ljc2NDIgNy4xNDQ0OEMxNC43NjQyIDcuMTQ0NDggMTIuNTM2MyA3LjU0MjMyIDEyLjAzNzcgOC40MzQ3OEMxMS41MzkxIDkuMzI3MjQgMTAuOTIzNyAxMC40NTYzIDEwLjczMjggMTIuMDkwNkMxMC41NDE4IDEzLjcyNSA5LjQ4MDkzIDE4LjQ1NjEgOS44ODQwNyAyMC4wNzk3QzEwLjI4NzIgMjEuNzE0MSAxMC44Mzg5IDIxLjg1MzkgMTAuNTUyNCAyMi4yMzAyQzEwLjI2NiAyMi42MDY2IDguNDgzNjggMjQuMjczMiA4LjYxMDk5IDI0LjczNTZDOC43MzgzIDI1LjE5NzkgOS4yMTU3IDI1LjM4MDcgOS4yMTU3IDI2LjAyNTlDOS4yMTU3IDI2LjY3MSA5Ljg4NDA3IDI2Ljg2NDYgOS43NDYxNSAyNy4yNDA5QzkuNjA4MjMgMjcuNjE3MyA5LjI3OTM2IDI3LjkwNzYgOS40NzAzMiAyOC4zMjY5QzkuNzI0OTMgMjguODQzIDExLjYzNDUgMjguMjMwMSAxMi4yNzExIDI3LjU1MjdaIiBmaWxsPSIjRTFGNEVDIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguNDU2NiAxNy4wNTY2QzE4LjQ2NzIgMTcuMDY3NCAxOC40ODg1IDE3LjA2NzQgMTguNTA5NyAxNy4wNTY2QzE4LjU3MzMgMTcuMDEzNiAxOC43MzI1IDE2LjkxNjkgMTguOTAyMiAxNi45Mzg0QzE4Ljk3MzkgMTYuOTQ1MyAxOS4wMTgyIDE2Ljk0NzcgMTkuMDU4MyAxNi45NjE5QzE5LjE0MjggMTYuOTkxNyAxOS4yMDg5IDE3LjA3MzQgMTkuNDc1MSAxNy4zNTc3QzE5Ljc4MjcgMTcuNjgwMyAyMC4zMjM4IDE4LjAyNDQgMjAuNTU3MiAxOC4xNTM0QzIwLjU4OSAxOC4xNzQ5IDIwLjU4OSAxOC4yMzk0IDIwLjU0NjYgMTguMjUwMkMyMC40NDQzIDE4LjI4NzQgMjAuMzA4OCAxOC4zNTAzIDIwLjE1MDggMTguNDIzN0MxOS42Njk3IDE4LjY0NzEgMTguOTc4NiAxOC45Njc5IDE4LjM3MTggMTguOTU5OEMxNy42MjkxIDE4Ljk0OTEgMTYuNzM4IDE4LjQ0MzcgMTYuNDYyMSAxOC4yNzE3QzE2LjQzMDMgMTguMjUwMiAxNi40MzAzIDE4LjE4NTYgMTYuNDcyNyAxOC4xNzQ5TDE2LjYyMTMgMTguMTEwNEMxNi43NjI4IDE4LjA1NDMgMTcuMTE4MiAxNy43MjM0IDE3LjQzMzMgMTcuNDMwMkMxNy42NjE3IDE3LjIxNzYgMTcuODY4OCAxNy4wMjQ4IDE3Ljk1OCAxNi45NzA2QzE4LjEyNzcgMTYuODYzMSAxOC4zNzE4IDE3LjAwMjkgMTguNDU2NiAxNy4wNTY2Wk0xNy43OTk0IDE4LjA2NjZDMTcuNzg4NyAxOC4wNzc0IDE3Ljc5OTQgMTguMDk4OSAxNy44MSAxOC4wOTg5QzE3Ljg5MTIgMTguMDk4OSAxOC4wODU1IDE4LjA4ODUgMTguMjcxMiAxOC4wNzg1QzE4LjM1MjMgMTguMDc0MSAxOC40MzE4IDE4LjA2OTkgMTguNDk5NSAxOC4wNjY2QzE4LjczMjkgMTguMDY2NiAxOS4xMTQ5IDE4LjA4ODEgMTkuMjQyMiAxOC4wOTg5QzE5LjI1MjggMTguMDk4OSAxOS4yNjM0IDE4LjA3NzQgMTkuMjUyOCAxOC4wNjY2QzE5LjE2NzkgMTcuOTkxMyAxOC45NTU3IDE3LjgwODYgMTguODcwOSAxNy43NzYzQzE4Ljc5MzMgMTcuNzQ3NyAxOC42OTcgMTcuNzg1NiAxOC42MTYyIDE3LjgxNzRDMTguNTc1NCAxNy44MzM1IDE4LjUzODYgMTcuODQ4IDE4LjUxMDIgMTcuODUxNkMxOC40NjcgMTcuODU3IDE4LjQxNTcgMTcuODM3NSAxOC4zNjE3IDE3LjgxN0MxOC4zMDk0IDE3Ljc5NzEgMTguMjU0NyAxNy43NzYzIDE4LjIwMjUgMTcuNzc2M0MxOC4xMjQzIDE3Ljc3NjMgMTcuOTIwMyAxNy45NTg2IDE3LjgyMjIgMTguMDQ2M0MxNy44MTM3IDE4LjA1MzggMTcuODA2MSAxOC4wNjA3IDE3Ljc5OTQgMTguMDY2NloiIGZpbGw9IiNFMUY0RUMiLz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNDcyXzM1NjMyIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMTUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd180NzJfMzU2MzIiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNDcyXzM1NjMyIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ3Ml8zNTYzMiI+CjxyZWN0IHg9IjEiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgcng9IjE4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}
.trending-page .category .category-item.ficitional_profiles:not(.hide):hover .category-item-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF80NzJfMzU2MzQpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ3Ml8zNTYzNCkiPgo8cmVjdCB4PSIxIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHJ4PSIxOCIgZmlsbD0iIzZCQzc5RiIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfNDcyXzM1NjM0KSI+CjxwYXRoIGQ9Ik0yNS4xNDYyIDE2LjgwNjRDMjUuMzU4NCAxNy43MTc2IDI2LjY3NDYgMjMuMjc3OSAyNi4wNjI5IDI0LjY2MzVDMjUuNDAxMyAyNi4xNzM5IDIxLjM5NDQgMjkuNjMxNiAxNy42MTIxIDI5LjYzMTZDMTUuNzE0NyAyOS42MzE2IDEzLjc2NzQgMjguNzcwMyAxMi4yMTk1IDI3LjcwOTNDMTAuNjcxNiAyNi42NjA3IDkuNDk4MjYgMjUuNDEyNCA5LjE3MzcxIDI0LjY2MzVDOC41NDk1NyAyMy4yNTI5IDkuOTQwNCAxNy42MDg1IDEwLjExNTIgMTYuODIyMUMxMC4yNTI1IDE3LjE5NjUgMTEuMjU4MyAxOS44MDc3IDE0LjU2NjMgMTkuODA3N0MxNC44MTU5IDE5LjgwNzcgMTUuMjAyOSAxOS43NDUyIDE1LjQ1MjYgMTkuNzA3OEMxNS42NTIzIDE5LjY4MjggMTUuODY0NSAxOS42MzI5IDE2LjA3NjcgMTkuNTk1NEMxNi4wMjY4IDE5Ljc1NzcgMTUuOTg5MyAxOS45MzI1IDE1Ljk4OTMgMjAuMTA3MkMxNS45ODkzIDIxLjAwNiAxNi43MTMzIDIxLjczIDE3LjYxMjEgMjEuNzNDMTguNTEwOCAyMS43MyAxOS4yMzQ4IDIxLjAwNiAxOS4yMzQ4IDIwLjEwNzJDMTkuMjM0OCAxOS45MDc1IDE5LjE5NzQgMTkuNzIwMyAxOS4xMzUgMTkuNTQ1NUMxOS4zNDcyIDE5LjU4MyAxOS42MDkzIDE5LjYzMjkgMTkuOTMzOSAxOS42OTUzQzIwLjE4MzUgMTkuNzQ1MiAyMC40MjA3IDE5Ljc5NTIgMjAuNjcwNCAxOS44MDc3QzI0Ljc2NDcgMTkuODU3NiAyNS4wOTYyIDE3LjI5MzIgMjUuMTQ2MiAxNi44MDY0WiIgZmlsbD0iI0UxRjRFQyIvPgo8cGF0aCBkPSJNMjUuMjI4NSAxNi43MDI4TDI1LjI1MzQgMTYuNzQwMkMyNS4yNTM0IDE2Ljc0MDIgMjUuMjUzNCAxNi43NjUxIDI1LjI1MzQgMTYuODE0OUMyNS4yNDEgMTYuNzQwMiAyNS4yMjg1IDE2LjY5MDQgMjUuMjI4NSAxNi43MDI4WiIgZmlsbD0iI0UxRjRFQyIvPgo8cGF0aCBkPSJNOS45ODYzMyAxNi43MzUxTDEwLjAyMzcgMTYuNjg1M0MxMC4wMjM3IDE2LjY4NTMgMTAuMDExMiAxNi43MjI3IDkuOTk4NzggMTYuNzcyNUM5Ljk4NjMzIDE2Ljc2IDkuOTg2MzMgMTYuNzM1MSA5Ljk4NjMzIDE2LjczNTFaIiBmaWxsPSIjRTFGNEVDIi8+CjxwYXRoIGQ9Ik05LjE4Nzk1IDE1LjE1MDhDOS4xNzU0NyAxNS4yMDA3IDkuMTc1NDcgMTUuMjM4MSA5LjE3NTQ3IDE1LjI4ODFWMTUuMzAwNkM5LjE2Mjk5IDE1LjQwMDQgOS4xNzU0NyAxNS41MDAzIDkuMTc1NDcgMTUuNTg3N0M5LjIwMDQ0IDE2LjA5OTUgOS45NjE4OSAxNi42ODYxIDEwLjAyNDMgMTYuNjg2MUMxMC4wMjQzIDE2LjY4NjEgMTAuMTk5MSAxNi4zMzY2IDEwLjU5ODUgMTUuNzQ5OUMxMS4xNDc4IDE0Ljk1MSAxMi44MDggMTQuMjY0NSAxNS4wNjczIDEzLjc3NzdDMTcuMTc2OSAxMy4zMjgzIDIwLjA0OCAxMy4yNTM0IDIzLjA0MzkgMTQuNDE0M0MyMy41MzA3IDE0LjYwMTUgMjMuOTgwMSAxNC44ODg2IDI0LjM1NDUgMTUuMjYzMUMyNS4xMDM1IDE2LjAyNDYgMjUuMjUzMyAxNi42ODYxIDI1LjI1MzMgMTYuNjg2MUMyNS4yNTMzIDE2LjY4NjEgMjUuOTc3MyAxNi41MzY0IDI2LjIzOTQgMTUuNzQ5OUMyNi4yNTE5IDE1LjcgMjYuMjc2OSAxNS42NTAxIDI2LjI4OTQgMTUuNTg3N0MyNi41MTQxIDE0LjY2MzkgMjUuMTkwOSAxMy43NTI3IDIzLjc5MjggMTMuMDAzN0MyMi40MzIyIDEyLjI3OTcgMjAuMTk3OCAxMS42MzA2IDE3LjQwMTYgMTEuNjMwNkMxNC42MDU1IDExLjYzMDYgMTIuMzU4NiAxMi41Mjk0IDEwLjc3MzMgMTMuNDc4MUM5LjU5OTg4IDE0LjE3NzEgOS4yNzUzMyAxNC43MTM5IDkuMTg3OTUgMTUuMTUwOFoiIHN0cm9rZT0iI0UxRjRFQyIgc3Ryb2tlLXdpZHRoPSIwLjMwMDc3OSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+CjxwYXRoIGQ9Ik0yMC4wMjkzIDE3LjI2OTlDMjAuMDI5MyAxNi43MTU2IDIwLjQ3MTYgMTYuMjY3MyAyMS4wMzE5IDE2LjI2NzNDMjEuNTkyMiAxNi4yNjczIDIyLjAzNDUgMTYuNzE1NiAyMi4wMzQ1IDE3LjI2OTkiIHN0cm9rZT0iI0UxRjRFQyIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMy4wMDk4IDE3LjI2OTlDMTMuMDA5OCAxNi43MjA5IDEzLjQ1MjEgMTYuMjY3MyAxNC4wMTI0IDE2LjI2NzNDMTQuNTcyNiAxNi4yNjczIDE1LjAxNSAxNi43MjA5IDE1LjAxNSAxNy4yNjk5IiBzdHJva2U9IiNFMUY0RUMiIHN0cm9rZS13aWR0aD0iMC41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI5LjczMTMgMTYuNTY4MkMyOS43MzUzIDE2LjU2OTkgMjkuNzM5MiAxNi41NzE0IDI5Ljc0MyAxNi41NzI4QzI5Ljc0NTYgMTYuNTczOCAyOS43NDgzIDE2LjU3NDcgMjkuNzUwOSAxNi41NzU2QzI5Ljc0NDQgMTYuNTczMSAyOS43Mzc5IDE2LjU3MDYgMjkuNzMxMyAxNi41NjgyWk0yOS43ODA5IDE2LjU4NzRIMjkuNzc5MkwyOS43NDIxIDE2LjU3NThDMjkuNTMyNCAxNi41MTAzIDI5LjMxMjUgMTYuNDcxOCAyOS4wODExIDE2LjQ3MThDMjguMzA2OCAxNi40NzE4IDI3LjYyNzcgMTYuODk4MyAyNy4yNDc3IDE3LjUyMzNDMjcuMjQyNyAxNy41MzUxIDI3LjIzNyAxNy41NDYgMjcuMjMxIDE3LjU1NkMyNy4yMzA2IDE3LjU1NjYgMjcuMjMwMiAxNy41NTczIDI3LjIyOTggMTcuNTU4QzI3LjA5MTQgMTcuODMyNCAyNy4wMTM3IDE4LjE0MzQgMjcuMDEzNyAxOC40NzM5QzI3LjAxMzcgMTkuNTg0OSAyNy45MTI0IDIwLjQ5NjEgMjkuMDM1OSAyMC40OTYxQzMwLjE0NjkgMjAuNDk2MSAzMS4wNTgxIDE5LjU5NzQgMzEuMDU4MSAxOC40NzM5QzMxLjA1ODEgMTcuNjEzMyAzMC41MjM3IDE2Ljg4NjQgMjkuNzgwOSAxNi41ODc0Wk0yNy4wMzA4IDE2Ljk0ODJDMjYuOTc0NSAxNi44MzMgMjYuOTEyOSAxNi43MTI2IDI2Ljg0OTkgMTYuNTk5MkMyNi42MjUyIDE2LjE3NDggMjYuMjI1NyAxNS43NjI5IDI2LjIyNTcgMTUuNzYyOUMyNi4yMzEgMTUuNzQxNyAyNi4yMzg2IDE1LjcyMDUgMjYuMjQ2NSAxNS42OTgzQzI2LjI1NzIgMTUuNjY4MyAyNi4yNjg1IDE1LjYzNjUgMjYuMjc1NyAxNS42MDA2QzI2LjUwMDQgMTQuNjc2OSAyNS4xNzcyIDEzLjc2NTYgMjMuNzc5MSAxMy4wMTY3QzIyLjQxODUgMTIuMjkyNyAyMC4xODQxIDExLjY0MzYgMTcuMzg3OSAxMS42NDM2QzE0LjU5MTggMTEuNjQzNiAxMi4zNTc0IDEyLjUyOTggMTAuNzcyMSAxMy40Nzg1QzkuNTk4NjcgMTQuMTc3NiA5LjI3NDEyIDE0LjcwMTggOS4xOTkyMiAxNS4xMzg3QzkuNDYxMzYgMTMuMjQxNCAxMS4yOTYzIDQuNTE1ODggMjIuMjQzNyA2LjUzODA5QzI1LjkzODYgNy4yMzcxMyAyOC4yNjA0IDExLjcxODQgMjguNzU5OCAxMy4wOTE2QzI5LjE0OSAxNC4xNTIyIDI5LjQ0NzIgMTUuMjUwNyAyOS41Nzc1IDE2LjAwODhDMjkuNDE4NCAxNS45Nzg0IDI5LjI1MjggMTUuOTYxMyAyOS4wODExIDE1Ljk2MTNDMjguMjUwNSAxNS45NjEzIDI3LjUxNiAxNi4zNTM5IDI3LjAzMDggMTYuOTQ4MloiIGZpbGw9IiNFMUY0RUMiLz4KPC9nPgo8L2c+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF80NzJfMzU2MzQiIHg9IjAiIHk9IjAiIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIxIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzQ3Ml8zNTYzNCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd180NzJfMzU2MzQiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDcyXzM1NjM0Ij4KPHJlY3QgeD0iMSIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiByeD0iMTgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDFfNDcyXzM1NjM0Ij4KPHJlY3Qgd2lkdGg9IjIyLjA1NzEiIGhlaWdodD0iMjMuMzkyOCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkgNi4yMzk5OSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}
.trending-page .category .category-item.me_polled:hover .category-item-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF80NzJfMzU2MzMpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ3Ml8zNTYzMykiPgo8cmVjdCB4PSIxIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHJ4PSIxOCIgZmlsbD0iIzZCQzc5RiIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfNDcyXzM1NjMzKSI+CjxwYXRoIGQ9Ik0xOC45NjUzIDExLjA3NTFDMTQuNzE0MiAxMS4wNzUxIDExLjI2MTIgMTQuNTI4IDExLjI2MTIgMTguNzk1NEMxMS4yNjEyIDIxLjAyNjggMTIuMjIyMiAyMy4wNDY1IDEzLjczNjkgMjQuNDQ3MkMxMy43NTMyIDI0LjQ0NzIgMTMuNzY5NSAyNC40NDcyIDEzLjc4NTggMjQuNDQ3MkMxNS42NzUyIDI0LjQ3OTggMTguNDYwNCAyMy40Njk5IDIxLjE4MDQgMjEuNjQ1N0MyMy42MjM1IDIwLjAwMDcgMjUuNDgwMyAxOC4wNzg3IDI2LjMyNzMgMTYuNDMzN0MyNS4zMTc0IDEzLjMyMjggMjIuNDAyIDExLjA3NTEgMTguOTY1MyAxMS4wNzUxWiIgZmlsbD0iI0UxRjRFQyIvPgo8cGF0aCBkPSJNMjYuNDQxMyAyMC4wMzUxQzI0Ljk1OTIgMjEuMzM4MSAyMy4yNjUzIDIyLjY1NzQgMjEuMzkyMiAyMy45MTE2QzIwLjA4OTIgMjQuNzkxMSAxOC43ODYyIDI1LjU3MjkgMTcuNTE1NyAyNi4yNTdDMTcuNDY2OSAyNi4yODk2IDE3LjQxOCAyNi4zMDU5IDE3LjM2OTEgMjYuMzM4NEMxNy44OTAzIDI2LjQ1MjUgMTguNDExNSAyNi41MDEzIDE4Ljk2NTMgMjYuNTAxM0MyMi44NTgxIDI2LjUwMTMgMjYuMDY2NyAyMy42MzQ3IDI2LjYwNDIgMTkuODg4NUMyNi41NTU0IDE5LjkzNzQgMjYuNDkwMiAxOS45ODYzIDI2LjQ0MTMgMjAuMDM1MVoiIGZpbGw9IiNFMUY0RUMiLz4KPHBhdGggZD0iTTMxLjYyMDUgMTAuNTg1OEMzMy4wODY0IDEyLjc2ODMgMjguNzcwMiAxOC4yMjQ3IDIxLjk3ODMgMjIuNzY4OUMxNS4xODYzIDI3LjMxMzIgOC41MDg0MSAyOS4yMTg4IDcuMDQyNTMgMjcuMDM2M0M2LjA0ODk4IDI1LjU3MDQgNy42Nzc3NCAyMi42MjIzIDEwLjkxOSAxOS40NjI1QzEwLjk2NzggMjAuMTMwMyAxMS4wOTgxIDIwLjc2NTYgMTEuMzA5OSAyMS4zNjgyQzEwLjY3NDcgMjIuNTg5OCAxMC41MjgxIDIzLjY2NDggMTEuMDMzIDI0LjM5NzdDMTIuMjU0NiAyNi4yMDU2IDE2Ljg0NzcgMjUuMjYwOSAyMS4yOTQyIDIyLjI4MDNDMjUuNzQwNyAxOS4yOTk3IDI4LjM3OTMgMTUuNDA2OSAyNy4xNTc3IDEzLjU5OUMyNi42NjkxIDEyLjg2NjEgMjUuNjQzIDEyLjU4OTIgMjQuMzA3NCAxMi43MDMyQzIzLjc4NjIgMTIuMjQ3MSAyMy4xOTk4IDExLjg1NjIgMjIuNTY0NiAxMS41MzA1QzI2Ljk3ODYgOS41MjcxMSAzMC41NzgxIDkuMDM4NDggMzEuNjIwNSAxMC41ODU4WiIgZmlsbD0iI0UxRjRFQyIvPgo8cGF0aCBkPSJNOS4xNDM4OCA5LjM5NTUxTDEwLjAzOTcgMTEuMDI0M0MxMC4wNzIzIDExLjA4OTQgMTAuMTIxMSAxMS4xMjIgMTAuMTcgMTEuMTU0NkwxMS43OTg4IDEyLjA1MDRDMTIuMDQzMSAxMi4xODA3IDEyLjA0MzEgMTIuNTIyNyAxMS43OTg4IDEyLjY1M0wxMC4xNyAxMy41NDg4QzEwLjEwNDkgMTMuNTgxNCAxMC4wNzIzIDEzLjYzMDMgMTAuMDM5NyAxMy42NzkxTDkuMTQzODggMTUuMzA3OUM5LjAxMzU4IDE1LjU1MjIgOC42NzE1NCAxNS41NTIyIDguNTQxMjQgMTUuMzA3OUw3LjY0NTQyIDEzLjY3OTFDNy42MTI4NSAxMy42MTQgNy41NjM5OCAxMy41ODE0IDcuNTE1MTIgMTMuNTQ4OEw1Ljg4NjM2IDEyLjY1M0M1LjY0MjA1IDEyLjUyMjcgNS42NDIwNSAxMi4xODA3IDUuODg2MzYgMTIuMDUwNEw3LjUxNTEyIDExLjE1NDZDNy41ODAyNyAxMS4xMjIgNy42MTI4NSAxMS4wNzMxIDcuNjQ1NDIgMTEuMDI0M0w4LjU0MTI0IDkuMzk1NTFDOC42ODc4MyA5LjE2NzQ4IDkuMDI5ODcgOS4xNjc0OCA5LjE0Mzg4IDkuMzk1NTFaIiBmaWxsPSIjRTFGNEVDIi8+CjxwYXRoIGQ9Ik0yMi4xNDE5IDcuMTk3N0wyMi41OTc5IDguMDI4MzdDMjIuNjE0MiA4LjA2MDk0IDIyLjYzMDUgOC4wNzcyMyAyMi42NjMxIDguMDkzNTJMMjMuNDkzNyA4LjU0OTU3QzIzLjYwNzggOC42MTQ3MiAyMy42MDc4IDguNzkzODkgMjMuNDkzNyA4Ljg1OTA0TDIyLjY2MzEgOS4zMTUwOUMyMi42MzA1IDkuMzMxMzggMjIuNjE0MiA5LjM0NzY3IDIyLjU5NzkgOS4zODAyNEwyMi4xNDE5IDEwLjIxMDlDMjIuMDc2NyAxMC4zMjQ5IDIxLjg5NzYgMTAuMzI0OSAyMS44MzI0IDEwLjIxMDlMMjEuMzc2MyA5LjM4MDI0QzIxLjM2MDEgOS4zNDc2NyAyMS4zNDM4IDkuMzMxMzggMjEuMzExMiA5LjMxNTA5TDIwLjQ4MDUgOC44NTkwNEMyMC4zNjY1IDguNzkzODkgMjAuMzY2NSA4LjYxNDcyIDIwLjQ4MDUgOC41NDk1N0wyMS4zMTEyIDguMDkzNTJDMjEuMzQzOCA4LjA3NzIzIDIxLjM2MDEgOC4wNjA5NCAyMS4zNzYzIDguMDI4MzdMMjEuODMyNCA3LjE5NzdDMjEuODk3NiA3LjA2NzQgMjIuMDc2NyA3LjA2NzQgMjIuMTQxOSA3LjE5NzdaIiBmaWxsPSIjRTFGNEVDIi8+CjxwYXRoIGQ9Ik0yOS4zNzM0IDE5Ljk2NjdMMjkuNzQ4IDIwLjY1MDhDMjkuNzY0MyAyMC42NjcxIDI5Ljc4MDYgMjAuNjk5NyAyOS43OTY5IDIwLjY5OTdMMzAuNDgxIDIxLjA3NDNDMzAuNTc4NyAyMS4xMjMxIDMwLjU3ODcgMjEuMjY5NyAzMC40ODEgMjEuMzE4NkwyOS43OTY5IDIxLjY5MzJDMjkuNzgwNiAyMS43MDk1IDI5Ljc0OCAyMS43MjU4IDI5Ljc0OCAyMS43NDIxTDI5LjM3MzQgMjIuNDI2MkMyOS4zMjQ1IDIyLjUyMzkgMjkuMTc4IDIyLjUyMzkgMjkuMTI5MSAyMi40MjYyTDI4Ljc1NDUgMjEuNzQyMUMyOC43MzgyIDIxLjcyNTggMjguNzIxOSAyMS42OTMyIDI4LjcwNTYgMjEuNjkzMkwyOC4wMjE1IDIxLjMxODZDMjcuOTIzOCAyMS4yNjk3IDI3LjkyMzggMjEuMTIzMSAyOC4wMjE1IDIxLjA3NDNMMjguNzA1NiAyMC42OTk3QzI4LjcyMTkgMjAuNjgzNCAyOC43NTQ1IDIwLjY2NzEgMjguNzU0NSAyMC42NTA4TDI5LjEyOTEgMTkuOTY2N0MyOS4xNjE3IDE5Ljg2OSAyOS4zMDgzIDE5Ljg2OSAyOS4zNzM0IDE5Ljk2NjdaIiBmaWxsPSIjRTFGNEVDIi8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNDcyXzM1NjMzIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMTUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd180NzJfMzU2MzMiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNDcyXzM1NjMzIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ3Ml8zNTYzMyI+CjxyZWN0IHg9IjEiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgcng9IjE4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAxXzQ3Ml8zNTYzMyI+CjxyZWN0IHdpZHRoPSIyNi4xNzQyIiBoZWlnaHQ9IjIwLjg0ODEiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjcyMzYzIDcuMDk5OTgpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}
.trending-page .category .category-item.humanize_it:hover .category-item-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19' cy='18' r='18' fill='%236BC79F' filter='url(%23filter0_d)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.73 6.302l.3 1.13c-2.322.752-4.044 3.009-3.969 5.567 0 3.31 2.62 5.944 5.915 5.944 3.294 0 5.915-2.633 5.915-5.944 0-2.633-1.722-4.815-4.043-5.643l.3-1.129c0-.075 0-.15-.075-.226h-.225l-1.198.527-.524-1.354c0-.075-.075-.15-.15-.15-.15 0-.224.075-.224.15l-.525 1.354-1.198-.451c-.074-.076-.15-.076-.224 0-.075.075-.075.15-.075.225zm2.28 13.833c1.77 0 3.468-.592 4.672-1.54 3.397 1.6 5.733 5.16 5.733 8.352 0 3.193-20.88 3.193-20.88 0 0-3.972 2.336-6.752 5.804-8.352 1.203.948 2.902 1.54 4.671 1.54z' fill='%23F0F0F0'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='38' height='38' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.trending-page .category .category-item:not(:first-child) {
  margin-left: 16px;
}
.trending-page .controversial {
  display: inline-block;
  width: calc(50% - 8px);
  padding: 15px 12px;
  border-radius: 16px;
  background: linear-gradient(150.52deg, #584EED -10.24%, #0B151E 115.99%);
  vertical-align: middle;
}
.trending-page .controversial label {
  color: #F0F0F0;
  color: var(--content-primary, #F0F0F0);
  font-family: "SF Pro Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
}
.trending-page .controversial .description {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
}
.trending-page .controversial .description .text {
  color: rgba(255, 255, 255, 0.75);
  /* SF/12/Regular */
  font-family: "SF Pro Display";
  font-size: 12px;
  font-style: normal;
  white-space: normal !important;
  font-weight: 400;
  line-height: 130%;
  /* 15.6px */
  letter-spacing: 0.48px;
  display: -webkit-box;
  /* 必须结合的属性 */
  -webkit-box-orient: vertical;
  /* 内容垂直排列 */
  -webkit-line-clamp: 2;
  /* 最多显示2行 */
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 添加省略 */
  word-break: break-word;
  overflow-wrap: break-word;
}
.trending-page .controversial .description .icon {
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.71 6.5h7.584M6.5 2.709l3.792 3.792L6.5 10.292' stroke='rgba(255, 255, 255, 0.75)' stroke-width='1.083' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.trending-page .pdb-community-page {
  display: inline-block;
  width: calc(50% - 8px);
  margin-left: 16px;
  padding: 15px 12px;
  border-radius: 16px;
  background: linear-gradient(150.52deg, #B55335 -25.71%, #0B151E 123.57%);
  vertical-align: middle;
}
.trending-page .pdb-community-page label {
  color: #F0F0F0;
  color: var(--content-primary, #F0F0F0);
  font-family: "SF Pro Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
}
.trending-page .pdb-community-page .description {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
}
.trending-page .pdb-community-page .description .text {
  color: rgba(255, 255, 255, 0.75);
  white-space: normal !important;
  /* SF/12/Regular */
  font-family: "SF Pro Display";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 15.6px */
  letter-spacing: 0.48px;
  display: -webkit-box;
  /* 必须结合的属性 */
  -webkit-box-orient: vertical;
  /* 内容垂直排列 */
  -webkit-line-clamp: 2;
  /* 最多显示2行 */
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 添加省略 */
  word-break: break-word;
  overflow-wrap: break-word;
}
.trending-page .pdb-community-page .description .icon {
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.71 6.5h7.584M6.5 2.709l3.792 3.792L6.5 10.292' stroke='rgba(255, 255, 255, 0.75)' stroke-width='1.083' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.trending-page .discussion-board {
  margin-bottom: 32px;
}
.trending-page .discussion-board .topic-box-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
}
.trending-page .discussion-board .topic-box-item .topic-box-name {
  max-width: calc(100% - 60px);
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #E1F4EC;
  border-radius: 999px;
  padding: 0 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.trending-page .discussion-board .topic-box-item .topic-box-name:before {
  content: "#";
  float: left;
  margin-top: 4px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  margin-right: 4px;
  font-size: 14px;
  text-align: center;
  color: #E1F4EC;
  background-color: #328561;
}
.trending-page .discussion-board .topic-box-item .topic-box-heat {
  flex: 1 1;
  margin-left: 4px;
  color: #595959;
  font-size: 12px;
  text-align: right;
  pointer-events: none;
  overflow: hidden;
}
.trending-page .discussion-board .topic-box-item .topic-box-description {
  display: block;
  width: 100%;
  color: #595959;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.trending-page .discussion-board .topic-box-item:not(:first-child) {
  margin-top: 8px;
}
.trending-page .meet {
  white-space: nowrap;
  margin-bottom: 40px;
}
.trending-page .meet .personality-label:after {
  content: 'Show All';
  width: 73px;
  background-position: 60px center;
}
.trending-page .meet .meet-list {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}
.trending-page .meet .meet-item {
  position: relative;
  display: inline-block;
  width: 87px;
  height: 87px;
  background-size: 100% auto;
}
.trending-page .meet .meet-item .title {
  font-weight: 400;
  line-height: 130%;
  font-size: 16px;
  color: #F0F0F0;
  display: block;
  text-align: center;
}
.trending-page .meet .meet-item img {
  display: block;
  width: 100%;
  height: auto;
}
.trending-page .meet .meet-item:not(:first-child) {
  margin-left: 16px;
}
.trending-page .meet .meet-item:hover {
  transform: scale(0.9);
}
.trending-page .make-friend {
  margin-bottom: 40px;
}
.trending-page .make-friend li {
  flex: 1 1 50%;
  padding: 16px 12px;
  border: 1px solid #112C20;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
}
.trending-page .make-friend li:not(:first-child) {
  margin-left: 16px;
}
.trending-page .make-friend .board {
  display: flex;
}
.trending-page .make-friend .board-info {
  display: flex;
  align-items: flex-start;
}
.trending-page .make-friend .board-info img {
  flex-shrink: 0;
  width: 60px;
  border-radius: 8px;
}
.trending-page .make-friend .board-info .info-extra {
  flex: 1 1;
  margin-left: 8px;
  overflow: hidden;
}
.trending-page .make-friend .board-info .info-extra .title {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #D9D9D9;
}
.trending-page .make-friend .board-info .info-extra .extra {
  display: block;
}
.trending-page .make-friend .board-info .info-extra .extra svg {
  float: left;
}
.trending-page .make-friend .board-info .info-extra .extra .comment-count {
  margin-right: 5px;
  margin-left: 2px;
  font-weight: 500;
  font-size: 10px;
  line-height: 130%;
  color: #CCCCCC;
  float: left;
}
.trending-page .make-friend .board-info .info-extra .extra .wiki {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #595959;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-line;
}
.trending-page .make-friend .board-info .pdb-btn {
  flex-shrink: 0;
  margin-left: 8px;
}
.trending-page .make-friend .board-info .pdb-btn svg {
  display: inline-block;
  vertical-align: middle;
}
.trending-page .make-friend .board-info .pdb-btn label {
  display: inline-block;
  vertical-align: middle;
}
.trending-page .make-friend .images {
  margin-top: 12px;
  display: flex;
}
.trending-page .make-friend .images span {
  flex: 1 1;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.trending-page .make-friend .images span::before {
  content: '';
  display: block;
  padding-top: 100%;
}
.trending-page .make-friend .images span img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.trending-page .make-friend .images span:not(:first-child) {
  margin-left: 26px;
}
.trending-page .kpop {
  display: block;
  padding: 12px;
  background: linear-gradient(155deg, #3A3C44 4.41%, #31373C 90.91%);
  border-radius: 16px;
  margin-bottom: 30px;
}
.trending-page .kpop .kpop-title {
  position: relative;
  display: block;
  color: #7194ED;
}
.trending-page .kpop .kpop-title .icon {
  display: inline-block;
  vertical-align: middle;
}
.trending-page .kpop .kpop-title h1 {
  display: inline-block;
  font-weight: 800;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0.04em;
  color: #7194ED;
  margin-bottom: 0;
  vertical-align: middle;
}
.trending-page .kpop .kpop-title .right-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.trending-page .kpop .kpop-container {
  margin-top: 12px;
}
.trending-page .kpop .kpop-container .tag {
  display: inline-block;
  padding: 4px 8px;
  color: #262626;
  margin-right: 8px;
  margin-bottom: 12px;
  font-size: 14px;
  background: #8597C3;
  border-radius: 99px;
}
.trending-page .kpop.logined .kpop-title {
  color: #F3C08F;
}
.trending-page .kpop.logined .kpop-title h1 {
  color: #F3C08F;
}
.trending-page .kpop.logined .kpop-container .tag {
  background: #CCAF94;
}
.trending-page .quick-list {
  position: relative;
  white-space: nowrap;
  width: 100%;
  overflow-y: auto;
  padding: 16px 0;
  background-color: #07080D;
}
.trending-page .quick-list .quick-item {
  display: inline-block;
  padding: 0 8px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: #8C8C8C;
  border-radius: 40px;
  background-color: #1F1F1F;
}
.trending-page .quick-list .quick-item:not(:first-child) {
  margin-left: 8px;
}
.trending-page .quick-list .quick-item.active {
  color: #E1F4EC;
  font-weight: 500;
  background-color: #328561;
}
.trending-page .quick-list::-webkit-scrollbar {
  height: 0 !important;
}
.trending-page .personality-item {
  margin-bottom: 24px;
}
.trending-page .personality-label {
  display: block;
  color: #E1F4EC;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
}
.trending-page .trending-faq .title {
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: #E1F4EC;
  margin-bottom: 12px;
}
.trending-page .trending-faq .rc-collapse {
  border: none;
  background-color: transparent;
}
.trending-page .trending-faq .rc-collapse-item {
  border-top: 0;
  background-color: #15171F;
  border-radius: 16px;
  padding: 8.5px 0;
  overflow: hidden;
}
.trending-page .trending-faq .rc-collapse-item .rc-collapse-header {
  display: flex;
  color: #BFBFBF;
  font-size: 16px;
  outline: none;
  height: auto;
  line-height: 1.5;
  text-indent: 0;
  align-items: center;
}
.trending-page .trending-faq .rc-collapse-item .rc-collapse-header label {
  flex: 1 1;
  margin-right: 5px;
}
.trending-page .trending-faq .rc-collapse-item .rc-collapse-header .arrow {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border: none !important;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5M12 15l5-5' stroke='%236BC79F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  transform: rotate(270deg);
}
.trending-page .trending-faq .rc-collapse-item.rc-collapse-item-active .rc-collapse-header .arrow {
  top: 0;
  margin-right: 8px;
  transform: rotate(0deg);
}
.trending-page .trending-faq .rc-collapse-item .rc-collapse-content {
  color: #BFBFBF;
  background-color: #15171F;
}
.trending-page .trending-faq .rc-collapse-item .rc-collapse-content .rc-collapse-content-box {
  margin-top: 0;
}
.trending-page .trending-faq .rc-collapse-item:not(:first-child) {
  margin-top: 12px;
}
@media screen and (max-width: 1024px) {
  .trending-page .profile-card-link {
    width: 100%;
  }
  .trending-page .profile-card-link:nth-child(2n) {
    margin-right: 0;
  }
  .trending-page .top-story {
    width: 100%;
  }
  .trending-page .top-story .top-story-list {
    height: auto;
    flex-wrap: nowrap;
    align-items: center;
    margin-right: 0;
    overflow-y: auto;
  }
  .trending-page .top-story .top-story-list::-webkit-scrollbar {
    display: none;
  }
  .trending-page .top-story .top-story-list .top-story-item {
    min-width: 83%;
    vertical-align: top;
    margin-bottom: 0;
    overflow: hidden;
  }
  .trending-page .top-story .top-story-list .top-story-item .rc-col-3 {
    flex: 0 0 84px;
    max-width: none !important;
  }
  .trending-page .top-story .top-story-list .top-story-item .rc-col-9 {
    flex: 1 1;
    max-width: calc(100% - 84px);
  }
  .trending-page .top-story .top-story-list .top-story-item:not(:first-child) {
    margin-left: 12px !important;
  }
}
@media screen and (max-width: 768px) {
  .trending-page {
    padding: 0 0px;
  }
  .trending-page .kpop {
    margin-left: 16px;
    margin-right: 16px;
  }
  .trending-page .top-story {
    margin-left: 16px;
    margin-right: 16px;
  }
  .trending-page .recommend {
    margin-left: 16px;
    margin-right: 16px;
  }
  .trending-page .discussion-board {
    margin-left: 16px;
    margin-right: 16px;
  }
  .trending-page .ant-carousel {
    height: 115px;
    margin-bottom: 24px;
    margin-left: 16px;
    margin-right: 16px;
  }
  .trending-page .ant-carousel .carousel-container {
    height: 115px;
    padding: 16px 8px;
    justify-content: center;
  }
  .trending-page .ant-carousel .carousel-container .avatar {
    width: 70px;
    height: 70px;
    margin-left: 0;
    align-self: flex-start;
  }
  .trending-page .ant-carousel .carousel-container .information {
    margin-left: 12px;
  }
  .trending-page .ant-carousel .carousel-container .information .information-name {
    max-width: 320px;
    font-size: 18px;
  }
  .trending-page .ant-carousel .carousel-container .information .information-subcategory {
    display: none;
  }
  .trending-page .ant-carousel .carousel-container .information .information-type {
    font-size: 14px;
  }
  .trending-page .ant-carousel .carousel-container .information .information-description {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .trending-page .category {
    display: flex;
    margin-left: 16px;
    margin-right: 16px;
  }
  .trending-page .meet {
    margin-bottom: 32px;
  }
  .trending-page .meet .meet-item {
    width: 100px;
    height: 100px;
  }
  .trending-page .meet .meet-item .title {
    font-size: 24px;
  }
  .trending-page .kpop {
    display: block;
  }
  .trending-page .personality-item {
    margin-bottom: 16px;
  }
  .trending-page .personality-label {
    font-size: 16px;
  }
  .trending-page .personality-label:after {
    margin-right: 0;
  }
  .trending-page .controversial {
    width: calc(100% - 28px);
    padding: 8px;
  }
  .trending-page .pdb-community-page {
    margin-left: 12px;
    width: calc(100% - 28px);
    padding: 8px;
  }
}

.more-action-arrow {
  height: 20px;
  float: right;
  margin-top: 6px;
  line-height: 18px;
  font-size: 12px;
  font-weight: 400;
  text-indent: 8px;
  margin-right: 16px;
  border-radius: 11px;
  display: flex;
  border: 1px solid #8C8C8C;
  color: #8C8C8C;
  align-content: center;
}
.more-action-arrow svg {
  margin: auto 8px auto 4px;
}

.personality-section .personality-selector {
  border-radius: 8px;
  border-color: var(--pdb-bg-color-8);
  border-width: 1px;
  margin: 0 24px 16px 24px;
}
.personality-section .container {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 16px;
  gap: 16px;
  margin-bottom: 56px;
}
.personality-section .container .item {
  flex-basis: calc((100% - 48px) / 4);
  /* 控制一行最多显示4个子元素，等宽 */
  aspect-ratio: 1;
  box-sizing: border-box;
  /* 包含边框和内填充在宽高中 */
  display: unset;
  position: relative;
}
.personality-section .container .item .bg {
  width: 100%;
  aspect-ratio: 1;
}
.personality-section .container .item .bg .avatar {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.personality-section .container .item .bg .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(7, 8, 13, 0) 0%, rgba(7, 8, 13, 0.8) 100%);
}
.personality-section .container .item .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-right: 32px;
  padding-bottom: 16px;
  padding-left: 16px;
  color: rgba(255, 255, 255, 0.95);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 767px) {
  .personality-section {
    margin: 0 16px;
  }
  .personality-section .container .item {
    flex-basis: calc((100% - 16px) / 2);
    /* 在较小屏幕上，一行最多显示2个子元素 */
  }
  .personality-section .container .caption {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .personality-section .container .item {
    flex-basis: calc((100% - 16px) / 2);
    /* 在较小屏幕上，一行最多显示2个子元素 */
  }
}

.personality-selector {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  height: 40px;
  line-height: 40px;
  border: 1.5px solid #112C20;
  border-radius: 27px;
  cursor: pointer;
}
.personality-selector label {
  max-width: calc(100% - 19px);
  text-align: center;
  color: #6BC79F;
  font-size: 18px;
  white-space: nowrap;
  pointer-events: none;
  text-overflow: ellipsis;
  overflow: hidden;
}
.personality-selector svg {
  font-size: 19px !important;
  color: #6BC79F;
}
.personality-selector.active,
.personality-selector:hover {
  border: 1.5px solid #6BC79F;
}
.personality-selector-dropdown {
  border: 1px solid #6BC79F;
  border-radius: 20px;
  background: #07080D;
  padding-bottom: 20px;
}
.personality-selector-dropdown .personality-input {
  display: block;
  margin: 19px 12px 0;
  width: calc(100% - 24px);
  border: none;
  outline: none;
  background-color: transparent;
  border-bottom: 1px solid #595959;
  text-align: center;
  color: white;
}
.personality-selector-dropdown .personality-input:focus,
.personality-selector-dropdown .personality-input:not(:invalid) {
  text-align: left;
}
.personality-selector-dropdown .personality-collapse {
  margin-top: 15px;
  max-height: 480px;
  overflow: auto;
}
.personality-collapse {
  background-color: transparent !important;
  border: none !important;
}
.personality-collapse .rc-collapse-item {
  border-top: none !important;
}
.personality-collapse .rc-collapse-item > .rc-collapse-header {
  padding: 2px 23px;
  color: #E1F4EC !important;
  outline: none;
  text-indent: 0 !important;
  cursor: pointer;
}
.personality-collapse .rc-collapse-item > .rc-collapse-header .arrow {
  display: none;
}
.personality-collapse .rc-collapse-content {
  background-color: transparent;
}
.personality-collapse .rc-collapse-content-box {
  display: flex;
  flex-wrap: wrap;
  margin: 3px 0 !important;
}
.personality-collapse .rc-collapse-item-active .personality-header svg {
  transform: rotate(180deg);
}
.personality-collapse .personality-header {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
}
.personality-collapse .personality-header label {
  display: inline-block;
  width: calc(100% - 14px);
  vertical-align: middle;
  text-indent: 0;
  pointer-events: none;
}
.personality-collapse .personality-header svg {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.personality-collapse .personality-item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(50% - 16px);
  max-width: 100%;
  background-color: #262626;
  padding: 8px 30px;
  color: #BFBFBF;
  font-size: 16px;
  text-align: center;
  margin-bottom: 8px;
  margin-right: 8px;
  border-radius: 9999px;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
}
.personality-collapse .personality-item.active,
.personality-collapse .personality-item:hover {
  color: #90D5B7;
  background-color: #112C20;
}

.personality-dive-section {
  margin-bottom: 56px;
}
.personality-dive-section .title {
  color: #E1F4EC;
  color: var(--bg-12, #E1F4EC);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.personality-dive-section .cells {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 16px;
  gap: 16px;
}
.personality-dive-section .cells .item {
  flex-basis: calc((100% - 16px) / 2);
  /* 控制一行最多显示4个子元素，等宽 */
  box-sizing: border-box;
  /* 包含边框和内填充在宽高中 */
  display: flex;
  grid-gap: 16px;
  gap: 16px;
  align-items: center;
  align-content: center;
  padding: 32px;
  border-radius: 16px;
}
.personality-dive-section .cells .item .text {
  margin: 0;
  padding: 0;
  color: #E0BB89;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 768px) {
  .personality-dive-section {
    margin: 0 16px 58px 16px;
  }
  .personality-dive-section .cells {
    flex-wrap: wrap;
  }
  .personality-dive-section .cells .item {
    padding: 16px;
    width: calc((100% - 16px) / 2);
    flex: 1 1;
    flex-wrap: wrap;
  }
  .personality-dive-section .cells .item .text {
    width: calc(100% - 68px);
    flex: 1 1;
    color: #E0BB89;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .personality-dive-section .cells .item .arrow {
    visibility: hidden;
  }
}
@media (max-width: 1024px) {
  .personality-dive-section .cells {
    flex-wrap: wrap;
  }
  .personality-dive-section .cells .item {
    padding: 16px;
    width: calc((100% - 16px) / 2);
    flex: 1 1;
    flex-wrap: wrap;
  }
  .personality-dive-section .cells .item .text {
    width: calc(100% - 68px);
    flex: 1 1;
  }
  .personality-dive-section .cells .item .arrow {
    visibility: hidden;
  }
}

.celebrities-personality-section {
  margin-bottom: 56px;
}
.celebrities-personality-section .title-box {
  display: flex;
  align-items: center;
  align-content: center;
}
.celebrities-personality-section .title-box .title {
  margin: 0;
  text-align: center;
  display: inline;
  color: #E1F4EC;
  color: var(--bg-12, #E1F4EC);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.celebrities-personality-section .container {
  display: flex;
  flex-wrap: wrap;
}
.celebrities-personality-section .container .item {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .celebrities-personality-section {
    margin: 0 16px 56px 16px;
  }
  .celebrities-personality-section .container .item {
    flex: 1 1;
    width: 100%;
  }
}

.profile-card {
  display: flex;
  flex-wrap: wrap;
}
.profile-card .divider {
  display: block;
  background-color: #1D2029;
  height: 0.5px;
  width: 100%;
  margin-left: 12px;
  margin-top: 16px;
}
.profile-card .base_row {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  border-radius: 16px;
  overflow: hidden;
}
.profile-card .base_row .arrow {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17l5-5M15 12l-5-5' stroke='%238C8C8C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.profile-card .base_row .avatar,
.profile-card .base_row .logo {
  position: relative;
  width: 72px;
  height: 72px;
  margin: 12px 0 12px 12px;
}
.profile-card .base_row .info {
  margin: 0 8px;
  flex: 1 1;
  width: 100vw;
}
.profile-card .base_row .info .info-name {
  color: #F0F0F0;
  font-size: 16px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 0;
  line-height: 1.3;
}
.profile-card .base_row .info .info-subcategory img {
  float: left;
  width: 18px;
  height: 18px;
}
.profile-card .base_row .info .info-subcategory label {
  color: #8C8C8C;
  font-size: 12px;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-bottom: 0;
}
.profile-card .base_row .type {
  display: flex;
  flex-direction: column;
  width: 104px;
  height: 104px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.profile-card .base_row .type .vote-count {
  display: inline-block;
  padding: 3px 4px;
  line-height: 14px;
}
.profile-card .base_row .type .vote-count svg {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.profile-card .base_row .type .vote-count label {
  display: inline-block;
  vertical-align: top;
  color: #C4E9D9;
  font-size: 12px;
  margin-left: 4px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 3px;
  cursor: pointer;
}
.profile-card .base_row .type .vote-count.has_voted label {
  color: #FFCF9A;
}
.profile-card .base_row .type .personality {
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 26px */
  letter-spacing: 0.8px;
  display: block;
  color: #C3924A;
}
.profile-card .base_row .type .subtype {
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 15.6px */
  letter-spacing: 0.48px;
  display: block;
  color: #FFC9A3;
}
.profile-card .base_row:hover {
  background-color: #1D2029;
}
.profile-card .top_analysis {
  display: flex;
}
.profile-card .top_analysis.none {
  background: linear-gradient(90deg, rgba(14, 45, 49, 0.5) 0%, rgba(14, 45, 49, 0.1) 100%);
  opacity: 0.6;
}
.profile-card .top_analysis .content {
  display: flex;
  height: 20px;
  padding: 0 8px;
  margin: 0 12px;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  background: linear-gradient(90deg, #1D2029 0%, rgba(14, 45, 49, 0.2) 100%);
}
.profile-card .top_analysis .content .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #90D5B7;
  text-overflow: ellipsis;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  padding: 0;
  line-height: 140%;
  /* 16.8px */
  letter-spacing: 0.24px;
}
.profile-card .top_analysis .content .quto {
  padding: 0;
  display: -webkit-box;
  color: #90D5B7;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 16.8px */
  letter-spacing: 0.24px;
}
@media screen and (max-width: 768px) {
  .profile-card .avatar,
  .profile-card .logo {
    width: 72px;
    height: 72px;
  }
  .profile-card .info {
    width: 100vw;
  }
  .profile-card .info .info-name {
    font-size: 18px;
  }
  .profile-card .info .info-subcategory {
    font-size: 12px;
  }
  .profile-card:hover {
    background-color: inherit;
  }
  .profile-card:active {
    background-color: #1D2029;
  }
}

.rc-row {
  display: flex;
  flex-flow: nowrap;
}
.rc-row::before,
.rc-row::after {
  display: flex;
}
.rc-row-no-wrap {
  flex-wrap: nowrap;
}
.rc-row-start {
  justify-content: flex-start;
}
.rc-row-center {
  justify-content: center;
}
.rc-row-end {
  justify-content: flex-end;
}
.rc-row-space-between {
  justify-content: space-between;
}
.rc-row-space-around {
  justify-content: space-around;
}
.rc-row-top {
  align-items: flex-start;
}
.rc-row-middle {
  align-items: center;
}
.rc-row-bottom {
  align-items: flex-end;
}
.rc-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
}
.rc-col-12 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.rc-col-push-12 {
  left: 100%;
}
.rc-col-pull-12 {
  right: 100%;
}
.rc-col-offset-12 {
  margin-left: 100%;
}
.rc-col-order-12 {
  order: 12;
}
.rc-col-11 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.rc-col-push-11 {
  left: 91.66666667%;
}
.rc-col-pull-11 {
  right: 91.66666667%;
}
.rc-col-offset-11 {
  margin-left: 91.66666667%;
}
.rc-col-order-11 {
  order: 11;
}
.rc-col-10 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.rc-col-push-10 {
  left: 83.33333333%;
}
.rc-col-pull-10 {
  right: 83.33333333%;
}
.rc-col-offset-10 {
  margin-left: 83.33333333%;
}
.rc-col-order-10 {
  order: 10;
}
.rc-col-9 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.rc-col-push-9 {
  left: 75%;
}
.rc-col-pull-9 {
  right: 75%;
}
.rc-col-offset-9 {
  margin-left: 75%;
}
.rc-col-order-9 {
  order: 9;
}
.rc-col-8 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.rc-col-push-8 {
  left: 66.66666667%;
}
.rc-col-pull-8 {
  right: 66.66666667%;
}
.rc-col-offset-8 {
  margin-left: 66.66666667%;
}
.rc-col-order-8 {
  order: 8;
}
.rc-col-7 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.rc-col-push-7 {
  left: 58.33333333%;
}
.rc-col-pull-7 {
  right: 58.33333333%;
}
.rc-col-offset-7 {
  margin-left: 58.33333333%;
}
.rc-col-order-7 {
  order: 7;
}
.rc-col-6 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.rc-col-push-6 {
  left: 50%;
}
.rc-col-pull-6 {
  right: 50%;
}
.rc-col-offset-6 {
  margin-left: 50%;
}
.rc-col-order-6 {
  order: 6;
}
.rc-col-5 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.rc-col-push-5 {
  left: 41.66666667%;
}
.rc-col-pull-5 {
  right: 41.66666667%;
}
.rc-col-offset-5 {
  margin-left: 41.66666667%;
}
.rc-col-order-5 {
  order: 5;
}
.rc-col-4 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.rc-col-push-4 {
  left: 33.33333333%;
}
.rc-col-pull-4 {
  right: 33.33333333%;
}
.rc-col-offset-4 {
  margin-left: 33.33333333%;
}
.rc-col-order-4 {
  order: 4;
}
.rc-col-3 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.rc-col-push-3 {
  left: 25%;
}
.rc-col-pull-3 {
  right: 25%;
}
.rc-col-offset-3 {
  margin-left: 25%;
}
.rc-col-order-3 {
  order: 3;
}
.rc-col-2 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.rc-col-push-2 {
  left: 16.66666667%;
}
.rc-col-pull-2 {
  right: 16.66666667%;
}
.rc-col-offset-2 {
  margin-left: 16.66666667%;
}
.rc-col-order-2 {
  order: 2;
}
.rc-col-1 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.rc-col-push-1 {
  left: 8.33333333%;
}
.rc-col-pull-1 {
  right: 8.33333333%;
}
.rc-col-offset-1 {
  margin-left: 8.33333333%;
}
.rc-col-order-1 {
  order: 1;
}
.rc-col-0 {
  display: none;
}
.rc-col-push-0 {
  left: auto;
}
.rc-col-pull-0 {
  right: auto;
}
.rc-col-push-0 {
  left: auto;
}
.rc-col-pull-0 {
  right: auto;
}
.rc-col-offset-0 {
  margin-left: 0;
}
.rc-col-order-0 {
  order: 0;
}
@media (max-width: 1024px) {
  .rc-col-md-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .rc-col-md-push-12 {
    left: 100%;
  }
  .rc-col-md-pull-12 {
    right: 100%;
  }
  .rc-col-md-offset-12 {
    margin-left: 100%;
  }
  .rc-col-md-order-12 {
    order: 12;
  }
  .rc-col-md-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .rc-col-md-push-11 {
    left: 91.66666667%;
  }
  .rc-col-md-pull-11 {
    right: 91.66666667%;
  }
  .rc-col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .rc-col-md-order-11 {
    order: 11;
  }
  .rc-col-md-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .rc-col-md-push-10 {
    left: 83.33333333%;
  }
  .rc-col-md-pull-10 {
    right: 83.33333333%;
  }
  .rc-col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .rc-col-md-order-10 {
    order: 10;
  }
  .rc-col-md-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .rc-col-md-push-9 {
    left: 75%;
  }
  .rc-col-md-pull-9 {
    right: 75%;
  }
  .rc-col-md-offset-9 {
    margin-left: 75%;
  }
  .rc-col-md-order-9 {
    order: 9;
  }
  .rc-col-md-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .rc-col-md-push-8 {
    left: 66.66666667%;
  }
  .rc-col-md-pull-8 {
    right: 66.66666667%;
  }
  .rc-col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .rc-col-md-order-8 {
    order: 8;
  }
  .rc-col-md-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .rc-col-md-push-7 {
    left: 58.33333333%;
  }
  .rc-col-md-pull-7 {
    right: 58.33333333%;
  }
  .rc-col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .rc-col-md-order-7 {
    order: 7;
  }
  .rc-col-md-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .rc-col-md-push-6 {
    left: 50%;
  }
  .rc-col-md-pull-6 {
    right: 50%;
  }
  .rc-col-md-offset-6 {
    margin-left: 50%;
  }
  .rc-col-md-order-6 {
    order: 6;
  }
  .rc-col-md-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .rc-col-md-push-5 {
    left: 41.66666667%;
  }
  .rc-col-md-pull-5 {
    right: 41.66666667%;
  }
  .rc-col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .rc-col-md-order-5 {
    order: 5;
  }
  .rc-col-md-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .rc-col-md-push-4 {
    left: 33.33333333%;
  }
  .rc-col-md-pull-4 {
    right: 33.33333333%;
  }
  .rc-col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .rc-col-md-order-4 {
    order: 4;
  }
  .rc-col-md-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .rc-col-md-push-3 {
    left: 25%;
  }
  .rc-col-md-pull-3 {
    right: 25%;
  }
  .rc-col-md-offset-3 {
    margin-left: 25%;
  }
  .rc-col-md-order-3 {
    order: 3;
  }
  .rc-col-md-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .rc-col-md-push-2 {
    left: 16.66666667%;
  }
  .rc-col-md-pull-2 {
    right: 16.66666667%;
  }
  .rc-col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .rc-col-md-order-2 {
    order: 2;
  }
  .rc-col-md-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .rc-col-md-push-1 {
    left: 8.33333333%;
  }
  .rc-col-md-pull-1 {
    right: 8.33333333%;
  }
  .rc-col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .rc-col-md-order-1 {
    order: 1;
  }
  .rc-col-md-0 {
    display: none;
  }
  .rc-col-push-0 {
    left: auto;
  }
  .rc-col-pull-0 {
    right: auto;
  }
  .rc-col-md-push-0 {
    left: auto;
  }
  .rc-col-md-pull-0 {
    right: auto;
  }
  .rc-col-md-offset-0 {
    margin-left: 0;
  }
  .rc-col-md-order-0 {
    order: 0;
  }
}
@media (max-width: 768px) {
  .rc-col-sm-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .rc-col-sm-push-12 {
    left: 100%;
  }
  .rc-col-sm-pull-12 {
    right: 100%;
  }
  .rc-col-sm-offset-12 {
    margin-left: 100%;
  }
  .rc-col-sm-order-12 {
    order: 12;
  }
  .rc-col-sm-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .rc-col-sm-push-11 {
    left: 91.66666667%;
  }
  .rc-col-sm-pull-11 {
    right: 91.66666667%;
  }
  .rc-col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .rc-col-sm-order-11 {
    order: 11;
  }
  .rc-col-sm-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .rc-col-sm-push-10 {
    left: 83.33333333%;
  }
  .rc-col-sm-pull-10 {
    right: 83.33333333%;
  }
  .rc-col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .rc-col-sm-order-10 {
    order: 10;
  }
  .rc-col-sm-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .rc-col-sm-push-9 {
    left: 75%;
  }
  .rc-col-sm-pull-9 {
    right: 75%;
  }
  .rc-col-sm-offset-9 {
    margin-left: 75%;
  }
  .rc-col-sm-order-9 {
    order: 9;
  }
  .rc-col-sm-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .rc-col-sm-push-8 {
    left: 66.66666667%;
  }
  .rc-col-sm-pull-8 {
    right: 66.66666667%;
  }
  .rc-col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .rc-col-sm-order-8 {
    order: 8;
  }
  .rc-col-sm-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .rc-col-sm-push-7 {
    left: 58.33333333%;
  }
  .rc-col-sm-pull-7 {
    right: 58.33333333%;
  }
  .rc-col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .rc-col-sm-order-7 {
    order: 7;
  }
  .rc-col-sm-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .rc-col-sm-push-6 {
    left: 50%;
  }
  .rc-col-sm-pull-6 {
    right: 50%;
  }
  .rc-col-sm-offset-6 {
    margin-left: 50%;
  }
  .rc-col-sm-order-6 {
    order: 6;
  }
  .rc-col-sm-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .rc-col-sm-push-5 {
    left: 41.66666667%;
  }
  .rc-col-sm-pull-5 {
    right: 41.66666667%;
  }
  .rc-col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .rc-col-sm-order-5 {
    order: 5;
  }
  .rc-col-sm-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .rc-col-sm-push-4 {
    left: 33.33333333%;
  }
  .rc-col-sm-pull-4 {
    right: 33.33333333%;
  }
  .rc-col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .rc-col-sm-order-4 {
    order: 4;
  }
  .rc-col-sm-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .rc-col-sm-push-3 {
    left: 25%;
  }
  .rc-col-sm-pull-3 {
    right: 25%;
  }
  .rc-col-sm-offset-3 {
    margin-left: 25%;
  }
  .rc-col-sm-order-3 {
    order: 3;
  }
  .rc-col-sm-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .rc-col-sm-push-2 {
    left: 16.66666667%;
  }
  .rc-col-sm-pull-2 {
    right: 16.66666667%;
  }
  .rc-col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .rc-col-sm-order-2 {
    order: 2;
  }
  .rc-col-sm-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .rc-col-sm-push-1 {
    left: 8.33333333%;
  }
  .rc-col-sm-pull-1 {
    right: 8.33333333%;
  }
  .rc-col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .rc-col-sm-order-1 {
    order: 1;
  }
  .rc-col-sm-0 {
    display: none;
  }
  .rc-col-push-0 {
    left: auto;
  }
  .rc-col-pull-0 {
    right: auto;
  }
  .rc-col-sm-push-0 {
    left: auto;
  }
  .rc-col-sm-pull-0 {
    right: auto;
  }
  .rc-col-sm-offset-0 {
    margin-left: 0;
  }
  .rc-col-sm-order-0 {
    order: 0;
  }
}

.mbti-list .mbti-list-item {
  display: block;
  padding: 11px 16px;
  font-size: 26px;
  color: #7ECEAB;
  border-radius: 16px;
  background-color: #15171F;
}
.mbti-list .mbti-list-item:not(:first-child) {
  margin-top: 16px;
}

.infographics .infographics-wrp {
  background-color: #15171F;
  padding: 16px;
  border-radius: 16px;
}
.infographics .infographics-wrp h1 {
  color: #FAFAFA;
  font-size: 36px;
  text-decoration: underline;
}
.infographics .infographics-wrp p {
  color: #FFFFFF;
  font-size: 16px;
}
.infographics .infographics-wrp h2 {
  color: #7ECEAB;
  font-size: 26px;
}
.infographics .infographics-wrp h3 {
  color: #D9D9D9;
  font-size: 22px;
}
.infographics .infographics-wrp h4 {
  color: #D9D9D9;
  font-size: 20px;
}
.infographics .infographics-wrp img {
  display: block;
  max-width: 100%;
}
.infographics .infographics-wrp a {
  color: #87C2F8;
  text-decoration: underline;
}
.infographics .infographics-wrp ul {
  color: #D9D9D9;
}
.infographics .infographics-wrp ul li::before {
  content: "•";
  color: #D9D9D9;
  display: inline-block;
  width: 1em;
  background-color: transparent;
}
.infographics-side .infographics-side-item {
  display: block;
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background-color: #15171F;
}
.infographics-side .infographics-side-item img {
  width: 100%;
}
.infographics-side .infographics-side-item label {
  display: block;
  margin-top: 10px;
  color: #6BC79F;
}

.article .article-list-item {
  display: block;
  padding: 11px 16px;
  font-size: 26px;
  color: #7ECEAB;
  border-radius: 16px;
  background-color: #15171F;
}
.article .article-list-item:not(:first-child) {
  margin-top: 16px;
}

.drawer {
  position: fixed;
  z-index: 9999;
  transition: width 0s ease 0.3s, height 0s ease 0.3s, transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.drawer > * {
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), box-shadow 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.drawer.drawer-open {
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.drawer .drawer-mask {
  background: #000;
  opacity: 0;
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), height 0s ease 0.3s;
}
.drawer-content-wrapper {
  position: absolute;
  background: #fff;
}
.drawer-content {
  overflow: auto;
  z-index: 1;
  position: relative;
}
.drawer-handle {
  position: absolute;
  top: 72px;
  width: 41px;
  height: 40px;
  cursor: pointer;
  z-index: 0;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.drawer-handle-icon {
  width: 14px;
  height: 2px;
  background: #333;
  position: relative;
  transition: background 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.drawer-handle-icon:before,
.drawer-handle-icon:after {
  content: '';
  display: block;
  position: absolute;
  background: #333;
  width: 100%;
  height: 2px;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.drawer-handle-icon:before {
  top: -5px;
}
.drawer-handle-icon:after {
  top: 5px;
}
.drawer-left,
.drawer-right {
  width: 0%;
  height: 100%;
}
.drawer-left .drawer-content-wrapper,
.drawer-right .drawer-content-wrapper,
.drawer-left .drawer-content,
.drawer-right .drawer-content {
  height: 100%;
}
.drawer-left.drawer-open,
.drawer-right.drawer-open {
  width: 100%;
}
.drawer-left.drawer-open.no-mask,
.drawer-right.drawer-open.no-mask {
  width: 0%;
}
.drawer-left {
  top: 0;
  left: 0;
}
.drawer-left .drawer-handle {
  right: -40px;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
  border-radius: 0 4px 4px 0;
}
.drawer-left.drawer-open .drawer-content-wrapper {
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}
.drawer-right {
  top: 0;
  right: 0;
}
.drawer-right .drawer-content-wrapper {
  right: 0;
}
.drawer-right .drawer-handle {
  left: -40px;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px 0 0 4px;
}
.drawer-right.drawer-open .drawer-content-wrapper {
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.drawer-right.drawer-open.no-mask {
  right: 1px;
  transform: translateX(1px);
}
.drawer-top,
.drawer-bottom {
  width: 100%;
  height: 0%;
}
.drawer-top .drawer-content-wrapper,
.drawer-bottom .drawer-content-wrapper,
.drawer-top .drawer-content,
.drawer-bottom .drawer-content {
  width: 100%;
}
.drawer-top .drawer-content,
.drawer-bottom .drawer-content {
  height: 100%;
}
.drawer-top.drawer-open,
.drawer-bottom.drawer-open {
  height: 100%;
}
.drawer-top.drawer-open.no-mask,
.drawer-bottom.drawer-open.no-mask {
  height: 0%;
}
.drawer-top .drawer-handle,
.drawer-bottom .drawer-handle {
  left: 50%;
  margin-left: -20px;
}
.drawer-top {
  top: 0;
  left: 0;
}
.drawer-top .drawer-handle {
  top: auto;
  bottom: -40px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 4px 4px;
}
.drawer-top.drawer-open .drawer-content-wrapper {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.drawer-bottom {
  bottom: 0;
  left: 0;
}
.drawer-bottom .drawer-content-wrapper {
  bottom: 0;
}
.drawer-bottom .drawer-handle {
  top: -40px;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px 4px 0 0;
}
.drawer-bottom.drawer-open .drawer-content-wrapper {
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.drawer-bottom.drawer-open.no-mask {
  bottom: 1px;
  transform: translateY(1px);
}
.drawer.drawer-open .drawer-mask {
  opacity: 0.3;
  height: 100%;
  transition: opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.drawer.drawer-open .drawer-handle-icon {
  background: transparent;
}
.drawer.drawer-open .drawer-handle-icon:before {
  transform: translateY(5px) rotate(45deg);
}
.drawer.drawer-open .drawer-handle-icon:after {
  transform: translateY(-5px) rotate(-45deg);
}

.drawer-content-wrapper {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
  background-color: #07080D;
}
.drawer-container .drawer-operation {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.drawer-container .drawer-operation label {
  font-size: 16px;
  color: #BFBFBF;
}
.drawer-container .drawer-operation .drawer-btn {
  padding: 12px 10px;
  color: #595959;
  font-size: 16px;
}
.drawer-container .drawer-operation .drawer-btn.done {
  color: #6BC79F;
}
.drawer-container .drawer-list {
  position: relative;
  padding: 170px 0 170px;
  height: 374px;
  margin-bottom: 0;
  overflow: auto;
}
.drawer-container .drawer-list li {
  height: 27px;
  line-height: 27px;
  color: #595959;
  margin: 5px 0;
  text-align: center;
}
.drawer-container .drawer-list li.active {
  color: #F0F0F0;
}
.drawer-container:before {
  content: '';
  position: absolute;
  top: calc(50% + 6px);
  left: 0;
  width: 100%;
  height: 37px;
  background-color: #1D2029;
  pointer-events: none;
}

.confirm {
  width: 270px !important;
}
.confirm .rc-dialog-content {
  background: rgba(30, 30, 30, 0.75);
  -webkit-backdrop-filter: blur(81.5485px);
          backdrop-filter: blur(81.5485px);
  border-radius: 14px;
  overflow: hidden;
}
.confirm .rc-dialog-close {
  display: none;
}
.confirm .rc-dialog-header {
  border-bottom: none;
  padding: 19px 16px 2px;
  background: transparent;
}
.confirm .rc-dialog-header .rc-dialog-title {
  text-align: center;
  color: white;
  font-size: 17px;
}
.confirm .rc-dialog-body {
  color: white;
  font-size: 13px;
  padding: 0;
}
.confirm .rc-dialog-body p {
  padding: 0 16px 19px;
  margin-bottom: 0;
  white-space: pre-line;
}
.confirm .rc-dialog-body .btns {
  border-top: 1px solid rgba(84, 84, 88, 0.65);
}
.confirm .rc-dialog-body .btns button {
  display: inline-block;
  padding: 0;
  width: 50%;
  height: 44px;
  font-size: 17px;
  border-radius: 0;
  background-color: transparent;
}
.confirm .rc-dialog-body .btns button:not(:first-child) {
  border-left: 1px solid rgba(84, 84, 88, 0.65);
}
.confirm .rc-dialog-body .btns button:first-child:last-child {
  width: 100%;
}
.confirm .rc-dialog-body .btns button.cancel-btn {
  color: #8C8C8C;
}
.confirm .rc-dialog-body .btns button.ok-btn {
  color: #8C8C8C;
}

/* Default state */
.rc-checkbox {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  position: relative;
  line-height: 1;
  vertical-align: middle;
}
.rc-checkbox:hover .rc-checkbox-inner,
.rc-checkbox-input:focus + .rc-checkbox-inner {
  border-color: #3dbcf6;
}
.rc-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  width: 14px;
  height: 14px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-color: #d9d9d9;
  background-color: #ffffff;
  transition: border-color 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55), background-color 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.rc-checkbox-inner:after {
  transform: rotate(45deg);
  position: absolute;
  left: 4px;
  top: 1px;
  display: table;
  width: 5px;
  height: 8px;
  border: 2px solid #ffffff;
  border-top: 0;
  border-left: 0;
  content: ' ';
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  animation-duration: 0.3s;
  animation-name: amCheckboxOut;
}
.rc-checkbox-input {
  position: absolute;
  left: 0;
  z-index: 9999;
  cursor: pointer;
  opacity: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
/* Checked state */
.rc-checkbox-checked:hover .rc-checkbox-inner {
  border-color: #3dbcf6;
}
.rc-checkbox-checked .rc-checkbox-inner {
  border-color: #3dbcf6;
  background-color: #3dbcf6;
}
.rc-checkbox-checked .rc-checkbox-inner:after {
  transform: rotate(45deg);
  position: absolute;
  left: 4px;
  top: 1px;
  display: table;
  width: 5px;
  height: 8px;
  border: 2px solid #ffffff;
  border-top: 0;
  border-left: 0;
  content: ' ';
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  animation-duration: 0.3s;
  animation-name: amCheckboxOut;
}
@media print {
  .rc-checkbox-checked .rc-checkbox-inner {
    box-shadow: inset 0 0 0 16px #3dbcf6;
  }
}
.rc-checkbox-disabled.rc-checkbox-checked:hover .rc-checkbox-inner {
  border-color: #d9d9d9;
}
.rc-checkbox-disabled.rc-checkbox-checked .rc-checkbox-inner {
  background-color: #f3f3f3;
  border-color: #d9d9d9;
}
.rc-checkbox-disabled.rc-checkbox-checked .rc-checkbox-inner:after {
  animation-name: none;
  border-color: #cccccc;
}
@media print {
  .rc-checkbox-disabled.rc-checkbox-checked .rc-checkbox-inner {
    box-shadow: inset 0 0 0 16px #f3f3f3;
  }
}
.rc-checkbox-disabled:hover .rc-checkbox-inner {
  border-color: #d9d9d9;
}
.rc-checkbox-disabled .rc-checkbox-inner {
  border-color: #d9d9d9;
  background-color: #f3f3f3;
}
.rc-checkbox-disabled .rc-checkbox-inner:after {
  animation-name: none;
  border-color: #f3f3f3;
}
.rc-checkbox-disabled .rc-checkbox-inner-input {
  cursor: default;
}
@keyframes amCheckboxIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0) rotate(45deg);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1) rotate(45deg);
  }
}
@keyframes amCheckboxOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.readmore {
  position: relative;
}
.readmore .container {
  font-size: 14px;
  line-height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-line;
}
.readmore .extra {
  display: none;
}
.readmore .extra.showless {
  display: block;
}
.readmore .container.showless {
  display: block;
}
.readmore .more-bottom {
  text-align: right;
}
.readmore .more {
  font-size: 12px;
  line-height: 20px;
  color: #8C8C8C;
  cursor: pointer;
}
.readmore .more svg {
  font-size: 14px;
  transform: translateY(4px);
}
.readmore .more.less svg {
  transform: rotate(180deg) translateY(-3px);
}
.readmore p.showless ~ .more-bottom .more svg {
  transform: translateY(4px) rotate(180deg);
}

.rc-checkbox .rc-checkbox-input {
  width: 20px;
  height: 20px;
}
.rc-checkbox .rc-checkbox-inner {
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 1.83333px solid #D9D9D9;
  border-radius: 4px;
  outline: none;
}
.rc-checkbox .rc-checkbox-inner:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  border-color: transparent;
}
.rc-checkbox.rc-checkbox-checked .rc-checkbox-inner {
  background-color: #2EA9AC;
  border-color: #2EA9AC;
}
.rc-checkbox.rc-checkbox-checked .rc-checkbox-inner::after {
  border-color: #D9D9D9;
}
.rc-checkbox.circle .rc-checkbox-inner {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  border-color: #8C8C8C;
  background-color: transparent;
}
.rc-checkbox.circle .rc-checkbox-inner:after {
  left: 1px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent;
  border: none;
}
.rc-checkbox.circle:not(.rc-checkbox-checked) .rc-checkbox-input:focus + .rc-checkbox-inner {
  border-color: #8C8C8C;
}
.rc-checkbox.circle.rc-checkbox-checked .rc-checkbox-inner {
  border-color: #225941;
  background-color: transparent;
}
.rc-checkbox.circle.rc-checkbox-checked .rc-checkbox-inner:after {
  background-color: #6BC79F;
  border: none;
}

@font-face {
  font-family: 'anticon';
  src: url('//at.alicdn.com/t/font_1434092639_4910953.eot');
  /* IE9*/
  src: url('//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1434092639_4910953.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1434092639_4910953.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1434092639_4910953.svg#iconfont') format('svg');
  /* iOS 4.1- */
}
.rc-dropdown {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
}
.rc-dropdown-hidden {
  display: none;
}
.rc-dropdown-menu {
  outline: none;
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 2px 0 2px;
  text-align: left;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 5px #ccc;
  background-clip: padding-box;
  border: 1px solid #ccc;
}
.rc-dropdown-menu > li {
  margin: 0;
  padding: 0;
}
.rc-dropdown-menu:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 4px;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.01);
}
.rc-dropdown-menu > .rc-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 7px 10px;
  clear: both;
  font-size: 12px;
  font-weight: normal;
  color: #666666;
  white-space: nowrap;
}
.rc-dropdown-menu > .rc-dropdown-menu-item:hover,
.rc-dropdown-menu > .rc-dropdown-menu-item-active,
.rc-dropdown-menu > .rc-dropdown-menu-item-selected {
  background-color: #ebfaff;
}
.rc-dropdown-menu > .rc-dropdown-menu-item-selected {
  position: relative;
}
.rc-dropdown-menu > .rc-dropdown-menu-item-selected:after {
  content: '\e613';
  font-family: 'anticon';
  font-weight: bold;
  position: absolute;
  top: 6px;
  right: 16px;
  color: #3CB8F0;
}
.rc-dropdown-menu > .rc-dropdown-menu-item-disabled {
  color: #ccc;
  cursor: not-allowed;
  pointer-events: none;
}
.rc-dropdown-menu > .rc-dropdown-menu-item-disabled:hover {
  color: #ccc;
  background-color: #fff;
  cursor: not-allowed;
}
.rc-dropdown-menu > .rc-dropdown-menu-item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.rc-dropdown-menu > .rc-dropdown-menu-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.rc-dropdown-menu > .rc-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  line-height: 0;
}
.rc-dropdown-slide-up-enter,
.rc-dropdown-slide-up-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.rc-dropdown-slide-up-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomLeft,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomLeft,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomCenter,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomCenter,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomRight,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomRight {
  animation-name: rcDropdownSlideUpIn;
  animation-play-state: running;
}
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topLeft,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topLeft,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topCenter,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topCenter,
.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topRight,
.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topRight {
  animation-name: rcDropdownSlideDownIn;
  animation-play-state: running;
}
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomLeft,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomCenter,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomRight {
  animation-name: rcDropdownSlideUpOut;
  animation-play-state: running;
}
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topLeft,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topCenter,
.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topRight {
  animation-name: rcDropdownSlideDownOut;
  animation-play-state: running;
}
@keyframes rcDropdownSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}
@keyframes rcDropdownSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}
@keyframes rcDropdownSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}
@keyframes rcDropdownSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}
.rc-dropdown-arrow {
  position: absolute;
  border-width: 4px;
  border-color: transparent;
  box-shadow: 0 1px 5px #ccc;
  border-style: solid;
  transform: rotate(45deg);
}
.rc-dropdown-show-arrow.rc-dropdown-placement-top,
.rc-dropdown-show-arrow.rc-dropdown-placement-topLeft,
.rc-dropdown-show-arrow.rc-dropdown-placement-topRight {
  padding-bottom: 6px;
}
.rc-dropdown-show-arrow.rc-dropdown-placement-bottom,
.rc-dropdown-show-arrow.rc-dropdown-placement-bottomLeft,
.rc-dropdown-show-arrow.rc-dropdown-placement-bottomRight {
  padding-top: 6px;
}
.rc-dropdown-placement-top .rc-dropdown-arrow,
.rc-dropdown-placement-topLeft .rc-dropdown-arrow,
.rc-dropdown-placement-topRight .rc-dropdown-arrow {
  bottom: 4px;
  border-top-color: white;
}
.rc-dropdown-placement-top .rc-dropdown-arrow {
  left: 50%;
}
.rc-dropdown-placement-topLeft .rc-dropdown-arrow {
  left: 15%;
}
.rc-dropdown-placement-topRight .rc-dropdown-arrow {
  right: 15%;
}
.rc-dropdown-placement-bottom .rc-dropdown-arrow,
.rc-dropdown-placement-bottomLeft .rc-dropdown-arrow,
.rc-dropdown-placement-bottomRight .rc-dropdown-arrow {
  top: 4px;
  border-bottom-color: white;
}
.rc-dropdown-placement-bottom .rc-dropdown-arrow {
  left: 50%;
}
.rc-dropdown-placement-bottomLeft .rc-dropdown-arrow {
  left: 15%;
}
.rc-dropdown-placement-bottomRight .rc-dropdown-arrow {
  right: 15%;
}

.rule-block {
  background-color: transparent;
  border: none;
}
.rule-block:last-child {
  margin-top: 24px;
}
.rule-block .title {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  padding: 12px 16px;
}
.rule-block .title .edit {
  float: right;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #6BC79F;
}
.rule-block .rule-detail {
  margin-top: 4px;
  margin-bottom: 0;
}
.rule-block ul {
  margin: 12px 16px 0;
  list-style: disc;
}
.rule-block ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #C4E9D9;
}
.rule-block ul li:not(:first-child) {
  margin-top: 8px;
}
.rule-block > .rc-collapse-item {
  border: none;
  padding: 12px;
  margin: 0 16px;
  background-color: #15171F;
  border-radius: 8px;
}
.rule-block > .rc-collapse-item > .rc-collapse-header {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  padding: 0;
  color: #D9D9D9;
}
.rule-block > .rc-collapse-item > .rc-collapse-header .arrow {
  content: none;
  top: 0;
  width: 24px;
  height: 24px;
  border: none;
  margin-right: 6px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.293 5.293a1 1 0 0 0 0 1.414L13.586 12l-5.293 5.293a1 1 0 1 0 1.414 1.414l6-6a1 1 0 0 0 0-1.414l-6-6a1 1 0 0 0-1.414 0z' fill='%236BC79F'/%3E%3C/svg%3E");
}
.rule-block > .rc-collapse-item.rc-collapse-item-active > .rc-collapse-header .arrow {
  transform: rotate(90deg);
}
.rule-block > .rc-collapse-item:not(:nth-child(2)) {
  margin-top: 16px;
}
.rule-block > .rc-collapse-item .rc-collapse-content {
  background-color: transparent;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  padding: 0;
  color: #BFBFBF;
}
.rule-block > .rc-collapse-item .rc-collapse-content .rc-collapse-content-box {
  margin: 0;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-detail > .title {
  display: block;
  padding: 16px 16px 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0.04em;
  color: #E1F4EC;
}
.board-detail .description {
  padding: 12px 16px 0;
}
.board-detail .description label {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.board-detail .description p {
  margin-top: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #BFBFBF;
  margin-bottom: 0;
  white-space: pre-line;
}
.board-detail .description .count {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  align-items: center;
  white-space: nowrap;
}
.board-detail .description .count .count-item {
  display: inline-block;
  vertical-align: middle;
}
.board-detail .description .count .count-item .num {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #BFBFBF;
}
.board-detail .description .count .count-item .text {
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #595959;
}
.board-detail .description .count .count-item:not(:first-child) {
  margin-left: 12px;
}
.board-detail .description .count .view-personality {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.04em;
  color: #6BC79F;
  white-space: nowrap;
}
.board-detail .description .count .view-personality:after {
  content: '';
  display: inline-block;
  margin-left: 6px;
  width: 7px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.602 6.367l-5.263 4.858a.5.5 0 0 1-.839-.367V1.142a.5.5 0 0 1 .84-.367l5.262 4.858a.5.5 0 0 1 0 .734z' fill='%236BC79F'/%3E%3C/svg%3E");
  transform: translateY(1px);
}
.board-detail .dividing-line {
  display: block;
  margin: 24px 28px 0;
  width: calc(100% - 56px);
  height: 1px;
  background-color: #1D2029;
}
.board-detail .rules {
  padding-bottom: 24px;
}
.board-detail .rules .rule-block {
  margin-top: 12px;
}
.board-detail .rules .rule-block:not(:first-child) {
  margin-top: 32px;
}
.board-detail .captains {
  margin-top: 32px;
  border-bottom: 1px solid #1D2029;
}
.board-detail .captains .title {
  display: block;
  margin: 0 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.board-detail .captains ul li {
  display: flex;
  padding: 12px 16px;
}
.board-detail .captains ul li .avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.board-detail .captains ul li .info {
  flex: 1 1;
  margin-left: 12px;
  overflow: hidden;
}
.board-detail .captains ul li .info .usernmae {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.board-detail .captains ul li .info .description {
  display: block;
  padding: 0;
  margin-top: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.board-detail .check-log {
  display: flex;
  margin-top: 32px;
  padding: 0 16px;
  justify-content: space-between;
}
.board-detail .check-log .audit-log {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.board-detail .check-log .audit-log svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  transform: translateY(-2px);
}
.board-detail .check-log .captain-tool {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #FA9D64;
}
.board-detail .check-log .captain-tool svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  transform: translateY(-2px);
}
.board-detail .check-log .captain-tool svg path {
  fill: #FA9D64 !important;
}
.board-detail .check-log .captain-tool svg circle {
  stroke: #FA9D64 !important;
}
.board-detail .check-log .captain-tool:after {
  content: '';
  display: inline-block;
  margin-left: 6px;
  width: 7px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.602 6.367l-5.263 4.858a.5.5 0 0 1-.839-.367V1.142a.5.5 0 0 1 .84-.367l5.262 4.858a.5.5 0 0 1 0 .734z' fill='%23FA9D64'/%3E%3C/svg%3E");
}

.topic-detail .back-btn {
  display: block;
  margin: 9px 16px;
}

.rc-dropdown {
  background: #07080D;
  border: 2px solid #328561;
  box-sizing: border-box;
  border-radius: 17px;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
}
@media (max-width: 768px) {
  .rc-dropdown {
    min-width: auto !important;
    max-width: 100%;
  }
}

.radio {
  display: block;
  color: #E1F4EC;
  cursor: pointer;
}
.radio .rc-checkbox {
  margin-right: 16px;
}
.radio .rc-checkbox-checked .rc-checkbox-inner:after {
  left: 8px;
  border-radius: 50%;
  border: none;
}

.report-container {
  padding: 16px;
  width: 100%;
}
.report-container .content {
  max-height: 480px;
  overflow-y: auto;
}
.report-container .content > .title {
  display: block;
  font-size: 18px;
  padding-bottom: 12px;
  line-height: 150%;
  color: #C4E9D9;
  text-align: center;
  border-bottom: 1px solid #328561;
}
.report-container .content .rule-items {
  margin-top: 12px;
}
.report-container .content .rule-items .title {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
  padding: 12px 0;
  white-space: pre-line;
}
.report-container .content .rule-items .rule-list li:not(:first-child) {
  margin-top: 12px;
}
.report-container .content .rule-items:nth-child(n+3) {
  margin-top: 24px;
}
.report-container .content .detail {
  margin-top: 12px;
  max-height: 250px;
  overflow-y: auto;
}
.report-container .content .detail .description {
  display: block;
  color: #D9D9D9;
  font-size: 14px;
  pointer-events: none;
}
.report-container .content .detail ul {
  list-style: disc;
  margin: 12px 16px 0;
}
.report-container .content .detail ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #C4E9D9;
}
.report-container .bottom {
  padding-top: 24px;
}
.report-container .bottom .title {
  margin-top: 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #8C8C8C;
}
.report-container .bottom .rc-textarea {
  margin-top: 12px;
  padding: 12px;
  width: 100%;
  background-color: #15171F;
}
.report-container .bottom .btns {
  display: flex;
  margin-top: 16px;
  justify-content: space-between;
}
.report-container .bottom .btns .cancel {
  background-color: transparent;
  border: 1px solid #328561;
}
.report-popover .rc-dialog-body {
  display: flex;
  width: 100%;
  padding: 0;
}

.birth-year .pdb-dialog-close,
.birth-year .pdb-dialog-header {
  display: none;
}
.birth-year .pdb-dialog-content {
  padding: 32px;
}
.birth-year .pdb-dialog-body {
  flex-direction: column;
}
.birth-year .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.85);
}
.birth-year .pdb-selector-btn {
  margin-top: 32px;
}
.birth-year .text {
  margin-top: 10px;
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.55);
}
.birth-year .btns {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notification-chat {
  background-color: #15171F;
  border-radius: 24px;
  overflow: hidden;
}
.notification-chat .header {
  padding: 12px 0;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #112C20;
}
.notification-chat .header .back {
  flex: 1 1;
  margin-left: 16px;
  cursor: pointer;
}
.notification-chat .header .back .unread {
  padding: 0 3px;
  font-weight: 500;
  font-size: 10px;
  line-height: 130%;
  color: #F0F0F0;
  background: #EB5C52;
  border-radius: 100px;
  display: inline-block;
  vertical-align: middle;
}
.notification-chat .header .back svg {
  display: inline-block;
  vertical-align: middle;
}
.notification-chat .header .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: #C4E9D9;
}
.notification-chat .header .user-info {
  margin-left: 12px;
  flex-shrink: 0;
  text-align: center;
  max-width: 210px;
}
.notification-chat .header .user-info .name {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: #C4E9D9;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notification-chat .header .user-info .status {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #8c8c8c;
}
.notification-chat .header .right {
  flex: 1 1;
  text-align: right;
  margin-right: 16px;
  cursor: pointer;
}
.notification-chat .header .right svg:not(.expand) {
  transform-origin: center;
  transform: rotate(180deg);
}
.notification-chat .chat {
  border-radius: 0;
  padding-top: 8px;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-popover {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 350px;
  z-index: 1090;
}
.chat-popover .channel-list,
.chat-popover .chat {
  max-height: 600px;
  overflow-y: auto;
}
.chat-popover .chat .header {
  box-sizing: content-box;
}
.chat-popover .chat .header .back {
  cursor: pointer;
}
.chat-popover .user {
  background-color: #15171F;
  padding: 12px 0;
  display: flex;
  position: relative;
  justify-content: center;
  border-radius: 20px;
}
.chat-popover .user .user-info {
  margin-left: 12px;
}
.chat-popover .user .user-info .name {
  max-width: 90%;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: #C4E9D9;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-popover .user .user-info .status {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #8C8C8C;
}

.side .ad-take-the-test a img {
  width: 100%;
  aspect-ratio: 1.45454545;
}
.side .vote-count {
  display: block;
}
.side .vote-count .chemistry-entry {
  width: 100%;
}
.side .vote-count .chemistry-entry img {
  width: 100%;
  height: auto;
}
.side .vote-count svg {
  display: inline-block;
  font-size: 36px;
  vertical-align: middle;
}
.side .vote-count .count-container {
  display: inline-block;
  vertical-align: middle;
}
.side .vote-count .count-item {
  color: #FFCF9A;
  font-size: 20px;
  height: 32px;
  padding: 0 5px;
  background-color: #1D2029;
  border-radius: 3px;
  margin-left: 3px;
}
.side .vote-count .count-item:nth-child(3n + 1) {
  margin-left: 8px;
}
.side .vote-count .count-item:first-child {
  margin-left: 0;
}
.side .chemistry-entry,
.side .quiz-entry {
  margin-bottom: 16px;
  display: block;
}
.side .chemistry-entry img,
.side .quiz-entry img {
  width: 100%;
}
.side .take-test-btn {
  margin-top: 12px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  color: white;
  font-size: 18px;
  font-weight: 500;
  background: linear-gradient(90deg, #13547A 0%, #80D0C7 100%);
  cursor: pointer;
}
.side .take-test-btn:hover {
  color: #225941;
}
.side .split-line {
  display: block;
  margin: 16px 29px;
  height: 1px;
  background-color: #112C20;
}
.side .profile-menu {
  min-height: 193px;
}
.side .profile-menu .rc-menu {
  border: none;
  box-shadow: none;
  padding: 0;
  background-color: transparent !important;
}
.side .profile-menu li.rc-menu-submenu:not(:first-child) {
  margin-top: 8px;
}
.side .profile-menu .rc-menu-submenu-title {
  border: 1.5px solid var(--pdb-bg-color-4);
  border-radius: 30px;
  color: var(--pdb-bg-color-8);
  font-size: 18px;
  padding: 10px 8px 10px 6px !important;
  cursor: pointer;
  background-color: #07080D;
}
.side .profile-menu .rc-menu-submenu-title:hover {
  border: 1.5px solid var(--pdb-bg-color-8);
}
.side .profile-menu .rc-menu-submenu-arrow {
  display: none;
}
.side .profile-menu .rc-menu-submenu-active > .rc-menu-submenu-title,
.side .profile-menu .rc-menu-submenu-open > .rc-menu-submenu-title {
  background-color: transparent;
  color: var(--pdb-bg-color-12);
  border: 1.5px solid var(--pdb-bg-color-8);
}
.side .profile-menu .rc-menu-sub {
  margin-top: 8px;
}
.side .profile-menu .rc-menu-item {
  background-color: transparent;
  padding-left: 16px !important;
  margin-left: 48px;
  padding: 6px 0;
  border-radius: 34px;
  cursor: pointer;
}
.side .profile-menu .rc-menu-item .icon {
  width: 18px;
  margin-right: 4px;
}
.side .profile-menu .rc-menu-item.rc-menu-item-selected,
.side .profile-menu .rc-menu-item:hover {
  color: var(--pdb-bg-color-8);
  background-color: #112C20;
}
.side .profile-menu .rc-menu-item:not(:first-child) {
  margin-top: 4px;
}
.side .profile-menu .rc-menu-submenu-selected {
  background-color: transparent;
}
.side .profile-menu .profile-menu-item .menu-item-icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  border-radius: 50%;
  background-size: cover;
}
.side .profile-menu .profile-menu-item label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  pointer-events: none;
}
.side .profile-menu .profile-menu-item.real_profiles .menu-item-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF80NzJfMzU2MzcpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ3Ml8zNTYzNykiPgo8cmVjdCB4PSIxIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHJ4PSIxOCIgZmlsbD0iIzExMkMyMCIvPgo8cGF0aCBkPSJNMTIuMjcxMSAyNy41NTI3QzEyLjkwNzYgMjYuODc1MyAxMy4yNDcxIDI2LjkwNzYgMTMuMzYzOCAyNi43Njc4QzEzLjQ4MDUgMjYuNjI4IDE0Ljc3NDggMjMuOTM5OSAxNC43NzQ4IDIzLjI5NDdDMTQuNzc0OCAyMi42NDk2IDE0LjkzMzkgMjEuNDY2OCAxNC43NzQ4IDIwLjcxNDFDMTQuNjE1NyAxOS45NjE1IDE0LjAzMjIgMTguODg2MiAxNC4wMzIyIDE4Ljg4NjJDMTQuMDMyMiAxOC44ODYyIDEzLjQ4MDUgMTguOTYxNSAxMy4zOTU2IDE4Ljg4NjJDMTMuMzEwOCAxOC44MTEgMTMuMzQyNiAxNy44OTcgMTMuMDc3NCAxNy42MjgyQzEyLjgxMjEgMTcuMzU5NCAxMi4zMDI5IDE2LjU1MjkgMTIuMzAyOSAxNi4xMjI4QzEyLjMwMjkgMTUuNjkyNyAxMi4zMDI5IDE1LjE1NTEgMTIuMzAyOSAxNS4xNTUxQzEyLjMwMjkgMTUuMTU1MSAxMy4wMTM3IDE0LjcyNSAxMy4xNTE2IDE0LjI2MjZDMTMuMjg5NiAxMy44MDAzIDEzLjUyMjkgMTMuNzI1IDEzLjU0NDIgMTMuMzI3MkMxMy41NjU0IDEyLjkyOTMgMTMuNjgyMSAxMS45MjkzIDEzLjY4MjEgMTEuOTI5M0MxMy42ODIxIDExLjkyOTMgMTQuMDc0NiAxMS4zMTY1IDE0LjA3NDYgMTAuOTI5NEMxNC4wNzQ2IDEwLjUzMTUgMTQuMTQ4OSAxMC4zNTk1IDE0LjE0ODkgMTAuMzU5NUMxNC4xNDg5IDEwLjM1OTUgMTQuMjg2OCAxMC40Nzc4IDE0LjY4OTkgOS43ODk2QzE1LjA5MzEgOS4xMDE0NCAxNi4yMjgyIDcuOTcyNDMgMTYuMjI4MiA3LjgxMTE0QzE2LjIyODIgNy42NDk4NSAxNy40MTY0IDcuNjI4MzQgMTcuNzEzNSA3LjQ1NjNDMTguMDEwNSA3LjI3MzUxIDE4LjkxMjMgNy4wNDc3MSAxOS41OTEzIDcuNDU2M0MyMC4yNTk3IDcuODY0OSAyMS4wNDQ3IDguNDQ1NTQgMjEuMzk0OCA5LjM5MTc2QzIxLjc0NDkgMTAuMzM4IDIxLjk5OTUgMTEuNTYzOCAyMi4xNjkzIDEyLjQwMjVDMjIuMzM5IDEzLjI0MTIgMjMuMjMwMiAxNC44OTcgMjMuNTgwMyAxNS4yNzM0QzIzLjkzMDQgMTUuNjQ5NyAyMy44OTg1IDE1Ljg0MzMgMjMuODk4NSAxNS44NDMzQzIzLjg5ODUgMTUuODQzMyAyMy44NjY3IDE4LjQwMjQgMjMuNjEyMSAxOC40NTYxQzIzLjM1NzUgMTguNTA5OSAyMi44Mzc2IDE4LjU2MzYgMjIuODM3NiAxOC41NjM2QzIyLjgzNzYgMTguNTYzNiAyMi44MTY0IDE5LjA2OSAyMi41OTM2IDE5LjQ5OTFDMjIuMzYwMiAxOS45MjkyIDIxLjg1MSAyMC4zOTE2IDIxLjg1MSAyMC4zOTE2QzIxLjg1MSAyMC4zOTE2IDIxLjY3MDYgMjEuNTc0MyAyMS42NzA2IDIyLjQzNDVDMjEuNjcwNiAyMy4yOTQ3IDIxLjU0MzMgMjUuNjA2NSAyMS44MDg2IDI1LjczNTZDMjIuMDczOCAyNS44NjQ2IDIyLjc5NTIgMjYuNDY2NyAyMy4xODc3IDI2LjQ4ODJDMjMuNTgwMyAyNi41MDk3IDI0Ljg1MzMgMjcuMDI1OSAyNS41MjE3IDI3LjUzMTJDMjYuMTkwMSAyOC4wMzY2IDI3LjI0MDQgMjguNzg5MyAyNy41MDU2IDI4LjgyMTVDMjcuNzcwOCAyOC44NTM4IDI5LjAyMjcgMjguODIxNSAyOS4wMjI3IDI4LjgyMTVDMjkuMDIyNyAyOC44MjE1IDI5LjU3NDMgMjcuNDIzNyAyOC44NDIzIDI3LjA2ODlDMjguMTIwOSAyNi43MTQgMjcuNTE2MiAyNi4yODM5IDI3LjExMzEgMjYuMjgzOUMyNi43MDk5IDI2LjI4MzkgMjYuNTA4MyAyNi4yMDg3IDI2LjUwODMgMjYuMjA4N0wyNi4zNzA0IDI1LjY3MTFDMjYuMzcwNCAyNS42NzExIDI3LjQ2MzIgMjUuNDM0NSAyNy42MTE3IDI1LjEwMTJDMjcuNzQ5NiAyNC43NTcxIDI3LjgyMzkgMjQuNTYzNSAyNy44MjM5IDI0LjU2MzVDMjcuODIzOSAyNC41NjM1IDI4Ljc3ODcgMjQuMzcgMjguNzc4NyAyNC4yMDg3QzI4Ljc3ODcgMjQuMDQ3NCAyOC43Nzg3IDI0LjA0NzQgMjguNzc4NyAyNC4wNDc0QzI4Ljc3ODcgMjQuMDQ3NCAyOS4wODYzIDI0LjI4NCAyOS4yMjQyIDI0LjEzMzRDMjkuMzYyMiAyMy45OTM3IDI5LjIyNDIgMjMuNTYzNiAyOS4yMjQyIDIzLjU2MzZDMjkuMjI0MiAyMy41NjM2IDI5LjcwMTYgMjIuMzQ4NSAyOS4xMjg4IDIxLjg3NTRDMjguNTY2NSAyMS40MTMxIDI5LjA1NDUgMjEuNzE0MSAyOC40NjA0IDIwLjgzMjRDMjcuODU1NyAxOS45NTA3IDI3Ljc5MiAxOS42NDk2IDI3Ljc5MiAxOS42NDk2QzI3Ljc5MiAxOS42NDk2IDI3LjkyOTkgMTkuMzU5MyAyNy42ODU5IDE4LjcxNDJDMjcuNDQxOSAxOC4wNjkgMjYuODY5IDE3LjQ1NjEgMjYuODY5IDE3LjQ1NjFDMjYuODY5IDE3LjQ1NjEgMjcuMTM0MyAxNi4zMDU2IDI3LjAwNyAxNS44NDMzQzI2Ljg3OTcgMTUuMzgwOSAyNi4xMzcgMTQuOTUwOCAyNi4yNjQzIDEzLjg3NTZDMjYuMzkxNiAxMi44MDAzIDI3LjA4MTIgMTEuMTEyMiAyNS42NTk2IDkuNTQyMjlDMjQuMjQ4NiA3Ljk2MTY3IDIyLjU2MTggNS44MDA0MiAyMC43NDc3IDUuMzQ4ODFDMTguOTMzNSA0Ljg5NzIxIDE2LjQxOTIgNC4zODEwOSAxNS41ODExIDUuMzQ4ODFDMTQuNzQzIDYuMzE2NTQgMTQuNzY0MiA3LjE0NDQ4IDE0Ljc2NDIgNy4xNDQ0OEMxNC43NjQyIDcuMTQ0NDggMTIuNTM2MyA3LjU0MjMyIDEyLjAzNzcgOC40MzQ3OEMxMS41MzkxIDkuMzI3MjQgMTAuOTIzNyAxMC40NTYzIDEwLjczMjggMTIuMDkwNkMxMC41NDE4IDEzLjcyNSA5LjQ4MDkzIDE4LjQ1NjEgOS44ODQwNyAyMC4wNzk3QzEwLjI4NzIgMjEuNzE0MSAxMC44Mzg5IDIxLjg1MzkgMTAuNTUyNCAyMi4yMzAyQzEwLjI2NiAyMi42MDY2IDguNDgzNjggMjQuMjczMiA4LjYxMDk5IDI0LjczNTZDOC43MzgzIDI1LjE5NzkgOS4yMTU3IDI1LjM4MDcgOS4yMTU3IDI2LjAyNTlDOS4yMTU3IDI2LjY3MSA5Ljg4NDA3IDI2Ljg2NDYgOS43NDYxNSAyNy4yNDA5QzkuNjA4MjMgMjcuNjE3MyA5LjI3OTM2IDI3LjkwNzYgOS40NzAzMiAyOC4zMjY5QzkuNzI0OTMgMjguODQzIDExLjYzNDUgMjguMjMwMSAxMi4yNzExIDI3LjU1MjdaIiBmaWxsPSIjNkJDNzlGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguNDU2NiAxNy4wNTY2QzE4LjQ2NzIgMTcuMDY3NCAxOC40ODg1IDE3LjA2NzQgMTguNTA5NyAxNy4wNTY2QzE4LjU3MzMgMTcuMDEzNiAxOC43MzI1IDE2LjkxNjkgMTguOTAyMiAxNi45Mzg0QzE4Ljk3MzkgMTYuOTQ1MyAxOS4wMTgyIDE2Ljk0NzcgMTkuMDU4MyAxNi45NjE5QzE5LjE0MjggMTYuOTkxNyAxOS4yMDg5IDE3LjA3MzQgMTkuNDc1MSAxNy4zNTc3QzE5Ljc4MjcgMTcuNjgwMyAyMC4zMjM4IDE4LjAyNDQgMjAuNTU3MiAxOC4xNTM0QzIwLjU4OSAxOC4xNzQ5IDIwLjU4OSAxOC4yMzk0IDIwLjU0NjYgMTguMjUwMkMyMC40NDQzIDE4LjI4NzQgMjAuMzA4OCAxOC4zNTAzIDIwLjE1MDggMTguNDIzN0MxOS42Njk3IDE4LjY0NzEgMTguOTc4NiAxOC45Njc5IDE4LjM3MTggMTguOTU5OEMxNy42MjkxIDE4Ljk0OTEgMTYuNzM4IDE4LjQ0MzcgMTYuNDYyMSAxOC4yNzE3QzE2LjQzMDMgMTguMjUwMiAxNi40MzAzIDE4LjE4NTYgMTYuNDcyNyAxOC4xNzQ5TDE2LjYyMTMgMTguMTEwNEMxNi43NjI4IDE4LjA1NDMgMTcuMTE4MiAxNy43MjM0IDE3LjQzMzMgMTcuNDMwMkMxNy42NjE3IDE3LjIxNzYgMTcuODY4OCAxNy4wMjQ4IDE3Ljk1OCAxNi45NzA2QzE4LjEyNzcgMTYuODYzMSAxOC4zNzE4IDE3LjAwMjkgMTguNDU2NiAxNy4wNTY2Wk0xNy43OTk0IDE4LjA2NjZDMTcuNzg4NyAxOC4wNzc0IDE3Ljc5OTQgMTguMDk4OSAxNy44MSAxOC4wOTg5QzE3Ljg5MTIgMTguMDk4OSAxOC4wODU1IDE4LjA4ODUgMTguMjcxMiAxOC4wNzg1QzE4LjM1MjMgMTguMDc0MSAxOC40MzE4IDE4LjA2OTkgMTguNDk5NSAxOC4wNjY2QzE4LjczMjkgMTguMDY2NiAxOS4xMTQ5IDE4LjA4ODEgMTkuMjQyMiAxOC4wOTg5QzE5LjI1MjggMTguMDk4OSAxOS4yNjM0IDE4LjA3NzQgMTkuMjUyOCAxOC4wNjY2QzE5LjE2NzkgMTcuOTkxMyAxOC45NTU3IDE3LjgwODYgMTguODcwOSAxNy43NzYzQzE4Ljc5MzMgMTcuNzQ3NyAxOC42OTcgMTcuNzg1NiAxOC42MTYyIDE3LjgxNzRDMTguNTc1NCAxNy44MzM1IDE4LjUzODYgMTcuODQ4IDE4LjUxMDIgMTcuODUxNkMxOC40NjcgMTcuODU3IDE4LjQxNTcgMTcuODM3NSAxOC4zNjE3IDE3LjgxN0MxOC4zMDk0IDE3Ljc5NzEgMTguMjU0NyAxNy43NzYzIDE4LjIwMjUgMTcuNzc2M0MxOC4xMjQzIDE3Ljc3NjMgMTcuOTIwMyAxNy45NTg2IDE3LjgyMjIgMTguMDQ2M0MxNy44MTM3IDE4LjA1MzggMTcuODA2MSAxOC4wNjA3IDE3Ljc5OTQgMTguMDY2NloiIGZpbGw9IiM2QkM3OUYiLz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNDcyXzM1NjM3IiB4PSIwIiB5PSIwIiB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMTUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd180NzJfMzU2MzciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNDcyXzM1NjM3IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ3Ml8zNTYzNyI+CjxyZWN0IHg9IjEiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgcng9IjE4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}
.side .profile-menu .profile-menu-item.ficitional_profiles:not(.hide) .menu-item-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF80NzJfMzU2MzUpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ3Ml8zNTYzNSkiPgo8cmVjdCB4PSIxIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHJ4PSIxOCIgZmlsbD0iIzExMkMyMCIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfNDcyXzM1NjM1KSI+CjxwYXRoIGQ9Ik0yNS4xNDYyIDE2LjgwNjRDMjUuMzU4NCAxNy43MTc2IDI2LjY3NDYgMjMuMjc3OSAyNi4wNjI5IDI0LjY2MzVDMjUuNDAxMyAyNi4xNzM5IDIxLjM5NDQgMjkuNjMxNiAxNy42MTIxIDI5LjYzMTZDMTUuNzE0NyAyOS42MzE2IDEzLjc2NzQgMjguNzcwMyAxMi4yMTk1IDI3LjcwOTNDMTAuNjcxNiAyNi42NjA3IDkuNDk4MjYgMjUuNDEyNCA5LjE3MzcxIDI0LjY2MzVDOC41NDk1NyAyMy4yNTI5IDkuOTQwNCAxNy42MDg1IDEwLjExNTIgMTYuODIyMUMxMC4yNTI1IDE3LjE5NjUgMTEuMjU4MyAxOS44MDc3IDE0LjU2NjMgMTkuODA3N0MxNC44MTU5IDE5LjgwNzcgMTUuMjAyOSAxOS43NDUyIDE1LjQ1MjYgMTkuNzA3OEMxNS42NTIzIDE5LjY4MjggMTUuODY0NSAxOS42MzI5IDE2LjA3NjcgMTkuNTk1NEMxNi4wMjY4IDE5Ljc1NzcgMTUuOTg5MyAxOS45MzI1IDE1Ljk4OTMgMjAuMTA3MkMxNS45ODkzIDIxLjAwNiAxNi43MTMzIDIxLjczIDE3LjYxMjEgMjEuNzNDMTguNTEwOCAyMS43MyAxOS4yMzQ4IDIxLjAwNiAxOS4yMzQ4IDIwLjEwNzJDMTkuMjM0OCAxOS45MDc1IDE5LjE5NzQgMTkuNzIwMyAxOS4xMzUgMTkuNTQ1NUMxOS4zNDcyIDE5LjU4MyAxOS42MDkzIDE5LjYzMjkgMTkuOTMzOSAxOS42OTUzQzIwLjE4MzUgMTkuNzQ1MiAyMC40MjA3IDE5Ljc5NTIgMjAuNjcwNCAxOS44MDc3QzI0Ljc2NDcgMTkuODU3NiAyNS4wOTYyIDE3LjI5MzIgMjUuMTQ2MiAxNi44MDY0WiIgZmlsbD0iIzZCQzc5RiIvPgo8cGF0aCBkPSJNMjUuMjI4NSAxNi43MDI4TDI1LjI1MzQgMTYuNzQwMkMyNS4yNTM0IDE2Ljc0MDIgMjUuMjUzNCAxNi43NjUxIDI1LjI1MzQgMTYuODE0OUMyNS4yNDEgMTYuNzQwMiAyNS4yMjg1IDE2LjY5MDQgMjUuMjI4NSAxNi43MDI4WiIgZmlsbD0iIzZCQzc5RiIvPgo8cGF0aCBkPSJNOS45ODYzMyAxNi43MzUxTDEwLjAyMzcgMTYuNjg1M0MxMC4wMjM3IDE2LjY4NTMgMTAuMDExMiAxNi43MjI3IDkuOTk4NzggMTYuNzcyNUM5Ljk4NjMzIDE2Ljc2IDkuOTg2MzMgMTYuNzM1MSA5Ljk4NjMzIDE2LjczNTFaIiBmaWxsPSIjNkJDNzlGIi8+CjxwYXRoIGQ9Ik05LjE4Nzk1IDE1LjE1MDhDOS4xNzU0NyAxNS4yMDA3IDkuMTc1NDcgMTUuMjM4MSA5LjE3NTQ3IDE1LjI4ODFWMTUuMzAwNkM5LjE2Mjk5IDE1LjQwMDQgOS4xNzU0NyAxNS41MDAzIDkuMTc1NDcgMTUuNTg3N0M5LjIwMDQ0IDE2LjA5OTUgOS45NjE4OSAxNi42ODYxIDEwLjAyNDMgMTYuNjg2MUMxMC4wMjQzIDE2LjY4NjEgMTAuMTk5MSAxNi4zMzY2IDEwLjU5ODUgMTUuNzQ5OUMxMS4xNDc4IDE0Ljk1MSAxMi44MDggMTQuMjY0NSAxNS4wNjczIDEzLjc3NzdDMTcuMTc2OSAxMy4zMjgzIDIwLjA0OCAxMy4yNTM0IDIzLjA0MzkgMTQuNDE0M0MyMy41MzA3IDE0LjYwMTUgMjMuOTgwMSAxNC44ODg2IDI0LjM1NDUgMTUuMjYzMUMyNS4xMDM1IDE2LjAyNDYgMjUuMjUzMyAxNi42ODYxIDI1LjI1MzMgMTYuNjg2MUMyNS4yNTMzIDE2LjY4NjEgMjUuOTc3MyAxNi41MzY0IDI2LjIzOTQgMTUuNzQ5OUMyNi4yNTE5IDE1LjcgMjYuMjc2OSAxNS42NTAxIDI2LjI4OTQgMTUuNTg3N0MyNi41MTQxIDE0LjY2MzkgMjUuMTkwOSAxMy43NTI3IDIzLjc5MjggMTMuMDAzN0MyMi40MzIyIDEyLjI3OTcgMjAuMTk3OCAxMS42MzA2IDE3LjQwMTYgMTEuNjMwNkMxNC42MDU1IDExLjYzMDYgMTIuMzU4NiAxMi41Mjk0IDEwLjc3MzMgMTMuNDc4MUM5LjU5OTg4IDE0LjE3NzEgOS4yNzUzMyAxNC43MTM5IDkuMTg3OTUgMTUuMTUwOFoiIHN0cm9rZT0iIzZCQzc5RiIgc3Ryb2tlLXdpZHRoPSIwLjMwMDc3OSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+CjxwYXRoIGQ9Ik0yMC4wMjkzIDE3LjI2OTlDMjAuMDI5MyAxNi43MTU2IDIwLjQ3MTYgMTYuMjY3MyAyMS4wMzE5IDE2LjI2NzNDMjEuNTkyMiAxNi4yNjczIDIyLjAzNDUgMTYuNzE1NiAyMi4wMzQ1IDE3LjI2OTkiIHN0cm9rZT0iIzZCQzc5RiIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMy4wMDk4IDE3LjI2OTlDMTMuMDA5OCAxNi43MjA5IDEzLjQ1MjEgMTYuMjY3MyAxNC4wMTI0IDE2LjI2NzNDMTQuNTcyNiAxNi4yNjczIDE1LjAxNSAxNi43MjA5IDE1LjAxNSAxNy4yNjk5IiBzdHJva2U9IiM2QkM3OUYiIHN0cm9rZS13aWR0aD0iMC41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI5LjczMTMgMTYuNTY4MkMyOS43MzUzIDE2LjU2OTkgMjkuNzM5MiAxNi41NzE0IDI5Ljc0MyAxNi41NzI4QzI5Ljc0NTYgMTYuNTczOCAyOS43NDgzIDE2LjU3NDcgMjkuNzUwOSAxNi41NzU2QzI5Ljc0NDQgMTYuNTczMSAyOS43Mzc5IDE2LjU3MDYgMjkuNzMxMyAxNi41NjgyWk0yOS43ODA5IDE2LjU4NzRIMjkuNzc5MkwyOS43NDIxIDE2LjU3NThDMjkuNTMyNCAxNi41MTAzIDI5LjMxMjUgMTYuNDcxOCAyOS4wODExIDE2LjQ3MThDMjguMzA2OCAxNi40NzE4IDI3LjYyNzcgMTYuODk4MyAyNy4yNDc3IDE3LjUyMzNDMjcuMjQyNyAxNy41MzUxIDI3LjIzNyAxNy41NDYgMjcuMjMxIDE3LjU1NkMyNy4yMzA2IDE3LjU1NjYgMjcuMjMwMiAxNy41NTczIDI3LjIyOTggMTcuNTU4QzI3LjA5MTQgMTcuODMyNCAyNy4wMTM3IDE4LjE0MzQgMjcuMDEzNyAxOC40NzM5QzI3LjAxMzcgMTkuNTg0OSAyNy45MTI0IDIwLjQ5NjEgMjkuMDM1OSAyMC40OTYxQzMwLjE0NjkgMjAuNDk2MSAzMS4wNTgxIDE5LjU5NzQgMzEuMDU4MSAxOC40NzM5QzMxLjA1ODEgMTcuNjEzMyAzMC41MjM3IDE2Ljg4NjQgMjkuNzgwOSAxNi41ODc0Wk0yNy4wMzA4IDE2Ljk0ODJDMjYuOTc0NSAxNi44MzMgMjYuOTEyOSAxNi43MTI2IDI2Ljg0OTkgMTYuNTk5MkMyNi42MjUyIDE2LjE3NDggMjYuMjI1NyAxNS43NjI5IDI2LjIyNTcgMTUuNzYyOUMyNi4yMzEgMTUuNzQxNyAyNi4yMzg2IDE1LjcyMDUgMjYuMjQ2NSAxNS42OTgzQzI2LjI1NzIgMTUuNjY4MyAyNi4yNjg1IDE1LjYzNjUgMjYuMjc1NyAxNS42MDA2QzI2LjUwMDQgMTQuNjc2OSAyNS4xNzcyIDEzLjc2NTYgMjMuNzc5MSAxMy4wMTY3QzIyLjQxODUgMTIuMjkyNyAyMC4xODQxIDExLjY0MzYgMTcuMzg3OSAxMS42NDM2QzE0LjU5MTggMTEuNjQzNiAxMi4zNTc0IDEyLjUyOTggMTAuNzcyMSAxMy40Nzg1QzkuNTk4NjcgMTQuMTc3NiA5LjI3NDEyIDE0LjcwMTggOS4xOTkyMiAxNS4xMzg3QzkuNDYxMzYgMTMuMjQxNCAxMS4yOTYzIDQuNTE1ODggMjIuMjQzNyA2LjUzODA5QzI1LjkzODYgNy4yMzcxMyAyOC4yNjA0IDExLjcxODQgMjguNzU5OCAxMy4wOTE2QzI5LjE0OSAxNC4xNTIyIDI5LjQ0NzIgMTUuMjUwNyAyOS41Nzc1IDE2LjAwODhDMjkuNDE4NCAxNS45Nzg0IDI5LjI1MjggMTUuOTYxMyAyOS4wODExIDE1Ljk2MTNDMjguMjUwNSAxNS45NjEzIDI3LjUxNiAxNi4zNTM5IDI3LjAzMDggMTYuOTQ4MloiIGZpbGw9IiM2QkM3OUYiLz4KPC9nPgo8L2c+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF80NzJfMzU2MzUiIHg9IjAiIHk9IjAiIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIxIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzQ3Ml8zNTYzNSIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd180NzJfMzU2MzUiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDcyXzM1NjM1Ij4KPHJlY3QgeD0iMSIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiByeD0iMTgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDFfNDcyXzM1NjM1Ij4KPHJlY3Qgd2lkdGg9IjIyLjA1NzEiIGhlaWdodD0iMjMuMzkyOCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkgNi4yMzk5OSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}
.side .profile-menu .profile-menu-item.me_polled .menu-item-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF80NzJfMzU2MzYpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ3Ml8zNTYzNikiPgo8cmVjdCB4PSIxIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHJ4PSIxOCIgZmlsbD0iIzExMkMyMCIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfNDcyXzM1NjM2KSI+CjxwYXRoIGQ9Ik0xOC45NjUzIDExLjA3NTFDMTQuNzE0MiAxMS4wNzUxIDExLjI2MTIgMTQuNTI4IDExLjI2MTIgMTguNzk1NEMxMS4yNjEyIDIxLjAyNjggMTIuMjIyMiAyMy4wNDY1IDEzLjczNjkgMjQuNDQ3MkMxMy43NTMyIDI0LjQ0NzIgMTMuNzY5NSAyNC40NDcyIDEzLjc4NTggMjQuNDQ3MkMxNS42NzUyIDI0LjQ3OTggMTguNDYwNCAyMy40Njk5IDIxLjE4MDQgMjEuNjQ1N0MyMy42MjM1IDIwLjAwMDcgMjUuNDgwMyAxOC4wNzg3IDI2LjMyNzMgMTYuNDMzN0MyNS4zMTc0IDEzLjMyMjggMjIuNDAyIDExLjA3NTEgMTguOTY1MyAxMS4wNzUxWiIgZmlsbD0iIzZCQzc5RiIvPgo8cGF0aCBkPSJNMjYuNDQxMyAyMC4wMzUxQzI0Ljk1OTIgMjEuMzM4MSAyMy4yNjUzIDIyLjY1NzQgMjEuMzkyMiAyMy45MTE2QzIwLjA4OTIgMjQuNzkxMSAxOC43ODYyIDI1LjU3MjkgMTcuNTE1NyAyNi4yNTdDMTcuNDY2OSAyNi4yODk2IDE3LjQxOCAyNi4zMDU5IDE3LjM2OTEgMjYuMzM4NEMxNy44OTAzIDI2LjQ1MjUgMTguNDExNSAyNi41MDEzIDE4Ljk2NTMgMjYuNTAxM0MyMi44NTgxIDI2LjUwMTMgMjYuMDY2NyAyMy42MzQ3IDI2LjYwNDIgMTkuODg4NUMyNi41NTU0IDE5LjkzNzQgMjYuNDkwMiAxOS45ODYzIDI2LjQ0MTMgMjAuMDM1MVoiIGZpbGw9IiM2QkM3OUYiLz4KPHBhdGggZD0iTTMxLjYyMDUgMTAuNTg1OEMzMy4wODY0IDEyLjc2ODMgMjguNzcwMiAxOC4yMjQ3IDIxLjk3ODMgMjIuNzY4OUMxNS4xODYzIDI3LjMxMzIgOC41MDg0MSAyOS4yMTg4IDcuMDQyNTMgMjcuMDM2M0M2LjA0ODk4IDI1LjU3MDQgNy42Nzc3NCAyMi42MjIzIDEwLjkxOSAxOS40NjI1QzEwLjk2NzggMjAuMTMwMyAxMS4wOTgxIDIwLjc2NTYgMTEuMzA5OSAyMS4zNjgyQzEwLjY3NDcgMjIuNTg5OCAxMC41MjgxIDIzLjY2NDggMTEuMDMzIDI0LjM5NzdDMTIuMjU0NiAyNi4yMDU2IDE2Ljg0NzcgMjUuMjYwOSAyMS4yOTQyIDIyLjI4MDNDMjUuNzQwNyAxOS4yOTk3IDI4LjM3OTMgMTUuNDA2OSAyNy4xNTc3IDEzLjU5OUMyNi42NjkxIDEyLjg2NjEgMjUuNjQzIDEyLjU4OTIgMjQuMzA3NCAxMi43MDMyQzIzLjc4NjIgMTIuMjQ3MSAyMy4xOTk4IDExLjg1NjIgMjIuNTY0NiAxMS41MzA1QzI2Ljk3ODYgOS41MjcxMSAzMC41NzgxIDkuMDM4NDggMzEuNjIwNSAxMC41ODU4WiIgZmlsbD0iIzZCQzc5RiIvPgo8cGF0aCBkPSJNOS4xNDM4OCA5LjM5NTUxTDEwLjAzOTcgMTEuMDI0M0MxMC4wNzIzIDExLjA4OTQgMTAuMTIxMSAxMS4xMjIgMTAuMTcgMTEuMTU0NkwxMS43OTg4IDEyLjA1MDRDMTIuMDQzMSAxMi4xODA3IDEyLjA0MzEgMTIuNTIyNyAxMS43OTg4IDEyLjY1M0wxMC4xNyAxMy41NDg4QzEwLjEwNDkgMTMuNTgxNCAxMC4wNzIzIDEzLjYzMDMgMTAuMDM5NyAxMy42NzkxTDkuMTQzODggMTUuMzA3OUM5LjAxMzU4IDE1LjU1MjIgOC42NzE1NCAxNS41NTIyIDguNTQxMjQgMTUuMzA3OUw3LjY0NTQyIDEzLjY3OTFDNy42MTI4NSAxMy42MTQgNy41NjM5OCAxMy41ODE0IDcuNTE1MTIgMTMuNTQ4OEw1Ljg4NjM2IDEyLjY1M0M1LjY0MjA1IDEyLjUyMjcgNS42NDIwNSAxMi4xODA3IDUuODg2MzYgMTIuMDUwNEw3LjUxNTEyIDExLjE1NDZDNy41ODAyNyAxMS4xMjIgNy42MTI4NSAxMS4wNzMxIDcuNjQ1NDIgMTEuMDI0M0w4LjU0MTI0IDkuMzk1NTFDOC42ODc4MyA5LjE2NzQ4IDkuMDI5ODcgOS4xNjc0OCA5LjE0Mzg4IDkuMzk1NTFaIiBmaWxsPSIjNkJDNzlGIi8+CjxwYXRoIGQ9Ik0yMi4xNDE5IDcuMTk3N0wyMi41OTc5IDguMDI4MzdDMjIuNjE0MiA4LjA2MDk0IDIyLjYzMDUgOC4wNzcyMyAyMi42NjMxIDguMDkzNTJMMjMuNDkzNyA4LjU0OTU3QzIzLjYwNzggOC42MTQ3MiAyMy42MDc4IDguNzkzODkgMjMuNDkzNyA4Ljg1OTA0TDIyLjY2MzEgOS4zMTUwOUMyMi42MzA1IDkuMzMxMzggMjIuNjE0MiA5LjM0NzY3IDIyLjU5NzkgOS4zODAyNEwyMi4xNDE5IDEwLjIxMDlDMjIuMDc2NyAxMC4zMjQ5IDIxLjg5NzYgMTAuMzI0OSAyMS44MzI0IDEwLjIxMDlMMjEuMzc2MyA5LjM4MDI0QzIxLjM2MDEgOS4zNDc2NyAyMS4zNDM4IDkuMzMxMzggMjEuMzExMiA5LjMxNTA5TDIwLjQ4MDUgOC44NTkwNEMyMC4zNjY1IDguNzkzODkgMjAuMzY2NSA4LjYxNDcyIDIwLjQ4MDUgOC41NDk1N0wyMS4zMTEyIDguMDkzNTJDMjEuMzQzOCA4LjA3NzIzIDIxLjM2MDEgOC4wNjA5NCAyMS4zNzYzIDguMDI4MzdMMjEuODMyNCA3LjE5NzdDMjEuODk3NiA3LjA2NzQgMjIuMDc2NyA3LjA2NzQgMjIuMTQxOSA3LjE5NzdaIiBmaWxsPSIjNkJDNzlGIi8+CjxwYXRoIGQ9Ik0yOS4zNzM0IDE5Ljk2NjdMMjkuNzQ4IDIwLjY1MDhDMjkuNzY0MyAyMC42NjcxIDI5Ljc4MDYgMjAuNjk5NyAyOS43OTY5IDIwLjY5OTdMMzAuNDgxIDIxLjA3NDNDMzAuNTc4NyAyMS4xMjMxIDMwLjU3ODcgMjEuMjY5NyAzMC40ODEgMjEuMzE4NkwyOS43OTY5IDIxLjY5MzJDMjkuNzgwNiAyMS43MDk1IDI5Ljc0OCAyMS43MjU4IDI5Ljc0OCAyMS43NDIxTDI5LjM3MzQgMjIuNDI2MkMyOS4zMjQ1IDIyLjUyMzkgMjkuMTc4IDIyLjUyMzkgMjkuMTI5MSAyMi40MjYyTDI4Ljc1NDUgMjEuNzQyMUMyOC43MzgyIDIxLjcyNTggMjguNzIxOSAyMS42OTMyIDI4LjcwNTYgMjEuNjkzMkwyOC4wMjE1IDIxLjMxODZDMjcuOTIzOCAyMS4yNjk3IDI3LjkyMzggMjEuMTIzMSAyOC4wMjE1IDIxLjA3NDNMMjguNzA1NiAyMC42OTk3QzI4LjcyMTkgMjAuNjgzNCAyOC43NTQ1IDIwLjY2NzEgMjguNzU0NSAyMC42NTA4TDI5LjEyOTEgMTkuOTY2N0MyOS4xNjE3IDE5Ljg2OSAyOS4zMDgzIDE5Ljg2OSAyOS4zNzM0IDE5Ljk2NjdaIiBmaWxsPSIjNkJDNzlGIi8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNDcyXzM1NjM2IiB4PSIwIiB5PSIwIiB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMTUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd180NzJfMzU2MzYiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNDcyXzM1NjM2IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ3Ml8zNTYzNiI+CjxyZWN0IHg9IjEiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgcng9IjE4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAxXzQ3Ml8zNTYzNiI+CjxyZWN0IHdpZHRoPSIyNi4xNzQyIiBoZWlnaHQ9IjIwLjg0ODEiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjcyMzYzIDcuMDk5OTgpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}
.side .profile-menu .profile-menu-item.humanize_it .menu-item-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19' cy='18' r='18' fill='%232A6F51' filter='url(%23filter0_d)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.73 6.302l.3 1.13c-2.322.752-4.044 3.009-3.969 5.567 0 3.31 2.62 5.944 5.915 5.944 3.294 0 5.915-2.633 5.915-5.944 0-2.633-1.722-4.815-4.043-5.643l.3-1.129c0-.075 0-.15-.075-.226h-.225l-1.198.527-.524-1.354c0-.075-.075-.15-.15-.15-.15 0-.224.075-.224.15l-.525 1.354-1.198-.451c-.074-.076-.15-.076-.224 0-.075.075-.075.15-.075.225zm2.28 13.833c1.77 0 3.468-.592 4.672-1.54 3.397 1.6 5.733 5.16 5.733 8.352 0 3.193-20.88 3.193-20.88 0 0-3.972 2.336-6.752 5.804-8.352 1.203.948 2.902 1.54 4.671 1.54z' fill='%23B5E3CF' fill-opacity='.8'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='38' height='38' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.side .profile-menu .rc-menu-submenu-active .profile-menu-item.real_profiles .menu-item-icon,
.side .profile-menu .rc-menu-submenu-open .profile-menu-item.real_profiles .menu-item-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF80NzJfMzU2MzIpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ3Ml8zNTYzMikiPgo8cmVjdCB4PSIxIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHJ4PSIxOCIgZmlsbD0iIzZCQzc5RiIvPgo8cGF0aCBkPSJNMTIuMjcxMSAyNy41NTI3QzEyLjkwNzYgMjYuODc1MyAxMy4yNDcxIDI2LjkwNzYgMTMuMzYzOCAyNi43Njc4QzEzLjQ4MDUgMjYuNjI4IDE0Ljc3NDggMjMuOTM5OSAxNC43NzQ4IDIzLjI5NDdDMTQuNzc0OCAyMi42NDk2IDE0LjkzMzkgMjEuNDY2OCAxNC43NzQ4IDIwLjcxNDFDMTQuNjE1NyAxOS45NjE1IDE0LjAzMjIgMTguODg2MiAxNC4wMzIyIDE4Ljg4NjJDMTQuMDMyMiAxOC44ODYyIDEzLjQ4MDUgMTguOTYxNSAxMy4zOTU2IDE4Ljg4NjJDMTMuMzEwOCAxOC44MTEgMTMuMzQyNiAxNy44OTcgMTMuMDc3NCAxNy42MjgyQzEyLjgxMjEgMTcuMzU5NCAxMi4zMDI5IDE2LjU1MjkgMTIuMzAyOSAxNi4xMjI4QzEyLjMwMjkgMTUuNjkyNyAxMi4zMDI5IDE1LjE1NTEgMTIuMzAyOSAxNS4xNTUxQzEyLjMwMjkgMTUuMTU1MSAxMy4wMTM3IDE0LjcyNSAxMy4xNTE2IDE0LjI2MjZDMTMuMjg5NiAxMy44MDAzIDEzLjUyMjkgMTMuNzI1IDEzLjU0NDIgMTMuMzI3MkMxMy41NjU0IDEyLjkyOTMgMTMuNjgyMSAxMS45MjkzIDEzLjY4MjEgMTEuOTI5M0MxMy42ODIxIDExLjkyOTMgMTQuMDc0NiAxMS4zMTY1IDE0LjA3NDYgMTAuOTI5NEMxNC4wNzQ2IDEwLjUzMTUgMTQuMTQ4OSAxMC4zNTk1IDE0LjE0ODkgMTAuMzU5NUMxNC4xNDg5IDEwLjM1OTUgMTQuMjg2OCAxMC40Nzc4IDE0LjY4OTkgOS43ODk2QzE1LjA5MzEgOS4xMDE0NCAxNi4yMjgyIDcuOTcyNDMgMTYuMjI4MiA3LjgxMTE0QzE2LjIyODIgNy42NDk4NSAxNy40MTY0IDcuNjI4MzQgMTcuNzEzNSA3LjQ1NjNDMTguMDEwNSA3LjI3MzUxIDE4LjkxMjMgNy4wNDc3MSAxOS41OTEzIDcuNDU2M0MyMC4yNTk3IDcuODY0OSAyMS4wNDQ3IDguNDQ1NTQgMjEuMzk0OCA5LjM5MTc2QzIxLjc0NDkgMTAuMzM4IDIxLjk5OTUgMTEuNTYzOCAyMi4xNjkzIDEyLjQwMjVDMjIuMzM5IDEzLjI0MTIgMjMuMjMwMiAxNC44OTcgMjMuNTgwMyAxNS4yNzM0QzIzLjkzMDQgMTUuNjQ5NyAyMy44OTg1IDE1Ljg0MzMgMjMuODk4NSAxNS44NDMzQzIzLjg5ODUgMTUuODQzMyAyMy44NjY3IDE4LjQwMjQgMjMuNjEyMSAxOC40NTYxQzIzLjM1NzUgMTguNTA5OSAyMi44Mzc2IDE4LjU2MzYgMjIuODM3NiAxOC41NjM2QzIyLjgzNzYgMTguNTYzNiAyMi44MTY0IDE5LjA2OSAyMi41OTM2IDE5LjQ5OTFDMjIuMzYwMiAxOS45MjkyIDIxLjg1MSAyMC4zOTE2IDIxLjg1MSAyMC4zOTE2QzIxLjg1MSAyMC4zOTE2IDIxLjY3MDYgMjEuNTc0MyAyMS42NzA2IDIyLjQzNDVDMjEuNjcwNiAyMy4yOTQ3IDIxLjU0MzMgMjUuNjA2NSAyMS44MDg2IDI1LjczNTZDMjIuMDczOCAyNS44NjQ2IDIyLjc5NTIgMjYuNDY2NyAyMy4xODc3IDI2LjQ4ODJDMjMuNTgwMyAyNi41MDk3IDI0Ljg1MzMgMjcuMDI1OSAyNS41MjE3IDI3LjUzMTJDMjYuMTkwMSAyOC4wMzY2IDI3LjI0MDQgMjguNzg5MyAyNy41MDU2IDI4LjgyMTVDMjcuNzcwOCAyOC44NTM4IDI5LjAyMjcgMjguODIxNSAyOS4wMjI3IDI4LjgyMTVDMjkuMDIyNyAyOC44MjE1IDI5LjU3NDMgMjcuNDIzNyAyOC44NDIzIDI3LjA2ODlDMjguMTIwOSAyNi43MTQgMjcuNTE2MiAyNi4yODM5IDI3LjExMzEgMjYuMjgzOUMyNi43MDk5IDI2LjI4MzkgMjYuNTA4MyAyNi4yMDg3IDI2LjUwODMgMjYuMjA4N0wyNi4zNzA0IDI1LjY3MTFDMjYuMzcwNCAyNS42NzExIDI3LjQ2MzIgMjUuNDM0NSAyNy42MTE3IDI1LjEwMTJDMjcuNzQ5NiAyNC43NTcxIDI3LjgyMzkgMjQuNTYzNSAyNy44MjM5IDI0LjU2MzVDMjcuODIzOSAyNC41NjM1IDI4Ljc3ODcgMjQuMzcgMjguNzc4NyAyNC4yMDg3QzI4Ljc3ODcgMjQuMDQ3NCAyOC43Nzg3IDI0LjA0NzQgMjguNzc4NyAyNC4wNDc0QzI4Ljc3ODcgMjQuMDQ3NCAyOS4wODYzIDI0LjI4NCAyOS4yMjQyIDI0LjEzMzRDMjkuMzYyMiAyMy45OTM3IDI5LjIyNDIgMjMuNTYzNiAyOS4yMjQyIDIzLjU2MzZDMjkuMjI0MiAyMy41NjM2IDI5LjcwMTYgMjIuMzQ4NSAyOS4xMjg4IDIxLjg3NTRDMjguNTY2NSAyMS40MTMxIDI5LjA1NDUgMjEuNzE0MSAyOC40NjA0IDIwLjgzMjRDMjcuODU1NyAxOS45NTA3IDI3Ljc5MiAxOS42NDk2IDI3Ljc5MiAxOS42NDk2QzI3Ljc5MiAxOS42NDk2IDI3LjkyOTkgMTkuMzU5MyAyNy42ODU5IDE4LjcxNDJDMjcuNDQxOSAxOC4wNjkgMjYuODY5IDE3LjQ1NjEgMjYuODY5IDE3LjQ1NjFDMjYuODY5IDE3LjQ1NjEgMjcuMTM0MyAxNi4zMDU2IDI3LjAwNyAxNS44NDMzQzI2Ljg3OTcgMTUuMzgwOSAyNi4xMzcgMTQuOTUwOCAyNi4yNjQzIDEzLjg3NTZDMjYuMzkxNiAxMi44MDAzIDI3LjA4MTIgMTEuMTEyMiAyNS42NTk2IDkuNTQyMjlDMjQuMjQ4NiA3Ljk2MTY3IDIyLjU2MTggNS44MDA0MiAyMC43NDc3IDUuMzQ4ODFDMTguOTMzNSA0Ljg5NzIxIDE2LjQxOTIgNC4zODEwOSAxNS41ODExIDUuMzQ4ODFDMTQuNzQzIDYuMzE2NTQgMTQuNzY0MiA3LjE0NDQ4IDE0Ljc2NDIgNy4xNDQ0OEMxNC43NjQyIDcuMTQ0NDggMTIuNTM2MyA3LjU0MjMyIDEyLjAzNzcgOC40MzQ3OEMxMS41MzkxIDkuMzI3MjQgMTAuOTIzNyAxMC40NTYzIDEwLjczMjggMTIuMDkwNkMxMC41NDE4IDEzLjcyNSA5LjQ4MDkzIDE4LjQ1NjEgOS44ODQwNyAyMC4wNzk3QzEwLjI4NzIgMjEuNzE0MSAxMC44Mzg5IDIxLjg1MzkgMTAuNTUyNCAyMi4yMzAyQzEwLjI2NiAyMi42MDY2IDguNDgzNjggMjQuMjczMiA4LjYxMDk5IDI0LjczNTZDOC43MzgzIDI1LjE5NzkgOS4yMTU3IDI1LjM4MDcgOS4yMTU3IDI2LjAyNTlDOS4yMTU3IDI2LjY3MSA5Ljg4NDA3IDI2Ljg2NDYgOS43NDYxNSAyNy4yNDA5QzkuNjA4MjMgMjcuNjE3MyA5LjI3OTM2IDI3LjkwNzYgOS40NzAzMiAyOC4zMjY5QzkuNzI0OTMgMjguODQzIDExLjYzNDUgMjguMjMwMSAxMi4yNzExIDI3LjU1MjdaIiBmaWxsPSIjRTFGNEVDIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguNDU2NiAxNy4wNTY2QzE4LjQ2NzIgMTcuMDY3NCAxOC40ODg1IDE3LjA2NzQgMTguNTA5NyAxNy4wNTY2QzE4LjU3MzMgMTcuMDEzNiAxOC43MzI1IDE2LjkxNjkgMTguOTAyMiAxNi45Mzg0QzE4Ljk3MzkgMTYuOTQ1MyAxOS4wMTgyIDE2Ljk0NzcgMTkuMDU4MyAxNi45NjE5QzE5LjE0MjggMTYuOTkxNyAxOS4yMDg5IDE3LjA3MzQgMTkuNDc1MSAxNy4zNTc3QzE5Ljc4MjcgMTcuNjgwMyAyMC4zMjM4IDE4LjAyNDQgMjAuNTU3MiAxOC4xNTM0QzIwLjU4OSAxOC4xNzQ5IDIwLjU4OSAxOC4yMzk0IDIwLjU0NjYgMTguMjUwMkMyMC40NDQzIDE4LjI4NzQgMjAuMzA4OCAxOC4zNTAzIDIwLjE1MDggMTguNDIzN0MxOS42Njk3IDE4LjY0NzEgMTguOTc4NiAxOC45Njc5IDE4LjM3MTggMTguOTU5OEMxNy42MjkxIDE4Ljk0OTEgMTYuNzM4IDE4LjQ0MzcgMTYuNDYyMSAxOC4yNzE3QzE2LjQzMDMgMTguMjUwMiAxNi40MzAzIDE4LjE4NTYgMTYuNDcyNyAxOC4xNzQ5TDE2LjYyMTMgMTguMTEwNEMxNi43NjI4IDE4LjA1NDMgMTcuMTE4MiAxNy43MjM0IDE3LjQzMzMgMTcuNDMwMkMxNy42NjE3IDE3LjIxNzYgMTcuODY4OCAxNy4wMjQ4IDE3Ljk1OCAxNi45NzA2QzE4LjEyNzcgMTYuODYzMSAxOC4zNzE4IDE3LjAwMjkgMTguNDU2NiAxNy4wNTY2Wk0xNy43OTk0IDE4LjA2NjZDMTcuNzg4NyAxOC4wNzc0IDE3Ljc5OTQgMTguMDk4OSAxNy44MSAxOC4wOTg5QzE3Ljg5MTIgMTguMDk4OSAxOC4wODU1IDE4LjA4ODUgMTguMjcxMiAxOC4wNzg1QzE4LjM1MjMgMTguMDc0MSAxOC40MzE4IDE4LjA2OTkgMTguNDk5NSAxOC4wNjY2QzE4LjczMjkgMTguMDY2NiAxOS4xMTQ5IDE4LjA4ODEgMTkuMjQyMiAxOC4wOTg5QzE5LjI1MjggMTguMDk4OSAxOS4yNjM0IDE4LjA3NzQgMTkuMjUyOCAxOC4wNjY2QzE5LjE2NzkgMTcuOTkxMyAxOC45NTU3IDE3LjgwODYgMTguODcwOSAxNy43NzYzQzE4Ljc5MzMgMTcuNzQ3NyAxOC42OTcgMTcuNzg1NiAxOC42MTYyIDE3LjgxNzRDMTguNTc1NCAxNy44MzM1IDE4LjUzODYgMTcuODQ4IDE4LjUxMDIgMTcuODUxNkMxOC40NjcgMTcuODU3IDE4LjQxNTcgMTcuODM3NSAxOC4zNjE3IDE3LjgxN0MxOC4zMDk0IDE3Ljc5NzEgMTguMjU0NyAxNy43NzYzIDE4LjIwMjUgMTcuNzc2M0MxOC4xMjQzIDE3Ljc3NjMgMTcuOTIwMyAxNy45NTg2IDE3LjgyMjIgMTguMDQ2M0MxNy44MTM3IDE4LjA1MzggMTcuODA2MSAxOC4wNjA3IDE3Ljc5OTQgMTguMDY2NloiIGZpbGw9IiNFMUY0RUMiLz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNDcyXzM1NjMyIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMTUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd180NzJfMzU2MzIiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNDcyXzM1NjMyIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ3Ml8zNTYzMiI+CjxyZWN0IHg9IjEiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgcng9IjE4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}
.side .profile-menu .rc-menu-submenu-active .profile-menu-item.ficitional_profiles:not(.hide) .menu-item-icon,
.side .profile-menu .rc-menu-submenu-open .profile-menu-item.ficitional_profiles:not(.hide) .menu-item-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF80NzJfMzU2MzQpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ3Ml8zNTYzNCkiPgo8cmVjdCB4PSIxIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHJ4PSIxOCIgZmlsbD0iIzZCQzc5RiIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfNDcyXzM1NjM0KSI+CjxwYXRoIGQ9Ik0yNS4xNDYyIDE2LjgwNjRDMjUuMzU4NCAxNy43MTc2IDI2LjY3NDYgMjMuMjc3OSAyNi4wNjI5IDI0LjY2MzVDMjUuNDAxMyAyNi4xNzM5IDIxLjM5NDQgMjkuNjMxNiAxNy42MTIxIDI5LjYzMTZDMTUuNzE0NyAyOS42MzE2IDEzLjc2NzQgMjguNzcwMyAxMi4yMTk1IDI3LjcwOTNDMTAuNjcxNiAyNi42NjA3IDkuNDk4MjYgMjUuNDEyNCA5LjE3MzcxIDI0LjY2MzVDOC41NDk1NyAyMy4yNTI5IDkuOTQwNCAxNy42MDg1IDEwLjExNTIgMTYuODIyMUMxMC4yNTI1IDE3LjE5NjUgMTEuMjU4MyAxOS44MDc3IDE0LjU2NjMgMTkuODA3N0MxNC44MTU5IDE5LjgwNzcgMTUuMjAyOSAxOS43NDUyIDE1LjQ1MjYgMTkuNzA3OEMxNS42NTIzIDE5LjY4MjggMTUuODY0NSAxOS42MzI5IDE2LjA3NjcgMTkuNTk1NEMxNi4wMjY4IDE5Ljc1NzcgMTUuOTg5MyAxOS45MzI1IDE1Ljk4OTMgMjAuMTA3MkMxNS45ODkzIDIxLjAwNiAxNi43MTMzIDIxLjczIDE3LjYxMjEgMjEuNzNDMTguNTEwOCAyMS43MyAxOS4yMzQ4IDIxLjAwNiAxOS4yMzQ4IDIwLjEwNzJDMTkuMjM0OCAxOS45MDc1IDE5LjE5NzQgMTkuNzIwMyAxOS4xMzUgMTkuNTQ1NUMxOS4zNDcyIDE5LjU4MyAxOS42MDkzIDE5LjYzMjkgMTkuOTMzOSAxOS42OTUzQzIwLjE4MzUgMTkuNzQ1MiAyMC40MjA3IDE5Ljc5NTIgMjAuNjcwNCAxOS44MDc3QzI0Ljc2NDcgMTkuODU3NiAyNS4wOTYyIDE3LjI5MzIgMjUuMTQ2MiAxNi44MDY0WiIgZmlsbD0iI0UxRjRFQyIvPgo8cGF0aCBkPSJNMjUuMjI4NSAxNi43MDI4TDI1LjI1MzQgMTYuNzQwMkMyNS4yNTM0IDE2Ljc0MDIgMjUuMjUzNCAxNi43NjUxIDI1LjI1MzQgMTYuODE0OUMyNS4yNDEgMTYuNzQwMiAyNS4yMjg1IDE2LjY5MDQgMjUuMjI4NSAxNi43MDI4WiIgZmlsbD0iI0UxRjRFQyIvPgo8cGF0aCBkPSJNOS45ODYzMyAxNi43MzUxTDEwLjAyMzcgMTYuNjg1M0MxMC4wMjM3IDE2LjY4NTMgMTAuMDExMiAxNi43MjI3IDkuOTk4NzggMTYuNzcyNUM5Ljk4NjMzIDE2Ljc2IDkuOTg2MzMgMTYuNzM1MSA5Ljk4NjMzIDE2LjczNTFaIiBmaWxsPSIjRTFGNEVDIi8+CjxwYXRoIGQ9Ik05LjE4Nzk1IDE1LjE1MDhDOS4xNzU0NyAxNS4yMDA3IDkuMTc1NDcgMTUuMjM4MSA5LjE3NTQ3IDE1LjI4ODFWMTUuMzAwNkM5LjE2Mjk5IDE1LjQwMDQgOS4xNzU0NyAxNS41MDAzIDkuMTc1NDcgMTUuNTg3N0M5LjIwMDQ0IDE2LjA5OTUgOS45NjE4OSAxNi42ODYxIDEwLjAyNDMgMTYuNjg2MUMxMC4wMjQzIDE2LjY4NjEgMTAuMTk5MSAxNi4zMzY2IDEwLjU5ODUgMTUuNzQ5OUMxMS4xNDc4IDE0Ljk1MSAxMi44MDggMTQuMjY0NSAxNS4wNjczIDEzLjc3NzdDMTcuMTc2OSAxMy4zMjgzIDIwLjA0OCAxMy4yNTM0IDIzLjA0MzkgMTQuNDE0M0MyMy41MzA3IDE0LjYwMTUgMjMuOTgwMSAxNC44ODg2IDI0LjM1NDUgMTUuMjYzMUMyNS4xMDM1IDE2LjAyNDYgMjUuMjUzMyAxNi42ODYxIDI1LjI1MzMgMTYuNjg2MUMyNS4yNTMzIDE2LjY4NjEgMjUuOTc3MyAxNi41MzY0IDI2LjIzOTQgMTUuNzQ5OUMyNi4yNTE5IDE1LjcgMjYuMjc2OSAxNS42NTAxIDI2LjI4OTQgMTUuNTg3N0MyNi41MTQxIDE0LjY2MzkgMjUuMTkwOSAxMy43NTI3IDIzLjc5MjggMTMuMDAzN0MyMi40MzIyIDEyLjI3OTcgMjAuMTk3OCAxMS42MzA2IDE3LjQwMTYgMTEuNjMwNkMxNC42MDU1IDExLjYzMDYgMTIuMzU4NiAxMi41Mjk0IDEwLjc3MzMgMTMuNDc4MUM5LjU5OTg4IDE0LjE3NzEgOS4yNzUzMyAxNC43MTM5IDkuMTg3OTUgMTUuMTUwOFoiIHN0cm9rZT0iI0UxRjRFQyIgc3Ryb2tlLXdpZHRoPSIwLjMwMDc3OSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+CjxwYXRoIGQ9Ik0yMC4wMjkzIDE3LjI2OTlDMjAuMDI5MyAxNi43MTU2IDIwLjQ3MTYgMTYuMjY3MyAyMS4wMzE5IDE2LjI2NzNDMjEuNTkyMiAxNi4yNjczIDIyLjAzNDUgMTYuNzE1NiAyMi4wMzQ1IDE3LjI2OTkiIHN0cm9rZT0iI0UxRjRFQyIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMy4wMDk4IDE3LjI2OTlDMTMuMDA5OCAxNi43MjA5IDEzLjQ1MjEgMTYuMjY3MyAxNC4wMTI0IDE2LjI2NzNDMTQuNTcyNiAxNi4yNjczIDE1LjAxNSAxNi43MjA5IDE1LjAxNSAxNy4yNjk5IiBzdHJva2U9IiNFMUY0RUMiIHN0cm9rZS13aWR0aD0iMC41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI5LjczMTMgMTYuNTY4MkMyOS43MzUzIDE2LjU2OTkgMjkuNzM5MiAxNi41NzE0IDI5Ljc0MyAxNi41NzI4QzI5Ljc0NTYgMTYuNTczOCAyOS43NDgzIDE2LjU3NDcgMjkuNzUwOSAxNi41NzU2QzI5Ljc0NDQgMTYuNTczMSAyOS43Mzc5IDE2LjU3MDYgMjkuNzMxMyAxNi41NjgyWk0yOS43ODA5IDE2LjU4NzRIMjkuNzc5MkwyOS43NDIxIDE2LjU3NThDMjkuNTMyNCAxNi41MTAzIDI5LjMxMjUgMTYuNDcxOCAyOS4wODExIDE2LjQ3MThDMjguMzA2OCAxNi40NzE4IDI3LjYyNzcgMTYuODk4MyAyNy4yNDc3IDE3LjUyMzNDMjcuMjQyNyAxNy41MzUxIDI3LjIzNyAxNy41NDYgMjcuMjMxIDE3LjU1NkMyNy4yMzA2IDE3LjU1NjYgMjcuMjMwMiAxNy41NTczIDI3LjIyOTggMTcuNTU4QzI3LjA5MTQgMTcuODMyNCAyNy4wMTM3IDE4LjE0MzQgMjcuMDEzNyAxOC40NzM5QzI3LjAxMzcgMTkuNTg0OSAyNy45MTI0IDIwLjQ5NjEgMjkuMDM1OSAyMC40OTYxQzMwLjE0NjkgMjAuNDk2MSAzMS4wNTgxIDE5LjU5NzQgMzEuMDU4MSAxOC40NzM5QzMxLjA1ODEgMTcuNjEzMyAzMC41MjM3IDE2Ljg4NjQgMjkuNzgwOSAxNi41ODc0Wk0yNy4wMzA4IDE2Ljk0ODJDMjYuOTc0NSAxNi44MzMgMjYuOTEyOSAxNi43MTI2IDI2Ljg0OTkgMTYuNTk5MkMyNi42MjUyIDE2LjE3NDggMjYuMjI1NyAxNS43NjI5IDI2LjIyNTcgMTUuNzYyOUMyNi4yMzEgMTUuNzQxNyAyNi4yMzg2IDE1LjcyMDUgMjYuMjQ2NSAxNS42OTgzQzI2LjI1NzIgMTUuNjY4MyAyNi4yNjg1IDE1LjYzNjUgMjYuMjc1NyAxNS42MDA2QzI2LjUwMDQgMTQuNjc2OSAyNS4xNzcyIDEzLjc2NTYgMjMuNzc5MSAxMy4wMTY3QzIyLjQxODUgMTIuMjkyNyAyMC4xODQxIDExLjY0MzYgMTcuMzg3OSAxMS42NDM2QzE0LjU5MTggMTEuNjQzNiAxMi4zNTc0IDEyLjUyOTggMTAuNzcyMSAxMy40Nzg1QzkuNTk4NjcgMTQuMTc3NiA5LjI3NDEyIDE0LjcwMTggOS4xOTkyMiAxNS4xMzg3QzkuNDYxMzYgMTMuMjQxNCAxMS4yOTYzIDQuNTE1ODggMjIuMjQzNyA2LjUzODA5QzI1LjkzODYgNy4yMzcxMyAyOC4yNjA0IDExLjcxODQgMjguNzU5OCAxMy4wOTE2QzI5LjE0OSAxNC4xNTIyIDI5LjQ0NzIgMTUuMjUwNyAyOS41Nzc1IDE2LjAwODhDMjkuNDE4NCAxNS45Nzg0IDI5LjI1MjggMTUuOTYxMyAyOS4wODExIDE1Ljk2MTNDMjguMjUwNSAxNS45NjEzIDI3LjUxNiAxNi4zNTM5IDI3LjAzMDggMTYuOTQ4MloiIGZpbGw9IiNFMUY0RUMiLz4KPC9nPgo8L2c+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF80NzJfMzU2MzQiIHg9IjAiIHk9IjAiIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIxIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjAuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzQ3Ml8zNTYzNCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd180NzJfMzU2MzQiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDcyXzM1NjM0Ij4KPHJlY3QgeD0iMSIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiByeD0iMTgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDFfNDcyXzM1NjM0Ij4KPHJlY3Qgd2lkdGg9IjIyLjA1NzEiIGhlaWdodD0iMjMuMzkyOCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkgNi4yMzk5OSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}
.side .profile-menu .rc-menu-submenu-active .profile-menu-item.me_polled .menu-item-icon,
.side .profile-menu .rc-menu-submenu-open .profile-menu-item.me_polled .menu-item-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF80NzJfMzU2MzMpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ3Ml8zNTYzMykiPgo8cmVjdCB4PSIxIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHJ4PSIxOCIgZmlsbD0iIzZCQzc5RiIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfNDcyXzM1NjMzKSI+CjxwYXRoIGQ9Ik0xOC45NjUzIDExLjA3NTFDMTQuNzE0MiAxMS4wNzUxIDExLjI2MTIgMTQuNTI4IDExLjI2MTIgMTguNzk1NEMxMS4yNjEyIDIxLjAyNjggMTIuMjIyMiAyMy4wNDY1IDEzLjczNjkgMjQuNDQ3MkMxMy43NTMyIDI0LjQ0NzIgMTMuNzY5NSAyNC40NDcyIDEzLjc4NTggMjQuNDQ3MkMxNS42NzUyIDI0LjQ3OTggMTguNDYwNCAyMy40Njk5IDIxLjE4MDQgMjEuNjQ1N0MyMy42MjM1IDIwLjAwMDcgMjUuNDgwMyAxOC4wNzg3IDI2LjMyNzMgMTYuNDMzN0MyNS4zMTc0IDEzLjMyMjggMjIuNDAyIDExLjA3NTEgMTguOTY1MyAxMS4wNzUxWiIgZmlsbD0iI0UxRjRFQyIvPgo8cGF0aCBkPSJNMjYuNDQxMyAyMC4wMzUxQzI0Ljk1OTIgMjEuMzM4MSAyMy4yNjUzIDIyLjY1NzQgMjEuMzkyMiAyMy45MTE2QzIwLjA4OTIgMjQuNzkxMSAxOC43ODYyIDI1LjU3MjkgMTcuNTE1NyAyNi4yNTdDMTcuNDY2OSAyNi4yODk2IDE3LjQxOCAyNi4zMDU5IDE3LjM2OTEgMjYuMzM4NEMxNy44OTAzIDI2LjQ1MjUgMTguNDExNSAyNi41MDEzIDE4Ljk2NTMgMjYuNTAxM0MyMi44NTgxIDI2LjUwMTMgMjYuMDY2NyAyMy42MzQ3IDI2LjYwNDIgMTkuODg4NUMyNi41NTU0IDE5LjkzNzQgMjYuNDkwMiAxOS45ODYzIDI2LjQ0MTMgMjAuMDM1MVoiIGZpbGw9IiNFMUY0RUMiLz4KPHBhdGggZD0iTTMxLjYyMDUgMTAuNTg1OEMzMy4wODY0IDEyLjc2ODMgMjguNzcwMiAxOC4yMjQ3IDIxLjk3ODMgMjIuNzY4OUMxNS4xODYzIDI3LjMxMzIgOC41MDg0MSAyOS4yMTg4IDcuMDQyNTMgMjcuMDM2M0M2LjA0ODk4IDI1LjU3MDQgNy42Nzc3NCAyMi42MjIzIDEwLjkxOSAxOS40NjI1QzEwLjk2NzggMjAuMTMwMyAxMS4wOTgxIDIwLjc2NTYgMTEuMzA5OSAyMS4zNjgyQzEwLjY3NDcgMjIuNTg5OCAxMC41MjgxIDIzLjY2NDggMTEuMDMzIDI0LjM5NzdDMTIuMjU0NiAyNi4yMDU2IDE2Ljg0NzcgMjUuMjYwOSAyMS4yOTQyIDIyLjI4MDNDMjUuNzQwNyAxOS4yOTk3IDI4LjM3OTMgMTUuNDA2OSAyNy4xNTc3IDEzLjU5OUMyNi42NjkxIDEyLjg2NjEgMjUuNjQzIDEyLjU4OTIgMjQuMzA3NCAxMi43MDMyQzIzLjc4NjIgMTIuMjQ3MSAyMy4xOTk4IDExLjg1NjIgMjIuNTY0NiAxMS41MzA1QzI2Ljk3ODYgOS41MjcxMSAzMC41NzgxIDkuMDM4NDggMzEuNjIwNSAxMC41ODU4WiIgZmlsbD0iI0UxRjRFQyIvPgo8cGF0aCBkPSJNOS4xNDM4OCA5LjM5NTUxTDEwLjAzOTcgMTEuMDI0M0MxMC4wNzIzIDExLjA4OTQgMTAuMTIxMSAxMS4xMjIgMTAuMTcgMTEuMTU0NkwxMS43OTg4IDEyLjA1MDRDMTIuMDQzMSAxMi4xODA3IDEyLjA0MzEgMTIuNTIyNyAxMS43OTg4IDEyLjY1M0wxMC4xNyAxMy41NDg4QzEwLjEwNDkgMTMuNTgxNCAxMC4wNzIzIDEzLjYzMDMgMTAuMDM5NyAxMy42NzkxTDkuMTQzODggMTUuMzA3OUM5LjAxMzU4IDE1LjU1MjIgOC42NzE1NCAxNS41NTIyIDguNTQxMjQgMTUuMzA3OUw3LjY0NTQyIDEzLjY3OTFDNy42MTI4NSAxMy42MTQgNy41NjM5OCAxMy41ODE0IDcuNTE1MTIgMTMuNTQ4OEw1Ljg4NjM2IDEyLjY1M0M1LjY0MjA1IDEyLjUyMjcgNS42NDIwNSAxMi4xODA3IDUuODg2MzYgMTIuMDUwNEw3LjUxNTEyIDExLjE1NDZDNy41ODAyNyAxMS4xMjIgNy42MTI4NSAxMS4wNzMxIDcuNjQ1NDIgMTEuMDI0M0w4LjU0MTI0IDkuMzk1NTFDOC42ODc4MyA5LjE2NzQ4IDkuMDI5ODcgOS4xNjc0OCA5LjE0Mzg4IDkuMzk1NTFaIiBmaWxsPSIjRTFGNEVDIi8+CjxwYXRoIGQ9Ik0yMi4xNDE5IDcuMTk3N0wyMi41OTc5IDguMDI4MzdDMjIuNjE0MiA4LjA2MDk0IDIyLjYzMDUgOC4wNzcyMyAyMi42NjMxIDguMDkzNTJMMjMuNDkzNyA4LjU0OTU3QzIzLjYwNzggOC42MTQ3MiAyMy42MDc4IDguNzkzODkgMjMuNDkzNyA4Ljg1OTA0TDIyLjY2MzEgOS4zMTUwOUMyMi42MzA1IDkuMzMxMzggMjIuNjE0MiA5LjM0NzY3IDIyLjU5NzkgOS4zODAyNEwyMi4xNDE5IDEwLjIxMDlDMjIuMDc2NyAxMC4zMjQ5IDIxLjg5NzYgMTAuMzI0OSAyMS44MzI0IDEwLjIxMDlMMjEuMzc2MyA5LjM4MDI0QzIxLjM2MDEgOS4zNDc2NyAyMS4zNDM4IDkuMzMxMzggMjEuMzExMiA5LjMxNTA5TDIwLjQ4MDUgOC44NTkwNEMyMC4zNjY1IDguNzkzODkgMjAuMzY2NSA4LjYxNDcyIDIwLjQ4MDUgOC41NDk1N0wyMS4zMTEyIDguMDkzNTJDMjEuMzQzOCA4LjA3NzIzIDIxLjM2MDEgOC4wNjA5NCAyMS4zNzYzIDguMDI4MzdMMjEuODMyNCA3LjE5NzdDMjEuODk3NiA3LjA2NzQgMjIuMDc2NyA3LjA2NzQgMjIuMTQxOSA3LjE5NzdaIiBmaWxsPSIjRTFGNEVDIi8+CjxwYXRoIGQ9Ik0yOS4zNzM0IDE5Ljk2NjdMMjkuNzQ4IDIwLjY1MDhDMjkuNzY0MyAyMC42NjcxIDI5Ljc4MDYgMjAuNjk5NyAyOS43OTY5IDIwLjY5OTdMMzAuNDgxIDIxLjA3NDNDMzAuNTc4NyAyMS4xMjMxIDMwLjU3ODcgMjEuMjY5NyAzMC40ODEgMjEuMzE4NkwyOS43OTY5IDIxLjY5MzJDMjkuNzgwNiAyMS43MDk1IDI5Ljc0OCAyMS43MjU4IDI5Ljc0OCAyMS43NDIxTDI5LjM3MzQgMjIuNDI2MkMyOS4zMjQ1IDIyLjUyMzkgMjkuMTc4IDIyLjUyMzkgMjkuMTI5MSAyMi40MjYyTDI4Ljc1NDUgMjEuNzQyMUMyOC43MzgyIDIxLjcyNTggMjguNzIxOSAyMS42OTMyIDI4LjcwNTYgMjEuNjkzMkwyOC4wMjE1IDIxLjMxODZDMjcuOTIzOCAyMS4yNjk3IDI3LjkyMzggMjEuMTIzMSAyOC4wMjE1IDIxLjA3NDNMMjguNzA1NiAyMC42OTk3QzI4LjcyMTkgMjAuNjgzNCAyOC43NTQ1IDIwLjY2NzEgMjguNzU0NSAyMC42NTA4TDI5LjEyOTEgMTkuOTY2N0MyOS4xNjE3IDE5Ljg2OSAyOS4zMDgzIDE5Ljg2OSAyOS4zNzM0IDE5Ljk2NjdaIiBmaWxsPSIjRTFGNEVDIi8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNDcyXzM1NjMzIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMTUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd180NzJfMzU2MzMiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNDcyXzM1NjMzIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ3Ml8zNTYzMyI+CjxyZWN0IHg9IjEiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgcng9IjE4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8Y2xpcFBhdGggaWQ9ImNsaXAxXzQ3Ml8zNTYzMyI+CjxyZWN0IHdpZHRoPSIyNi4xNzQyIiBoZWlnaHQ9IjIwLjg0ODEiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjcyMzYzIDcuMDk5OTgpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}
.side .profile-menu .rc-menu-submenu-active .profile-menu-item.humanize_it .menu-item-icon,
.side .profile-menu .rc-menu-submenu-open .profile-menu-item.humanize_it .menu-item-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19' cy='18' r='18' fill='%236BC79F' filter='url(%23filter0_d)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.73 6.302l.3 1.13c-2.322.752-4.044 3.009-3.969 5.567 0 3.31 2.62 5.944 5.915 5.944 3.294 0 5.915-2.633 5.915-5.944 0-2.633-1.722-4.815-4.043-5.643l.3-1.129c0-.075 0-.15-.075-.226h-.225l-1.198.527-.524-1.354c0-.075-.075-.15-.15-.15-.15 0-.224.075-.224.15l-.525 1.354-1.198-.451c-.074-.076-.15-.076-.224 0-.075.075-.075.15-.075.225zm2.28 13.833c1.77 0 3.468-.592 4.672-1.54 3.397 1.6 5.733 5.16 5.733 8.352 0 3.193-20.88 3.193-20.88 0 0-3.972 2.336-6.752 5.804-8.352 1.203.948 2.902 1.54 4.671 1.54z' fill='%23F0F0F0'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='38' height='38' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='.5'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.side .link-item {
  display: block;
  margin-left: 30px;
  color: #BFBFBF;
}
.side .link-item svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
.side .link-item.active,
.side .link-item:hover {
  color: #6BC79F;
}
.side .link-item:not(:first-child) {
  margin-top: 16px;
}
.box-number {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.box-number .list-wrap {
  text-align: center;
  overflow: hidden;
}
.box-number .roll span {
  display: block;
}
.box-number .roll_9 {
  animation: roll_9 2s forwards;
}
@keyframes roll_9 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -279px, 0);
  }
}
.box-number .roll_8 {
  animation: roll_8 2s forwards;
}
@keyframes roll_8 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -248px, 0);
  }
}
.box-number .roll_7 {
  animation: roll_7 2s forwards;
}
@keyframes roll_7 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -217px, 0);
  }
}
.box-number .roll_6 {
  animation: roll_6 2s forwards;
}
@keyframes roll_6 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -186px, 0);
  }
}
.box-number .roll_5 {
  animation: roll_5 2s forwards;
}
@keyframes roll_5 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -155px, 0);
  }
}
.box-number .roll_4 {
  animation: roll_4 2s forwards;
}
@keyframes roll_4 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -124px, 0);
  }
}
.box-number .roll_3 {
  animation: roll_3 2s forwards;
}
@keyframes roll_3 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -93px, 0);
  }
}
.box-number .roll_2 {
  animation: roll_2 2s forwards;
}
@keyframes roll_2 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -62px, 0);
  }
}
.box-number .roll_1 {
  animation: roll_1 2s forwards;
}
@keyframes roll_1 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -31px, 0);
  }
}

.add-comment {
  padding: 8px 0;
}
.add-comment .add-comment-input {
  display: flex;
}
.add-comment .add-comment-input .avatar {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
  vertical-align: middle;
}
.add-comment .add-comment-input .avatar img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.add-comment .add-comment-input textarea {
  flex: 1 1;
  height: 34px;
  border-radius: 17px;
  margin-left: 8px;
  padding: 4px 16px;
  border: 1px solid #225941;
  background-color: transparent;
  resize: none;
  outline: none;
  color: #BFBFBF;
  box-sizing: border-box;
  font-size: 14px;
}
.add-comment .add-comment-post {
  margin-top: 8px;
  text-align: right;
}
.add-comment .add-comment-post .pdb-upload {
  margin-left: 43px;
  float: left;
}
.add-comment .add-comment-post .pdb-upload .img-wrp {
  width: 34px;
  height: 34px;
}
.add-comment .add-comment-post .pdb-upload .img-mask {
  font-size: 0;
}
.add-comment .add-comment-post .post-btn {
  display: inline-flex;
  height: 32px;
  font-size: 14px;
  border-radius: 16px;
  color: #E1F4EC;
  background-color: #225941;
  cursor: pointer;
}
.add-comment .add-comment-post .post-btn .loading-wrapper svg {
  font-size: 14px;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.subcategory-card {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 8px 12px;
  border-radius: 16px;
  background-color: #15171F;
  cursor: pointer;
}
.subcategory-card .left-area {
  flex-shrink: 0;
}
.subcategory-card .left-area .avatar {
  width: 46px;
  height: 69px;
  border-radius: 8px;
  overflow: hidden;
}
.subcategory-card .left-area .avatar img {
  border-radius: 8px;
  width: auto;
  height: 100%;
}
.subcategory-card .info {
  flex: 1 1;
  margin-left: 12px;
  overflow: hidden;
}
.subcategory-card .info .name {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #F0F0F0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.subcategory-card .info .profile-count .group-name {
  float: left;
  padding: 0 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
  margin-right: 8px;
  border-radius: 3px;
  color: #A6DDC5;
  background: linear-gradient(94.93deg, rgba(42, 50, 31, 0.8) 0%, rgba(24, 48, 47, 0.8) 93.02%);
  overflow: hidden;
}
.subcategory-card .info .profile-count .group-name img {
  height: 16px;
  margin-right: 2px;
  transform: translateY(-17px);
  -webkit-filter: drop-shadow(#A6DDC5 0 16px);
          filter: drop-shadow(#A6DDC5 0 16px);
}
.subcategory-card .info .profile-count .text {
  font-weight: 400;
  font-size: 12px;
  margin-top: 12px;
  line-height: 150%;
  color: #8C8C8C;
}
.subcategory-card .order {
  display: block;
  flex-basis: 100%;
  width: 66px;
  margin-top: 4px;
}
.subcategory-card .order label {
  display: inline-block;
  width: 66px;
  font-size: 12px;
  color: #8C8C8C;
  font-weight: bold;
  text-align: center;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-container {
  position: relative;
  display: flex;
  height: 100%;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0 14px;
}
.header-container .logo {
  height: 55px;
  flex: 0 0 175px;
}
.header-container .logo.simple {
  height: 55px;
  flex: 0 0 47px;
}
.header-container .search-bar {
  position: relative;
  flex: 1 1 400px;
  height: 40px;
  max-width: 632px;
  line-height: 40px;
  margin-left: 41px;
  text-align: center;
  color: #8C8C8C;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 18px;
  cursor: text;
  margin-right: 17px;
  white-space: nowrap;
  overflow: hidden;
}
.header-container .search-bar .search-bar-container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  padding: 0 20px;
  background-color: #434343;
  box-sizing: border-box;
  z-index: 1;
  overflow: hidden;
}
.header-container .search-bar .search-bar-container svg {
  display: inline-block;
  font-size: 18px;
  flex-shrink: 0;
  pointer-events: none;
}
.header-container .search-bar .search-bar-container label {
  display: inline-block;
  overflow: hidden;
  margin-left: 8px;
  text-overflow: ellipsis;
  pointer-events: none;
}
.header-container .search-bar .search-bar-container input {
  flex: 1 1;
  margin: 0 5px;
  display: none;
  height: 100%;
  background-color: transparent;
  border: none;
  color: #D9D9D9;
  text-overflow: ellipsis;
  overflow: hidden;
}
.header-container .search-bar .search-bar-container input:focus {
  border: none;
  outline: none;
}
.header-container .search-bar .search-bar-container input::-webkit-input-placeholder {
  color: #8C8C8C;
}
.header-container .search-bar .search-bar-container input::-ms-input-placeholder {
  color: #8C8C8C;
}
.header-container .search-bar .search-bar-container input::placeholder {
  color: #8C8C8C;
}
.header-container .search-bar .search-bar-container .close-btn {
  pointer-events: all;
  cursor: pointer;
}
.header-container .search-bar .search-bar-container .close-btn > * {
  pointer-events: none;
}
.header-container .search-bar.search-bar-focused {
  position: relative;
}
.header-container .search-bar.search-bar-focused .search-bar-container {
  background-color: #434343;
}
.header-container .search-bar.search-bar-focused label {
  display: none;
}
.header-container .search-bar.search-bar-focused input {
  display: block;
}
.header-container .search-bar-mobile {
  display: none;
  flex: 1 1;
  height: 32px;
  line-height: 28px;
  color: #8C8C8C;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 20px;
  background-color: #434343;
  box-sizing: border-box;
  border: 1px solid #225941;
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
}
.header-container .search-bar-mobile svg {
  display: inline-block;
  font-size: 16px;
  margin-left: 8px;
  pointer-events: none;
  vertical-align: middle;
}
.header-container .search-bar-mobile label {
  display: inline-block;
  margin-left: 4px;
  font-size: 16px;
  pointer-events: none;
  vertical-align: middle;
}
.header-container .get-pdb-app {
  font-size: 0;
  line-height: 0;
}
.header-container .get-pdb-app svg:not(:first-child) {
  margin-left: 4px;
}
.header-container .get-pdb-app .text {
  margin-left: 4px;
  color: #F0F0F0;
  color: var(--solid-white-94, #F0F0F0);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 21.6px */
  letter-spacing: 0.72px;
}
.header-container .mobile-user-area {
  display: none;
}
.header-container .navigation-item {
  position: relative;
  margin-left: 24px;
  white-space: nowrap;
}
.header-container .navigation-item i {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
}
.header-container .navigation-item i.vote-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzMiAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMjEuNDY2OCIgeT0iMy43NSIgd2lkdGg9IjUuMzc2MjYiIGhlaWdodD0iMjMuODA0NyIgcng9IjIuMjUiIHN0cm9rZT0iI0JGQkZCRiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHJlY3QgeD0iMTMuNjA5NCIgeT0iNy45Njg3NSIgd2lkdGg9IjUuMzc2MjYiIGhlaWdodD0iMTkuNTg3MiIgcng9IjIuMjUiIHN0cm9rZT0iI0JGQkZCRiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHJlY3QgeD0iNS43NSIgeT0iMTIuMTgzNiIgd2lkdGg9IjUuMzc2MjYiIGhlaWdodD0iMTUuMzY5OCIgcng9IjIuMjUiIHN0cm9rZT0iI0JGQkZCRiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==);
}
.header-container .navigation-item i.community-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMTgwXzIxMzA3KSI+CiAgICAgICAgPHBhdGgKICAgICAgICAgICAgZD0iTTcuNTgwMSAxMi4xMTU3QzcuMTc3MTMgMTIuNTcwMSA2Ljc4NTUxIDEzLjEyMjMgNi41MDI5IDEzLjcxODNDNi4xOTQ5IDE0LjM2OCA1Ljk5MDg4IDE1LjEyNTggNi4xMDU1MyAxNS44ODI3SDEuNDQyNzVDMS4wNTAzNyAxNS44ODI3IDAuOTA3NTkzIDE1LjgwMTYgMC44NjY0MjcgMTUuNzY2OEMwLjg0ODE2NiAxNS43NTE0IDAuNzkyODE2IDE1LjcwMTkgMC43OTI4MTYgMTUuNDg2M0MwLjc5MjgxNiAxMy44NzUzIDIuNTExMDQgMTEuNjk5OCA1LjQ3NzYzIDExLjY5OThDNi4yNjk1MyAxMS42OTk4IDYuOTc0MDMgMTEuODU2MiA3LjU4MDEgMTIuMTE1N1pNNy4zODA3OCA3LjE3NzVDNy4zODA3OCA4LjQ1Mjg2IDYuNDQwMzggOS4zNDE0MSA1LjQ4NDg3IDkuMzQxNDFDNC41MTg5NSA5LjM0MTQxIDMuNTgxNzQgOC40NDk0NyAzLjU4MTc0IDcuMTkxOTlDMy41ODE3NCA1Ljk1NzQyIDQuNTExNDkgNS4wOTMyNiA1LjQ4NDg3IDUuMDkzMjZDNi40NTYzMyA1LjA5MzI2IDcuMzgwNzggNS45MzQwMyA3LjM4MDc4IDcuMTc3NVoiCiAgICAgICAgICAgIHN0cm9rZT0iI0JGQkZCRiIgc3Ryb2tlLXdpZHRoPSIxLjI1IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgICAgICAgPHBhdGgKICAgICAgICAgICAgZD0iTTE2LjA5NTMgNi41OTczMkMxNi4wOTUzIDguMTExNDIgMTQuOTg4NiA5LjE3NDE1IDEzLjgyMjcgOS4xNzQxNUMxMi42NTUxIDkuMTc0MTUgMTEuNTUwMSA4LjEwOTQ4IDExLjU1MDEgNi42MTE4MUMxMS41NTAxIDUuMTQ5NTIgMTIuNjQ5NSA0LjEwNzQyIDEzLjgyMjcgNC4xMDc0MkMxNS4wMDE1IDQuMTA3NDIgMTYuMDk1MyA1LjEyNjQxIDE2LjA5NTMgNi41OTczMlpNMTguMzcxOSAxNS44ODJIOS4yNjYyNkM4LjcyOTkzIDE1Ljg4MiA4LjQ5ODgyIDE1Ljc5OTggOC40MTMxOCAxNS43NDMxQzguMzgzMjQgMTUuNzIzMyA4LjM3NjE3IDE1LjcxMDMgOC4zNzEzNCAxNS42OTk5QzguMzYzNiAxNS42ODMyIDguMzQ4MyAxNS42Mzg2IDguMzQ4MyAxNS41NDM2QzguMzQ4MyAxNC44NTA3IDguODAxMzQgMTMuODk5OCA5Ljc2MjM3IDEzLjA5OUMxMC43MDQ1IDEyLjMxMzkgMTIuMDg2IDExLjcyMDggMTMuODE1NSAxMS43MjA4QzE1LjU0ODggMTEuNzIwOCAxNi45MzIyIDEyLjMxNDEgMTcuODc1MSAxMy4wOTkxQzE4LjgzNjkgMTMuOSAxOS4yODk5IDE0Ljg1MDcgMTkuMjg5OSAxNS41NDM2QzE5LjI4OTkgMTUuNjM4NiAxOS4yNzQ2IDE1LjY4MzIgMTkuMjY2OCAxNS42OTk5QzE5LjI2MiAxNS43MTAzIDE5LjI1NDkgMTUuNzIzMyAxOS4yMjUgMTUuNzQzMUMxOS4xMzk0IDE1Ljc5OTggMTguOTA4MyAxNS44ODIgMTguMzcxOSAxNS44ODJaIgogICAgICAgICAgICBzdHJva2U9IiNCRkJGQkYiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogICAgPC9nPgogICAgPGRlZnM+CiAgICAgICAgPGNsaXBQYXRoIGlkPSJjbGlwMF8xMTgwXzIxMzA3Ij4KICAgICAgICAgICAgPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgogICAgICAgIDwvY2xpcFBhdGg+CiAgICA8L2RlZnM+Cjwvc3ZnPgo=);
}
.header-container .navigation-item i.home_icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTkuNzAwMiAyLjE2MzE1TDkuNzAwMjIgMi4xNjMxN0w5LjcwNDc0IDIuMTU5NTFDOS45MDU0NiAxLjk5NzEyIDEwLjE3OTcgMS45OTcxMiAxMC4zODA1IDIuMTU5NTFMMTcuNjg0MiA4LjA2ODM3QzE3LjgwNjMgOC4xNzM0NSAxNy44ODgxIDguMzQ3NTUgMTcuODg4MSA4LjUwMDM2VjE3LjQxNDNDMTcuODg4MSAxNy43MjggMTcuNjQ1NCAxNy45NjMzIDE3LjM1MjIgMTcuOTYzM0gxMy42OTc0QzEzLjQwNDIgMTcuOTYzMyAxMy4xNjE1IDE3LjcyOCAxMy4xNjE1IDE3LjQxNDNWMTIuNTAwN0MxMy4xNjE1IDExLjUxIDEyLjM3MjMgMTAuNzAxNyAxMS4zNzU1IDEwLjcwMTdIOC42NjY2OEM3LjY2OTk0IDEwLjcwMTcgNi44ODA3NCAxMS41MSA2Ljg4MDc0IDEyLjUwMDdWMTcuNDE0M0M2Ljg4MDc0IDE3LjcyOCA2LjYzOCAxNy45NjMzIDYuMzQ0ODEgMTcuOTYzM0gyLjY0NzAyQzIuMzUzODIgMTcuOTYzMyAyLjExMTA4IDE3LjcyOCAyLjExMTA4IDE3LjQxNDNWOC40NTY4OEMyLjExMTA4IDguMjU1MDkgMi4xODM0MyA4LjEyMTYyIDIuMjgyMDMgOC4wNTAzOUMyLjI4OTY5IDguMDQ0ODYgMi4yOTcyMiA4LjAzOTE2IDIuMzA0NjIgOC4wMzMyOEw5LjcwMDIgMi4xNjMxNVoiCiAgICAgICAgc3Ryb2tlPSIjQkZCRkJGIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}
.header-container .navigation-item i.notification-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDIwIDE4IiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik0xMC4wNjM4IDQuOTUxMTJDMTAuMzcyNyA0LjQzMDk3IDEwLjY2MjQgMy45Njg2MSAxMC45MzI3IDMuNDg2OTlDMTEuNTcgMi40NDY2OSAxMi40MTk3IDEuNzMzODkgMTMuNjE2OSAxLjQ2NDE4QzE0LjkxMDcgMS4xNzUyMSAxNi4wNTAxIDEuNTAyNzEgMTcuMDE1NiAyLjM2OTYzQzE4LjczNDMgMy44OTE1NSAxOS4xMDEyIDYuNDE1MjUgMTcuOTIzMiA4LjM5OTUzQzE3LjIwODcgOS41OTM5NSAxNi4zNTkgMTAuNjUzNSAxNS40NTE0IDExLjY5MzhDMTQuMDQxOCAxMy4zMTIxIDExLjA4NzIgMTUuOTg5OSAxMC4yNzYyIDE2Ljc0MTJDMTAuMTYwMyAxNi44NTY4IDkuOTY3MjEgMTYuODU2OCA5Ljg1MTM0IDE2Ljc0MTJDOC45MjQ0MyAxNS44OTM2IDUuNTI1NzUgMTIuNzE0OSA0LjE3NCAxMS4wOTY2QzMuNDc4ODEgMTAuMjY4MiAyLjgyMjI1IDkuNDAxMyAyLjI2MjI0IDguNDc2NTlDMS4xNDIyMiA2LjY0NjQzIDEuMzM1MzMgNC4zOTI0NCAyLjc0NTAxIDIuNzU0OTJDNC4yNzA1NSAwLjk4MjU1NyA2Ljg5NjgxIDAuOTA1NDk4IDguNTM4MjIgMi41ODE1NEM4LjkyNDQzIDIuOTY2ODQgOS4xOTQ3OCAzLjQyOTE5IDkuNDY1MTMgMy44OTE1NUM5LjYzODkyIDQuMjM4MzIgOS44NTEzNCA0LjU4NTA5IDEwLjA2MzggNC45NTExMloiIHN0cm9rZT0iI0JGQkZCRiIgc3Ryb2tlLXdpZHRoPSIxLjI1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPC9zdmc+Cg==);
}
.header-container .navigation-item i.menu-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgICAgZD0iTTEuNjY2NTkgNC42NjY2N0MxLjY2NjU5IDQuMTYwNDEgMi4wNzY5OSAzLjc1IDIuNTgzMjUgMy43NUgxNy40MTY2QzE3LjkyMjggMy43NSAxOC4zMzMzIDQuMTYwNDEgMTguMzMzMyA0LjY2NjY3QzE4LjMzMzMgNS4xNzI5MyAxNy45MjI4IDUuNTgzMzMgMTcuNDE2NiA1LjU4MzMzSDIuNTgzMjVDMi4wNzY5OSA1LjU4MzMzIDEuNjY2NTkgNS4xNzI5MyAxLjY2NjU5IDQuNjY2NjdaTTEuNjY2NSA5Ljk2OTRDMS42NjY1IDkuNDYzMTQgMi4wNzY5MSA5LjA1MjczIDIuNTgzMTcgOS4wNTI3M0gxNy40MTY1QzE3LjkyMjggOS4wNTI3MyAxOC4zMzMyIDkuNDYzMTQgMTguMzMzMiA5Ljk2OTRDMTguMzMzMiAxMC40NzU3IDE3LjkyMjggMTAuODg2MSAxNy40MTY1IDEwLjg4NjFIMi41ODMxN0MyLjA3NjkxIDEwLjg4NjEgMS42NjY1IDEwLjQ3NTcgMS42NjY1IDkuOTY5NFpNMi41ODMxNyAxNC4zNTU1QzIuMDc2OTEgMTQuMzU1NSAxLjY2NjUgMTQuNzY1OSAxLjY2NjUgMTUuMjcyMUMxLjY2NjUgMTUuNzc4NCAyLjA3NjkxIDE2LjE4ODggMi41ODMxNyAxNi4xODg4SDE3LjQxNjVDMTcuOTIyOCAxNi4xODg4IDE4LjMzMzIgMTUuNzc4NCAxOC4zMzMyIDE1LjI3MjFDMTguMzMzMiAxNC43NjU5IDE3LjkyMjggMTQuMzU1NSAxNy40MTY1IDE0LjM1NTVIMi41ODMxN1oiCiAgICAgICAgICBmaWxsPSIjQkZCRkJGIi8+Cjwvc3ZnPgo=);
}
.header-container .navigation-item label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  pointer-events: none;
  color: #BFBFBF;
  color: var(--white-75, #BFBFBF);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
  letter-spacing: 0.64px;
}
.header-container .navigation-item .icon {
  position: relative;
}
.header-container .navigation-item .notification-unread {
  position: absolute;
  top: 0;
  right: 0;
  height: 14px;
  line-height: 12px;
  padding: 0 3px;
  font-size: 12px;
  border-radius: 10px;
  color: #D9D9D9;
  border: 1px solid #1D2029;
  background-color: #EB5C52;
  transform: translate(50%, -50%);
  z-index: 1;
}
.header-container .navigation-item.active i.vote-icon,
.header-container .navigation-item:hover i.vote-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzMiAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI3NjVfMTA4ODg2KSI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMjc2NV8xMDg4ODYpIj4KPHJlY3QgeD0iMjAuNzE2OCIgeT0iMyIgd2lkdGg9IjYuODc2MjYiIGhlaWdodD0iMjUuNzU2NSIgcng9IjMuNDM4MTMiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yNzY1XzEwODg4NikiLz4KPC9nPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMV9kXzI3NjVfMTA4ODg2KSI+CjxyZWN0IHg9IjEyLjg1OTQiIHk9IjcuMjkyOTciIHdpZHRoPSI2Ljg3NjI2IiBoZWlnaHQ9IjIxLjQ2MzgiIHJ4PSIzLjQzODEzIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMjc2NV8xMDg4ODYpIi8+CjwvZz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjJfZF8yNzY1XzEwODg4NikiPgo8cmVjdCB4PSI1IiB5PSIxMS41ODU5IiB3aWR0aD0iNi44NzYyNiIgaGVpZ2h0PSIxNy4xNzEiIHJ4PSIzLjQzODEzIiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXJfMjc2NV8xMDg4ODYpIi8+CjwvZz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzI3NjVfMTA4ODg2IiB4PSIxNS43MTY4IiB5PSIxIiB3aWR0aD0iMTYuODc3IiBoZWlnaHQ9IjM1Ljc1NzgiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMyIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyLjUiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMDc5Njg3NSAwIDAgMCAwIDAuNDc1NTk0IDAgMCAwIDAgMC41NjI1IDAgMCAwIDAuMiAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzI3NjVfMTA4ODg2Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI3NjVfMTA4ODg2IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8ZmlsdGVyIGlkPSJmaWx0ZXIxX2RfMjc2NV8xMDg4ODYiIHg9IjcuODU5MzgiIHk9IjUuMjkyOTciIHdpZHRoPSIxNi44NzciIGhlaWdodD0iMzEuNDY0OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIzIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIuNSIvPgo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC4wNzk2ODc1IDAgMCAwIDAgMC40NzU1OTQgMCAwIDAgMCAwLjU2MjUgMCAwIDAgMC4yIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjc2NV8xMDg4ODYiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjc2NV8xMDg4ODYiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjJfZF8yNzY1XzEwODg4NiIgeD0iMCIgeT0iOS41ODU5NCIgd2lkdGg9IjE2Ljg3NyIgaGVpZ2h0PSIyNy4xNzE5IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjMiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMi41Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjA3OTY4NzUgMCAwIDAgMCAwLjQ3NTU5NCAwIDAgMCAwIDAuNTYyNSAwIDAgMCAwLjIgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yNzY1XzEwODg4NiIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18yNzY1XzEwODg4NiIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzI3NjVfMTA4ODg2IiB4MT0iMjEuMzUzNSIgeTE9IjAuNTIzNDEyIiB4Mj0iMzYuNDkiIHkyPSI1LjMxMjc3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4yMDMxMjUiIHN0b3AtY29sb3I9IiM0NEE4QUUiLz4KPHN0b3Agb2Zmc2V0PSIwLjg4NjM3NyIgc3RvcC1jb2xvcj0iIzZCQzc5RiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMjc2NV8xMDg4ODYiIHgxPSIxMy40OTYxIiB5MT0iNS4yMjkxNSIgeDI9IjI4LjA0OTgiIHkyPSIxMC43NTUxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4yMDMxMjUiIHN0b3AtY29sb3I9IiM0NEE4QUUiLz4KPHN0b3Agb2Zmc2V0PSIwLjg4NjM3NyIgc3RvcC1jb2xvcj0iIzZCQzc5RiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfMjc2NV8xMDg4ODYiIHgxPSI1LjYzNjY5IiB5MT0iOS45MzQ4OCIgeDI9IjE5LjIyNzIiIHkyPSIxNi4zODUyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4yMDMxMjUiIHN0b3AtY29sb3I9IiM0NEE4QUUiLz4KPHN0b3Agb2Zmc2V0PSIwLjg4NjM3NyIgc3RvcC1jb2xvcj0iIzZCQzc5RiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI3NjVfMTA4ODg2Ij4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjM0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
}
.header-container .navigation-item.active i.community-icon,
.header-container .navigation-item:hover i.community-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMTgwXzIxMTQ4KSI+CiAgICAgICAgPHBhdGgKICAgICAgICAgICAgZD0iTTguMjc0NTkgMTEuNzU3OUM4LjQ1MDUyIDExLjg1MzIgOC40Njg0OSAxMi4wOTI4IDguMzI2ODcgMTIuMjM0MUM3LjM5ODYyIDEzLjE2MDMgNi40MTQ3IDE0LjcxNDcgNi43NzQzMyAxNi4wMjk3QzYuODM1MjIgMTYuMjUyMyA2LjY4NTM3IDE2LjUwNzcgNi40NTQ1NiAxNi41MDc3SDEuNDQyNzVDMC41MzAwMDkgMTYuNTA3NyAwLjE2NzgxNiAxNi4xNDU1IDAuMTY3ODE2IDE1LjQ4NjNDMC4xNjc4MTYgMTMuNDg3IDIuMjEwNjEgMTEuMDc0OCA1LjQ3NzYzIDExLjA3NDhDNi41NTIzOCAxMS4wNzQ4IDcuNDk0NjUgMTEuMzM1OCA4LjI3NDU5IDExLjc1NzlaTTguMDA1NzggNy4xNzc1QzguMDA1NzggOC43NDk0NiA2LjgzMjIyIDkuOTY2NDEgNS40ODQ4NyA5Ljk2NjQxQzQuMTMwMjUgOS45NjY0MSAyLjk1Njc0IDguNzQ5NDYgMi45NTY3NCA3LjE5MTk5QzIuOTU2NzQgNS42NDE3OCA0LjEzNzQ5IDQuNDY4MjYgNS40ODQ4NyA0LjQ2ODI2QzYuODI0OTkgNC40NjgyNiA4LjAwNTc4IDUuNjEyOCA4LjAwNTc4IDcuMTc3NVoiCiAgICAgICAgICAgIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xMTgwXzIxMTQ4KSIvPgogICAgICAgIDxwYXRoCiAgICAgICAgICAgIGQ9Ik0xMy44MjI3IDkuNzk5MTVDMTUuMzgwMiA5Ljc5OTE1IDE2LjcyMDMgOC40MDgzIDE2LjcyMDMgNi41OTczMkMxNi43MjAzIDQuODA4MDYgMTUuMzcyOSAzLjQ4MjQyIDEzLjgyMjcgMy40ODI0MkMxMi4yNzI1IDMuNDgyNDIgMTAuOTI1MSA0LjgzNzA0IDEwLjkyNTEgNi42MTE4MUMxMC45MjUxIDguNDA4MyAxMi4yNjUzIDkuNzk5MTUgMTMuODIyNyA5Ljc5OTE1Wk05LjI2NjI2IDE2LjUwN0gxOC4zNzE5QzE5LjUwOTIgMTYuNTA3IDE5LjkxNDkgMTYuMTgxMSAxOS45MTQ5IDE1LjU0MzZDMTkuOTE0OSAxMy42NzQ2IDE3LjU3NTEgMTEuMDk1OCAxMy44MTU1IDExLjA5NThDMTAuMDYzMSAxMS4wOTU4IDcuNzIzMyAxMy42NzQ2IDcuNzIzMyAxNS41NDM2QzcuNzIzMyAxNi4xODExIDguMTI4OTkgMTYuNTA3IDkuMjY2MjYgMTYuNTA3WiIKICAgICAgICAgICAgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzExODBfMjExNDgpIi8+CiAgICA8L2c+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTE4MF8yMTE0OCIgeDE9IjAuOTUwMzM3IiB5MT0iMy4zMTA2MyIgeDI9IjEzLjA0NSIgeTI9IjEzLjM3MjgiCiAgICAgICAgICAgICAgICAgICAgICAgIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIwLjIwMzEyNSIgc3RvcC1jb2xvcj0iIzZCQzc5RiIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAuODg2Mzc3IiBzdG9wLWNvbG9yPSIjNDNCMjgyIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMTE4MF8yMTE0OCIgeDE9IjguODUyMTUiIHkxPSIyLjIzMDA2IiB4Mj0iMjIuMDg3MSIgeTI9IjE2LjkxMjgiCiAgICAgICAgICAgICAgICAgICAgICAgIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIwLjIwMzEyNSIgc3RvcC1jb2xvcj0iIzZCQzc5RiIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAuODg2Mzc3IiBzdG9wLWNvbG9yPSIjNDNCMjgyIi8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzExODBfMjExNDgiPgogICAgICAgICAgICA8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgIDwvZGVmcz4KPC9zdmc+Cg==);
}
.header-container .navigation-item.active i.home_icon,
.header-container .navigation-item:hover i.home_icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTkuMzExNjQgMS42NzM3NEwxLjkxNjA2IDcuNTQzODdDMS42MTUwOCA3Ljc2MTI4IDEuNDg2MDggOC4xMDkxNCAxLjQ4NjA4IDguNDU3VjE3LjQxNDRDMS40ODYwOCAxOC4wNjY2IDIuMDAyMDUgMTguNTg4NCAyLjY0NzAyIDE4LjU4ODRINi4zNDQ4MUM2Ljk4OTc3IDE4LjU4ODQgNy41MDU3NCAxOC4wNjY2IDcuNTA1NzQgMTcuNDE0NFYxMi41MDA5QzcuNTA1NzQgMTEuODQ4NiA4LjAyMTcxIDExLjMyNjggOC42NjY2OCAxMS4zMjY4SDExLjM3NTVDMTIuMDIwNSAxMS4zMjY4IDEyLjUzNjUgMTEuODQ4NiAxMi41MzY1IDEyLjUwMDlWMTcuNDE0NEMxMi41MzY1IDE4LjA2NjYgMTMuMDUyNCAxOC41ODg0IDEzLjY5NzQgMTguNTg4NEgxNy4zNTIyQzE3Ljk5NzEgMTguNTg4NCAxOC41MTMxIDE4LjA2NjYgMTguNTEzMSAxNy40MTQ0VjguNTAwNDhDMTguNTEzMSA4LjE1MjYyIDE4LjM0MTEgNy44MDQ3NiAxOC4wODMxIDcuNTg3MzVMMTAuNzczNiAxLjY3Mzc0QzEwLjM0MzYgMS4zMjU4OCA5Ljc0MTYxIDEuMzI1ODggOS4zMTE2NCAxLjY3Mzc0WiIKICAgICAgICBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjE1N18xMjc3NjM1KSIvPgogICAgPGRlZnM+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzIxNTdfMTI3NzYzNSIgeDE9IjMuMDYyNjYiIHkxPSItMC4yMzg2NTYiIHgyPSIyMC4zODQyIiB5Mj0iMjAuMTEzMSIKICAgICAgICAgICAgICAgICAgICAgICAgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAuMjAzMTI1IiBzdG9wLWNvbG9yPSIjNkJDNzlGIi8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC44ODYzNzciIHN0b3AtY29sb3I9IiM0M0IyODIiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgo8L3N2Zz4K);
}
.header-container .navigation-item.active i.notification-icon,
.header-container .navigation-item:hover i.notification-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDIwIDE4IiBmaWxsPSJub25lIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTEwLjA2NCA0Ljk1MTEyQzEwLjM3MyA0LjQzMDk3IDEwLjY2MjYgMy45Njg2MSAxMC45MzMgMy40ODY5OUMxMS41NzAyIDIuNDQ2NjkgMTIuNDE5OSAxLjczMzg5IDEzLjYxNzIgMS40NjQxOEMxNC45MTEgMS4xNzUyMSAxNi4wNTAzIDEuNTAyNzEgMTcuMDE1OSAyLjM2OTYzQzE4LjczNDUgMy44OTE1NSAxOS4xMDE0IDYuNDE1MjUgMTcuOTIzNSA4LjM5OTUzQzE3LjIwOSA5LjU5Mzk1IDE2LjM1OTMgMTAuNjUzNSAxNS40NTE3IDExLjY5MzhDMTQuMDQyIDEzLjMxMjEgMTEuMDg3NSAxNS45ODk5IDEwLjI3NjQgMTYuNzQxMkMxMC4xNjA2IDE2Ljg1NjggOS45Njc0NSAxNi44NTY4IDkuODUxNTkgMTYuNzQxMkM4LjkyNDY3IDE1Ljg5MzYgNS41MjU5OSAxMi43MTQ5IDQuMTc0MjQgMTEuMDk2NkMzLjQ3OTA2IDEwLjI2ODIgMi44MjI0OSA5LjQwMTMgMi4yNjI0OCA4LjQ3NjU5QzEuMTQyNDYgNi42NDY0MyAxLjMzNTU3IDQuMzkyNDQgMi43NDUyNSAyLjc1NDkyQzQuMjcwOCAwLjk4MjU1NyA2Ljg5NzA1IDAuOTA1NDk4IDguNTM4NDYgMi41ODE1NEM4LjkyNDY3IDIuOTY2ODQgOS4xOTUwMiAzLjQyOTE5IDkuNDY1MzcgMy44OTE1NUM5LjYzOTE3IDQuMjM4MzIgOS44NTE1OSA0LjU4NTA5IDEwLjA2NCA0Ljk1MTEyWiIKICAgICAgICBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjE1OF8xNjc3MSkiIHN0cm9rZT0idXJsKCNwYWludDFfbGluZWFyXzIxNThfMTY3NzEpIiBzdHJva2Utd2lkdGg9IjAuODMzMzMzIgogICAgICAgIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjE1OF8xNjc3MSIgeDE9IjMuMTE4ODciIHkxPSItMC4xMjU1NzUiIHgyPSIxOC4zNjY3IiB5Mj0iMTkuODE5NSIKICAgICAgICAgICAgICAgICAgICAgICAgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAuMjAzMTI1IiBzdG9wLWNvbG9yPSIjNkJDNzlGIi8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC44ODYzNzciIHN0b3AtY29sb3I9IiM0M0IyODIiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl8yMTU4XzE2NzcxIiB4MT0iMy4xMTg4NyIgeTE9Ii0wLjEyNTU3NSIgeDI9IjE4LjM2NjciIHkyPSIxOS44MTk1IgogICAgICAgICAgICAgICAgICAgICAgICBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC4yMDMxMjUiIHN0b3AtY29sb3I9IiM2QkM3OUYiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIwLjg4NjM3NyIgc3RvcC1jb2xvcj0iIzQzQjI4MiIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+Cjwvc3ZnPgo=);
}
.header-container .navigation-item.active i.menu-icon,
.header-container .navigation-item:hover i.menu-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgICAgZD0iTTEuNjY2NSA0LjY2NjY3QzEuNjY2NSA0LjE2MDQxIDIuMDc2OTEgMy43NSAyLjU4MzE3IDMuNzVIMTcuNDE2NUMxNy45MjI4IDMuNzUgMTguMzMzMiA0LjE2MDQxIDE4LjMzMzIgNC42NjY2N0MxOC4zMzMyIDUuMTcyOTMgMTcuOTIyOCA1LjU4MzMzIDE3LjQxNjUgNS41ODMzM0gyLjU4MzE3QzIuMDc2OTEgNS41ODMzMyAxLjY2NjUgNS4xNzI5MyAxLjY2NjUgNC42NjY2N1pNMS42NjY1MyA5Ljk2OTRDMS42NjY1MyA5LjQ2MzE0IDIuMDc2OTQgOS4wNTI3MyAyLjU4MzIgOS4wNTI3M0gxNy40MTY1QzE3LjkyMjggOS4wNTI3MyAxOC4zMzMyIDkuNDYzMTQgMTguMzMzMiA5Ljk2OTRDMTguMzMzMiAxMC40NzU3IDE3LjkyMjggMTAuODg2MSAxNy40MTY1IDEwLjg4NjFIMi41ODMyQzIuMDc2OTMgMTAuODg2MSAxLjY2NjUzIDEwLjQ3NTcgMS42NjY1MyA5Ljk2OTRaTTIuNTgzMiAxNC4zNTU1QzIuMDc2OTQgMTQuMzU1NSAxLjY2NjUzIDE0Ljc2NTkgMS42NjY1MyAxNS4yNzIxQzEuNjY2NTMgMTUuNzc4NCAyLjA3NjkzIDE2LjE4ODggMi41ODMyIDE2LjE4ODhIMTcuNDE2NUMxNy45MjI4IDE2LjE4ODggMTguMzMzMiAxNS43Nzg0IDE4LjMzMzIgMTUuMjcyMUMxOC4zMzMyIDE0Ljc2NTkgMTcuOTIyOCAxNC4zNTU1IDE3LjQxNjUgMTQuMzU1NUgyLjU4MzJaIgogICAgICAgICAgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzIxNTdfMTI3Nzc1MCkiLz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8yMTU3XzEyNzc3NTAiIHgxPSIzLjIwOTcxIiB5MT0iMi41NTM5NiIgeDI9IjE0LjY3IiB5Mj0iMjAuNzUzMSIKICAgICAgICAgICAgICAgICAgICAgICAgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAuMjAzMTI1IiBzdG9wLWNvbG9yPSIjNkJDNzlGIi8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC44ODYzNzciIHN0b3AtY29sb3I9IiM0M0IyODIiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgo8L3N2Zz4K);
}
.header-container .navigation-item.active:after,
.header-container .navigation-item:hover:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background-color: #6BC79F;
}
.header-container .navigation-item.active label,
.header-container .navigation-item:hover label {
  color: #6BC79F;
}
.header-container .lang-btn {
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 14px 0 14px 16px;
  display: flex;
  margin: auto 0;
  align-self: center;
}
.header-container .lang-btn .wrapper {
  display: flex;
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
  margin: 0;
  padding: 0;
  height: 24px;
}
.header-container .lang-btn .wrapper label {
  color: #BFBFBF;
  color: var(--white-75, #BFBFBF);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.header-container .user-avatar {
  font-size: 18px;
  color: white;
  margin-left: 24px;
  white-space: nowrap;
}
.header-container .user-avatar svg {
  display: inline-block;
  font-size: 25px;
  vertical-align: middle;
}
.header-container .user-avatar .avatar {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
.header-container .user-avatar svg.arrow {
  font-size: 12px;
  margin-left: 4px;
}
.header-container .user-avatar label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  color: #6BC79F;
  font-weight: 500;
}
.header-container .login-btn {
  margin: auto 0 auto 12px;
  padding: 9px 10px;
  border-radius: 20px;
  display: flex;
  flex-shrink: 0;
  align-self: stretch;
  height: 32px;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid #6BC79F;
  border: 1px solid var(--content-accent, #6BC79F);
  color: #6BC79F;
  color: var(--content-accent, #6BC79F);
  font-size: 14px;
  line-height: 26px;
  font-style: normal;
  font-weight: 400;
}
.header-container .login-btn:hover {
  background-color: rgba(107, 199, 159, 0.2);
}
.header-container .get-app-btn {
  flex-shrink: 0;
  margin-left: 12px;
  width: 65px;
  height: 30px;
  padding: 0;
  line-height: 26px;
  font-weight: 400;
  font-size: 12px;
  border: 1.5px solid #F0F0F0;
  border-radius: 20px;
  color: #F0F0F0;
}
.header-container .ad-free-btn {
  line-height: 26px;
  font-weight: 400;
  height: 26px;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 0 10px;
  margin: auto 0 auto 12px;
  align-self: stretch;
  background: #FFFFFF;
  background: var(--PDBWeb-BG-8, #FFFFFF);
  border-radius: 13px;
  color: #000000;
}
.header-container .header_get_app {
  line-height: 26px;
  font-weight: 400;
  font-size: 12px;
  flex-shrink: 0;
  margin: auto 0 auto 12px;
  align-self: stretch;
  color: #000000;
  display: flex;
  height: 32px;
  padding: 9px 10px;
  justify-content: center;
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
  border-radius: 20px;
  background-color: #6BC79F;
  background-color: var(--content-accent, #6BC79F);
}
.header-container .header_get_app span {
  color: #000000;
}
.header-container .header_get_app_login {
  line-height: 26px;
  font-weight: 400;
  font-size: 12px;
  flex-shrink: 0;
  margin: auto 0 auto 12px;
  align-self: stretch;
  color: #6BC79F;
  color: var(--content-accent, #6BC79F);
  border: 1px solid #6BC79F;
  border: 1px solid var(--content-accent, #6BC79F);
  display: flex;
  height: 32px;
  padding: 9px 10px;
  justify-content: center;
  align-items: center;
  grid-gap: 4px;
  gap: 4px;
  border-radius: 20px;
  background-color: transparent;
}
.header-container .header_get_app_login span {
  color: #6BC79F;
  color: var(--content-accent, #6BC79F);
}
.header-container .header_get_app_login svg path {
  fill: #6BC79F;
  fill: var(--content-accent, #6BC79F);
}
.header-container .fake-lang-btn {
  line-height: 26px;
  font-weight: 400;
  height: 26px;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 0 10px;
  margin: auto 0 auto 12px;
  align-self: stretch;
  background: #FFFFFF;
  background: var(--PDBWeb-BG-8, #FFFFFF);
  border-radius: 13px;
  color: #000000;
  display: flex;
}
.header-container .fake-lang-btn svg {
  margin: auto 0;
}
.header-container .progress {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  transform: translateY(50%);
}
.language-popup {
  background: #15171F;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
  border-radius: 17px;
  margin-top: 16px;
  padding: 16px 8px;
}
.language-popup .lang-item {
  position: relative;
  display: block;
  white-space: nowrap;
  cursor: pointer;
}
.language-popup .lang-item .text {
  display: inline-block;
  color: var(--white-55);
  font-size: 16px;
  line-height: 20px;
  padding: 8px 16px;
  vertical-align: middle;
  pointer-events: none;
}
.language-popup .lang-item .text.active {
  color: var(--pdb-bg-color-8);
}
.language-popup .lang-item.active {
  background: var(--pdb-bg-color-4);
  border-radius: 15px;
}
.language-popup .lang-item:hover {
  background-color: var(--pdb-bg-color-3);
  border-radius: 15px;
}
.user-operator {
  background: #07080D;
  border: 2px solid #112C20;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
  border-radius: 17px;
}
.user-operator .user-operator-item {
  position: relative;
  display: block;
  padding: 8px 19px;
  white-space: nowrap;
  cursor: pointer;
}
.user-operator .user-operator-item svg {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
}
.user-operator .user-operator-item label {
  display: inline-block;
  color: #8c8c8c;
  font-size: 16px;
  margin-left: 9px;
  line-height: 20px;
  vertical-align: middle;
  pointer-events: none;
}
.user-operator .user-operator-item.logout::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 143px;
  height: 0.5px;
  transform: translateX(-50%);
  background-color: #1D2029;
}
.user-operator .user-operator-item:hover {
  background-color: #112C20;
  border-radius: 15px;
}
.user-operator .user-operator-item:hover label {
  color: #90D5B7;
}
.user-operator .user-operator-item:hover svg {
  fill: #90D5B7;
}
.user-operator .user-operator-item:hover svg path {
  stroke: #90D5B7 !important;
}
.user-operator .user-operator-item:hover svg.help-icon g path {
  stroke: transparent !important;
  fill: #07080D;
}
.user-operator .user-operator-item:hover svg.logout-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Crect x='1' y='1' width='9' height='14' rx='1.63' fill='%236BC79F'/%3E%3Cpath d='M5 7.5A1.5 1.5 0 0 1 6.5 6H10v3H6.5A1.5 1.5 0 0 1 5 7.5z' fill='%2307080D'/%3E%3Cpath d='M12.063 4l1.148 1.149 1.15 1.15a1.625 1.625 0 0 1 0 2.297l-1.15 1.15-1.149 1.148M14.192 7.596H6' stroke='%236BC79F' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.user-operator .user-operator-item:hover svg.logout-icon * {
  display: none;
}
.user-operator .user-operator-item:hover svg.login-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='1' width='9' height='14' rx='1.63' fill='%236BC79F'/%3E%3Cpath d='M6 3.5h4.37c.9 0 1.63.73 1.63 1.63v5.74c0 .9-.73 1.63-1.63 1.63H6v-9z' fill='%232A6F51'/%3E%3Cpath d='M7.063 4.508l1.149 1.149L9.36 6.806a1.625 1.625 0 0 1 0 2.298l-1.15 1.15-1.149 1.148M9.192 8.104H1' stroke='%236BC79F' stroke-linecap='round'/%3E%3C/svg%3E");
}
.user-operator .user-operator-item:hover svg.login-icon * {
  display: none;
}
.settings {
  width: 100vw;
  max-height: calc(100vh - 250px);
  padding: 16px;
  background-color: #07080D;
  border-radius: 0 0 16px 16px;
  overflow-y: auto;
}
.settings .userinfo {
  display: block;
  background-color: #15171F;
  padding: 12px;
  border-radius: 8px;
}
.settings .userinfo .avatar {
  display: inline-block;
  width: 54px;
  height: 54px;
  vertical-align: middle;
}
.settings .userinfo .user-name {
  margin-left: 12px;
  display: inline-block;
  vertical-align: middle;
}
.settings .userinfo .user-name svg {
  font-size: 21px;
  margin-right: 16px;
  transform: translateY(3px);
}
.settings .userinfo .user-name label {
  font-size: 18px;
  color: #F0F0F0;
}
.settings .userinfo .user-name label:after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 14px;
  transform: translate(12px, 2px);
  background: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.293.293a1 1 0 0 0 0 1.414L5.586 7 .293 12.293a1 1 0 1 0 1.414 1.414l6-6a1 1 0 0 0 0-1.414l-6-6a1 1 0 0 0-1.414 0z' fill='%23F0F0F0'/%3E%3C/svg%3E");
}
.settings .user-extra {
  display: flex;
  margin-bottom: 16px;
}
.settings .user-extra .user-extra-item {
  flex: 1 1;
  padding: 12px;
  background-color: #15171F;
  border-radius: 8px;
  color: #D9D9D9;
  font-size: 16px;
}
.settings .user-extra .user-extra-item svg {
  display: inline-block;
  font-size: 24px;
  margin-right: 8px;
  vertical-align: middle;
}
.settings .user-extra .user-extra-item:not(:first-child) {
  margin-left: 25px;
}
.settings .cell {
  padding: 16px 0;
  border-top: 1px solid #112C20;
}
.settings .cell .cell-item {
  position: relative;
  display: flex;
  color: #D9D9D9;
  align-items: center;
  font-size: 16px;
  padding: 12px;
  background-color: #15171F;
}
.settings .cell .cell-item svg {
  margin-right: 12px;
}
.settings .cell .cell-item:not(.not-right-arrow):after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 8px;
  height: 14px;
  transform: translate(0, -50%);
  background: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.293.293a1 1 0 0 0 0 1.414L5.586 7 .293 12.293a1 1 0 1 0 1.414 1.414l6-6a1 1 0 0 0 0-1.414l-6-6a1 1 0 0 0-1.414 0z' fill='%23F0F0F0'/%3E%3C/svg%3E");
}
.settings .cell .cell-item .notification-unread {
  display: inline-block;
  margin-left: 5px;
  padding: 0 3px;
  font-size: 12px;
  border-radius: 10px;
  color: #D9D9D9;
  border: 1px solid #1D2029;
  background-color: #EB5C52;
  transform: translateY(-2px);
}
.settings .cell .cell-item:first-child {
  border-radius: 8px 8px 0 0;
}
.settings .cell .cell-item:last-child {
  border-radius: 0 0 8px 8px;
}
.settings .cell .cell-item:first-child:last-child {
  border-radius: 8px;
}
.settings .cell .cell-item-title {
  display: block;
  color: #D9D9D9;
  font-size: 16px;
  padding: 8px 12px;
  background-color: #15171F;
}
.settings .cell .cell-item1 {
  position: relative;
  display: block;
  color: #8C8C8C;
  font-size: 14px;
  padding: 6px 12px;
  background-color: #15171F;
}
.settings .cell:nth-last-child(2) {
  border-bottom: 1px solid #112C20;
}
.settings .logout-btn {
  margin-top: 16px;
  text-align: center;
  padding: 14px 12px;
  font-size: 16px;
  color: #8C8C8C;
  background-color: #15171F;
  border-radius: 8px;
}
.settings .logout-btn label {
  display: inline-block;
  vertical-align: middle;
}
.settings .logout-btn svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  transform: translateY(2px);
}
.lh-trigger-mask {
  position: fixed;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(55, 55, 55, 0.6);
}
.lh-trigger {
  position: absolute;
  z-index: 999;
}
.lh-trigger-hidden {
  display: none;
}
.personality-page-prompt {
  padding-bottom: 32px;
}
.personality-page-prompt label {
  overflow: hidden;
}
.personality-page-prompt span {
  display: block;
  float: right;
  margin-top: 4px;
  width: 108px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  border-radius: 32px;
  color: #F0F0F0;
  background-color: #328561;
}
.search-bar-dropdown {
  background: #262626;
  border: none;
  padding: 36px 16px 16px;
  border-radius: 0 0 20px 20px;
  z-index: -1;
}
.search-bar-dropdown .search-list {
  max-height: 400px;
  overflow-y: auto;
  text-align: left;
}
.search-bar-dropdown .search-list .subcategory-card,
.search-bar-dropdown .search-list .profile-card,
.search-bar-dropdown .search-list .profile-card .type {
  background-color: transparent;
}
.search-bar-dropdown .search-list .profile-card .type {
  height: 62px;
}
.search-bar-dropdown .search-list .subcategory-card,
.search-bar-dropdown .search-list .profile-card {
  padding: 8px 12px;
  border-radius: 0;
  border-bottom: 1px solid #434343;
}
.search-bar-dropdown .search-list .subcategory-card .lazyload-wrapper,
.search-bar-dropdown .search-list .profile-card .lazyload-wrapper,
.search-bar-dropdown .search-list .subcategory-card .avatar,
.search-bar-dropdown .search-list .profile-card .avatar {
  width: 46px;
  height: 69px;
  margin: 0;
}
.search-bar-dropdown .search-list .subcategory-card:after,
.search-bar-dropdown .search-list .profile-card:after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17l5-5M15 12l-5-5' stroke='%238C8C8C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.search-bar-dropdown .search-list li {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  color: #BFBFBF;
  padding: 16px;
  border-bottom: 1px solid #434343;
  white-space: nowrap;
  cursor: pointer;
}
.search-bar-dropdown .search-list li svg {
  flex-shrink: 0;
  margin-right: 8px;
}
.search-bar-dropdown .search-list li label {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-bar-dropdown .search-content-item {
  text-align: left;
}
.search-bar-dropdown .search-content-item .title {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #E1F4EC;
}
.search-bar-dropdown .search-content-item .title .clear-btn {
  float: right;
  margin-top: 3px;
  cursor: pointer;
}
.search-bar-dropdown .search-content-item ul {
  margin-top: 8px;
}
.search-bar-dropdown .search-content-item ul a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-bottom: 8px;
}
.search-bar-dropdown .search-content-item ul li {
  display: inline-block;
  padding: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #BFBFBF;
  background: #434343;
  border-radius: 99px;
  cursor: pointer;
}
.search-bar-dropdown .search-content-item:not(:first-child) {
  margin-top: 16px;
}
@media (max-width: 1024px) {
  .header-container .user-avatar label {
    display: none;
  }
}
@media (max-width: 768px) {
  .header-container .logo {
    flex-basis: 61px;
    margin-right: 12px;
  }
  .header-container .search-bar {
    display: none;
    margin-left: 14px;
  }
  .header-container .search-bar-mobile {
    display: block;
  }
  .header-container .navigation-item {
    margin-left: 16px;
  }
  .header-container .navigation-item.mobile-user-area {
    position: relative;
    display: inline-block;
  }
  .header-container .navigation-item label,
  .header-container .user-avatar {
    display: none;
  }
  .header-container .login-btn {
    padding: 9px 10px;
    margin-left: 14px;
    font-size: 12px;
    background-color: transparent;
    border: 1px solid #6BC79F;
    border: 1px solid var(--content-accent, #6BC79F);
  }
  .header-container .login-btn > svg {
    font-size: 14px;
  }
}

.drawer-content-wrapper {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
  background-color: var(--pdb-bg-color-2);
}
.lang-drawer-container {
  padding: 0 16px;
}
.lang-drawer-container .drawer-operation {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lang-drawer-container .drawer-operation label {
  font-size: 16px;
  color: var(--white-75);
}
.lang-drawer-container .drawer-operation .drawer-btn {
  padding: 12px 10px;
  color: var(--white-75);
  font-size: 16px;
}
.lang-drawer-container .drawer-operation .drawer-btn.done {
  color: var(--white-75);
  min-width: 20px;
}
.lang-drawer-container .drawer-list {
  position: relative;
  height: 374px;
  margin-bottom: 0;
  overflow: auto;
}
.lang-drawer-container .drawer-list li {
  color: var(--white-55);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding: 7px 16px;
  border-radius: 16px;
  line-height: 130%;
  /* 18.2px */
  letter-spacing: 0.56px;
}
.lang-drawer-container .drawer-list li.active {
  background-color: var(--pdb-bg-color-4);
  color: var(--pdb-bg-color-8);
}

.ad-free-by-app {
  margin-top: 32px;
  background: linear-gradient(99deg, rgba(186, 163, 247, 0.1) 0%, rgba(163, 149, 237, 0.1) 100%);
  padding: 16px 20px;
  border-radius: 16px;
}
.ad-free-by-app .content {
  display: flex;
  grid-gap: 8px;
  gap: 8px;
}
.ad-free-by-app .content .text .title {
  padding: 0;
  margin: 0;
  display: block;
  color: #F0F0F0;
  color: var(--white-94, #F0F0F0);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.ad-free-by-app .content .text .subtitle {
  padding: 0;
  margin: 4px 0 0 0;
  display: block;
  color: #F0F0F0;
  color: var(--white-94, #F0F0F0);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.55;
}
.ad-free-by-app .action {
  display: block;
  width: 100%;
  text-align: center;
  padding: 8px 10px;
  margin-top: 16px;
  border-radius: 99px;
  background: rgba(163, 149, 237, 0.1);
  color: #A395ED;
  color: var(--PDBWeb-premium, #A395ED);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .ad-free-by-app {
    margin-top: 16px;
  }
}

.footer .content {
  text-align: center;
  margin-top: 40px;
  padding-bottom: 15px;
  background: #1D2029;
  background: var(--pdb-bg-color-3, #1D2029);
}
.footer .content .breadcrumb {
  margin-bottom: 16px;
}
.footer .content .breadcrumb .breadcrumb-item {
  display: inline-block;
  font-size: 14px;
  color: #8C8C8C;
  vertical-align: middle;
}
.footer .content .breadcrumb .breadcrumb-item:last-child {
  color: #D9D9D9;
}
.footer .content .breadcrumb .breadcrumb-item:not(:last-child):hover {
  color: #D9D9D9;
  background-color: #1D2029;
}
.footer .content .breadcrumb .breadcrumb-delimiter {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  color: #8C8C8C;
}
.footer .content .app-download {
  display: flex;
  margin-bottom: 16px;
  justify-content: center;
}
.footer .content .app-download a {
  width: 137px;
  height: 38px;
}
.footer .content .app-download a img {
  width: 100%;
}
.footer .content .app-download a:not(:first-child) {
  margin-left: 13px;
}
.footer .content #pmLink {
  visibility: hidden;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  border: none;
}
.footer .content #pmLink:hover {
  visibility: visible;
  color: #595959;
}
.footer .content .item {
  position: relative;
  display: inline-block;
  color: #328561;
  font-size: 14px;
  cursor: pointer;
  padding: 0 12px;
}
.footer .content .item:not(:first-child):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 12px;
  transform: translateY(-50%);
  background-color: #595959;
}
.footer .content .copyright {
  color: #8C8C8C;
  font-size: 14px;
  cursor: default;
}
.footer .content .copyright.item:before {
  content: none;
}
.footer .content .platforms {
  margin-top: 22px;
}
.footer .content .platforms a:not(:first-child) {
  margin-left: 38px;
}
.footer .content .platforms svg {
  font-size: 30px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .footer .content .copyright {
    display: block;
  }
  .footer .content .breadcrumb {
    margin-bottom: 12px;
  }
  .footer .content .new-line .item:not(.copyright):last-child:before {
    display: none;
  }
}

.links {
  display: flex;
  align-content: center;
  align-items: center;
  width: 100%;
}
.links .content {
  margin: 0 auto;
  display: flex;
  padding: 56px 32px 0 32px;
  grid-gap: 16px;
  gap: 16px;
}
.links .content .section {
  padding-bottom: 48px;
  min-width: 180px;
  flex-basis: calc((100% - 48px) / 3);
  width: calc((100% - 48px) / 3);
}
.links .content .section .title {
  -webkit-line-clamp: 1;
  text-align: left;
  display: block;
  color: #6BC79F;
  color: var(--pdb-bg-color-8, #6BC79F);
  font-family: "SF Pro Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.links .content .section .link {
  text-align: left;
  align-self: self-start;
  display: block;
  padding: 8px 0;
  color: #8C8C8C;
  color: var(--white-55, #8C8C8C);
  font-family: "SF Pro Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 767px) {
  .links {
    display: block;
  }
  .links .content {
    margin: 0 0;
    display: block;
  }
}
@media (min-width: 1024px) {
  .links .content .section {
    min-width: 234px;
  }
}

.layout {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  height: 100%;
}
.layout-header {
  width: 100%;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background-color: #1D2029;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  perspective: 1000;
  z-index: 999;
}
.page-promotion {
  position: fixed;
  top: 58px;
  right: 0;
  display: none;
}
section.page-area {
  width: 100%;
}
section.page-area .page-placeholder {
  min-height: calc(100vh - 225px);
}
section.page-area .page-side {
  position: -webkit-sticky;
  position: sticky;
  top: 58px;
}
section.page-area .page-side .side {
  max-height: calc(100vh - 82px);
  overflow: auto;
}
section.page-area .page-side .app-link {
  margin-top: 24px;
}
.page-area main {
  max-width: 1032px;
  padding-top: 20px;
  margin: 0 auto !important;
}
.page-area main > .rc-row {
  margin-left: 0 !important;
  flex-wrap: nowrap;
}
.page-area main > .rc-row > .rc-col:first-child {
  min-width: 260px;
}
.page-area main > .rc-row > .rc-col:last-child {
  max-width: calc(100% - 260px);
}
.page-area main > .rc-row > .rc-col:last-child > * {
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: calc(1032px + 320px)) {
  .page-promotion {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .layout,
  .layout-header,
  .page-area main {
    width: 100%;
    min-width: 100%;
  }
  .layout-header {
    height: 48px;
    line-height: 48px;
  }
  .page-area main {
    padding-top: 0;
  }
  .page-area main > .rc-row {
    margin-left: 0 !important;
    flex-wrap: nowrap;
  }
  .page-area main > .rc-row > .rc-col:first-child {
    min-width: none;
  }
  .page-area main > .rc-row > .rc-col:last-child {
    max-width: 100%;
  }
}

.promotion-app {
  margin-top: 16px;
  margin-right: 12px;
  width: 160px;
  display: flex;
  align-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.promotion-app .title-row {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-content: center;
  grid-gap: 1px;
  gap: 1px;
  align-items: center;
  justify-content: center;
}
.promotion-app .title-row img {
  width: 14px;
  height: 14px;
  object-fit: cover;
}
.promotion-app .title-row .title {
  color: rgba(255, 255, 255, 0.95);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.promotion-app .title-row .title_gradient {
  color: rgba(255, 255, 255, 0.95);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: linear-gradient(90deg, #EDAED9 -6.5%, #A798EF 111.05%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.promotion-app .desc {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.55);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  align-self: stretch;
}
.promotion-app .desc_active {
  color: rgba(255, 255, 255, 0.95);
  text-align: center;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  align-self: stretch;
  font-size: 16px;
  letter-spacing: -0.08px;
}
.promotion-app .qrcode-wrapper {
  margin-top: 12px;
  display: flex;
  width: 88px;
  height: 88px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.promotion-app .qrcode-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.promotion-app .qrcode-wrapper-active {
  margin-top: 12px;
  display: flex;
  width: 132px;
  height: 132px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  border-radius: 16px;
  border: 1.5px solid #EDAED9;
  background: rgba(255, 255, 255, 0);
  box-shadow: 0 0 15px 0 rgba(188, 174, 255, 0.5);
}
.promotion-app .qrcode-wrapper-active img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.promotion-app .app-download {
  padding-left: 4px;
  padding-right: 4px;
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  grid-gap: 4px;
  gap: 4px;
  align-items: center;
}
.promotion-app .app-download a {
  flex: 1 1;
  /* 使每个a标签平分宽度 */
  margin: 0 0;
  /* 可选：添加一些间距 */
  text-align: center;
  /* 确保图片居中 */
}
.promotion-app .app-download a img {
  max-width: 100%;
  /* 图片根据宽度缩放 */
  height: auto;
  /* 保持图片宽高比 */
}

.test-a-root {
  width: 140px;
}
.test-a-root .title {
  color: rgba(255, 255, 255, 0.95);
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0;
  margin: 0 auto;
}
.test-a-root .moon_cat {
  width: 140px;
  height: 140px;
  margin: 0 auto;
}
.test-a-root .download_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.test-a-root .download_row .deco_left {
  width: 17px;
  height: 29px;
}
.test-a-root .download_row .download_center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.test-a-root .download_row .download_center label {
  display: block;
  color: #FDE8B6;
  font-family: "SF Pro Display";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.96px;
  padding: 0;
  margin: 0;
}
.test-a-root .download_row .download_center .app-download {
  margin: 0;
}
.test-a-root .download_row .deco_right {
  width: 17px;
  height: 29px;
  transform: scaleX(-1);
}
.test-a-root .download_btn {
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 4px 12px;
  grid-gap: 2px;
  gap: 2px;
  border-radius: 15px;
  background: #FDE8B6;
}
.test-a-root .download_btn label {
  color: #000;
  font-family: "SF Pro Display";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.test-c-root {
  width: 140px;
}
.test-c-root .title {
  color: rgba(255, 255, 255, 0.95);
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0;
  margin: 0 auto;
}
.test-c-root .moon_cat {
  width: 140px;
  height: 140px;
  margin: 0 auto;
}
.test-c-root .download_row {
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.test-c-root .download_row .deco_left {
  width: 17px;
  height: 29px;
}
.test-c-root .download_row .download_center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.test-c-root .download_row .download_center label {
  display: block;
  color: rgba(255, 255, 255, 0.95);
  font-family: "SF Pro Display";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  line-height: normal;
  letter-spacing: 0.96px;
  padding: 0;
  margin: 0;
}
.test-c-root .download_row .deco_right {
  width: 17px;
  height: 29px;
  transform: scaleX(-1);
}
.test-c-root .download_btn {
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 4px 12px;
  grid-gap: 2px;
  gap: 2px;
  border-radius: 15px;
  background: #FDE8B6;
}
.test-c-root .download_btn label {
  color: #000;
  font-family: "SF Pro Display";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.test-c-root .bottom_text {
  color: #6BC79F;
  color: var(--content-accent, #6BC79F);
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
}

.test-d-root {
  width: 140px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 16px;
  background-size: cover;
  background-clip: border-box;
  background-image: url("/img/promotion_app_portrail_bg.png");
}
.test-d-root .title {
  color: rgba(255, 255, 255, 0.95);
  text-align: center;
  font-family: "SF Pro Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
}
.test-d-root .download_row {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.test-d-root .download_row .deco_left {
  width: 17px;
  height: 29px;
}
.test-d-root .download_row .download_center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.test-d-root .download_row .download_center label {
  display: block;
  color: rgba(255, 255, 255, 0.95);
  font-family: "SF Pro Display";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  line-height: normal;
  letter-spacing: 0.96px;
  padding: 0;
  margin: 0;
}
.test-d-root .download_row .deco_right {
  width: 17px;
  height: 29px;
  transform: scaleX(-1);
}
.test-d-root .app-download {
  margin-top: 24px;
}
.test-d-root .download_btn {
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 4px 12px;
  grid-gap: 2px;
  gap: 2px;
  border-radius: 15px;
  background: #FDE8B6;
}
.test-d-root .download_btn label {
  color: #000;
  font-family: "SF Pro Display";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.test-d-root .bottom_space {
  display: block;
  height: 113px;
}

.top-story-page .left-side .left-side-list {
  border: 1px solid #112C20;
  border-radius: 20px;
}
.top-story-page .left-side .left-side-item {
  padding: 10px 30px;
}
.top-story-page .left-side .left-side-item a {
  display: block;
  color: #BFBFBF;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.top-story-page .left-side .left-side-item img {
  width: 18px;
  margin-right: 8px;
}
.top-story-page .left-side .left-side-item.active,
.top-story-page .left-side .left-side-item:hover {
  background-color: #1D2029;
  border-radius: 20px;
}
.top-story-page .left-side .left-side-item.active a,
.top-story-page .left-side .left-side-item:hover a {
  color: #A6DDC5;
}
.top-story-page .story-area .story-area-title {
  margin-bottom: 16px;
  padding: 6px 12px;
}
.top-story-page .story-area .story-area-title h2 {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #E1F4EC;
}
.top-story-page .story-area .story-area-title .stories-count {
  margin-left: 4px;
  padding: 2px 8px;
  color: #8C8C8C;
  background-color: #1F1F1F;
  border-radius: 40px;
}
.top-story-page .story-area .subcategory-card {
  display: inline-flex;
  width: calc(50% - 16px);
  margin-right: 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .top-story-page .left-side {
    height: 100%;
    overflow-y: auto;
    background-color: #15171F;
  }
  .top-story-page .left-side .left-side-list {
    border-radius: 0;
    border: none;
  }
  .top-story-page .left-side .left-side-item {
    padding: 9px 8px;
  }
  .top-story-page .left-side .left-side-item a {
    font-size: 14px;
  }
  .top-story-page .left-side .left-side-item:hover {
    border-radius: 0;
    background-color: transparent;
  }
  .top-story-page .left-side .left-side-item:hover a {
    color: #BFBFBF;
  }
  .top-story-page .left-side .left-side-item.active {
    border-radius: 0;
    background-color: #1D2029;
  }
  .top-story-page .left-side .left-side-item.active a {
    color: #A6DDC5;
  }
  .top-story-page .story-area .story-area-title {
    margin-bottom: 8px;
  }
  .top-story-page .story-area .subcategory-card {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    background-color: transparent;
  }
  .top-story-page .story-area .subcategory-card:nth-child(2n) {
    margin-left: 0;
  }
}

.join-board-container {
  position: relative;
  padding: 24px 16px;
}
.join-board-container .content {
  max-height: 350px;
  overflow-y: auto;
}
.join-board-container .content .title {
  font-weight: 350;
  font-size: 14px;
  line-height: 150%;
  color: #D9D9D9;
}
.join-board-container .content .info {
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.join-board-container .content .info .avatar {
  width: 40px;
  height: 40px;
  border-radius: 4px;
}
.join-board-container .content .info .avatar img {
  border-radius: 4px;
}
.join-board-container .content .info label {
  margin-left: 12px;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.join-board-container .content .dividing-line {
  display: block;
  margin: 24px 0;
  width: 100%;
  height: 1px;
  background-color: #1D2029;
}
.join-board-container .content .r-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: var(--white-55);
}
.join-board-container .content .description p {
  margin-top: 8px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #BFBFBF;
  white-space: pre-line;
}
.join-board-container .content .rules {
  margin-top: 24px;
}
.join-board-container .content .rules ul {
  list-style: disc;
  margin: 0 16px;
}
.join-board-container .content .rules ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #E1F4EC;
  margin-top: 8px;
  word-break: break-word;
  overflow-wrap: break-word;
}
.join-board-container .bottom {
  width: 100%;
  padding: 0 16px;
  background-color: #07080D;
}
.join-board-container .bottom .rc-textarea {
  padding: 12px;
  width: 100%;
  margin-top: 16px;
  background-color: #15171F;
}
.join-board-container .bottom .btns {
  display: flex;
  padding: 16px 0;
  justify-content: space-between;
}
.join-board-container .bottom .btns .cancel {
  padding: 0;
  width: 94px;
  height: 34px;
  line-height: 34px;
  border: 1px solid var(--white-55);
  color: var(--white-55);
  background-color: transparent;
}
.join-board-container .bottom .btns .apply {
  flex: 1 1;
  margin-left: 12px;
}
.join-btn {
  line-height: 26px;
  font-size: 12px;
  padding: 3px 12px;
  background-color: #6BC79F;
  border-radius: 99px;
  text-align: center;
  cursor: pointer;
}
.join-btn label {
  pointer-events: none;
  color: #112C20;
}
.join-btn svg {
  font-size: 16px;
  pointer-events: none;
  margin-right: 4px;
}
.join-btn svg path {
  stroke: #112C20;
}
.join-btn.joined {
  padding: 5px 16px;
  font-size: 12px;
  line-height: 150%;
  margin-left: 8px;
  border-radius: 99px;
  text-align: center;
  border: 1px solid var(--white-55);
  color: var(--white-55);
  background-color: transparent;
  cursor: pointer;
}
.join-btn.joined label {
  color: var(--white-55);
}
.join-btn.joined svg {
  display: none;
}
.join-btn.joined svg path {
  stroke: var(--white-55);
}
@media screen and (min-width: 768px) {
  .join-board-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .join-board-container .content {
    flex: 1 1;
    height: auto;
  }
  .join-board-container .bottom .btns {
    padding-bottom: 0;
  }
  .join-board-container .bottom .btns .apply {
    flex: 0 0;
  }
  .join-board-popover .rc-dialog-body {
    display: flex;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .join-btn.small {
    margin-left: 0;
  }
  .join-btn.small svg {
    margin-right: 0;
  }
  .join-btn.small label {
    display: none;
  }
  .join-btn.small.joined {
    padding: 4px 9px;
    text-align: center;
  }
  .join-btn.small.joined svg {
    display: block;
    margin-right: 0;
    transform: translateY(0);
  }
}

.topic-card1 {
  display: flex;
  align-items: flex-start;
  padding: 16px;
  background-color: #15171F;
  border-radius: 16px;
}
.topic-card1 .avatar {
  display: inline-block;
  width: 59px;
  height: 59px;
  flex-shrink: 0;
  border-radius: 8px;
  vertical-align: top;
  overflow: hidden;
}
.topic-card1 .avatar img {
  border-radius: 8px;
}
.topic-card1 .topic-card-info {
  flex: 1 1;
  margin-left: 16px;
  vertical-align: top;
  overflow: hidden;
}
.topic-card1 .topic-card-info .top {
  display: flex;
  align-items: flex-start;
}
.topic-card1 .topic-card-name {
  flex: 1 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #F0F0F0;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0.04em;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-line;
}
.topic-card1 .topic-card-name svg {
  transform: translateY(2px);
  margin-left: 4px;
}
.topic-card1 .count {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0.04em;
  color: #F0F0F0;
  vertical-align: middle;
  white-space: nowrap;
}
.topic-card1 .count:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #FA9D64;
  margin-right: 4px;
  border-radius: 50%;
  transform: translateY(-1px);
  vertical-align: middle;
}
.topic-card1 .join-btn {
  flex-basis: 40px;
  flex-shrink: 0;
}
.topic-card1 .post-count,
.topic-card1 .follower-count,
.topic-card1 .approval-count {
  display: inline-block;
  color: #8c8c8c;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0.04em;
}
.topic-card1 .post-count,
.topic-card1 .approval-count {
  margin-left: 8px;
}
.topic-card1 .topic-description {
  display: block;
  width: 100%;
  margin-top: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0.04em;
  color: #595959;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.topic-card2 {
  display: flex;
  align-items: flex-start;
  padding: 16px;
  background-color: #15171F;
  border-radius: 16px;
}
.topic-card2 .topic-card-info {
  flex: 1 1;
  margin-left: 16px;
  vertical-align: top;
  overflow: hidden;
}
.topic-card2 .topic-card-info .top {
  display: flex;
  align-items: center;
}
.topic-card2 .topic-card-info .top .avatar {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  flex-shrink: 0;
  vertical-align: top;
}
.topic-card2 .topic-card-info .top .avatar img {
  border-radius: 8px;
}
.topic-card2 .topic-card-info .top .topic-card-name {
  margin-left: 8px;
  flex: 1 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #F0F0F0;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-line;
}
.topic-card2 .topic-card-info .top .topic-card-name svg {
  transform: translateY(2px);
  margin-left: 4px;
}
.topic-card2 .topic-card-info .top .join-btn {
  flex-basis: 40px;
  flex-shrink: 0;
}
.topic-card2 .count {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  color: #F0F0F0;
  vertical-align: middle;
  white-space: nowrap;
}
.topic-card2 .count:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #FA9D64;
  margin-right: 4px;
  border-radius: 50%;
  transform: translateY(-1px);
  vertical-align: middle;
}
.topic-card2 .post-count,
.topic-card2 .follower-count,
.topic-card2 .approval-count {
  display: inline-block;
  color: #8c8c8c;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
}
.topic-card2 .post-count,
.topic-card2 .approval-count {
  margin-left: 8px;
}
.topic-card2 .topic-description {
  display: block;
  width: 100%;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #595959;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .topic-card1 {
    position: relative;
    padding: 16px 12px;
    background-color: transparent;
  }
  .topic-card1:after {
    content: '';
    position: absolute;
    left: 91px;
    right: 16px;
    bottom: 0;
    height: 1px;
    background-color: #1D2029;
  }
  .topic-card2 {
    position: relative;
    padding: 16px 12px;
    background-color: transparent;
  }
  .topic-card2:after {
    content: '';
    position: absolute;
    left: 12px;
    right: 16px;
    bottom: 0;
    height: 1px;
    background-color: #1D2029;
  }
}

.captain-tool .title {
  padding: 12px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
@media (min-width: 768px) {
  .topic-card1:not(:first-child) {
    margin-top: 16px;
  }
}

.no-more {
  position: relative;
  margin-top: 16px;
}
.no-more .end-tag {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  margin: 8.5px 0;
  background-color: #43B282;
}
.no-more .end-tag::before {
  content: attr(data-content);
  color: #43B282;
  font-size: 14px;
  padding: 0 8px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background-color: #07080D;
}

.mobile-topic .mobile-topic-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  padding: 0 16px;
  line-height: 40px;
  text-align: center;
  background-color: #07080D;
  z-index: 1;
}
.mobile-topic .mobile-topic-header .back-btn {
  float: left;
  margin-top: 10px;
}
.mobile-topic .mobile-topic-header .type-switch {
  color: #8C8C8C;
}
.mobile-topic .mobile-topic-header .type-switch label {
  position: relative;
  font-size: 16px;
}
.mobile-topic .mobile-topic-header .type-switch label span {
  position: relative;
  z-index: 1;
}
.mobile-topic .mobile-topic-header .type-switch label:not(:first-child) {
  margin-left: 22px;
}
.mobile-topic .mobile-topic-header .type-switch label.active {
  color: #F0F0F0;
}
.mobile-topic .mobile-topic-header .type-switch label.active:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background-color: #6BC79F;
  border-radius: 10px;
  z-index: 0;
}
.mobile-topic .mobile-topic-container {
  padding: 52px 16px 0;
}
.mobile-topic .mobile-topic-container .total-count {
  color: #8C8C8C;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0.04em;
}
.mobile-topic .mobile-topic-container .topic-card1:not(:first-child) {
  margin-top: 12px;
}

.empty {
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.empty .empty-text {
  display: block;
  color: #BFBFBF;
  font-size: 18px;
}
@media (max-width: 768px) {
  .empty .empty-text {
    font-size: 12px;
  }
}

.messagebox .rc-dialog-close {
  top: 20px;
  padding: 0;
}
.messagebox .rc-dialog-body {
  padding: 0 0 12px;
}
.messagebox .messagebox-title .avatar {
  display: inline-block;
  width: 34px;
  height: 34px;
  vertical-align: middle;
}
.messagebox .messagebox-title label {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  margin-left: 12px;
  color: #C4E9D9;
}
.messagebox .messagebox-content {
  display: flex;
  height: 500px;
  flex-direction: column;
}
.messagebox .messagebox-content .messagebox-display {
  flex: 1 1;
  overflow-y: auto;
  margin: 16px 0;
  padding: 0 16px;
}
.messagebox .messagebox-content .messagebox-display-time {
  text-align: center;
  color: #8C8C8C;
}
.messagebox .messagebox-content .messagebox-item .avatar {
  display: inline-block;
  width: 34px;
  height: 34px;
  vertical-align: top;
}
.messagebox .messagebox-content .messagebox-item .messagebox-item-content {
  display: inline-block;
  vertical-align: top;
  margin: 0 12px;
  padding: 16px;
  font-size: 14px;
  color: #D9D9D9;
  border-radius: 16px;
  background-color: #262626;
  max-width: 400px;
  text-align: left;
  white-space: pre-line;
  overflow: hidden;
}
.messagebox .messagebox-content .messagebox-item:not(:first-child) {
  margin-top: 16px;
}
.messagebox .messagebox-content .messagebox-item[data-type="me"] {
  text-align: right;
}
.messagebox .messagebox-content .messagebox-item[data-type="me"] .messagebox-item-content {
  background-color: #1D2029;
}
.messagebox .messagebox-content .messagebox-input {
  padding: 0 16px;
}
.messagebox .messagebox-content .messagebox-input .x-textarea {
  width: 100%;
  min-height: 32px;
}
.messagebox .messagebox-content .mssagebox-submit {
  padding: 0 16px;
}
.messagebox .messagebox-content .mssagebox-submit .prompt {
  display: inline-block;
  text-align: left;
  font-size: 12px;
  max-width: calc(100% - 140px);
  color: #595959;
  vertical-align: middle;
}
.messagebox .messagebox-content .mssagebox-submit button {
  margin-left: 25px;
  display: inline-block;
  vertical-align: middle;
}
.messagebox .messagebox-content .mssagebox-submit button:disabled {
  background-color: rgba(240, 240, 240, 0.3);
  cursor: default;
}

.explore-board-page .side-title {
  display: block;
  padding: 16px;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0.04em;
  color: #E1F4EC;
}
.explore-board-page .side-title .back-btn {
  float: left;
}
.explore-board-page .left-side .left-side-list {
  border: 1px solid #112C20;
  border-radius: 20px;
  background-color: #07080D;
}
.explore-board-page .left-side .left-side-item {
  cursor: pointer;
}
.explore-board-page .left-side .left-side-item a {
  display: block;
  padding: 10px 30px;
  color: #BFBFBF;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0.04em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.explore-board-page .left-side .left-side-item img {
  width: 18px;
  margin-right: 8px;
}
.explore-board-page .left-side .left-side-item.active,
.explore-board-page .left-side .left-side-item:hover {
  background-color: #112C20;
  border-radius: 8px;
}
.explore-board-page .left-side .left-side-item.active a,
.explore-board-page .left-side .left-side-item:hover a {
  color: #A6DDC5;
}
.explore-board-page .topic-card1:not(:first-child) {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .explore-board-page .side-title {
    text-align: center;
  }
  .explore-board-page .left-side {
    height: 100%;
    overflow-y: auto;
  }
  .explore-board-page .left-side .left-side-list {
    border-radius: 0;
    border: none;
  }
  .explore-board-page .left-side .left-side-item a {
    display: block;
    padding: 12px 6px;
    font-size: 14px;
  }
  .explore-board-page .left-side .left-side-item:hover {
    border-radius: 0;
    background-color: transparent;
  }
  .explore-board-page .left-side .left-side-item:hover a {
    color: #BFBFBF;
  }
  .explore-board-page .left-side .left-side-item.active {
    border-radius: 0;
    background-color: #1D2029;
  }
  .explore-board-page .left-side .left-side-item.active a {
    color: #A6DDC5;
  }
}

.relate-user {
  margin-top: 12px;
}
.relate-user p {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #8C8C8C;
  margin-bottom: 0;
}
.relate-user ul {
  margin: 12px 0 0;
  padding: 0;
}
.relate-user ul li {
  display: flex;
  align-items: center;
}
.relate-user ul li .pdb-image {
  flex-shrink: 0;
}
.relate-user ul li .info {
  margin-left: 12px;
  flex: 1 1;
  overflow: hidden;
}
.relate-user ul li .info .username {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #F0F0F0;
  white-space: nowrap;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.relate-user ul li .info .restricted {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #EB5C52;
}
.relate-user ul li:not(:first-child) {
  margin-top: 12px;
}

.approval-queue-mod {
  position: relative;
}
.approval-queue-mod .title {
  padding: 12px 16px;
  color: #8C8C8C;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
}
.approval-queue-mod .container .approval-item {
  padding: 16px;
  margin: 0 16px;
  background: #15171F;
  border-radius: 16px;
}
.approval-queue-mod .container .approval-item .top {
  display: flex;
  align-items: center;
}
.approval-queue-mod .container .approval-item .top .avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.approval-queue-mod .container .approval-item .top .right {
  margin-left: 12px;
  flex: 1 1;
}
.approval-queue-mod .container .approval-item .top .info {
  display: flex;
}
.approval-queue-mod .container .approval-item .top .info .name {
  flex: 1 1;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.approval-queue-mod .container .approval-item .top .info .time {
  flex-shrink: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #8C8C8C;
}
.approval-queue-mod .container .approval-item .top .extra {
  display: flex;
}
.approval-queue-mod .container .approval-item .top .extra .age {
  flex: 1 1;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #8C8C8C;
}
.approval-queue-mod .container .approval-item .top .extra .show {
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #87C2F8;
  cursor: pointer;
}
.approval-queue-mod .container .approval-item .content {
  margin-top: 8px;
  margin-bottom: 0;
  padding: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #D9D9D9;
}
.approval-queue-mod .container .approval-item .btns {
  display: flex;
  justify-content: space-between;
}
.approval-queue-mod .container .approval-item .btns .defer {
  padding: 0;
  width: 84px;
  height: 34px;
  border: 1px solid #8B3D3D;
  border-radius: 33px;
  background-color: transparent;
  color: #8B3D3D;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
}
.approval-queue-mod .container .approval-item .btns .approve {
  padding: 0;
  width: 84px;
  height: 34px;
  border: 1px solid #328561;
  border-radius: 33px;
  background-color: transparent;
  color: #328561;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
}
.approval-queue-mod .container .approval-item .defer-content .rc-textarea {
  padding: 12px;
  width: 100%;
  border-radius: 8px;
  background-color: #1D2029;
  border: none;
}
.approval-queue-mod .container .approval-item .defer-content .btns {
  margin-top: 20px;
}
.approval-queue-mod .container .approval-item .defer-content .btns .cancel {
  padding: 0;
  width: 84px;
  height: 34px;
  border: 1px solid #8C8C8C;
  border-radius: 33px;
  background-color: transparent;
  color: #8C8C8C;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
}
.approval-queue-mod .container .approval-item .defer-content .btns .send {
  padding: 0;
  width: 84px;
  height: 34px;
  border-radius: 33px;
  background-color: #8B3D3D;
  color: #F0F0F0;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
}
.approval-queue-mod .container .approval-item .ant-form-item {
  margin-bottom: 0;
}
.approval-queue-mod .container .approval-item:not(:first-child) {
  margin-top: 16px;
}

.board-rules-mod .rule-item {
  padding: 16px 12px;
  margin: 0 16px;
  background-color: #15171F;
}
.board-rules-mod .rule-item .top .rc-checkbox {
  float: right;
}
.board-rules-mod .rule-item .top .rule-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #D9D9D9;
}
.board-rules-mod .rule-item p {
  margin-top: 12px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #BFBFBF;
  word-break: break-word;
}
.board-rules-mod .rule-item ul {
  margin-top: 12px;
}
.board-rules-mod .rule-item ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #6BC79F;
}
.board-rules-mod .rule-item:not(:first-child) {
  margin-top: 12px;
}
.board-rules-mod .bottom {
  margin-top: 24px;
  padding: 12px 16px;
  text-align: center;
}
.board-rules-mod .bottom p {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.board-rules-mod .bottom a {
  color: #328561;
}
.board-rules-mod .bottom a svg {
  display: inline-block;
  margin-left: 12px;
  vertical-align: middle;
  transform: translateY(-2px);
}

.share-icon {
  cursor: pointer;
}
.share-container .content {
  margin-top: 30px;
  display: flex;
}
.share-container .content .share-item {
  flex: 1 1;
  overflow: hidden;
  cursor: pointer;
}
.share-container .content .share-item svg {
  display: block;
  margin: 0 auto;
}
.share-container .content .share-item label {
  display: block;
  margin-top: 6px;
  text-align: center;
  color: #D9D9D9;
  font-size: 12px;
  line-height: 14px;
}

.meet-page {
  width: 576px;
}
.meet-page .meet-page-header {
  height: 40px;
  padding: 8px 0;
  text-align: center;
}
.meet-page .meet-page-header .share-icon {
  float: right;
  margin-top: 3px;
}
.meet-page .meet-page-header .title {
  color: #D9D9D9;
  font-size: 18px;
}
.meet-page .meet-page-header .back-btn {
  float: left;
}
.meet-page .meet-group .group h1 {
  font-weight: 500;
  font-size: 18px;
  color: #D9D9D9;
  margin-bottom: 0;
}
.meet-page .meet-group .group:not(:first-child) {
  margin-top: 40px;
}
.meet-page .meet-list {
  width: 100%;
  margin-top: 24px;
}
.meet-page .meet-list .meet-item {
  position: relative;
  display: inline-block;
  width: 123px;
  margin-right: 21px;
  margin-bottom: 21px;
  background-size: 100% auto;
}
.meet-page .meet-list .meet-item:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.meet-page .meet-list .meet-item .title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #F0F0F0;
  font-family: 'gilroyextrabold';
  font-size: 17px;
  text-align: center;
  white-space: pre-line;
}
.meet-page .meet-list .meet-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.meet-page .meet-list .meet-item:hover {
  transform: scale(0.9);
}
@media screen and (max-width: 768px) {
  .meet-page {
    width: 100%;
    padding: 0 18px;
  }
  .meet-page .meet-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .meet-page .meet-list .meet-item {
    width: calc(100% / 3 - 21px);
    margin-right: 0;
  }
}

.personality-type {
  padding: 16px 16px 0;
}
.personality-type .header .back-btn {
  font-size: 14px;
}
.personality-type .header .title {
  display: flex;
  align-items: center;
  background-color: #07080D;
}
.personality-type .header .title h1 {
  flex: 1 1;
  margin-top: 8px;
  font-weight: 500;
  font-size: 24px;
  color: #D9D9D9;
  margin-bottom: 0;
}
.personality-type .header .title .share-icon {
  margin-left: 8px;
}
.personality-type .header .desc_top {
  font-weight: 400;
  font-size: 14px;
  color: #8C8C8C;
  margin-bottom: 0;
}
.personality-type .container .profile-card-link {
  display: block;
}
.personality-type .container .profile-card-link .profile-card {
  width: 100%;
  margin-right: 16px;
}
.personality-type .container .profile-card-link:not(:first-child) {
  margin-top: 12px;
}
@media screen and (min-width: 768px) {
  .personality-type .container .profile-card-link {
    display: inline-flex;
    width: calc(50% - 16px);
  }
}

.reply-comment {
  padding: 8px 0;
}
.reply-comment .reply-comment-header {
  display: flex;
}
.reply-comment .reply-comment-header .avatar {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
  vertical-align: middle;
}
.reply-comment .reply-comment-header .avatar img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.reply-comment .reply-comment-header .info {
  display: inline-block;
  vertical-align: middle;
  flex: 1 1;
  margin-left: 8px;
  overflow: hidden;
}
.reply-comment .reply-comment-header .info .username {
  display: block;
  font-size: 16px;
  line-height: 16px;
}
.reply-comment .reply-comment-header .info .username a {
  color: #F0F0F0;
}
.reply-comment .reply-comment-header .info .username label[data-own="true"]::after {
  content: '(OP)';
  color: #8C8C8C;
  margin-left: 4px;
}
.reply-comment .reply-comment-header .info .reply-icon {
  display: inline-block;
  width: 7px;
  height: 11px;
  margin: 0 4px;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.102 5.867L.839 10.725A.5.5 0 0 1 0 10.358V.642A.5.5 0 0 1 .84.275l5.262 4.858a.5.5 0 0 1 0 .734z' fill='%238C8C8C'/%3E%3C/svg%3E");
}
.reply-comment .reply-comment-header .info .mod-icon {
  margin-left: 5px;
  transform: translateY(2px);
}
.reply-comment .reply-comment-header .info .personality {
  color: #8c8c8c;
  font-size: 12px;
}
.reply-comment .reply-comment-header .operation {
  margin-right: 8px;
}
.reply-comment .reply-comment-header .operation .reply-time {
  font-size: 12px;
  color: #8C8C8C;
  cursor: pointer;
}
.reply-comment .reply-comment-header .rc-textarea {
  width: 100%;
  font-size: 14px;
}
.reply-comment .reply-comment-vote {
  display: inline-block;
  background-color: #1D2029;
  border-radius: 21px;
  padding: 2px 10px;
  color: #C4E9D9;
  margin: 8px 0 0 39px;
}
.reply-comment .reply-comment-text {
  margin-top: 8px;
  font-size: 14px;
  padding-left: 42px;
  white-space: pre-line;
  color: #BFBFBF;
  word-break: break-word;
  overflow: hidden;
}
.reply-comment .reply-comment-text .highlight {
  color: #6BC79F;
}
.reply-comment .pdb-board-viewer {
  margin-left: 42px;
}
.reply-comment .pdb-board-viewer .pdb-multi-image {
  width: 168px;
  height: 168px;
}
.reply-comment .reply-comment-operation {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.reply-comment .reply-comment-operation .reply-comment-like {
  position: relative;
  height: 23px;
  display: inline-block;
  align-items: center;
  padding: 0 11px;
  cursor: pointer;
}
.reply-comment .reply-comment-operation .reply-comment-like svg {
  display: inline-block;
  vertical-align: middle;
}
.reply-comment .reply-comment-operation .reply-comment-like label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  color: #8C8C8C;
  pointer-events: none;
}
.reply-comment .reply-comment-operation .reply-comment-like:not(:first-child):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  transform: translateY(-50%);
  background-color: #262626;
}
.reply-comment .reply-comment-operation .reply-comment-btn {
  display: inline-block;
  height: 23px;
  padding: 0 9px;
  vertical-align: middle;
  cursor: pointer;
}
.reply-comment .reply-comment-operation .reply-comment-btn svg {
  display: inline-block;
  vertical-align: middle;
  color: #8C8C8C;
}
.reply-comment .reply-comment-operation .reply-comment-btn label {
  display: inline-block;
  color: #8C8C8C;
  font-size: 14px;
  margin-left: 8px;
  vertical-align: middle;
  pointer-events: none;
}
.reply-comment .reply-comment-operation .reply-comment-btn:hover,
.reply-comment .reply-comment-operation .reply-comment-btn.active {
  background-color: #1D2029;
  border-radius: 15px;
}
.reply-comment .reply-comment-operation .reply-comment-btn:hover svg,
.reply-comment .reply-comment-operation .reply-comment-btn.active svg,
.reply-comment .reply-comment-operation .reply-comment-btn:hover label,
.reply-comment .reply-comment-operation .reply-comment-btn.active label {
  color: #6BC79F;
}
.reply-comment .add-comment {
  margin-top: 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input-affix-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  display: inline-flex;
}
.ant-input-affix-wrapper::-webkit-input-placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-input-affix-wrapper::-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-input-affix-wrapper::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-input-affix-wrapper:focus,
.ant-input-rtl .ant-input-affix-wrapper-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-affix-wrapper-borderless,
.ant-input-affix-wrapper-borderless:hover,
.ant-input-affix-wrapper-borderless:focus,
.ant-input-affix-wrapper-borderless-focused,
.ant-input-affix-wrapper-borderless-disabled,
.ant-input-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-affix-wrapper-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-affix-wrapper-sm {
  padding: 0px 7px;
}
.ant-input-affix-wrapper-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #40a9ff;
  border-right-width: 1px;
  z-index: 1;
}
.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  z-index: 0;
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
  z-index: 1;
}
.ant-input-affix-wrapper-disabled .ant-input[disabled] {
  background: rgba(255, 255, 255, 0);
}
.ant-input-affix-wrapper > .ant-input {
  font-size: inherit;
  border: none;
  outline: none;
}
.ant-input-affix-wrapper > .ant-input:focus {
  box-shadow: none !important;
}
.ant-input-affix-wrapper > .ant-input:not(textarea) {
  padding: 0;
}
.ant-input-affix-wrapper::before {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\a0';
}
.ant-input-prefix,
.ant-input-suffix {
  display: flex;
  flex: none;
  align-items: center;
}
.ant-input-prefix > *:not(:last-child),
.ant-input-suffix > *:not(:last-child) {
  margin-right: 8px;
}
.ant-input-show-count-suffix {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-show-count-has-suffix {
  margin-right: 2px;
}
.ant-input-prefix {
  margin-right: 4px;
}
.ant-input-suffix {
  margin-left: 4px;
}
.anticon.ant-input-clear-icon,
.ant-input-clear-icon {
  margin: 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  vertical-align: -1px;
  cursor: pointer;
  transition: color 0.3s;
}
.anticon.ant-input-clear-icon:hover,
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.anticon.ant-input-clear-icon:active,
.ant-input-clear-icon:active {
  color: rgba(0, 0, 0, 0.85);
}
.anticon.ant-input-clear-icon-hidden,
.ant-input-clear-icon-hidden {
  visibility: hidden;
}
.anticon.ant-input-clear-icon-has-suffix,
.ant-input-clear-icon-has-suffix {
  margin: 0 4px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn {
  padding: 0;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-status-error .ant-input-prefix {
  color: #ff4d4f;
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-status-warning .ant-input-prefix {
  color: #faad14;
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-affix-wrapper-status-error .ant-input-prefix {
  color: #ff4d4f;
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-affix-wrapper-status-warning .ant-input-prefix {
  color: #faad14;
}
.ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input {
  padding-right: 24px;
}
.ant-input-group-wrapper-status-error .ant-input-group-addon {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-input-group-wrapper-status-warning .ant-input-group-addon {
  color: #faad14;
  border-color: #faad14;
}
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-input::-webkit-input-placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-input::-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input:focus,
.ant-input-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-input:focus,
.ant-input-rtl .ant-input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-borderless,
.ant-input-borderless:hover,
.ant-input-borderless:focus,
.ant-input-borderless-focused,
.ant-input-borderless-disabled,
.ant-input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-sm {
  padding: 0px 7px;
}
.ant-input-rtl {
  direction: rtl;
}
.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-group .ant-input:hover {
  z-index: 0;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selector,
.ant-input-group-addon .ant-select-focused .ant-select-selector {
  color: #1890ff;
}
.ant-input-group-addon .ant-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}
.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
  text-align: left;
  border: 0;
  box-shadow: none;
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
.ant-input-group-addon:first-child .ant-select .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
.ant-input-group-addon:last-child .ant-select .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  padding: 0px 7px;
}
.ant-input-group-lg .ant-select-single .ant-select-selector {
  height: 40px;
}
.ant-input-group-sm .ant-select-single .ant-select-selector {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-input-group .ant-input-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group.ant-input-group-compact {
  display: block;
}
.ant-input-group.ant-input-group-compact::before {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper,
.ant-input-group.ant-input-group-compact > .ant-input-number-affix-wrapper,
.ant-input-group.ant-input-group-compact > .ant-picker-range {
  display: inline-flex;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select-focused {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  margin-left: -1px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 2px 0 0 2px;
}
.ant-input-group > .ant-input-rtl:first-child,
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}
.ant-input-group-rtl .ant-input-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group > .ant-input:last-child,
.ant-input-group-rtl.ant-input-group-addon:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: 0;
  margin-left: -1px;
  border-left-width: 1px;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
  margin-right: -1px;
  margin-left: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-password-icon.anticon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon.anticon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-input[type='color'] {
  height: 32px;
}
.ant-input[type='color'].ant-input-lg {
  height: 40px;
}
.ant-input[type='color'].ant-input-sm {
  height: 24px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ant-input-textarea-show-count > .ant-input {
  height: 100%;
}
.ant-input-textarea-show-count::after {
  float: right;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  content: attr(data-count);
  pointer-events: none;
}
.ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
  margin-bottom: -22px;
}
.ant-input-textarea-suffix {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: auto;
}
.ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  margin-right: -1px;
}
.ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
  margin-left: -1px;
}
.ant-input-compact-item:hover,
.ant-input-compact-item:focus,
.ant-input-compact-item:active {
  z-index: 2;
}
.ant-input-compact-item[disabled] {
  z-index: 0;
}
.ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input {
  border-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input:hover,
.ant-input-search .ant-input:focus {
  border-color: #40a9ff;
}
.ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #40a9ff;
}
.ant-input-search .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-search .ant-input-lg {
  line-height: 1.5713;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
  left: -1px;
  padding: 0;
  border: 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0 2px 2px 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-input-search-button {
  height: 32px;
}
.ant-input-search-button:hover,
.ant-input-search-button:focus {
  z-index: 1;
}
.ant-input-search-large .ant-input-search-button {
  height: 40px;
}
.ant-input-search-small .ant-input-search-button {
  height: 24px;
}
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-item-rtl):not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button {
  margin-right: -1px;
  border-radius: 0;
}
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input,
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:hover,
.ant-input-search.ant-input-compact-item > .ant-input:hover,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover,
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:focus,
.ant-input-search.ant-input-compact-item > .ant-input:focus,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus,
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:active,
.ant-input-search.ant-input-compact-item > .ant-input:active,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active {
  z-index: 2;
}
.ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused {
  z-index: 2;
}
.ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon:last-child .ant-input-search-button {
  margin-left: -1px;
  border-radius: 0;
}
.ant-input-group-wrapper-rtl {
  direction: rtl;
}
.ant-input-group-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
  border: none;
  outline: none;
}
.ant-input-affix-wrapper-rtl .ant-input-prefix {
  margin: 0 0 0 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-suffix {
  margin: 0 4px 0 0;
}
.ant-input-textarea-rtl {
  direction: rtl;
}
.ant-input-textarea-rtl.ant-input-textarea-show-count::after {
  text-align: left;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
  margin-right: 0;
  margin-left: 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
  right: auto;
  left: 8px;
}
.ant-input-search-rtl {
  direction: rtl;
}
.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #d9d9d9;
}
.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover,
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover {
  border-left-color: #40a9ff;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
  border-right-color: #40a9ff;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child {
  right: -1px;
  left: auto;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  border-radius: 2px 0 0 2px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-input {
    height: 32px;
  }
  .ant-input-lg {
    height: 40px;
  }
  .ant-input-sm {
    height: 24px;
  }
  .ant-input-affix-wrapper > input.ant-input {
    height: auto;
  }
}

.userinfo {
  display: block;
  overflow: hidden;
}
.userinfo .avatar {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
  vertical-align: middle;
}
.userinfo .info {
  display: inline-block;
  max-width: calc(100% - 60px);
  vertical-align: middle;
  margin-left: 8px;
}
.userinfo .info .username {
  display: block;
  font-size: 16px;
  color: #F0F0F0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.userinfo .info .personality {
  display: block;
  color: #8c8c8c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.userinfo.highlights {
  margin-top: 24px;
  clear: both;
  background: linear-gradient(270deg, #1D2029 0%, #15171F 100%);
}
.userinfo.highlights a {
  display: inline-block;
  width: 59%;
}
.userinfo.highlights .member-rank {
  float: right;
  margin-top: 10px;
  margin-right: 16px;
}
.userinfo.highlights .member-rank label {
  display: inline-block;
  color: #328561;
  font-weight: 400;
  font-size: 12px;
  vertical-align: middle;
}
.userinfo.highlights .member-rank span {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  color: #FA9D64;
  margin-left: 6px;
  vertical-align: middle;
}
.userinfo.highlights .info .personality {
  font-size: 12px;
}

.selector {
  position: relative;
  border: 1.5px solid #434343;
  height: 32px;
  line-height: 22px;
  border-radius: 8px;
  color: #8C8C8C;
  text-align: center;
  font-size: 16px;
  padding: 0 10px;
  cursor: pointer;
  box-sizing: border-box;
}
.selector .selector-placeholder {
  color: #595959;
  font-size: 16px;
}
.selector label {
  display: inline-block;
  vertical-align: middle;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 22px);
  transform: translateY(1px);
}
.selector .arrow {
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
  vertical-align: middle;
  transform: translateY(1px);
}
.selector.active {
  border-color: #6BC79F;
}
.selector.active label {
  color: #6BC79F;
}
.selector.active .arrow path {
  fill: #6BC79F !important;
}
.selector-dropdown {
  background-color: #07080D;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
  border: 2px solid #328561;
}
.selector-dropdown .selector-search {
  width: 100%;
  padding: 2.5px 13px;
}
.selector-dropdown .selector-search svg {
  display: inline-block;
  color: #8C8C8C;
  vertical-align: middle;
}
.selector-dropdown .selector-search input {
  display: inline-block;
  width: calc(100% - 26px);
  color: #595959;
  margin-left: 11px;
  background-color: transparent;
  vertical-align: middle;
  font-size: 16px;
}
.selector-dropdown .selector-list {
  max-width: 100%;
  max-height: 300px;
  overflow: auto;
  margin-bottom: 0;
}
.selector-dropdown .selector-list li {
  color: #8C8C8C;
  padding: 5px 12px;
  border-radius: 999px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selector-dropdown .selector-list li:hover,
.selector-dropdown .selector-list li.active {
  color: #A6DDC5;
  background-color: #112C20;
}
.selector-dropdown .empty {
  display: block;
  padding: 5px 12px;
  color: #595959;
}

.rc-switch {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 44px;
  height: 22px;
  line-height: 20px;
  padding: 0;
  vertical-align: middle;
  border-radius: 20px 20px;
  border: 1px solid #ccc;
  background-color: #ccc;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}
.rc-switch-inner {
  color: #fff;
  font-size: 12px;
  position: absolute;
  left: 24px;
  top: 0;
}
.rc-switch:after {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 2px;
  top: 1px;
  border-radius: 50% 50%;
  background-color: #fff;
  content: " ";
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  transform: scale(1);
  transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  animation-duration: 0.3s;
  animation-name: rcSwitchOff;
}
.rc-switch:hover:after {
  transform: scale(1.1);
  animation-name: rcSwitchOn;
}
.rc-switch:focus {
  box-shadow: 0 0 0 2px #d5f1fd;
  outline: none;
}
.rc-switch-checked {
  border: 1px solid #87d068;
  background-color: #87d068;
}
.rc-switch-checked .rc-switch-inner {
  left: 6px;
}
.rc-switch-checked:after {
  left: 22px;
}
.rc-switch-disabled {
  cursor: no-drop;
  background: #ccc;
  border-color: #ccc;
}
.rc-switch-disabled:after {
  background: #9e9e9e;
  animation-name: none;
  cursor: no-drop;
}
.rc-switch-disabled:hover:after {
  transform: scale(1);
  animation-name: none;
}
.rc-switch-label {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  padding-left: 10px;
  vertical-align: middle;
  white-space: normal;
  pointer-events: none;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
@keyframes rcSwitchOn {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes rcSwitchOff {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.rc-switch {
  width: 51px;
  height: 31px;
}
.rc-switch:after {
  width: 27px;
  height: 27px;
}
.rc-switch:focus {
  box-shadow: none;
}
.rc-switch-checked {
  border-color: #A6DDC5;
  background-color: #A6DDC5;
}

.hide-easter-egg-item {
  padding: 32px 0;
  background-color: #15171F;
  border-radius: 16px;
  margin-bottom: 24px;
}
.hide-easter-egg-item .hide-easter-egg-item-left {
  display: inline-block;
  width: 190px;
  font-size: 20px;
  color: #D9D9D9;
  margin-right: 44px;
  text-align: right;
  vertical-align: middle;
}
.hide-easter-egg-item .hide-easter-egg-item-right {
  display: inline-block;
  width: calc(100% - 234px);
  padding: 0 24px;
  vertical-align: middle;
  text-align: right;
}
.edit-profile {
  padding: 32px 0;
  background-color: #15171F;
  border-radius: 16px;
}
.edit-profile .form-group {
  padding-left: 24px;
}
.edit-profile .form-group > label {
  display: inline-block;
  width: 154px;
  font-size: 20px;
  color: #D9D9D9;
  margin-right: 44px;
  text-align: right;
  vertical-align: middle;
}
.edit-profile .form-group .form-field {
  display: inline-block;
  width: calc(100% - 198px);
  padding: 0 24px;
  vertical-align: middle;
}
.edit-profile .form-group p {
  font-weight: 400;
  font-size: 16px;
  color: #595959;
  margin-bottom: 0;
}
.edit-profile .form-group input {
  display: block;
  height: 39px;
  width: 100%;
  padding: 0 16px;
  color: #F0F0F0;
  border: 1px solid #328561;
  background-color: transparent;
  border-radius: 8px;
}
.edit-profile .form-group .muti-selector {
  display: inline-flex;
  flex-wrap: wrap;
}
.edit-profile .form-group .muti-selector .selector {
  flex-basis: calc(50% - 12px);
  flex-shrink: 1;
  border: 1px solid #328561;
  border-radius: 99px;
}
.edit-profile .form-group .muti-selector .selector:nth-child(2n) {
  margin-left: 24px;
}
.edit-profile .form-group .muti-selector .selector:nth-child(n+3) {
  margin-top: 16px;
}
.edit-profile .form-group .rc-textarea {
  width: 100%;
}
.edit-profile .form-group:not(:first-child) {
  margin-top: 32px;
}
.edit-profile .form-submit {
  margin-top: 32px;
  padding: 0 24px;
  text-align: right;
}
@media (max-width: 768px) {
  .hide-easter-egg-item {
    padding: 16px 0;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 0;
  }
  .hide-easter-egg-item .hide-easter-egg-item-left {
    width: 120px;
  }
  .hide-easter-egg-item .hide-easter-egg-item-right {
    width: calc(100% - 170px);
  }
  .edit-profile {
    padding-top: 16px;
    background-color: transparent;
    border-radius: 0;
  }
  .edit-profile .form-group {
    padding: 0 16px;
  }
  .edit-profile .form-group > label {
    display: block;
    text-align: left;
    font-size: 16px;
  }
  .edit-profile .form-group .form-field {
    width: 100%;
    padding: 0;
    margin-top: 8px;
  }
}

.delete-account-confirm {
  width: 492px;
}
.delete-account-confirm .rc-dialog-close {
  display: none;
}
.delete-account-confirm .rc-dialog-header {
  padding-top: 36px;
}
.delete-account-confirm .rc-dialog-header .rc-dialog-title {
  color: #D9D9D9;
  font-size: 36px;
}
.delete-account-confirm .rc-dialog-header:after {
  content: none;
}
.delete-account-confirm .subtitle {
  font-size: 36px;
  color: #D9D9D9;
}
.delete-account-confirm .subtitle-1 {
  font-size: 22px;
  color: #D9D9D9;
}
.delete-account-confirm .description {
  display: block;
  margin-top: 16px;
  font-weight: 400;
  font-size: 16px;
  color: #BFBFBF;
}
.delete-account-confirm ul {
  list-style: disc;
  margin-left: 22px;
  margin-top: 16px;
}
.delete-account-confirm ul li {
  font-weight: 400;
  color: #BFBFBF;
  font-size: 22px;
}
.delete-account-confirm .x-textarea {
  display: block;
  width: 100%;
}
.delete-account-confirm .icon {
  display: block;
  margin: 0 auto;
}
.delete-account-confirm .prompt {
  display: block;
  font-size: 16px;
  color: #BFBFBF;
}
.delete-account-confirm .btns {
  margin-top: 16px;
}
.delete-account-confirm .btns .skip-btn {
  display: inline-block;
  padding: 0 17px;
  height: 32px;
  color: #8C8C8C;
  border: 1px solid #328561;
  border-radius: 17.5px;
  background-color: transparent;
}
.delete-account-confirm .btns .cancel-btn {
  display: inline-block;
  padding: 0 17px;
  height: 32px;
  color: #8C8C8C;
  border: 1px solid #EB5C52;
  border-radius: 17.5px;
  background-color: transparent;
}
.delete-account-confirm .btns .confirm-btn {
  float: right;
  padding: 0 17px;
  height: 32px;
  color: #F0F0F0;
  border: 1px solid #328561;
  border-radius: 17.5px;
  background-color: #328561;
}
@media screen and (max-width: 768px) {
  .delete-account-confirm {
    width: inherit;
  }
  .delete-account-confirm .subtitle {
    font-size: 28px;
  }
  .delete-account-confirm ul {
    list-style: disc;
    margin-left: 22px;
  }
  .delete-account-confirm ul li {
    color: #BFBFBF;
    font-size: 16px;
  }
}

.personal-information {
  padding: 32px 0;
  border-radius: 16px;
}
.personal-information .personal-information-item {
  background-color: #15171F;
}
.personal-information .personal-information-item .personal-information-item-left {
  display: inline-block;
  width: 155px;
  font-size: 20px;
  color: #D9D9D9;
  margin-right: 44px;
  text-align: right;
  vertical-align: middle;
}
.personal-information .personal-information-item .personal-information-item-right {
  display: inline-block;
  width: calc(100% - 234px);
  padding: 10px 24px;
  vertical-align: middle;
}
.personal-information .personal-information-item .personal-information-item-cell {
  position: relative;
  padding: 8px 12px;
  background-color: #15171F;
  color: #BFBFBF;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.personal-information .personal-information-item .personal-information-item-cell svg {
  margin-right: 12px;
  transform: translateY(5px);
  font-size: 24px;
}
.personal-information .personal-information-item .personal-information-item-cell span {
  float: right;
  font-weight: 500;
  font-size: 14px;
  color: #6BC79F;
  cursor: pointer;
}
.personal-information .personal-information-item .personal-information-item-cell .cell-container {
  padding: 4px 0;
}
.personal-information .personal-information-item .personal-information-item-cell.pc .cell-container,
.personal-information .personal-information-item .personal-information-item-cell:not(.not-right-arrow) .cell-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 40px;
  border: 1.5px solid #328561;
  border-radius: 99px;
}
.personal-information .personal-information-item:not(.group):not(:first-child) {
  margin-top: 32px;
}
.personal-information .personal-information-item.group:first-child .personal-information-item-left {
  display: none;
}
.personal-information .red-cell {
  color: #BFBFBF;
  border-color: #EB5C52 !important;
}
.view-data-content .desc1 {
  color: #D9D9D9;
  font-size: 14px;
}
.view-data-content .desc2 {
  display: block;
  margin-top: 8px;
  color: #8C8C8C;
  font-size: 14px;
}
.view-data-content .item {
  display: block;
  font-size: 16px;
  color: #D9D9D9;
  clear: both;
}
.view-data-content .item .item-key {
  float: left;
  margin-right: 4px;
}
.view-data-content .item .item-value {
  display: block;
  overflow: hidden;
  word-break: break-all;
}
.view-data-content .item:first-child {
  margin-top: 24px;
}
.view-data-content .item:not(:first-child) {
  margin-top: 8px;
}
.diconnect-confirm {
  width: 492px;
}
.diconnect-confirm .rc-dialog-close {
  display: none;
}
.diconnect-confirm .rc-dialog-header {
  padding-top: 36px;
}
.diconnect-confirm .rc-dialog-header .rc-dialog-title {
  color: #D9D9D9;
  font-size: 36px;
}
.diconnect-confirm .rc-dialog-header:after {
  content: none;
}
.diconnect-confirm .subtitle {
  padding: 16px 16px 0;
  font-size: 36px;
  color: #D9D9D9;
}
.diconnect-confirm .description {
  display: block;
  padding: 0 16px 16px;
  margin-top: 16px;
  font-weight: 400;
  font-size: 16px;
  color: #BFBFBF;
}
.diconnect-confirm .btns {
  margin-top: 16px;
}
.diconnect-confirm .btns .cancel-btn {
  padding: 0 17px;
  height: 32px;
  color: #8C8C8C;
  border: 1px solid #328561;
  border-radius: 17.5px;
  background-color: transparent;
}
.diconnect-confirm .btns .confirm-btn {
  float: right;
  padding: 0 17px;
  height: 32px;
  color: #F0F0F0;
  border: 1px solid #EB5C52;
  border-radius: 17.5px;
  background-color: #EB5C52;
}
@media (max-width: 768px) {
  .personal-information {
    padding-top: 16px;
    border-top: 1px solid #112C20;
    background-color: transparent;
    border-radius: 0;
  }
  .personal-information .personal-information-item {
    padding: 0 16px;
    background-color: transparent;
  }
  .personal-information .personal-information-item .personal-information-item-left {
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    margin-bottom: 8px;
  }
  .personal-information .personal-information-item .personal-information-item-right {
    width: 100%;
    padding: 0;
  }
  .personal-information .personal-information-item .personal-information-item-cell {
    border-bottom: 1px solid #1D2029;
  }
  .personal-information .personal-information-item .personal-information-item-cell:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .personal-information .personal-information-item .personal-information-item-cell:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: none;
  }
  .personal-information .personal-information-item .personal-information-item-cell:not(.not-right-arrow) {
    cursor: inherit;
  }
  .personal-information .personal-information-item .personal-information-item-cell:not(.not-right-arrow) .cell-container {
    width: 100%;
    border: none;
    padding: 0;
  }
  .personal-information .personal-information-item .personal-information-item-cell:not(.not-right-arrow):after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 8px;
    height: 14px;
    transform: translate(0, -50%);
    background: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.293.293a1 1 0 0 0 0 1.414L5.586 7 .293 12.293a1 1 0 1 0 1.414 1.414l6-6a1 1 0 0 0 0-1.414l-6-6a1 1 0 0 0-1.414 0z' fill='%23F0F0F0'/%3E%3C/svg%3E");
  }
  .personal-information .personal-information-item .personal-information-item-cell .red-cell {
    color: #EB5C52;
  }
  .personal-information .personal-information-item.group:first-child .personal-information-item-left {
    display: block;
  }
  .personal-information .personal-information-item.group:not(:first-child) .personal-information-item-left {
    display: none;
  }
}

.personal-pdb-page .pdb-title {
  margin: 12px 0;
}
.personal-pdb-page .pdb-title svg {
  display: inline-block;
  font-size: 48px;
  vertical-align: middle;
}
.personal-pdb-page .pdb-title label {
  margin-left: 16px;
  font-size: 20px;
  color: #FFCF9A;
  display: inline-block;
  vertical-align: middle;
}
.personal-pdb-page .pdb-description {
  padding: 16px 0;
  color: #D9D9D9;
  font-size: 20px;
  border-radius: 16px;
  background-color: #15171F;
}
.personal-pdb-page .pdb-description li {
  position: relative;
  padding: 0 32px;
}
.personal-pdb-page .pdb-description li::before {
  content: "•";
  color: #D9D9D9;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.personal-pdb-page .pdb-description li:not(:first-child) {
  margin-top: 16px;
}
.personal-pdb-page .pdb-description span {
  display: block;
  padding: 0 16px;
  font-size: 12px;
  color: #8C8C8C;
}
.personal-pdb-page .pdb-tools {
  text-align: right;
  margin-top: 32px;
}
.personal-pdb-page .pdb-tools button {
  padding: 0 16px;
}
.personal-pdb-page .personal-pdb-setting {
  margin-top: 32px;
}
.personal-pdb-page .personal-pdb-setting .personal-pdb-setting-item {
  display: flex;
  align-items: center;
  padding: 0 16px;
  height: 85px;
  background-color: #15171F;
  border-radius: 16px;
}
.personal-pdb-page .personal-pdb-setting .personal-pdb-setting-item .personal-pdb-setting-item-left {
  flex: 1 1;
}
.personal-pdb-page .personal-pdb-setting .personal-pdb-setting-item .personal-pdb-setting-item-left .title {
  color: #D9D9D9;
  font-size: 20px;
  line-height: 20px;
}
.personal-pdb-page .personal-pdb-setting .personal-pdb-setting-item .personal-pdb-setting-item-left .desc {
  display: block;
  font-size: 12px;
  line-height: 12px;
  color: #8C8C8C;
}
.personal-pdb-page .personal-pdb-setting .personal-pdb-setting-item .personal-pdb-setting-item-right {
  display: block;
  line-height: 1;
  overflow: hidden;
  text-align: right;
}
.personal-pdb-page .personal-pdb-setting .personal-pdb-setting-item:not(:first-child) {
  margin-top: 8px;
}
.personal-pdb-page .personal-pdb-setting .personal-pdb-setting-item:first-child {
  margin-bottom: 32px;
}
.personal-pdb-page .personal-pdb-setting .personal-pdb-setting-item.red .personal-pdb-setting-item-left .title {
  color: #EB5C52;
}
.personal-pdb-page .personal-pdb-setting .personal-pdb-setting-item.clickable {
  cursor: pointer;
}
.personal-pdb-page .personal-pdb-setting .personal-pdb-setting-tools {
  margin-top: 32px;
  text-align: right;
}
@media (max-width: 768px) {
  .personal-pdb-page {
    padding: 0 16px;
  }
  .personal-pdb-page .pdb-title svg {
    font-size: 40px;
  }
  .personal-pdb-page .pdb-title label {
    font-size: 16px;
  }
  .personal-pdb-page .pdb-description li {
    font-size: 16px;
  }
  .personal-pdb-page .personal-pdb-setting .personal-pdb-setting-item .personal-pdb-setting-item-left .title {
    font-size: 18px;
  }
}

.discord-server .discord-title {
  margin: 12px 0;
}
.discord-server .discord-title svg {
  display: inline-block;
  vertical-align: middle;
  font-size: 48px;
}
.discord-server .discord-title label {
  margin-left: 16px;
  font-size: 20px;
  color: #FFCF9A;
  display: inline-block;
  vertical-align: middle;
}
.discord-server .discord-description {
  padding: 16px 0;
  color: #D9D9D9;
  font-size: 20px;
  background-color: #15171F;
}
.discord-server .discord-description li {
  position: relative;
  padding: 0 32px;
}
.discord-server .discord-description li::before {
  content: "•";
  color: #D9D9D9;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.discord-server .discord-description li:not(:first-child) {
  margin-top: 16px;
}
.discord-server .discord-description span {
  display: block;
  margin-top: 16px;
  padding: 0 16px;
  font-size: 12px;
  line-height: 14px;
  color: #8C8C8C;
}
.discord-server .discord-description .discord-tag {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.discord-server .discord-description .discord-tag span {
  color: #D9D9D9;
  font-size: 20px;
  margin: 0 32px;
}
.discord-server .discord-description .discord-tag input {
  flex: 1 1;
  max-width: 207px;
  border: 1px solid #328561;
  border-radius: 8px;
  padding: 0 10px;
  background-color: transparent;
  overflow: hidden;
}
.discord-server .discord-tools {
  margin-top: 32px;
  text-align: right;
}
.discord-server .discord-tools button:disabled {
  opacity: 0.3;
  pointer-events: none;
}
@media (max-width: 768px) {
  .discord-server {
    padding: 0 16px;
  }
  .discord-server .discord-title svg {
    font-size: 40px;
  }
  .discord-server .discord-title label {
    font-size: 16px;
  }
  .discord-server .discord-description li {
    font-size: 16px;
  }
  .discord-server .discord-description .discord-tag {
    padding-right: 24px;
  }
  .discord-server .discord-description .discord-tag span {
    font-size: 16px;
    margin: 0 12px;
  }
}

.board-members-mod .restrict a {
  display: flex;
  width: 100%;
  padding: 8px 12px;
  align-items: center;
  color: #8C8C8C;
  background-color: #15171F;
}
.board-members-mod .restrict a label {
  flex: 1 1;
  margin-left: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
}
.board-members-mod .header {
  padding: 12px 16px;
}
.board-members-mod .header .title {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.board-members-mod .header .selector {
  float: right;
  border: none;
  transform: translateY(-3px);
}
.board-members-mod .member-item {
  display: flex;
  padding: 0 16px;
  align-items: center;
  flex-wrap: wrap;
}
.board-members-mod .member-item .avatar {
  width: 40px;
  height: 40px;
}
.board-members-mod .member-item .info {
  flex: 1 1;
  margin-left: 12px;
}
.board-members-mod .member-item .info .name {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.board-members-mod .member-item .info .desc {
  display: block;
  margin-top: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #8C8C8C;
}
.board-members-mod .member-item .relate-user {
  flex-basis: 100%;
  overflow: hidden;
}
.board-members-mod .member-item .more {
  flex-shrink: 0;
  cursor: pointer;
}
.board-members-mod .member-item .btn {
  flex-shrink: 0;
  padding: 8px 16px;
  background-color: transparent;
  border: 1px solid #6BC79F;
  border-radius: 33px;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #6BC79F;
}
.board-members-mod .member-item:not(:first-child) {
  margin-top: 24px;
}
.board-members-mod-dropdown li {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  padding: 9px 16px;
  color: #8C8C8C;
  cursor: pointer;
}
.board-members-mod-dropdown li svg {
  margin-right: 10px;
  transform: translateY(2px);
}
.board-members-mod-dropdown li.restrict {
  color: #EB5C52;
}
.board-members-mod-dropdown li.restrict svg circle,
.board-members-mod-dropdown li.restrict svg path {
  stroke: #EB5C52;
}
@media (min-width: 768px) {
  .board-members-mod .restrict {
    text-align: right;
  }
  .board-members-mod .restrict a {
    display: inline-flex;
    width: auto;
    justify-content: flex-end;
    background-color: transparent;
  }
  .board-members-mod .restrict a label {
    flex: auto 0;
  }
}

.collection-more {
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
}
.collection-menu-list {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 0;
}
.collection-menu-list li {
  padding: 8px 16px;
  color: #BFBFBF;
  font-size: 16px;
  white-space: nowrap;
  cursor: pointer;
}
.collection-menu-list li.no-padding {
  padding: 0;
}
.collection-menu-list li .share-icon {
  display: block;
  width: 100%;
  padding: 8px 14px;
}
.collection-menu-list li svg {
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}
.collection-menu-list li label {
  display: inline-block;
  margin-left: 10px;
  white-space: nowrap;
  vertical-align: middle;
  pointer-events: none;
}
.collection-menu-list li.red {
  color: #EB5C52;
}
.collection-menu-list li:hover {
  background-color: #225941;
}
.delete-collection {
  text-align: center !important;
}
.delete-collection .btns .ok-btn {
  color: #EB5C52 !important;
}
.folder-edit-wrapper .rc-dialog-close {
  display: none;
}
.folder-edit-wrapper .container {
  margin-top: 16px;
  border-radius: 8px;
}
.folder-edit-wrapper .container .ant-form {
  margin-top: 32px;
}
.folder-edit-wrapper .container .ant-form .ant-form-item-label > label {
  height: 19px;
  color: #8C8C8C;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}
.folder-edit-wrapper .container .ant-form .ant-input {
  background: #15171F;
  border-radius: 8px;
  outline: none;
  border: none;
  color: #F0F0F0;
  box-shadow: none;
  padding: 16px;
}
.folder-edit-wrapper .container .ant-form .rc-textarea {
  width: 100%;
  border: none;
  padding: 16px;
  background: #15171F;
  border-radius: 8px;
}
.folder-edit-wrapper .collection-edit-btns {
  margin-top: 24px;
  text-align: right;
}
.folder-edit-wrapper .collection-edit-btns .cancel-btn {
  float: left;
  border: 1px solid #328561;
  background-color: transparent;
}

.follow-btn {
  width: 90px;
  height: 32px;
  color: #FAFAFA;
  padding: 0 !important;
  border: 1px solid #6BC79F;
  background-color: #6BC79F;
}
.follow-btn.is_follow {
  color: #8C8C8C;
  border-color: #8C8C8C;
  background-color: transparent;
}
.follow-btn.is_ignore {
  color: #8C8C8C;
  border-color: #8C8C8C;
  background-color: transparent;
}

.user-card {
  position: relative;
  display: flex;
  padding: 16px;
  background: #15171F;
  border-radius: 16px;
  align-items: center;
  cursor: pointer;
}
.user-card .user-info {
  display: flex;
  align-items: center;
}
.user-card .user-info .icons {
  flex: 1 0;
  overflow: hidden;
}
.user-card .user-info .icons svg {
  margin-top: 2px;
}
.user-card .avatar {
  width: 56px;
  height: 56px;
}
.user-card .user-card-right {
  flex: 1 1;
  margin-left: 18px;
  overflow: hidden;
}
.user-card .user-card-right .user-card-name {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #F0F0F0;
  font-size: 16px;
  line-height: 32px;
  overflow: hidden;
}
.user-card .user-card-right .user-card-bio {
  margin-top: 12px;
  color: #595959;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.user-card .user-card-right .follow-btn {
  flex-shrink: 0;
  margin-top: 0;
}
@media (max-width: 768px) {
  .user-card .avatar {
    width: 62px;
    height: 62px;
  }
  .user-card .user-card-name {
    font-size: 16px;
  }
  .user-card .user-card-follow {
    margin-left: 8px;
    padding: 5px 22px;
  }
}

.ignore-users .ignore-user-title {
  font-size: 16px;
  color: #C4E9D9;
}
.ignore-users .ignore-user-container {
  margin-top: 21px;
}
.ignore-users .user-card:not(:first-child) {
  margin-top: 16px;
}
@media (max-width: 768px) {
  .ignore-users {
    padding: 16px 16px 0;
  }
  .ignore-users .ignore-user-container {
    margin-top: 16px;
  }
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.setting .setting-sider {
  border: 1px solid #112C20;
  border-radius: 20px;
}
.setting .setting-sider .setting-sider-item {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  padding: 0 20px;
  border-radius: 20px;
  cursor: pointer;
}
.setting .setting-sider .setting-sider-item label {
  display: block;
  color: #BFBFBF;
  margin-left: 8px;
  pointer-events: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.setting .setting-sider .setting-sider-item:hover,
.setting .setting-sider .setting-sider-item.active {
  background-color: #1D2029;
}
.setting .setting-sider .setting-sider-item:hover label,
.setting .setting-sider .setting-sider-item.active label {
  color: #A6DDC5;
}
.setting .setting-sider .setting-sider-item:not(:first-child) {
  margin-top: 8px;
}
.setting .setting-nav {
  display: none;
}
@media (max-width: 768px) {
  .setting-nav {
    display: block !important;
    height: 48px;
    line-height: 48px;
    color: #D9D9D9;
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #112C20;
  }
}

.collection-action {
  padding: 16px;
}
.collection-action .collection-action-header .collection-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #8C8C8C;
}
.collection-action .collection-action-header .collection-new {
  float: right;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #7ECEAB;
  cursor: pointer;
}
.collection-action .collection-action-header .collection-new svg {
  margin-left: 4px;
  transform: translateY(2px);
}
.collection-action .collection-container {
  display: flex;
  flex-direction: column;
  height: 380px;
}
.collection-action .collection-container .collection-list {
  position: relative;
  flex: 1 1;
  margin-top: 32px;
  overflow-y: auto;
  text-align: center;
}
.collection-action .collection-container .collection-folder {
  display: flex;
  padding: 12px;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  background-color: #15171F;
  cursor: pointer;
}
.collection-action .collection-container .collection-folder .collection-left {
  flex: 1 1;
  text-align: left;
  overflow: hidden;
}
.collection-action .collection-container .collection-folder .collection-left h1 {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #F0F0F0;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collection-action .collection-container .collection-folder .collection-left label {
  display: block;
  margin-top: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #8C8C8C;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: inherit;
}
.collection-action .collection-container .collection-folder:not(:first-child) {
  margin-top: 16px;
}
.collection-action .collection-container .collection-folder:hover {
  background-color: #1D2029;
}
.collection-action .collection-container .empty {
  display: block;
  margin-top: 50%;
  transform: translateY(-50%);
  max-width: 86%;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #595959;
  text-align: center;
}
.collection-action .collection-container .prompt {
  display: block;
  margin: 0 auto;
  padding: 20px 0;
  max-width: 86%;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #595959;
  text-align: center;
}
.collection-action .collection-container .collection-cancel {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-weight: 400;
  font-size: 16px;
  color: #595959;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #112C20;
}
.collection-create {
  padding: 16px;
}
.collection-create .collection-create-header .collection-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #8C8C8C;
}
.collection-create .ant-form {
  margin-top: 32px;
}
.collection-create .ant-form .ant-form-item-label > label {
  height: 19px;
  color: #8C8C8C;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}
.collection-create .ant-form .ant-input {
  background: #15171F;
  border-radius: 8px;
  outline: none;
  border: none;
  color: #F0F0F0;
  box-shadow: none;
  padding: 16px;
}
.collection-create .ant-form .rc-textarea {
  width: 100%;
  border: none;
  padding: 16px;
  background: #15171F;
  border-radius: 8px;
}
.collection-create .collection-create-btns {
  display: flex;
}
.collection-create .collection-create-btns .btn:first-child {
  display: inline-block;
  width: 28%;
  height: 40px;
  line-height: 40px;
  font-weight: 400;
  font-size: 16px;
  padding: 0;
  color: #595959;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #112C20;
  background: transparent;
}
.collection-create .collection-create-btns .btn:last-child {
  flex: 1 1;
  height: 40px;
  padding: 0;
  line-height: 40px;
  font-weight: 400;
  font-size: 16px;
  margin-left: 12px;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .collection-action {
    padding: 0;
    transform: translateY(-13px);
  }
  .collection-action .collection-action-header {
    text-align: right;
    padding: 12px 0;
    border-bottom: 1px solid #6BC79F;
  }
  .collection-action .collection-action-header .collection-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #C4E9D9;
    margin-right: 57px;
  }
  .collection-action .collection-container .collection-cancel {
    display: none;
  }
  .collection-create {
    padding: 0;
    transform: translateY(-13px);
  }
  .collection-create .collection-create-header {
    text-align: center;
    padding: 12px 0;
    border-bottom: 1px solid #6BC79F;
  }
  .collection-create .collection-create-header .collection-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #C4E9D9;
  }
  .collection-create .collection-create-btns {
    justify-content: space-between;
  }
  .collection-create .collection-create-btns .btn:first-child {
    flex: 0 1 108px;
    height: 32px;
    line-height: 32px;
  }
  .collection-create .collection-create-btns .btn:last-child {
    height: 32px;
    line-height: 32px;
    margin-left: 0;
    flex: 0 1 108px;
  }
  .collection-create .ant-form-item:last-child {
    margin-bottom: 0;
  }
}

.feed-card-more {
  float: right;
  display: block;
  margin-left: 5px;
  box-sizing: border-box;
  cursor: pointer;
}
.menu-list {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 0;
}
.menu-list li {
  padding: 8px 16px;
  color: #BFBFBF;
  font-size: 16px;
  white-space: nowrap;
  cursor: pointer;
}
.menu-list li.no-padding {
  padding: 0;
}
.menu-list li .share-icon {
  display: block;
  width: 100%;
  padding: 8px 14px;
}
.menu-list li svg {
  display: inline-block;
  width: 24px;
  vertical-align: middle;
}
.menu-list li label {
  display: inline-block;
  margin-left: 10px;
  white-space: nowrap;
  vertical-align: middle;
  pointer-events: none;
}
.menu-list li.red {
  color: #EB5C52;
}
.menu-list li:hover {
  background-color: #225941;
}
.delete-comment p {
  text-align: center;
}
.delete-comment .btns .ok-btn {
  color: #EB5C52 !important;
}
.comment-edit-wrapper .rc-dialog-close {
  display: none;
}
.comment-edit-wrapper .comment-edit-header .avatar {
  display: inline-block;
  width: 46px;
  height: 46px;
  vertical-align: middle;
}
.comment-edit-wrapper .comment-edit-header .info {
  display: inline-block;
  max-width: calc(100% - 54px);
  margin-left: 8px;
  vertical-align: middle;
}
.comment-edit-wrapper .comment-edit-header .info .username {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #F0F0F0;
  cursor: pointer;
}
.comment-edit-wrapper .comment-edit-header .info .personality {
  color: #8c8c8c;
}
.comment-edit-wrapper .post-container {
  margin-top: 16px;
}
.comment-edit-wrapper .container {
  margin-top: 16px;
  border: 1px solid #112C20;
  border-radius: 8px;
}
.comment-edit-wrapper .container .rc-textarea {
  width: 100%;
  border: none;
  border-radius: 0;
}
.comment-edit-wrapper .container .subject-input {
  padding: 16px;
  border-bottom: 1px solid #1D2029;
}
.comment-edit-wrapper .comment-edit-btns {
  margin-top: 24px;
  text-align: right;
}
.comment-edit-wrapper .comment-edit-btns .btn {
  display: inline-flex;
}
.comment-edit-wrapper .comment-edit-btns .cancel-btn {
  float: left;
  border: 1px solid #328561;
  background-color: transparent;
}

.feed-card-vote-module .vote-count {
  display: block;
  margin-top: 12px;
  font-size: 14px;
  color: #E1F4EC;
}
.feed-card-vote-module .quote-profile {
  display: flex;
  padding: 12px;
  margin-top: 8px;
  border: 1px solid #225941;
  border-radius: 16px;
  align-items: center;
}
.feed-card-vote-module .quote-profile .avatar {
  width: 80px;
  height: 80px;
}
.feed-card-vote-module .quote-profile .info {
  flex: 1 1;
  margin-left: 8px;
  overflow: hidden;
}
.feed-card-vote-module .quote-profile .info .name {
  display: block;
  font-size: 18px;
  color: #F0F0F0;
  word-break: break-word;
}
.feed-card-vote-module .quote-profile .info .subcategory {
  font-size: 12px;
  color: #8C8C8C;
}
.feed-card-vote-module .quote-profile .character {
  max-width: 120px;
  color: #C3924A;
  text-align: center;
  min-width: 120px;
  font-size: 16px;
  border-left: 1px solid #112C20;
}
.feed-card-vote-module .quote-profile .character .user {
  display: block;
  font-size: 16px;
  color: #C3924A;
  max-width: 250px;
  white-space: pre-line;
}
.feed-card-vote-module .quote-profile .character .user:before {
  content: "User";
  display: block;
  color: #E1F4EC;
  font-size: 12px;
}
.feed-card-vote-module .quote-profile .character .not-voted {
  color: hsl(0, 0%, 55%);
  font-size: 16px;
}
.feed-card-vote-module .quote-profile .character .consensus {
  display: block;
  margin-top: 8px;
  color: #D9D9D9;
  font-size: 18px;
}
.feed-card-vote-module .quote-profile .character .consensus:before {
  content: "Consensus";
  display: block;
  color: #E1F4EC;
  font-size: 12px;
}
.feed-card-vote-module .quote-profile:hover {
  background-color: #1D2029;
}
@media (max-width: 768px) {
  .feed-card-vote-module .quote-profile .info .name {
    font-size: 16px;
  }
  .feed-card-vote-module .quote-profile .character {
    min-width: 80px;
  }
  .feed-card-vote-module .quote-profile .character .user {
    font-size: 12px;
    max-width: 90px;
  }
}

.feed-card-toolbar {
  margin-top: 14px;
}
.feed-card-toolbar .like {
  display: inline-block;
  border: 1px solid #434343;
  border-radius: 14px;
}
.feed-card-toolbar .like .like-item {
  position: relative;
  display: inline-block;
  padding: 2px 11px;
  cursor: pointer;
}
.feed-card-toolbar .like .like-item svg {
  display: inline-block;
  vertical-align: middle;
}
.feed-card-toolbar .like .like-item label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  color: #BFBFBF;
  pointer-events: none;
}
.feed-card-toolbar .like .like-item:not(:first-child):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  transform: translateY(-50%);
  background-color: #262626;
}
.feed-card-toolbar .comments-item {
  float: right;
  margin-top: 3px;
  padding: 0 9px;
  cursor: pointer;
}
.feed-card-toolbar .comments-item svg {
  display: inline-block;
  vertical-align: middle;
  color: #8C8C8C;
}
.feed-card-toolbar .comments-item label {
  display: inline-block;
  color: #BFBFBF;
  font-size: 14px;
  margin-left: 8px;
  vertical-align: middle;
  pointer-events: none;
}
.feed-card-toolbar .comments-item:hover,
.feed-card-toolbar .comments-item.active {
  background-color: #1D2029;
  border-radius: 15px;
}
.feed-card-toolbar .comments-item:hover svg,
.feed-card-toolbar .comments-item.active svg,
.feed-card-toolbar .comments-item:hover label,
.feed-card-toolbar .comments-item.active label {
  color: #6BC79F;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-back-top {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum', "tnum";
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.ant-back-top:empty {
  display: none;
}
.ant-back-top-rtl {
  right: auto;
  left: 100px;
  direction: rtl;
}
.ant-back-top-content {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 20px;
  transition: all 0.3s;
}
.ant-back-top-content:hover {
  background-color: rgba(0, 0, 0, 0.85);
  transition: all 0.3s;
}
.ant-back-top-icon {
  font-size: 24px;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  .ant-back-top {
    right: 60px;
  }
  .ant-back-top-rtl {
    right: auto;
    left: 60px;
  }
}
@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px;
  }
  .ant-back-top-rtl {
    right: auto;
    left: 20px;
  }
}

.back-top {
  z-index: 105000000;
}
.back-top:hover path {
  stroke: black !important;
}
.back-top:hover circle {
  fill: #7ECEAB;
}

.rc-pagination {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.rc-pagination ul,
.rc-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rc-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.rc-pagination-total-text {
  display: inline-block;
  height: 28px;
  margin-right: 8px;
  line-height: 26px;
  vertical-align: middle;
}
.rc-pagination-item {
  display: inline-block;
  min-width: 28px;
  height: 28px;
  margin-right: 8px;
  font-family: Arial;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rc-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.85);
  transition: none;
}
.rc-pagination-item a:hover {
  text-decoration: none;
}
.rc-pagination-item:focus,
.rc-pagination-item:hover {
  border-color: #1890ff;
  transition: all 0.3s;
}
.rc-pagination-item:focus a,
.rc-pagination-item:hover a {
  color: #1890ff;
}
.rc-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #1890ff;
}
.rc-pagination-item-active a {
  color: #1890ff;
}
.rc-pagination-item-active:focus,
.rc-pagination-item-active:hover {
  border-color: #40a9ff;
}
.rc-pagination-item-active:focus a,
.rc-pagination-item-active:hover a {
  color: #40a9ff;
}
.rc-pagination-jump-prev,
.rc-pagination-jump-next {
  outline: 0;
}
.rc-pagination-jump-prev button,
.rc-pagination-jump-next button {
  background: transparent;
  border: none;
  cursor: pointer;
  color: #666;
}
.rc-pagination-jump-prev button:after,
.rc-pagination-jump-next button:after {
  display: block;
  content: '•••';
}
.rc-pagination-prev,
.rc-pagination-jump-prev,
.rc-pagination-jump-next {
  margin-right: 8px;
}
.rc-pagination-prev,
.rc-pagination-next,
.rc-pagination-jump-prev,
.rc-pagination-jump-next {
  display: inline-block;
  min-width: 28px;
  height: 28px;
  color: rgba(0, 0, 0, 0.85);
  font-family: Arial;
  line-height: 28px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.rc-pagination-prev,
.rc-pagination-next {
  outline: 0;
}
.rc-pagination-prev button,
.rc-pagination-next button {
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rc-pagination-prev:hover button,
.rc-pagination-next:hover button {
  border-color: #40a9ff;
}
.rc-pagination-prev .rc-pagination-item-link,
.rc-pagination-next .rc-pagination-item-link {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: none;
  transition: all 0.3s;
}
.rc-pagination-prev:focus .rc-pagination-item-link,
.rc-pagination-next:focus .rc-pagination-item-link,
.rc-pagination-prev:hover .rc-pagination-item-link,
.rc-pagination-next:hover .rc-pagination-item-link {
  color: #1890ff;
  border-color: #1890ff;
}
.rc-pagination-prev button:after {
  content: '‹';
  display: block;
}
.rc-pagination-next button:after {
  content: '›';
  display: block;
}
.rc-pagination-disabled,
.rc-pagination-disabled:hover,
.rc-pagination-disabled:focus {
  cursor: not-allowed;
}
.rc-pagination-disabled .rc-pagination-item-link,
.rc-pagination-disabled:hover .rc-pagination-item-link,
.rc-pagination-disabled:focus .rc-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.rc-pagination-slash {
  margin: 0 10px 0 5px;
}
.rc-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  .rc-pagination-options *::-ms-backdrop,
  .rc-pagination-options {
    vertical-align: top;
  }
}
.rc-pagination-options-size-changer.rc-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}
.rc-pagination-options-quick-jumper {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  vertical-align: top;
}
.rc-pagination-options-quick-jumper input {
  width: 50px;
  margin: 0 8px;
}
.rc-pagination-simple .rc-pagination-prev,
.rc-pagination-simple .rc-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.rc-pagination-simple .rc-pagination-prev .rc-pagination-item-link,
.rc-pagination-simple .rc-pagination-next .rc-pagination-item-link {
  height: 24px;
  background-color: transparent;
  border: 0;
}
.rc-pagination-simple .rc-pagination-prev .rc-pagination-item-link::after,
.rc-pagination-simple .rc-pagination-next .rc-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.rc-pagination-simple .rc-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.rc-pagination-simple .rc-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: none;
  transition: border-color 0.3s;
}
.rc-pagination-simple .rc-pagination-simple-pager input:hover {
  border-color: #1890ff;
}
.rc-pagination.rc-pagination-disabled {
  cursor: not-allowed;
}
.rc-pagination.rc-pagination-disabled .rc-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.rc-pagination.rc-pagination-disabled .rc-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.rc-pagination.rc-pagination-disabled .rc-pagination-item-active {
  background: #dbdbdb;
  border-color: transparent;
}
.rc-pagination.rc-pagination-disabled .rc-pagination-item-active a {
  color: #fff;
}
.rc-pagination.rc-pagination-disabled .rc-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.rc-pagination.rc-pagination-disabled .rc-pagination-item-link-icon {
  opacity: 0;
}
.rc-pagination.rc-pagination-disabled .rc-pagination-item-ellipsis {
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .rc-pagination-item-after-jump-prev,
  .rc-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .rc-pagination-options {
    display: none;
  }
}

* {
  box-sizing: border-box;
}
.rc-select {
  display: inline-block;
  font-size: 12px;
  width: 100px;
  position: relative;
}
.rc-select-disabled,
.rc-select-disabled input {
  cursor: not-allowed;
}
.rc-select-disabled .rc-select-selector {
  opacity: 0.3;
}
.rc-select-show-arrow.rc-select-loading .rc-select-arrow-icon::after {
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border: 2px solid #999;
  border-top-color: transparent;
  border-bottom-color: transparent;
  transform: none;
  margin-top: 4px;
  animation: rcSelectLoadingIcon 0.5s infinite;
}
.rc-select .rc-select-selection-placeholder {
  opacity: 0.4;
  pointer-events: none;
}
.rc-select .rc-select-selection-search-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.rc-select .rc-select-selection-search-input::-webkit-search-cancel-button {
  display: none;
  -webkit-appearance: none;
          appearance: none;
}
.rc-select-single .rc-select-selector {
  display: flex;
  position: relative;
}
.rc-select-single .rc-select-selector .rc-select-selection-search {
  width: 100%;
}
.rc-select-single .rc-select-selector .rc-select-selection-search-input {
  width: 100%;
}
.rc-select-single .rc-select-selector .rc-select-selection-item,
.rc-select-single .rc-select-selector .rc-select-selection-placeholder {
  position: absolute;
  top: 1px;
  left: 3px;
  pointer-events: none;
}
.rc-select-single:not(.rc-select-customize-input) .rc-select-selector {
  padding: 1px;
  border: 1px solid #000;
}
.rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search-input {
  border: none;
  outline: none;
  background: rgba(255, 0, 0, 0.2);
  width: 100%;
}
.rc-select-multiple .rc-select-selector {
  display: flex;
  flex-wrap: wrap;
  padding: 1px;
  border: 1px solid #000;
}
.rc-select-multiple .rc-select-selector .rc-select-selection-item {
  flex: none;
  background: #bbb;
  border-radius: 4px;
  margin-right: 2px;
  padding: 0 8px;
}
.rc-select-multiple .rc-select-selector .rc-select-selection-item-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.rc-select-multiple .rc-select-selector .rc-select-selection-overflow {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.rc-select-multiple .rc-select-selector .rc-select-selection-overflow-item {
  flex: none;
  max-width: 100%;
}
.rc-select-multiple .rc-select-selector .rc-select-selection-search {
  position: relative;
  max-width: 100%;
}
.rc-select-multiple .rc-select-selector .rc-select-selection-search-input,
.rc-select-multiple .rc-select-selector .rc-select-selection-search-mirror {
  padding: 1px;
  font-family: system-ui;
}
.rc-select-multiple .rc-select-selector .rc-select-selection-search-mirror {
  position: absolute;
  z-index: 999;
  white-space: nowrap;
  position: none;
  left: 0;
  top: 0;
  visibility: hidden;
}
.rc-select-multiple .rc-select-selector .rc-select-selection-search-input {
  border: none;
  outline: none;
  background: rgba(255, 0, 0, 0.2);
  width: 100%;
}
.rc-select-allow-clear.rc-select-multiple .rc-select-selector {
  padding-right: 20px;
}
.rc-select-allow-clear .rc-select-clear {
  position: absolute;
  right: 20px;
  top: 0;
}
.rc-select-show-arrow.rc-select-multiple .rc-select-selector {
  padding-right: 20px;
}
.rc-select-show-arrow .rc-select-arrow {
  pointer-events: none;
  position: absolute;
  right: 5px;
  top: 0;
}
.rc-select-show-arrow .rc-select-arrow-icon::after {
  content: '';
  border: 5px solid transparent;
  width: 0;
  height: 0;
  display: inline-block;
  border-top-color: #999;
  transform: translateY(5px);
}
.rc-select-focused .rc-select-selector {
  border-color: blue !important;
}
.rc-select-dropdown {
  border: 1px solid green;
  min-height: 100px;
  position: absolute;
  background: #fff;
}
.rc-select-dropdown-hidden {
  display: none;
}
.rc-select-item {
  font-size: 16px;
  line-height: 1.5;
  padding: 4px 16px;
}
.rc-select-item-group {
  color: #999;
  font-weight: bold;
  font-size: 80%;
}
.rc-select-item-option {
  position: relative;
}
.rc-select-item-option-grouped {
  padding-left: 24px;
}
.rc-select-item-option .rc-select-item-option-state {
  position: absolute;
  right: 0;
  top: 4px;
  pointer-events: none;
}
.rc-select-item-option-active {
  background: #ddd;
}
.rc-select-item-option-disabled {
  color: #999;
}
.rc-select-item-empty {
  text-align: center;
  color: #999;
}
.rc-select-selection__choice-zoom {
  transition: all 0.3s;
}
.rc-select-selection__choice-zoom-appear {
  opacity: 0;
  transform: scale(0.5);
}
.rc-select-selection__choice-zoom-appear.rc-select-selection__choice-zoom-appear-active {
  opacity: 1;
  transform: scale(1);
}
.rc-select-selection__choice-zoom-leave {
  opacity: 1;
  transform: scale(1);
}
.rc-select-selection__choice-zoom-leave.rc-select-selection__choice-zoom-leave-active {
  opacity: 0;
  transform: scale(0.5);
}
.rc-select-dropdown-slide-up-enter,
.rc-select-dropdown-slide-up-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}
.rc-select-dropdown-slide-up-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}
.rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-bottomLeft,
.rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-bottomLeft,
.rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-bottomRight,
.rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-bottomRight {
  animation-name: rcSelectDropdownSlideUpIn;
  animation-play-state: running;
}
.rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-bottomLeft,
.rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-bottomRight {
  animation-name: rcSelectDropdownSlideUpOut;
  animation-play-state: running;
}
.rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-topLeft,
.rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-topLeft,
.rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-topRight,
.rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-topRight {
  animation-name: rcSelectDropdownSlideDownIn;
  animation-play-state: running;
}
.rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-topLeft,
.rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-topRight {
  animation-name: rcSelectDropdownSlideDownOut;
  animation-play-state: running;
}
@keyframes rcSelectDropdownSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}
@keyframes rcSelectDropdownSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}
@keyframes rcSelectDropdownSlideDownIn {
  0% {
    transform: scaleY(0);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes rcSelectDropdownSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes rcSelectLoadingIcon {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rc-pagination-prev .rc-pagination-item-link,
.rc-pagination-next .rc-pagination-item-link {
  border: 1px solid #1D2029;
  border-radius: 2px;
  background-color: transparent;
  background-size: 6px 10px;
  background-position: center;
  background-repeat: no-repeat;
}
.rc-pagination-prev .rc-pagination-item-link:after,
.rc-pagination-next .rc-pagination-item-link:after {
  content: "";
}
.rc-pagination-prev .rc-pagination-item-link,
.rc-pagination-next .rc-pagination-item-link {
  border: 1px solid #434343;
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.231.167a.68.68 0 0 1 0 .808L1.825 4l2.406 3.025a.68.68 0 0 1 0 .808c-.177.223-.465.223-.643 0L.861 4.404a.68.68 0 0 1 0-.808L3.588.167c.178-.223.466-.223.643 0z' fill='%23BFBFBF'/%3E%3C/svg%3E");
}
.rc-pagination-next .rc-pagination-item-link {
  transform: rotate(180deg);
}
.rc-pagination-prev.rc-pagination-disabled .rc-pagination-item-link,
.rc-pagination-next.rc-pagination-disabled .rc-pagination-item-link {
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.231.167a.68.68 0 0 1 0 .808L1.825 4l2.406 3.025a.68.68 0 0 1 0 .808c-.177.223-.465.223-.643 0L.861 4.404a.68.68 0 0 1 0-.808L3.588.167c.178-.223.466-.223.643 0z' fill='%23434343'/%3E%3C/svg%3E");
}
.rc-pagination-next.rc-pagination-disabled .rc-pagination-item-link {
  transform: rotate(180deg);
}
.rc-pagination-prev:focus .rc-pagination-item-link,
.rc-pagination-next:focus .rc-pagination-item-link,
.rc-pagination-prev:hover .rc-pagination-item-link,
.rc-pagination-next:hover .rc-pagination-item-link {
  color: #1D2029;
  border-color: currentcolor;
}
.rc-pagination-item:focus,
.rc-pagination-item:hover {
  border-color: #112C20;
}
.rc-pagination-item {
  border-color: #112C20;
  background-color: transparent;
}
.rc-pagination-item a {
  color: #8C8C8C;
}
.rc-pagination-item:focus a,
.rc-pagination-item:hover a {
  color: #8C8C8C;
}
.rc-pagination-item-active {
  border-color: #112C20;
}
.rc-pagination-item-active a {
  height: 100%;
  color: #F0F0F0;
  background-color: #112C20;
}
.rc-pagination-item-active:focus,
.rc-pagination-item-active:hover {
  border-color: #112C20;
}
.rc-pagination-item-active:focus a,
.rc-pagination-item-active:hover a {
  color: #F0F0F0;
}
.rc-pagination-options-size-changer {
  z-index: 10;
}
.rc-pagination-options-size-changer .rc-select-selector {
  border-color: #112C20 !important;
  border-radius: 2px;
  cursor: pointer;
}
.rc-pagination-options-size-changer .rc-select-selector .rc-select-selection-search {
  height: 26px;
}
.rc-pagination-options-size-changer .rc-select-selector .rc-select-selection-search input {
  pointer-events: none;
}
.rc-pagination-options-size-changer .rc-select-selector .rc-select-selection-item {
  top: 50%;
  left: 50%;
  color: #8C8C8C;
  white-space: nowrap;
  transform: translate(-60%, -50%);
  cursor: pointer;
}
.rc-pagination-options-size-changer .rc-select-arrow {
  top: 50%;
  right: 8px;
  width: 8px;
  height: 5px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.167.815a.68.68 0 0 1 .808 0L4 3.22 7.025.815a.68.68 0 0 1 .808 0c.223.177.223.465 0 .643L4.404 4.185a.68.68 0 0 1-.808 0L.167 1.458c-.223-.178-.223-.466 0-.643z' fill='%23F0F0F0'/%3E%3C/svg%3E");
  transform: translateY(-50%);
}
.rc-pagination-options-size-changer .rc-select-arrow .rc-select-arrow-icon {
  display: none;
}
.rc-pagination-options-size-changer .rc-select-dropdown {
  width: 148px;
  background-color: #07080D;
  border-color: #328561;
}
.rc-pagination-options-size-changer .rc-select-dropdown .rc-select-item-option-content {
  color: #8C8C8C;
  font-size: 12px;
}
.rc-pagination-options-size-changer .rc-select-dropdown .rc-select-item-option-active {
  background-color: #112C20;
  color: #A6DDC5;
}
.rc-pagination-options-size-changer .rc-select-dropdown .rc-select-item-option-state {
  display: none;
}
@media only screen and (max-width: 576px) {
  .rc-pagination-options {
    display: block;
    margin-left: 0;
    margin-top: 10px;
  }
}

.sl-form .sl-form-pure-label {
  font-size: 12px;
  color: #8C8C8C;
  white-space: pre-line;
  word-break: break-word;
}
.sl-form .sl-form-hint-label {
  display: block;
  padding: 5px 13px;
  margin-top: 16px;
  font-size: 16px;
  color: #FA9D64;
  white-space: pre-line;
  border-radius: 8px;
  word-break: break-word;
  background: #328561;
  border: 1px solid #FA9D64;
}
.sl-form .sl-form-item .sl-form-field-label {
  display: block;
  text-align: center;
  color: #E1F4EC;
  font-size: 20px;
}
.sl-form .sl-form-item .sl-form-field-prompt {
  text-align: right;
  display: block;
  width: 100%;
  font-size: 14px;
  color: #8C8C8C;
}
.sl-form .sl-form-item input {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-top: 8px;
  border: 1px solid #328561;
  border-radius: 8px;
  padding: 0 16px;
  color: #E1F4EC;
  background-color: transparent;
}
.sl-form .sl-form-item textarea {
  display: block;
  width: 100%;
  height: 192px;
  margin-top: 8px;
  border: 1px solid #328561;
  border-radius: 8px;
  padding: 16px;
  color: #E1F4EC;
  resize: none;
  outline: none;
  background-color: transparent;
}
.sl-form .sl-form-item .selector {
  margin-top: 8px;
  border: 1px solid #328561;
  border-radius: 99px;
}
.sl-form .sl-form-item .image {
  position: relative;
  margin: 8px auto 0;
  width: 120px;
  height: 120px;
  border-radius: 8px;
  background: linear-gradient(180deg, #112C20 0%, #15171F 100%);
  border: 1px solid #328561;
  cursor: pointer;
}
.sl-form .sl-form-item .image .image-wrp {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 8px;
  overflow: hidden;
}
.sl-form .sl-form-item .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
}
.sl-form .sl-form-item .image svg {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  font-size: 22px;
}
.sl-form .sl-form-item .image input {
  display: none;
}
.sl-form .sl-form-item .image:hover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: rgba(180, 196, 198, 0.4);
}
.sl-form .sl-form-item .sl-form-label {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 40px;
  margin-top: 8px;
  line-height: 40px;
  border-radius: 99px;
  color: #595959;
  padding: 0 16px;
  text-align: center;
  border: 1px solid #595959;
}
.sl-form .sl-form-item .sl-form-label-expand .sl-form-label-btn {
  color: #8C8C8C;
  font-size: 14px;
  cursor: pointer;
}
.sl-form .sl-form-item .sl-form-label-expand .sl-form-label-btn svg {
  transform: translateY(3px);
}
.sl-form .sl-form-item .sl-form-label-expand .sl-form-tip {
  display: block;
  margin-top: 8px;
  color: #8C8C8C;
  font-size: 14px;
  white-space: pre-line;
  transition: max-height 0.5s ease;
  overflow: hidden;
}
.sl-form .sl-form-item .sl-form-error {
  position: relative;
  margin-top: 5px;
  font-size: 12px;
  padding-left: 22px;
  color: #EB5C52;
}
.sl-form .sl-form-item .sl-form-error:before {
  content: "";
  position: absolute;
  left: 0;
  width: 17px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 16.202a7.083 7.083 0 1 0 0-14.167 7.083 7.083 0 0 0 0 14.167zM10.625 6.992l-4.25 4.25M6.375 6.992l4.25 4.25' stroke='%23EB5C52' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}
.sl-form .sl-form-item:not(:first-child) {
  margin-top: 16px;
}
.sl-form .sl-form-bottom {
  margin-top: 24px;
  text-align: right;
}
.sl-form .sl-form-bottom .btn {
  display: inline-flex;
}
.sl-form .sl-form-bottom .cancel-btn {
  float: left;
  border: 1px solid #328561;
  background-color: transparent;
}
.sl-form-suggestion-input-list {
  padding: 8px 16px;
}
.sl-form-suggestion-input-list > label {
  color: #595959;
  font-size: 12px;
}
.sl-form-suggestion-input-list ul li {
  margin-top: 8px;
  cursor: pointer;
}
.sl-form-suggestion-input-list ul li .avatar {
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: middle;
}
.sl-form-suggestion-input-list ul li label {
  display: inline-block;
  max-width: 300px;
  margin-left: 8px;
  color: #D9D9D9;
  font-size: 12px;
  vertical-align: middle;
  pointer-events: none;
}

.board-mod-information .information-item {
  position: relative;
  display: flex;
  padding: 16px;
  cursor: pointer;
}
.board-mod-information .information-item label {
  flex-basis: 30%;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #8C8C8C;
}
.board-mod-information .information-item .content {
  flex: 1 1;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #D9D9D9;
  text-align: right;
}
.board-mod-information .information-item .arrow-icon {
  flex-shrink: 0;
  margin-left: 12px;
  color: #8C8C8C;
}
.board-mod-information .information-item:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 12px;
  right: 12px;
  height: 1px;
  background-color: #1D2029;
}
.board-mod-information .edit-photo {
  position: relative;
  display: inline-block;
}
.board-mod-information .edit-photo .avatar {
  width: 50px;
  height: 50px;
  border-radius: 4px;
}
.board-mod-information .edit-photo .avatar img {
  border-radius: 4px;
}
.board-mod-information .edit-photo .right-bottom-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%);
}
.board-mod-information .rc-textarea {
  width: calc(100% - 24px);
  margin: 12px;
  padding: 16px;
  border: none;
  border-radius: 0;
  background: linear-gradient(180deg, #0F2023 30.31%, rgba(17, 22, 23, 0) 100%);
}
.board-mod-information .back-btn {
  display: inline-block !important;
}
.board-mod-information .confirm-btn {
  float: right;
  background: transparent;
  color: #6BC79F;
}
.board-mod-information .header.confirm-btn {
  margin-top: 12px;
}
.board-mod-edit-popover .rc-dialog-body {
  overflow: auto !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
}
@media screen and (min-width: 768px) {
  .board-mod-information .header .back-btn {
    margin-top: 5px;
  }
}

.feed-card {
  background-color: #15171F;
  border-radius: 16px;
  overflow: hidden;
}
.feed-card .feed-card-container {
  padding: 16px;
}
.feed-card .high-quality {
  padding: 4px 20px;
  font-size: 12px;
  line-height: 12px;
  color: #8C8C8C;
  background-color: #1D2029;
}
.feed-card .feed-card-header:before {
  content: '';
  display: table;
}
.feed-card .feed-card-header .lazyload-wrapper {
  display: inline-block;
  vertical-align: top;
}
.feed-card .feed-card-header .avatar {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 46px;
  vertical-align: top;
  cursor: pointer;
}
.feed-card .feed-card-header .info {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  cursor: pointer;
}
.feed-card .feed-card-header .info .username {
  display: block;
  font-size: 16px;
  color: #F0F0F0;
  cursor: pointer;
}
.feed-card .feed-card-header .info .username .pinned-icon {
  margin-left: 4px;
  transform: translateY(2px);
}
.feed-card .feed-card-header .info .username .mod-icon {
  margin-left: 4px;
  transform: translateY(2px);
}
.feed-card .feed-card-header .info .personality {
  color: #8c8c8c;
}
.feed-card .feed-card-header .last-edit {
  margin-top: 2px;
  float: right;
  color: #8C8C8C;
}
.feed-card .pdb-board-viewer {
  margin-top: 8px;
}
.feed-card .feed-card-profile-comment-title {
  display: block;
  margin-top: 12px;
  color: #E1F4EC;
  font-size: 14px;
}
.feed-card .main-body {
  display: block;
  margin-top: 9px;
}
.feed-card .main-body .profile_subject {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #F0F0F0;
  margin-bottom: 8px;
  word-break: break-word;
}
.feed-card .main-body.box {
  padding: 12px;
  border-radius: 16px;
  background-color: #0F2426;
}
.feed-card .feed-card-topic {
  margin-top: 8px;
  display: inline-block;
  font-size: 14px;
  color: #6BC79F;
  background-color: transparent;
  border-radius: 16px;
  border: 1px solid #112C20;
  padding: 4px 6px 4px 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.feed-card .feed-card-topic:before {
  content: "#";
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  margin-right: 4px;
  font-size: 14px;
  text-align: center;
  color: #6BC79F;
  background-color: #112C20;
}
.feed-card .feed-card-vote {
  display: inline-block;
  background-color: #1D2029;
  border-radius: 21px;
  padding: 2px 10px;
  color: #C4E9D9;
  margin: 8px 0;
}
.feed-card .readmore {
  color: #F0F0F0;
  font-size: 14px;
  line-height: 120%;
}
.feed-card .readmore .highlight {
  color: #6BC79F;
}
.feed-card .readmore .container {
  white-space: pre-line;
  -webkit-line-clamp: 8;
  cursor: pointer;
}
.feed-card .readmore .container:hover {
  color: #F5F5F5;
}
.feed-card .last-edit {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  color: #8C8C8C;
  cursor: pointer;
}
.feed-card .feed-card-expand {
  margin-top: 16px;
}
.feed-card .feed-card-expand .reply-comment {
  position: relative;
}
.feed-card .feed-card-expand .reply-comment:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #1D2029;
}
.feed-card .feed-card-expand .add-comment {
  margin-bottom: 8px;
}
.feed-card .feed-card-expand .more-comment-btn {
  width: 100%;
  line-height: 32px;
  color: #8C8C8C;
  border: 1px solid #112C20;
  border-radius: 0;
  background-color: transparent;
}
@media (max-width: 768px) {
  .feed-card {
    border-radius: 0;
  }
  .feed-card .readmore .container {
    font-size: 14px;
  }
}


.detail-popover {
  padding-top: 70px;
}
.detail-popover .rc-dialog-content {
  margin: 0 auto;
  background-color: transparent;
}
.detail-popover .rc-dialog-close {
  display: none;
}
.detail-popover .rc-dialog-body {
  display: flex;
  flex-direction: column;
  padding: 0;
  max-height: 600px;
}
.detail-popover .top {
  border-radius: 16px 16px 0 0;
  padding: 14px 18px 9px;
  background-color: #15171F;
}
.detail-popover .top .close-btn {
  font-size: 18px;
  color: #D9D9D9;
  cursor: pointer;
}
.detail-popover .top .close-btn label {
  display: inline-block;
  vertical-align: middle;
  pointer-events: none;
}
.detail-popover .top .close-btn svg {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.detail-popover .detail-popover-container {
  flex: 1 1;
  overflow: auto;
  border-radius: 0 0 16px 16px;
}
.detail-popover .detail-popover-container .feed-card {
  border-radius: 0;
}
@media (max-width: 768px) {
  .detail-popover {
    padding-top: 0;
  }
  .detail-popover .rc-dialog {
    display: flex;
    width: 100%;
    max-height: inherit;
    flex-direction: column;
    margin: 84px auto 0;
  }
  .detail-popover .rc-dialog .rc-dialog-content {
    flex: 1 1;
    overflow: hidden;
    width: 100%;
  }
  .detail-popover .rc-dialog .detail-popover-container {
    background-color: #15171F;
  }
  .detail-popover .rc-dialog-body {
    margin-top: 0;
    height: 100%;
  }
}

.profile-description {
  position: relative;
}
.profile-description .profile-description-info {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.profile-description .profile-description-avatar {
  flex-shrink: 0;
  position: relative;
  width: 120px;
  height: 120px;
  align-self: start;
  overflow: hidden;
}
.profile-description .profile-description-avatar .avatar {
  width: 100%;
  height: 100%;
}
.profile-description .profile-description-avatar .avatar img {
  border-radius: 8px;
}
.profile-description .profile-source {
  position: absolute;
  top: 145px;
  left: 60px;
  font-size: 12px;
  color: #595959;
  cursor: pointer;
}
.profile-description .profile-description-basic {
  flex: 1 1;
  margin-left: 16px;
  overflow: hidden;
}
.profile-description .profile-description-basic .profile-name {
  font-size: 24px;
  line-height: 28px;
  color: #f5f5f5;
  word-break: break-word;
}
.profile-description .profile-description-basic .profile-subcategories {
  position: relative;
  width: 100%;
  align-items: center;
  padding-right: 20px;
  margin-top: 8px;
}
.profile-description .profile-description-basic .profile-subcategories svg {
  z-index: 1;
  position: absolute;
  font-size: 26px;
  top: 0;
  right: 0;
  cursor: pointer;
}
.profile-description .profile-description-basic .profile-subcategories svg.left {
  left: 0;
  transform: rotate(180deg);
}
.profile-description .profile-description-basic .profile-subcategories .profile-subcategories-container {
  position: relative;
  min-width: 100%;
  white-space: nowrap;
  overflow-x: auto;
}
.profile-description .profile-description-basic .profile-subcategories .profile-subcategories-container .profile-category {
  display: inline-block;
  vertical-align: middle;
}
.profile-description .profile-description-basic .profile-subcategories .profile-subcategories-container .profile-category .link {
  display: block;
  font-size: 14px;
  color: black;
  background-color: #43B282;
  padding: 0 8px;
  border-radius: 99px;
  overflow: hidden;
  cursor: pointer;
}
.profile-description .profile-description-basic .profile-subcategories .profile-subcategories-container .profile-category .link:not(:first-child) {
  margin-left: 8px;
}
.profile-description .profile-description-basic .profile-subcategories .profile-subcategories-container .profile-category .link h1 {
  margin: 0;
  font-size: 14px;
}
.profile-description .profile-description-basic .profile-subcategories .profile-subcategories-container .profile-category.arrow {
  position: relative;
}
.profile-description .profile-description-basic .profile-subcategories .profile-subcategories-container .profile-category.arrow .link {
  padding-right: 14px;
  font-weight: 600;
}
.profile-description .profile-description-basic .profile-subcategories .profile-subcategories-container .profile-category.arrow .link:after {
  content: '';
  position: absolute;
  right: 0;
  top: 4px;
  width: 14px;
  height: 14px;
  font-weight: bold;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 10.5L8.75 7l-3.5-3.5' stroke='%2307080D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.profile-description .profile-description-basic .profile-subcategories .profile-subcategories-container .profile-category.arrow:hover .link h1 {
  color: #A6DDC5;
}
.profile-description .profile-description-basic .profile-subcategories .profile-subcategories-container .profile-category.arrow:hover .link:after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 10.5L8.75 7l-3.5-3.5' stroke='%2390D5B7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.profile-description .profile-description-basic .profile-subcategories .profile-subcategories-container .profile-category:not(:first-child) {
  margin-left: 10px;
}
.profile-description .profile-description-basic .profile-subcategories .profile-subcategories-container::-webkit-scrollbar {
  display: none;
}
.profile-description .profile-description-basic .profile-personality {
  max-width: 331px;
  color: #C3924A;
  font-size: 16px;
  margin-top: 12px;
  line-height: 19px;
}
.profile-description .profile-description-text {
  margin-top: 24px;
  color: #BFBFBF;
  font-size: 14px;
  line-height: 16px;
}
.profile-description .profile-description-text p {
  margin-bottom: 0;
}
.profile-description .profile-description-text .wiki_html {
  margin-top: 20px;
}
.profile-description .profile-description-text .wiki_html h2 {
  color: #BFBFBF;
}
.profile-description .profile-description-text .wiki_html p {
  color: #BFBFBF;
}
.profile-description .profile-description-text .wiki_html a {
  font-size: 14px;
  color: #495A98;
  text-decoration: underline;
}
.profile-description .profile-description-text a {
  display: inline-block;
}
.profile-description .popover-right {
  flex-shrink: 0;
}
.profile-description .popover-right .popover-watch {
  color: #8C8C8C;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  position: relative;
  vertical-align: middle;
  margin-right: 12px;
  margin-top: 6px;
  cursor: pointer;
}
.profile-description .popover-right .popover-watch svg,
.profile-description .popover-right .popover-watch label {
  display: block;
  pointer-events: none;
}
.profile-description .popover-right .popover-watch svg {
  font-size: 24px;
  margin: 0 auto;
}
.profile-description .popover-right .popover-watch label {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -40%);
  background-color: #15171F;
  padding: 0 2px;
  font-size: 12px;
  border-radius: 8px;
}
.profile-description .popover-right .popover-watch-users {
  height: 28px;
  line-height: 28px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
.profile-description .popover-right .popover-watch-users .avatar {
  position: absolute;
  top: 7px;
  left: 0;
  width: 24px;
  height: 24px;
  border: 0.5px solid #8C8C8C;
  vertical-align: middle;
  z-index: 2;
}
.profile-description .popover-right .popover-watch-users .avatar:nth-child(2) {
  transform: translateX(70%);
  z-index: 1;
}
.profile-description .popover-right .popover-watch-users .avatar:nth-child(3) {
  transform: translateX(140%);
  z-index: 0;
}
.profile-description .prifile-info {
  display: flex;
}
.profile-description .prifile-info .profile-name {
  flex: 1 1;
  overflow: hidden;
}
.profile-description .edit-wrapper {
  overflow: hidden;
  margin-top: 12px;
}
.profile-description .edit-wrapper .edit-item {
  display: inline-block;
  color: #495A98;
  font-size: 12px;
  line-height: 12px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
}
.profile-description .edit-wrapper .edit-item:before {
  content: '•';
  display: inline-block;
  color: #495A98;
  margin-right: 8px;
  font-size: 24px;
  vertical-align: middle;
  transform: translateY(-3px);
}
.profile-description .edit-wrapper .edit-item:not(:first-child) {
  margin-left: 12px;
}
.profile-description .last-update {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #8C8C8C;
}
.profile-description .last-update:before {
  content: '•';
  display: inline-block;
  color: #8C8C8C;
  margin-right: 8px;
  font-size: 24px;
  vertical-align: middle;
  transform: translateY(-3px);
}
.profile-description .contributor {
  float: right;
  font-size: 12px;
  line-height: 12px;
  margin-top: 3px;
  color: #8C8C8C;
}
.profile-description .contributor a {
  color: #495A98;
}
.profile-description .contributor:before {
  content: '•';
  display: inline-block;
  color: #8C8C8C;
  margin-right: 8px;
  font-size: 24px;
  vertical-align: middle;
  transform: translateY(-3px);
}
.profile-description .contributor:after {
  content: "";
  clear: both;
}
.profile-source-popover-description {
  display: block;
  margin-top: 28px;
  color: #A6DDC5;
  white-space: pre-line;
}
.profile-description-edit-popover .rc-dialog-body {
  overflow: auto !important;
}
@media (max-width: 768px) {
  .profile-description .contributor {
    display: block;
    float: none;
    margin-top: 4px;
  }
  .profile-description .edit-wrapper {
    margin-top: 4px;
  }
}

.breakdown-container {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding-bottom: calc(env(safe-area-inset-bottom, 48px) + env(safe-area-inset-top, 48px) + 108px);
  background: #07080D;
  z-index: 999999999;
  overflow: hidden;
}
.breakdown-container .header {
  color: #C4E9D9;
  font-size: 16px;
  text-align: center;
}
.breakdown-container .header span {
  float: left;
}
.breakdown-container .header label {
  display: block;
  height: 40px;
  line-height: 40px;
  text-indent: -40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breakdown-container .text {
  flex: 1 1;
  margin-top: 12px;
  padding: 0 16px 16px;
  color: #BFBFBF;
  overflow: auto;
  word-break: break-word;
  white-space: pre-line;
}
.breakdown-container .personality-vote {
  background-color: rgba(29, 32, 41, 0.6);
  border: none;
  padding: 16px;
  margin-right: 6px;
  border-radius: 8px;
}
.breakdown-container .personality-vote i.arrow {
  display: none !important;
}
.breakdown-container .personality-vote .rc-collapse-item-disabled > .rc-collapse-header {
  background-color: transparent;
  cursor: default;
}
.breakdown-container .personality-vote .rc-collapse-header {
  height: inherit;
  padding: 0;
  outline: none;
}
.breakdown-container .personality-vote .rc-collapse-content {
  background-color: transparent;
  padding: 0;
}
.breakdown-container .personality-vote .rc-collapse-content-box {
  margin-top: 0;
}
.breakdown-container .personality-vote .rc-collapse-header-text {
  width: 100%;
}
.breakdown-container .personality-vote .personality-vote-header {
  display: block;
  width: 100%;
}
.breakdown-container .personality-vote .personality-vote-header svg {
  float: right;
  font-size: 12px;
  margin-top: 5px;
  transition: transform 0.25s linear;
}
.breakdown-container .personality-vote .personality-vote-header svg path {
  fill: #FA9D64 !important;
}
.breakdown-container .personality-vote .rc-collapse-item-active .personality-vote-header svg {
  transform: rotate(-180deg);
}
.breakdown-container .personality-vote .personality-vote-title {
  color: #F0F0F0;
}
.breakdown-container .personality-vote .personality-vote-count {
  color: #FA9D64;
  margin-left: 5px;
}
.breakdown-container .personality-vote .personality-vote-count[data-hot='hot']:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 4px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANHSURBVHgBrVZbSBRhFP7+mb204iWzxS5GXlYLi9CwMoSQ6qm3HiTBkNDUAiMi6C3wvaQnIS9IBEVv0ktQFL0U9ZAYSIG0ZqAplqFouu6uO6czs9u2Ozu7c6EP/pl/Zs4533/mP5cfcAjqDlTRlarzRBBwAEdK1NIiY8f4e542sIUn8EU6xL25kB0bEpygZLxVI9VWgVZseJ9RW6DQhgX7HlOfPx8LBZ95uk9n6i1+i3PiUXDVih37Hs/n38ok1ZbUhHwao0vl22ABtoipd38F327mkDgNrzxoJeBMiakncDFpKOK+AyHyTDTa0VN5HSYQuUkrTrHISw6gAI8aln7Bw0pchCGkk+J+cCKbQFaP43slBnnqhiSdhYz+NFIplza8UJQRam522Sbmverl68H4KpQB9vhI8lshqzX5gEYeeVlMCBxF9WxnNvOGv42ucU5GKQgif8ZHPztR5wHkhGqEgIkwsBwzMjWHsFItHnzb1H8wXm5Y6chKWp9CqsLD8wbelRLZyFIZfPIFow8ZxIkIvpwhWSzHPZUMfpLKWc/kRQZ+KJRpy4iYU+EwX2vT3m1jsjpvuqd6uBLkHr2MaKT2mr3mxGoE61PmEJN6LWSRusBaj+4lueCLnTEnhnIs7bGUXfEb7p8xdrkM9puOw5yYi0UqqtywDb0OoRoWiIuTMzVYCh10TjUQU/NboNScmPAvIf1ZC09uqOGwM/V3kxemxMBiclbg6IASR2pqkViDBeLJuDAPj7MDiob0LPgCU2IhXsXvPGKE/wIJbzJf6aFsPGfSJW2+qsAxQgldQgSR6FNTYjG0sAEFA9rDjxgc46+uwGMxOjtvSqxhy93PS53BCiv/ckCu/qklTW8ZsfBtIxFDYjE6tQaX3MbTED5xy4va2Gs1LibDanOIQRGdYuT7nGVijXwg+I7rNp+ZlRA+sKFNC+Rqbx5n2TUlyg2lSwxPj2W1b2aLustP8PnpIXedGgS4FO7houLSqW0x4cIWJ01UJZ/hvO0UQ9Ovc9m1VCHoRpkPIW8XN+ur3HsPYDv3R19CNcSkKzG13k1xUA6jaH1Q3F1cN7NpqzRph4TuSi74Uh33Xz8f6Agk/YRQPmL312nRB8v59wcj5fLa+Z2ypAAAAABJRU5ErkJggg==');
  vertical-align: middle;
  background-size: cover;
}
.breakdown-container .personality-vote .personality-vote-item label {
  color: #8C8C8C;
  font-size: 12px;
}
.breakdown-container .personality-vote .personality-vote-item span {
  display: block;
  height: 14px;
  background-color: #225941;
  border-radius: 14px;
}
.breakdown-container .personality-vote:not(:first-child) {
  margin-top: 16px;
}

.vote-detail {
  clear: both;
  overflow: hidden;
  transition: height 0.25s ease;
}
.vote-detail .rc-col:first-child .personality-vote:last-child {
  margin-bottom: 16px;
}
.vote-detail .vote-detail-personality {
  display: flex;
  flex-wrap: wrap;
  border-radius: 16px;
}
.vote-detail .type1 {
  display: flex;
  width: 100%;
  padding: 11px 12px;
  border-radius: 8px;
  background-color: #1D2029;
  flex-wrap: wrap;
}
.vote-detail .type1 .reported_said {
  width: calc(100%);
  color: #FFCF9A;
  width: 100%;
  padding-bottom: 12px;
  flex-shrink: 0;
  font-family: "SF Pro Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  align-content: center;
  align-items: center;
  line-height: normal;
}
.vote-detail .type1 .reported_said svg {
  margin: 0 2px;
  translate: 0px 4px;
}
.vote-detail .type2 {
  position: relative;
  display: flex;
  width: 100%;
  margin-top: 16px;
  padding: 11px 12px;
  border-radius: 8px;
  background-color: #1D2029;
}
.vote-detail .type2 .question-icon {
  position: absolute;
  top: 6px;
  right: 6px;
}
.vote-detail .vote-detail-letter {
  flex: 1 1;
}
.vote-detail .vote-detail-letter .letter {
  display: block;
  color: #FFCF9A;
  font-size: 36px;
  text-align: center;
  line-height: 42px;
}
.vote-detail .vote-detail-letter .percent {
  display: block;
  font-size: 12px;
  color: #8C8C8C;
  text-align: center;
}
.vote-detail .vote-detail-letter[data-debate='true']:hover {
  background-color: #15171F;
  border-radius: 8px;
}
.vote-detail .vote-detail-func {
  flex: 1 1;
}
.vote-detail .vote-detail-func .letter {
  display: block;
  color: #FA9D64;
  font-size: 26px;
  text-align: center;
  line-height: 42px;
}
.vote-detail .vote-detail-func .desc {
  display: block;
  font-size: 12px;
  color: #8C8C8C;
  text-align: center;
}
.vote-detail .personality-vote {
  border: none;
  padding: 11px 8px;
  background-color: rgba(29, 32, 41, 0.6);
  border-radius: 8px;
}
.vote-detail .personality-vote i.arrow {
  display: none !important;
}
.vote-detail .personality-vote .rc-collapse-item-disabled > .rc-collapse-header {
  background-color: transparent;
  cursor: default;
}
.vote-detail .personality-vote .rc-collapse-header {
  outline: none;
  height: inherit;
  line-height: inherit;
  padding: 0 !important;
  text-indent: 0;
}
.vote-detail .personality-vote .rc-collapse-header > div:first-child {
  height: 22px;
}
.vote-detail .personality-vote .rc-collapse-content {
  background-color: transparent;
  padding: 0;
}
.vote-detail .personality-vote .rc-collapse-content-box {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
.vote-detail .personality-vote .rc-collapse-header-text {
  width: 100%;
}
.vote-detail .personality-vote .personality-vote-header {
  display: block;
  width: 100%;
}
.vote-detail .personality-vote .personality-vote-header svg {
  float: right;
  font-size: 12px;
  margin-top: 5px;
  transition: transform 0.25s linear;
}
.vote-detail .personality-vote .personality-vote-header svg path {
  fill: #FA9D64 !important;
}
.vote-detail .personality-vote .rc-collapse-item-active .personality-vote-header svg {
  transform: rotate(-180deg);
}
.vote-detail .personality-vote .personality-vote-title {
  color: #F0F0F0;
}
.vote-detail .personality-vote .personality-vote-count {
  color: #FA9D64;
  margin-left: 5px;
}
.vote-detail .personality-vote .personality-vote-count[data-hot='hot']:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 4px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANHSURBVHgBrVZbSBRhFP7+mb204iWzxS5GXlYLi9CwMoSQ6qm3HiTBkNDUAiMi6C3wvaQnIS9IBEVv0ktQFL0U9ZAYSIG0ZqAplqFouu6uO6czs9u2Ozu7c6EP/pl/Zs4533/mP5cfcAjqDlTRlarzRBBwAEdK1NIiY8f4e542sIUn8EU6xL25kB0bEpygZLxVI9VWgVZseJ9RW6DQhgX7HlOfPx8LBZ95uk9n6i1+i3PiUXDVih37Hs/n38ok1ZbUhHwao0vl22ABtoipd38F327mkDgNrzxoJeBMiakncDFpKOK+AyHyTDTa0VN5HSYQuUkrTrHISw6gAI8aln7Bw0pchCGkk+J+cCKbQFaP43slBnnqhiSdhYz+NFIplza8UJQRam522Sbmverl68H4KpQB9vhI8lshqzX5gEYeeVlMCBxF9WxnNvOGv42ucU5GKQgif8ZHPztR5wHkhGqEgIkwsBwzMjWHsFItHnzb1H8wXm5Y6chKWp9CqsLD8wbelRLZyFIZfPIFow8ZxIkIvpwhWSzHPZUMfpLKWc/kRQZ+KJRpy4iYU+EwX2vT3m1jsjpvuqd6uBLkHr2MaKT2mr3mxGoE61PmEJN6LWSRusBaj+4lueCLnTEnhnIs7bGUXfEb7p8xdrkM9puOw5yYi0UqqtywDb0OoRoWiIuTMzVYCh10TjUQU/NboNScmPAvIf1ZC09uqOGwM/V3kxemxMBiclbg6IASR2pqkViDBeLJuDAPj7MDiob0LPgCU2IhXsXvPGKE/wIJbzJf6aFsPGfSJW2+qsAxQgldQgSR6FNTYjG0sAEFA9rDjxgc46+uwGMxOjtvSqxhy93PS53BCiv/ckCu/qklTW8ZsfBtIxFDYjE6tQaX3MbTED5xy4va2Gs1LibDanOIQRGdYuT7nGVijXwg+I7rNp+ZlRA+sKFNC+Rqbx5n2TUlyg2lSwxPj2W1b2aLustP8PnpIXedGgS4FO7houLSqW0x4cIWJ01UJZ/hvO0UQ9Ovc9m1VCHoRpkPIW8XN+ur3HsPYDv3R19CNcSkKzG13k1xUA6jaH1Q3F1cN7NpqzRph4TuSi74Uh33Xz8f6Agk/YRQPmL312nRB8v59wcj5fLa+Z2ypAAAAABJRU5ErkJggg==');
  vertical-align: middle;
  background-size: cover;
}
.vote-detail .personality-vote .personality-vote-item label {
  color: #8C8C8C;
  font-size: 12px;
}
.vote-detail .personality-vote .personality-vote-item span {
  display: block;
  height: 14px;
  background-color: #328561;
  border-radius: 14px;
}
.vote-detail .personality-vote .personality-vote-item .highlight-text {
  color: #FA9D64;
}
.vote-detail .personality-vote:not(:first-child) {
  margin-top: 16px;
}
.vote-detail .breakdown-btn {
  margin-top: 16px;
  padding-top: 12px;
  color: #8C8C8C;
  font-size: 14px;
  text-align: center;
  border-top: 0.5px solid #112C20;
}
.vote-detail .breakdown-btn svg {
  transform: translateY(6px);
}
.vote-detail .divider-line {
  margin-top: 16px;
  width: 100%;
  height: 0.5px;
  display: block;
  background-color: var(--pdb-bg-color-4);
}
.vote-detail .show-all-votes {
  margin-top: 16px;
  color: #6BC79F;
  /* SF/14/Regular */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  letter-spacing: 0.56px;
  text-align: center;
}
.vote-detail .show-all-votes svg {
  margin: auto 4px;
  transform: translateY(2px);
}
@media screen and (max-width: 768px) {
  .vote-detail {
    margin: 0 16px;
  }
  .vote-detail .rc-row {
    flex-wrap: wrap;
  }
  .vote-detail .vote-detail-personality {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: 0;
  }
  .vote-detail .vote-detail-personality .vote-detail-func {
    flex: 1 1;
    overflow: hidden;
  }
  .vote-detail .personality-vote {
    margin-right: 0;
  }
}

.suggestion-module {
  padding-top: 16px;
}
.suggestion-module .suggestion-create-btn {
  padding: 3px 0;
  color: #BFBFBF;
  font-size: 14px;
  text-align: center;
  border: 1.5px solid #6BC79F;
  border-radius: 99px;
  cursor: pointer;
}
.suggestion-module .suggestion-create-btn svg {
  margin-right: 10px;
  transform: translateY(3px);
}
.suggestion-module .suggestion-module-filter {
  text-align: right;
  margin: 14px 0;
}
.suggestion-module .suggestion-module-filter .sort-btn {
  color: #D9D9D9;
}
.suggestion-module .suggestion-module-filter .selector {
  display: inline-block;
  vertical-align: middle;
  border: none;
  color: #328561;
}
.suggestion-module .suggestion-module-filter .selector svg path {
  fill: #328561;
}
.suggestion-module .feed-card:not(:first-child) {
  margin-top: 16px;
}

.admin-module {
  padding-top: 16px;
}
.admin-module .feed-card:not(:first-child) {
  margin-top: 16px;
}

.faq .rc-tabs-nav {
  background-color: #07080D;
}
.faq .rc-tabs-tab-btn {
  outline: none;
}

.fix-btn {
  position: fixed;
  right: 21px;
  bottom: 30px;
  z-index: 1;
  cursor: pointer;
}

.scroll-tab {
  position: relative;
  width: 100%;
  align-items: center;
  padding-right: 20px;
}
.scroll-tab svg {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 28px;
  cursor: pointer;
}
.scroll-tab svg.left {
  left: 0;
  transform: rotate(180deg);
}
.scroll-tab .scroll-tab-container {
  position: relative;
  min-width: 100%;
  white-space: nowrap;
  overflow-x: auto;
}
.scroll-tab .scroll-tab-container::-webkit-scrollbar {
  display: none;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.personality-header .title {
  display: flex;
  align-items: start;
  background-color: #07080D;
}
.personality-header .title h1 {
  flex: 1 1;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 0;
  color: #D9D9D9;
}
.personality-header .title .share-container {
  margin-top: 6px;
}
.personality-header .title .share-container .share-item svg {
  color: #8C8C8C !important;
}
.personality-header .title .share-container .share-item:not(:first-child) {
  margin-left: 8px;
}
.personality-header .desc_limit {
  font-weight: 400;
  font-size: 14px;
  color: #8C8C8C;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-line;
}
.personality-header .desc {
  font-weight: 400;
  font-size: 14px;
  color: #8C8C8C;
  margin-bottom: 0;
}
.personality-header .join {
  display: block;
  margin-top: 8px;
  text-align: right;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
.personality-header .join a {
  color: #6BC79F;
  cursor: pointer;
}
.personality-header .join svg {
  transform: translateY(2px);
  color: #6BC79F !important;
}
.personality-header > .personality-selector {
  margin-top: 16px;
  height: 32px;
  border-color: #434343;
  border-radius: 8px;
}
.personality-header > .personality-selector label {
  font-size: 16px;
  color: #8C8C8C;
}
.personality-header > .personality-selector svg path {
  fill: #8C8C8C !important;
}
.personality-header .filter {
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
  margin-bottom: 12px;
}
.personality-header .filter .item {
  margin-bottom: 24px;
  margin-right: 12px;
  flex: 1 1 30%;
  text-align: center;
  font-size: 0;
  background: #15171F;
  border-radius: 4px;
  cursor: pointer;
}
.personality-header .filter .item .selector {
  width: 100%;
  border: none;
  margin-top: 0;
  height: inherit;
}
.personality-header .filter .item .selector svg {
  margin-left: 0;
}
.personality-header .filter .item .selector label {
  position: absolute;
  bottom: -18px;
  width: calc(100% - 20px);
  max-width: none;
}
.personality-header .filter .item .selector label + svg {
  position: absolute;
  left: 50%;
  bottom: -16px;
  font-size: 12px;
  transform: translate(-50%, -5%) scale(0.6);
}
.personality-header .filter .item .selector label + svg path {
  fill: #328561;
}
.personality-header .filter .item svg {
  transform: translateY(-50%);
}
.personality-header .filter .item label {
  display: block;
  font-weight: 400;
  font-size: 14px;
  transform: translateY(-50%);
}
.personality-header .filter .item.anime label {
  color: #FA9D64;
}
.personality-header .filter .item.celebrity label {
  color: #A5C3DE;
}
.personality-header .filter .item.actors label {
  color: #CA7A7A;
}
.personality-header .filter .item.books label {
  color: #B4B4B4;
}
.personality-header .filter .item.songs label {
  color: #A272AA;
}
.personality-header .filter .item.category label {
  color: #A6DDC5;
}
.personality-header .filter .item:nth-child(3n) {
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  .personality-header {
    padding-right: 16px;
  }
  .personality-header .filter .item {
    flex: 1 1 15%;
  }
  .personality-header .filter .item:nth-child(3) {
    margin-right: 12px;
  }
}

.new-profile {
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
  border: 1px solid #6BC79F;
  overflow: hidden;
}
.new-profile .rc-dialog-body {
  max-height: calc(100vh - 120px);
}
.new-profile .add-popover-container {
  height: 100%;
}
.new-profile .add-popover-container .rc-tabs-content-holder,
.new-profile .add-popover-container .rc-tabs-content,
.new-profile .add-popover-container .rc-tabs-tabpane {
  height: 100%;
}
.new-profile .add-popover-container .rc-tabs-tabpane {
  max-height: 550px;
  overflow-y: auto;
}
.new-profile .add-popover-container .rc-tabs-nav {
  display: none;
}
.new-profile .profile-guidelines {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.new-profile .profile-guidelines .guidelines-list {
  display: block;
  flex: 1 1;
  color: #D9D9D9;
  padding: 0 16px;
  list-style-type: disc;
  overflow: auto;
}
.new-profile .profile-guidelines .guidelines-list li:not(:first-child) {
  margin-top: 20px;
}
.new-profile .profile-guidelines .guidelines-list li.small {
  margin-top: 0;
  color: #8C8C8C;
}
.new-profile .profile-guidelines .skip-next {
  display: block;
  margin-top: 20px;
  color: #8C8C8C;
  font-size: 18px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.new-profile .profile-guidelines .skip-next .rc-checkbox {
  margin-right: 8px;
}
.new-profile .profile-guidelines .bottom {
  margin-top: 16px;
  text-align: right;
}
.new-profile .profile-guidelines .bottom button {
  height: 32px;
  line-height: 32px;
  outline: none;
  border: none;
  padding: 0 16px;
  color: #F0F0F0;
  border-radius: 99px;
  background-color: #328561;
  cursor: pointer;
}
.new-profile .sl-form {
  height: 100%;
  overflow: auto;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-list-mobile-filter .header {
  position: relative;
  padding: 11px 0;
  text-align: center;
  color: #BFBFBF;
  font-weight: 500;
  font-size: 17px;
}
.profile-list-mobile-filter .header .close-btn {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}
.profile-list-mobile-filter .container {
  padding: 16px 0;
}
.profile-list-mobile-filter .container .filter-list {
  padding: 0 16px;
}
.profile-list-mobile-filter .container .filter-list .filter-list-title {
  display: block;
  color: #E1F4EC;
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 16px;
}
.profile-list-mobile-filter .container .filter-list .filter-list-container .filter-list-item {
  display: flex;
  align-items: center;
}
.profile-list-mobile-filter .container .filter-list .filter-list-container .filter-list-item .filter-list-item-title {
  flex-shrink: 0;
  flex-basis: 30%;
  font-weight: 400;
  font-size: 14px;
  color: #8C8C8C;
}
.profile-list-mobile-filter .container .filter-list .filter-list-container .filter-list-item .filter-list-item-value {
  flex: 1 1;
  font-weight: 400;
  font-size: 16px;
  height: 32px;
  border: 1.5px solid #434343;
  border-radius: 8px;
  text-align: center;
  color: #8C8C8C;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.profile-list-mobile-filter .container .filter-list .filter-list-container .filter-list-item .filter-list-item-value label {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 32px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-list-mobile-filter .container .filter-list .filter-list-container .filter-list-item .filter-list-item-value svg {
  display: inline-block;
  vertical-align: middle;
}
.profile-list-mobile-filter .container .filter-list .filter-list-container .filter-list-item .filter-list-item-value.active {
  border: 1px solid #6BC79F;
  color: #6BC79F;
}
.profile-list-mobile-filter .container .filter-list .filter-list-container .filter-list-item .filter-list-item-value.disabled {
  color: rgba(140, 140, 140, 0.3);
  border-color: rgba(140, 140, 140, 0.3);
  cursor: default;
}
.profile-list-mobile-filter .container .filter-list .filter-list-container .filter-list-item:not(:last-child) {
  margin-bottom: 12px;
}
.profile-list-mobile-filter .container .filter-list:not(:last-child) {
  margin-bottom: 20px;
}
.profile-list-mobile-filter .container .btns {
  padding: 0 16px;
}
.profile-list-mobile-filter .container .btns .btn {
  width: 100%;
  height: 40px;
}
.profile-list-mobile-filter .container .search {
  flex: 1 1;
  padding: 4px 14px;
  margin: 0 12px 8px;
  background-color: #434343;
  border-radius: 99px;
  overflow: hidden;
}
.profile-list-mobile-filter .container .search form {
  display: inline-block;
  width: calc(100% - 17px);
  vertical-align: middle;
}
.profile-list-mobile-filter .container .search input {
  width: 100%;
  color: #D9D9D9;
  background-color: transparent;
}
.profile-list-mobile-filter .container .search input::-webkit-input-placeholder {
  color: #8C8C8C;
}
.profile-list-mobile-filter .container .search input::-ms-input-placeholder {
  color: #8C8C8C;
}
.profile-list-mobile-filter .container .search input::placeholder {
  color: #8C8C8C;
}
.profile-list-mobile-filter .container .search svg {
  display: inline-block;
  font-size: 17px;
  color: #8C8C8C;
  vertical-align: middle;
}
.profile-list-mobile-filter .container .search-list {
  height: 288px;
  overflow-y: auto;
}
.profile-list-mobile-filter .container .search-list .search-item {
  padding: 5px 12px;
  color: #8C8C8C;
  font-weight: 400;
  font-size: 14px;
}
.profile-list-mobile-filter .container .search-list .search-item.active {
  background: #112C20;
  border-radius: 16px;
}
.profile-list-filter-drawer {
  z-index: 9999999999;
}

.profile .profile-filter {
  background-color: #07080D;
}
.profile .category-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.profile .category-title .title {
  position: relative;
  display: inline-block;
  font-weight: 500;
  font-size: 22px;
  line-height: 130%;
  letter-spacing: 0.04em;
  color: #F5F5F5;
}
.profile .category-title .title:before {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: linear-gradient(91.84deg, #417B57 -15.57%, #074B7B 96.67%);
}
.profile .category-title .create-btn {
  width: 147px;
  height: 32px;
  line-height: 32px;
  background-color: transparent;
  border: 1px solid #6BC79F;
  padding: 0;
}
.profile .category-title .create-btn .create-btn-contaner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}
.profile .category-title .create-btn .create-btn-contaner svg {
  margin-right: 4px;
}
.profile .category-title .create-btn .create-btn-contaner label {
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: #6BC79F !important;
}
.profile .category-title a {
  padding: 7px 16px;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.04em;
  background: linear-gradient(271.62deg, #00467F -0.51%, #699B3D 149.9%);
  border-radius: 16px;
  color: #D9D9D9;
}
.profile .category-title a svg {
  transform: translateY(2px);
}
.profile .profile-filter-header {
  height: 34px;
  line-height: 34px;
  font-size: 0;
  border: 1.5px solid #112C20;
  border-radius: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.profile .profile-filter-header .profile-filter-item {
  display: inline-block;
  font-size: 18px;
  color: #8C8C8C;
  padding: 0 16px;
  vertical-align: top;
  border-radius: 8px;
  transform: translate(-1.5px, -1.5px);
  cursor: pointer;
}
.profile .profile-filter-header .profile-filter-item.active,
.profile .profile-filter-header .profile-filter-item:hover {
  background-color: #225941;
  color: #F0F0F0;
}
.profile .profile-filter-header .profile-filter-item:not(:first-child) {
  margin-left: 8px;
}
.profile .profile-filter-header .profile-filter-more {
  float: right;
  font-size: 16px;
  margin-right: 13px;
  color: #8C8C8C;
  transform: translate(-1.5px, -1.5px);
  cursor: pointer;
}
.profile .profile-filter-header .profile-filter-more svg {
  display: inline-block;
  vertical-align: middle;
}
.profile .profile-filter-header .profile-filter-more label {
  display: inline-block;
  margin-left: 8px;
  pointer-events: none;
  vertical-align: middle;
}
.profile .profile-filter-header .profile-filter-more.disabled {
  color: #8C8C8C4D;
  cursor: default;
}
.profile .profile-filter-header .profile-filter-more.expand {
  color: #6BC79F;
}
.profile .profile-filter-expand {
  width: 100%;
  overflow: hidden;
}
.profile .profile-filter-expand > div {
  display: flex;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  transition: height 0.3s ease-in-out;
}
.profile .profile-filter-expand .selector {
  display: inline-block;
  flex: 1 0;
  vertical-align: middle;
  overflow: hidden;
}
.profile .profile-filter-expand .selector:not(:first-child) {
  margin-left: 22.6px;
}
.profile .filter-from-mobile {
  display: none;
}
.profile .filter-from-mobile .filter-from-mobile-type {
  padding: 8px 0;
  background-color: #07080D;
}
.profile .filter-from-mobile .more-filter {
  margin-left: 16px;
  font-size: 16px;
  color: #8C8C8C;
  cursor: pointer;
}
.profile .filter-from-mobile .more-filter.expand {
  color: #6BC79F;
}
.profile .filter-from-mobile .more-filter label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.profile .filter-from-mobile .more-filter svg {
  display: inline-block;
  vertical-align: middle;
  pointer-events: none;
}
.profile .filter-from-mobile .recommend {
  margin-bottom: 12px;
}
.profile .filter-from-mobile-filter {
  text-align: right;
  min-height: 54px;
  background-color: #07080D;
  padding: 12px 0;
}
.profile .filter-from-mobile-filter .back-btn {
  float: left;
  margin-top: 2px;
}
.profile .filter-from-mobile-filter .new-icon {
  float: right;
  top: 0;
  font-size: 16px;
  width: 40px;
  margin-left: 16px;
  text-align: center;
}
.profile .filter-from-mobile-filter .new-icon svg {
  margin-top: 5px;
}
.profile .filter-from-mobile-filter .new-icon svg path {
  stroke-width: 5 !important;
  stroke: #8c8c8c !important;
}
.profile .filter-from-mobile-filter .selector {
  float: left;
  margin-top: 2px;
  width: 71px;
  height: 26px;
  line-height: 20px;
  font-size: 14px;
  padding: 0 5px;
  border: 1px solid #1D2029;
}
.profile .filter-from-mobile-filter .selector::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.333 5.33L4.667 2.665m0 0L2 5.331m2.667-2.667v10.667M8.667 10.67l2.666 2.666m0 0L14 10.669m-2.667 2.667V2.669' stroke='%23BFBFBF' stroke-width='1.333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  transform: translateY(5px);
}
.profile .filter-from-mobile-filter .selector label {
  color: #BFBFBF;
}
.profile .filter-from-mobile-filter .selector svg {
  display: none;
}
.profile .recommend {
  display: flex;
  width: 100%;
  height: 24px;
  align-items: center;
  padding: 0 12px;
  margin-top: 16px;
}
.profile .recommend svg {
  font-size: 23px;
}
.profile .recommend .scroll-tab-container {
  position: relative;
  flex: 1 1;
  margin: 0 8px;
  white-space: nowrap;
}
.profile .recommend .scroll-tab-container a {
  display: inline-block;
  color: #8C8C8C;
  font-size: 14px;
  padding: 0 8px;
  vertical-align: middle;
  background-color: #1F1F1F;
  border-radius: 99px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.profile .recommend .scroll-tab-container a:not(:first-child) {
  margin-left: 8.3px;
}
.profile .recommend .scroll-tab-container a:hover,
.profile .recommend .scroll-tab-container a.active {
  background-color: #112C20;
  color: #6BC79F;
}
.profile .community {
  position: relative;
  margin-top: 18px;
  border: 2px solid #328561;
  padding: 16px;
  border-radius: 16px;
}
.profile .community .share-icon {
  margin-top: 3px;
  float: right;
}
.profile .community .popover-watch {
  position: relative;
  float: right;
  margin-top: 3px;
  margin-right: 20px;
  color: #8C8C8C;
  text-align: center;
  cursor: pointer;
}
.profile .community .popover-watch svg,
.profile .community .popover-watch label {
  display: block;
  pointer-events: none;
}
.profile .community .popover-watch svg {
  font-size: 24px;
  margin: 0 auto;
}
.profile .community .popover-watch label {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -40%);
  background-color: #07080D;
  padding: 0 2px;
  font-size: 12px;
  border-radius: 8px;
}
.profile .community .community-title {
  font-size: 24px;
  color: #6BC79F;
}
.profile .community .summary {
  display: flex;
}
.profile .community .summary .avatar {
  width: 96px;
  height: 144px;
  border-radius: 8px;
  overflow: hidden;
}
.profile .community .summary .avatar img {
  width: auto;
  height: 100%;
  border-radius: 8px;
}
.profile .community .summary .summary-right {
  flex: 1 1;
  padding: 8px;
  margin-left: 8px;
  border-radius: 6px;
}
.profile .community .summary .summary-right .wrp {
  background-color: #15171F;
}
.profile .community .summary .summary-right .category-title {
  margin-top: 10px;
  margin-bottom: 0;
}
.profile .community .summary label {
  font-size: 12px;
  color: #8C8C8C;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.profile .community .community-text {
  margin-top: 12px;
  font-size: 12px;
  color: #BFBFBF;
}
.profile .community .edit-wrapper {
  overflow: hidden;
  margin-top: 12px;
}
.profile .community .edit-wrapper .edit-item {
  display: inline-block;
  color: #495A98;
  font-size: 12px;
  line-height: 12px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
}
.profile .community .edit-wrapper .edit-item:before {
  content: '•';
  display: inline-block;
  color: #495A98;
  margin-right: 8px;
  font-size: 24px;
  vertical-align: middle;
  transform: translateY(-3px);
}
.profile .community .edit-wrapper .edit-item:not(:first-child) {
  margin-left: 12px;
}
.profile .community .edit-wrapper .create-date {
  display: block;
  margin-top: 4px;
  color: #8C8C8C;
  font-size: 12px;
  line-height: 14px;
}
.profile .community .edit-wrapper .create-date:before {
  content: '•';
  display: inline-block;
  color: #8C8C8C;
  margin-right: 8px;
  font-size: 24px;
  vertical-align: middle;
  transform: translateY(-3px);
}
.profile .community .subcategory-source {
  display: block;
  font-size: 12px;
  color: #595959;
  text-align: center;
  cursor: pointer;
}
.profile .controversial-header {
  padding: 8px 0;
  text-align: center;
}
.profile .controversial-header .share-icon {
  float: right;
  margin-top: 3px;
}
.profile .controversial-header .title {
  color: #D9D9D9;
  font-size: 18px;
}
.profile .controversial-header .back-btn {
  float: left;
}
.profile .join-discussion {
  display: block;
  margin-top: 24px;
  margin-left: 16px;
  margin-bottom: 12px;
  padding: 12px;
  border-radius: 16px;
  background: linear-gradient(270.18deg, #1C3556 -4%, #689553 140.05%);
  cursor: pointer;
}
.profile .join-discussion .join-discussion-title {
  color: #F0F0F0;
  font-size: 16px;
  cursor: pointer;
}
.profile .join-discussion .join-discussion-title svg {
  margin-left: 4px;
  transform: translateY(2px);
}
.profile .join-discussion .join-discussion-desc {
  margin-top: 2px;
  font-size: 12px;
  color: #8C8C8C;
  cursor: pointer;
}
.profile .profile-personality-filter {
  height: 32px;
  padding-left: 16px;
}
.profile .profile-personality-filter .selector {
  float: right;
  width: 264px;
}
.profile .profile-personality-filter .personality-16 {
  float: left;
  width: auto;
  border: none;
}
.profile .profile-personality-filter .personality-16 h1 {
  display: inline-block;
  color: #F5F5F5;
  font-size: 16px;
}
.profile .profile-personality-filter .personality-16.active svg path {
  fill: #F5F5F5 !important;
}
.profile .add-container {
  text-align: right;
  background-color: #07080D;
}
.profile .add-container .add-btn {
  display: inline-block;
  color: #FFC9A3;
  vertical-align: middle;
  margin-left: 18px;
  cursor: pointer;
}
.profile .add-container .add-btn svg {
  display: inline-block;
  font-size: 19px;
  vertical-align: middle;
}
.profile .add-container .add-btn label {
  display: inline-block;
  margin-left: 4px;
  font-size: 16px;
  vertical-align: middle;
  pointer-events: none;
}
.profile .add-container .add-btn.disabled {
  color: #595959;
}
.profile .add-container .pdb-tabs {
  display: inline-block;
  vertical-align: middle;
}
.profile .profile-container {
  display: block;
  margin-top: 12px;
}
.profile .profile-container .loading-container .space {
  height: 80vh;
}
.profile .profile-container .profile-card-link {
  display: inline-flex;
  width: calc(50% - 16px);
  overflow: hidden;
  margin-right: 16px;
  margin-bottom: 16px;
  cursor: pointer;
}
.profile .profile-container .profile-card-link .profile-card {
  width: 100%;
}
.profile .profile-container .profit-ad-primis {
  margin-bottom: 16px;
}
.profile .profile-container .pdb-profile-association {
  width: 100%;
  overflow: hidden;
  margin-right: 16px;
  margin-bottom: 16px;
  cursor: pointer;
}
.profile .profile-container .crews-container .header {
  margin-bottom: 12px;
}
.profile .profile-container .crews-container .header label {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  color: #BFBFBF;
}
.profile .profile-container .crews-container .header .more-icon {
  margin-top: 3px;
  margin-right: 16px;
  float: right;
  cursor: pointer;
}
.profile .profile-container .rc-pagination {
  margin-top: 24px;
  text-align: center;
}
.mobile-filter-dropdown {
  width: 100vw;
}
.new-profile-dropdown ul {
  margin-bottom: 0;
}
.new-profile-dropdown ul li {
  padding: 0 16px;
  color: #BFBFBF;
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.new-profile-dropdown ul li:hover {
  color: #A6DDC5;
  background-color: #112C20;
}
.personality-16-dropdown {
  width: 256px;
}
.personality-16-dropdown .selector-list {
  padding-top: 16px;
  padding-bottom: 16px;
  max-height: 332px;
}
.personality-16-dropdown .selector-list li {
  text-align: center;
  background: #262626;
  margin-bottom: 4px;
  line-height: 26px;
}
.subcategory-source-popover-description {
  display: block;
  margin-top: 28px;
  color: #A6DDC5;
}
@media (max-width: 1024px) {
  .profile .personality-header {
    margin: 0 16px;
  }
  .profile .profile-container {
    margin-top: 0px;
  }
  .profile .profile-container .profile-card-link,
  .profile .profile-container .pdb-profile-association {
    width: 100%;
    margin-left: 0;
  }
  .profile .profile-container .profile-card-link:nth-child(2n),
  .profile .profile-container .pdb-profile-association:nth-child(2n) {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .profile {
    padding: 0;
  }
  .profile .profile-filter {
    display: none;
    margin: 0 16px;
  }
  .profile .profile-container {
    margin: 0 16px;
  }
  .profile .profile-personality-filter {
    margin-top: 8px;
    padding-left: 0;
  }
  .profile .profile-personality-filter .selector:not(.personality-16) {
    width: 160px;
  }
  .profile .add-container {
    margin: 0 16px;
  }
  .profile .add-container .add-btn {
    margin-top: 12px;
  }
  .profile .join-discussion {
    margin-bottom: 24px;
    margin-left: 0;
  }
  .profile .filter-from-mobile {
    display: block;
    margin: 0 16px;
  }
  .profile .pc-recommend {
    display: none;
    margin: 0 16px;
  }
  .profile .community {
    margin-top: 0;
    margin-left: 16px;
    margin-right: 16px;
  }
  .profile .community .edit-wrapper {
    margin-top: 4px;
  }
  .profile .community .edit-wrapper .edit-item:before {
    transform: translateY(-2px);
  }
  .profile .community .category-title {
    margin-top: 12px;
    margin-bottom: 0;
  }
  .profile .community .category-title a,
  .profile .community .category-title .create-btn {
    flex: 1 1;
    text-align: center;
  }
  .profile .community .summary-right label {
    -webkit-line-clamp: 3 !important;
  }
  .profile .community .summary .avatar {
    width: 72px;
    height: 108px;
  }
}

.personality-post {
  padding-bottom: 16px;
  padding-left: 12px;
}
.personality-post .header {
  padding-bottom: 8px;
  display: flex;
  align-content: center;
  align-items: center;
}
.personality-post .header .title {
  color: #F0F0F0;
  color: var(--PDBAPP-solid-white-94, #F0F0F0);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 18.2px */
  letter-spacing: 0.56px;
  margin: auto 4px 0px;
}
.personality-post .header .join_now {
  margin: auto 4px 0px;
  display: flex;
  height: 20px;
  justify-content: center;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  padding: 4px;
  background-color: var(--pdb-bg-color-4);
  color: var(--pdb-bg-color-8);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 13px */
  letter-spacing: 0.4px;
  border-radius: 4px;
}
.personality-post .personality-post-card {
  display: flex;
  width: 100%;
  min-height: 192px;
  flex-wrap: nowrap;
  align-items: center;
  margin-right: 16px;
  overflow-y: auto;
}
.personality-post .personality-post-card::-webkit-scrollbar {
  display: none;
}
.personality-post .personality-post-card .post-item {
  width: calc(50% - 8px);
  overflow: hidden;
  min-height: 192px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 16px;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--pdb-bg-color-2);
}
.personality-post .personality-post-card .post-item .top {
  padding-bottom: 4px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  /* 禁止换行 */
}
.personality-post .personality-post-card .post-item .top .avatar {
  width: 20px;
  height: 20px;
}
.personality-post .personality-post-card .post-item .top .name {
  margin-left: 4px;
  color: var(--pdb-bg-color-8);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.28px;
  line-break: loose;
  max-lines: 1;
  white-space: nowrap;
  /* 强制文本在同一行内显示 */
  overflow: hidden;
  /* 如果内容超出容器宽度，则隐藏多余的部分 */
  text-overflow: ellipsis;
}
.personality-post .personality-post-card .post-item .top .timestamp {
  flex-grow: 1;
  /* 允许这个元素根据需要填充剩余空间并换行 */
  color: var(--white-55);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 16.8px */
  letter-spacing: 0.24px;
  margin: auto 4px;
  white-space: nowrap;
  /* 强制文本在同一行内显示 */
}
.personality-post .personality-post-card .post-item .content {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  flex: 1 0;
  overflow: hidden;
  color: #BFBFBF;
  color: var(--white-75, #BFBFBF);
  text-overflow: ellipsis;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  letter-spacing: 0.28px;
}
.personality-post .personality-post-card .post-item .bottom-actions {
  align-self: end;
  display: flex;
  align-items: center;
  align-content: center;
}
.personality-post .personality-post-card .post-item .bottom-actions .text {
  padding-left: 4px;
  min-height: 16px;
  text-align: center;
  color: #8C8C8C;
  color: var(--white-55, #8C8C8C);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 15.6px */
  letter-spacing: 0.48px;
  margin: auto 0;
}
.personality-post .personality-post-card .post-item:not(:first-child) {
  margin-left: 16px !important;
}
@media screen and (max-width: 1024px) {
  .personality-post .personality-post-card {
    height: auto;
    flex-wrap: nowrap;
    align-items: center;
    margin-right: 0;
    overflow-y: auto;
  }
  .personality-post .personality-post-card::-webkit-scrollbar {
    display: none;
  }
  .personality-post .personality-post-card .post-item {
    min-width: 83%;
    width: calc(100% - 48px);
    vertical-align: top;
    margin-bottom: 0;
    overflow: hidden;
  }
  .personality-post .personality-post-card .post-item:not(:first-child) {
    margin-left: 8px !important;
  }
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-add-profiles {
  position: relative;
  width: 100%;
}
.pdb-add-profiles .guidelines {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 550px;
  padding: 12px 16px;
  box-sizing: border-box;
}
.pdb-add-profiles .guidelines .guidelines-list {
  flex: 1 1;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  color: var(--white-85);
  padding: 0 16px;
  display: block;
  list-style-type: disc;
  overflow: auto;
}
.pdb-add-profiles .guidelines .guidelines-list li:not(:first-child) {
  margin-top: 20px;
}
.pdb-add-profiles .guidelines .guidelines-list li.small {
  font-weight: 500;
  margin-top: 4px;
  color: var(--white-85);
}
.pdb-add-profiles .guidelines .btns {
  margin-top: 20px;
  text-align: right;
}
.pdb-add-profiles .container {
  height: 100%;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
}
.pdb-add-profiles .container .subcategory {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin: 16px 0;
  border-bottom: 0.5px solid var(--pdb-bg-color-4);
}
.pdb-add-profiles .container .subcategory .pdb-image {
  width: 45px;
  margin-right: 8px;
  border-radius: 4px;
}
.pdb-add-profiles .container .subcategory h1 {
  flex: 1 1;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  margin-right: 8px;
  color: var(--white-94);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
.pdb-add-profiles .container .new-prompt {
  margin-top: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: var(--white-35);
  text-align: center;
}
.pdb-add-profiles .container .new-prompt span {
  display: inline-block;
  margin-left: 8px;
  color: var(--pdb-bg-color-8);
  cursor: pointer;
}
.pdb-add-profiles .container .search-list {
  flex: 1 1;
  padding: 0;
  margin: 16px 0;
  overflow-y: auto;
}
.pdb-add-profiles .container .search-list .pdb-profile-detail-card {
  cursor: pointer;
}
.pdb-add-profiles .container .search-list .pdb-profile-detail-card.disabled {
  opacity: 0.3;
}
.pdb-add-profiles .container .search-list .pdb-profile-detail-card:not(:first-child) {
  margin-top: 16px;
}
.pdb-add-profiles .container .search-list .search-empty label {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.3;
  color: var(--white-85);
}
.pdb-add-profiles .container .search-list .search-empty p {
  margin: 8px 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: var(--white-55);
}
.pdb-add-profiles .pdb-dynamic-form {
  height: 100%;
  padding: 24px 16px;
  overflow-y: auto;
  box-sizing: border-box;
}
@media screen and (max-height: 1024px) {
  .pdb-add-profiles .guidelines {
    max-height: 450px;
  }
}
@media screen and (max-height: 789px) {
  .pdb-add-profiles .guidelines {
    max-height: 350px;
  }
}
@media screen and (max-height: 680px) {
  .pdb-add-profiles .guidelines {
    max-height: 300px;
  }
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-profile-casts {
  display: flex;
  max-height: 612px;
  width: 100%;
  flex-direction: column;
  padding: 20px 0;
}
.pdb-profile-casts .casts-1 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin: 0 16px 20px;
  padding-bottom: 20px;
  border-bottom: 0.5px solid #112C20;
}
.pdb-profile-casts .casts-1 .pdb-image {
  width: 45px;
  margin-right: 8px;
  border-radius: 50%;
}
.pdb-profile-casts .casts-1 h1 {
  flex: 1 1;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  margin-right: 8px;
  color: #F0F0F0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
.pdb-profile-casts .casts-1 span {
  flex-shrink: 0;
  color: #595959;
  font-size: 14px;
  font-weight: 400;
  cursor: default;
}
.pdb-profile-casts .new-btn {
  flex-shrink: 0;
  text-align: center;
  width: calc(100% - 32px);
  height: 46px;
  margin: 0 16px;
  background: transparent;
  border: 1px solid #6BC79F;
  border-radius: 99px;
  outline: none;
  cursor: pointer;
}
.pdb-profile-casts .new-btn svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.pdb-profile-casts .new-btn label {
  display: inline-block;
  vertical-align: middle;
  color: #6BC79F;
  cursor: inherit;
}
.pdb-profile-casts ul {
  flex: 1 1;
  padding: 0;
  margin: 20px 16px 0;
  overflow-y: auto;
}
.pdb-profile-casts ul .pdb-profile-detail-card:not(:first-child) {
  margin-top: 16px;
}
.pdb-profile-casts .add-container {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.pdb-profile-casts .add-container .pdb-profile-detail-card {
  cursor: pointer;
}
.pdb-profile-casts .add-container .pdb-profile-detail-card.disabled {
  opacity: 0.3;
}
.pdb-profile-casts .add-container .pdb-profile-detail-card:not(:first-child) {
  margin-top: 16px;
}
.pdb-profile-casts .add-container .pdb-search-bar {
  margin: 0 16px;
}
.pdb-profile-casts .add-container .pdb-loading .pdb-loading-icon {
  font-size: 24px;
}
.pdb-profile-casts .add-container .search-empty label {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.3;
  color: #D9D9D9;
}
.pdb-profile-casts .add-container .search-empty p {
  margin: 8px 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #8C8C8C;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdb-profile-crews {
  display: flex;
  max-height: 612px;
  width: 100%;
  flex-direction: column;
  padding: 20px 0;
}
.pdb-profile-crews .crews-1 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin: 0 16px 20px;
  padding-bottom: 20px;
  border-bottom: 0.5px solid #112C20;
}
.pdb-profile-crews .crews-1 .pdb-image {
  width: 45px;
  margin-right: 8px;
  border-radius: 50%;
}
.pdb-profile-crews .crews-1 h1 {
  flex: 1 1;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  margin-right: 8px;
  color: #F0F0F0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
.pdb-profile-crews .new-btn {
  flex-shrink: 0;
  text-align: center;
  width: calc(100% - 32px);
  height: 46px;
  margin: 0 16px;
  background: transparent;
  border: 1px solid #6BC79F;
  border-radius: 99px;
  outline: none;
  cursor: pointer;
}
.pdb-profile-crews .new-btn svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.pdb-profile-crews .new-btn label {
  display: inline-block;
  vertical-align: middle;
  color: #6BC79F;
  cursor: inherit;
}
.pdb-profile-crews ul {
  flex: 1 1;
  padding: 0;
  margin: 20px 16px 0;
  overflow-y: auto;
}
.pdb-profile-crews ul .pdb-profile-detail-card:not(:first-child) {
  margin-top: 16px;
}
.pdb-profile-crews .add-container {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.pdb-profile-crews .add-container .pdb-profile-detail-card {
  cursor: pointer;
}
.pdb-profile-crews .add-container .pdb-profile-detail-card.disabled {
  opacity: 0.3;
}
.pdb-profile-crews .add-container .pdb-profile-detail-card:not(:first-child) {
  margin-top: 16px;
}
.pdb-profile-crews .add-container .pdb-search-bar {
  margin: 0 16px;
}
.pdb-profile-crews .add-container .pdb-loading .pdb-loading-icon {
  font-size: 24px;
}
.pdb-profile-crews .add-container .search-empty label {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.3;
  color: #D9D9D9;
}
.pdb-profile-crews .add-container .search-empty p {
  margin: 8px 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #8C8C8C;
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.local-search-page .local-search-header {
  width: 100%;
  top: 0;
  display: flex;
  align-items: center;
  padding: 6px 16px;
  z-index: 2;
}
.local-search-page .local-search-header .back-btn {
  margin-right: 12px;
}
.local-search-page .local-search-header:not(.inline) {
  position: fixed;
  background-color: #07080D;
}
.local-search-page .local-search-header .custom-input-container {
  flex: 1 1;
  overflow: hidden;
}
.local-search-page .local-search-header .cancel-btn {
  margin-left: 8px;
  font-weight: 400;
  font-size: 18px;
  color: #8C8C8C;
}
.local-search-page .local-search-container {
  margin-top: 62px;
  overflow: hidden;
}
.local-search-page .local-search-container .suggestion-list {
  padding: 0 16px;
}
.local-search-page .local-search-container .suggestion-item {
  display: flex;
  padding: 9.5px 0;
  align-items: center;
  border-bottom: 1px solid #434343;
}
.local-search-page .local-search-container .suggestion-item label {
  margin-left: 8px;
  font-weight: 400;
  font-size: 16px;
  color: #BFBFBF;
}
.local-search-page .local-search-container .suggestion-item:last-child {
  border-bottom: none;
}
.local-search-page .local-search-container .local-search-result .local-search-item .reply-matched {
  padding: 2px 16px;
  font-weight: 400;
  font-size: 12px;
  color: #8C8C8C;
  margin-bottom: 0;
  background-color: #1D2029;
}
.local-search-page .local-search-container .local-search-result .local-search-item:not(:first-child) {
  margin-top: 12px;
}
.local-search-page .local-search-container .local-search-empty {
  padding: 0 16px;
}
.local-search-page .local-search-container .local-search-empty h2 {
  font-weight: 500;
  font-size: 22px;
  color: #D9D9D9;
  margin-bottom: 8px;
}
.local-search-page .local-search-container .local-search-empty .prompt {
  font-weight: 400;
  font-size: 14px;
  color: #8C8C8C;
  margin-bottom: 20px;
  white-space: pre-line;
}
.local-search-page .local-search-container .local-search-empty .types .types-item {
  padding: 15px 17px;
  background: #1D2029;
  border-radius: 12px;
  font-weight: 400;
  font-size: 16px;
  color: #D9D9D9;
  cursor: pointer;
}
.local-search-page .local-search-container .local-search-empty .types .types-item span {
  margin-left: 10px;
  font-weight: 400;
  font-size: 16px;
  color: #595959;
}
.local-search-page .local-search-container .local-search-empty .types .types-item::after {
  content: '';
  float: right;
  margin-top: 3px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.333 8.5h9.333M8 3.833L12.667 8.5 8 13.167' stroke='%23595959' stroke-width='1.333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.local-search-page .local-search-container .local-search-empty .types .types-item:not(:first-child) {
  margin-top: 20px;
}
.local-search-page .local-search-header.inline ~ .local-search-container {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .local-search-page .local-search-container {
    padding: 0;
  }
  .local-search-page .local-search-container .suggestion-list {
    padding: 0 16px;
  }
  .local-search-page .local-search-container .local-search-result .local-search-item .reply-matched {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .local-search-page .local-search-container .local-search-result .local-search-item .reply-matched ~ .feed-card {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .local-search-page .local-search-container .local-search-empty {
    padding: 0 16px;
  }
}
.custom-input-container {
  display: flex;
  align-items: center;
  padding: 4px 12px;
  background-color: #595959;
  border-radius: 999px;
}
.custom-input-container .custom-input-prefix {
  flex-shrink: 0;
  font-size: 0;
}
.custom-input-container .custom-input {
  flex: 1 1;
  margin-left: 4px;
  font-size: 0;
  overflow: hidden;
}
.custom-input-container .custom-input div {
  display: inline-block;
  border: none;
  outline: none;
  color: #F0F0F0;
  font-size: 16px;
  max-width: 100%;
  white-space: nowrap;
}
.custom-input-container .custom-input div .tag {
  padding: 4px;
  margin-right: 4px;
  font-weight: 500;
  font-size: 14px;
  background: #434343;
  border-radius: 4px;
  color: #E1F4EC;
  white-space: nowrap;
}
.custom-input-container .custom-input div .tag br {
  display: none;
}
.custom-input-container .custom-input div:empty {
  width: 100%;
}
.custom-input-container .custom-input div:empty:before {
  content: attr(data-placeholder);
  color: gray;
}
.custom-input-container .custom-input-suffix {
  flex-shrink: 0;
  font-size: 0;
  cursor: pointer;
}

.comment-wrapper .comment-title {
  font-size: 20px;
  font-weight: 600;
  padding-left: 16px;
  color: #C4E9D9;
}
.comment-wrapper .comment-title span {
  margin-left: 4px;
  font-size: 12px;
  color: #595959;
}
.comment-wrapper .comment-filter {
  border-radius: 16px;
  margin-top: 8px;
  background-color: #1D2029;
}
.comment-wrapper .comment-filter .comment-filter-item {
  display: inline-block;
  font-size: 18px;
  color: #8C8C8C;
  padding: 2px 16px;
  vertical-align: top;
  border-radius: 16px;
  cursor: pointer;
}
.comment-wrapper .comment-filter .comment-filter-item.active,
.comment-wrapper .comment-filter .comment-filter-item:hover {
  background-color: #225941;
  color: #F0F0F0;
}
.comment-wrapper .comment-filter .comment-filter-item:not(:last-child) {
  margin-right: 8px;
}
.comment-wrapper .comment-filter .comment-filter-more {
  border: none;
  display: inline-block;
  vertical-align: middle;
  padding: 2px 16px;
}
.comment-wrapper .comment-filter .comment-filter-more .arrow {
  display: none;
}
.comment-wrapper .comment-filter .comment-filter-more .selector-item svg {
  display: inline-block;
  vertical-align: middle;
}
.comment-wrapper .comment-filter .comment-filter-more .selector-item label {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  max-width: none;
  font-weight: 400;
  font-size: 18px;
}
.comment-wrapper .comment-filter .comment-filter-more.active {
  background: #225941;
  border-radius: 8px;
}
.comment-wrapper .comment-filter .comment-filter-more.active .selector-item svg,
.comment-wrapper .comment-filter .comment-filter-more.active .selector-item label {
  color: #F0F0F0;
}
.comment-wrapper .local-search {
  float: right;
  display: block;
  width: 29px;
  height: 29px;
  line-height: 32px;
  text-align: center;
  font-size: 24px;
  border: 1px solid #1D2029;
  border-radius: 8px;
  margin-right: 17px;
  cursor: pointer;
}
.comment-wrapper .top-range {
  margin-top: 18px;
}
.comment-wrapper .top-range span {
  display: inline-block;
  color: #8C8C8C;
  font-size: 14px;
  padding: 2px 8px;
  vertical-align: middle;
  background-color: #1F1F1F;
  border-radius: 99px;
  cursor: pointer;
}
.comment-wrapper .top-range span.active {
  color: #6BC79F;
  background-color: #112C20;
}
.comment-wrapper .top-range span:not(:first-child) {
  margin-left: 8px;
}
.comment-wrapper .comment-list {
  margin-top: 24px;
}
.comment-wrapper .comment-list .feed-card:not(:first-child) {
  margin-top: 24px;
}
.comment-wrapper .comment-list .view-more-comments {
  margin-top: 24px;
  border: 1px solid #112C20;
  border-radius: 17px;
  padding: 6px 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  color: #6BC79F;
  cursor: pointer;
}
.comment-wrapper .comment-list .show-all-on-app {
  color: var(--pdb-bg-color-8);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  letter-spacing: 0.56px;
  display: flex;
  flex: 1 1;
  padding-top: 16px;
  padding-bottom: 32px;
  align-content: center;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
}
.comment-wrapper .comment-list .show-all-on-app svg {
  margin-left: 4px;
  transform: translateY(2px);
}
.comment-wrapper .comment-list .show-all-on-app svg path {
  stroke: var(--pdb-bg-color-8);
}
.comment-wrapper .local-search-page {
  border-radius: 26px;
}
.comment-wrapper .local-search-page .local-search-header {
  padding: 16px;
  border-radius: 26px;
}
.comment-wrapper .local-search-page .local-search-header,
.comment-wrapper .local-search-page .local-search-empty,
.comment-wrapper .local-search-page .suggestion-list {
  background-color: #15171F;
}
.comment-wrapper .local-search-page .local-search-empty {
  padding: 12px 16px;
}
.comment-wrapper .local-search-page .local-search-empty .types .types-item:hover {
  background-color: #225941;
}
.comment-wrapper .local-search-page .local-search-result {
  background-color: #07080D;
}
@media (max-width: 768px) {
  .comment-wrapper .comment-filter {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 1px;
    background-color: transparent;
    border: 1px solid #1D2029;
    border-radius: 8px;
    margin-left: 16px;
  }
  .comment-wrapper .comment-filter .comment-filter-item {
    font-size: 14px;
    height: 25px;
    padding: 2px 12px;
    border-radius: 8px;
  }
  .comment-wrapper .comment-filter .comment-filter-more {
    height: 25px;
    font-size: 0;
  }
  .comment-wrapper .comment-filter .comment-filter-more .selector-item {
    padding-top: 0;
    padding-bottom: 0;
  }
  .comment-wrapper .comment-filter .comment-filter-more .selector-item label {
    font-size: 14px;
  }
  .comment-wrapper .local-search {
    font-size: 16px;
  }
  .comment-wrapper .comment-list .feed-card:not(:first-child) {
    margin-top: 12px;
  }
}

.prompt-to-app-container {
  display: flex;
  padding: 16px;
  margin: 32px 16px;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  flex: 1 0;
  border-radius: 16px;
  background: linear-gradient(90deg, #82C5A2 0%, #99D0B4 100%);
}
.prompt-to-app-container .avatar {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  width: 72px;
  height: 72px;
  border-radius: 8px;
}
.prompt-to-app-container .content {
  display: flex;
  flex: 1 1;
  margin: auto 0;
  flex-wrap: wrap;
}
.prompt-to-app-container .content .title {
  padding: 0;
  flex: auto;
  margin: 0;
  color: var(--pdb-bg-color-4);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.prompt-to-app-container .content .desc {
  flex: auto;
  margin: 4px 0 0;
  padding: 0;
  color: var(--pdb-bg-color-4);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.prompt-to-app-container svg {
  display: flex;
  margin: auto 0;
}

.profile-detail .profile-pdb-badge {
  margin-left: 16px;
  padding-bottom: 24px;
}
.profile-detail .vote-header {
  padding: 8px 16px;
}
.profile-detail .vote-header .share-icon {
  float: right;
  margin-top: 3px;
}
.profile-detail .profile-description {
  padding: 16px;
  margin: 0 auto 32px;
  clear: both;
}
.profile-detail .profile-description,
.profile-detail .vote-detail {
  background-color: #15171F;
  border-radius: 16px;
  overflow: hidden;
}
.profile-detail .vote-detail .rc-row {
  padding: 16px 16px 12px;
}
.profile-detail .vote {
  line-height: 32px;
  height: 48px;
  padding: 8px 0;
  background-color: #07080D;
}
.profile-detail .vote .vote-count {
  display: inline-block;
  margin-left: 16px;
}
.profile-detail .vote .vote-count .text {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #C4E9D9;
  vertical-align: middle;
}
.profile-detail .vote .vote-count svg {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  cursor: pointer;
  transition: transform 0.25s ease;
}
.profile-detail .vote .vote-count svg.closed {
  transform: rotate(-180deg) translateY(3px);
}
.profile-detail .vote .vote-btn {
  float: right;
  max-width: calc(100% - 130px);
  background: linear-gradient(90deg, #FF5858 0%, #F09819 100%);
  border-radius: 8px;
  outline: none;
  border: none;
  font-size: 0;
  padding: 7px 24px;
  cursor: pointer;
}
.profile-detail .vote .vote-btn svg {
  display: inline-block;
  vertical-align: middle;
}
.profile-detail .vote .vote-btn label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  color: white;
  font-size: 16px;
  line-height: 18px;
  pointer-events: none;
}
.profile-detail .vote .vote-btn.voted {
  background: #6BC79F;
}
.profile-detail .vote .vote-btn:after {
  content: '';
  clear: both;
}
.profile-detail .prompt-to-app-container {
  display: flex;
  padding: 16px;
  margin: 32px 16px;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  flex: 1 0;
  border-radius: 16px;
  background: linear-gradient(90deg, #82C5A2 0%, #99D0B4 100%);
}
.profile-detail .prompt-to-app-container .avatar {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  width: 72px;
  height: 72px;
  border-radius: 8px;
}
.profile-detail .prompt-to-app-container .content {
  display: flex;
  flex: 1 1;
  margin: auto 0;
  flex-wrap: wrap;
}
.profile-detail .prompt-to-app-container .content .title {
  padding: 0;
  flex: auto;
  margin: 0;
  color: var(--pdb-bg-color-4);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.profile-detail .prompt-to-app-container .content .desc {
  flex: auto;
  margin: 4px 0 0;
  padding: 0;
  color: var(--pdb-bg-color-4);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.profile-detail .prompt-to-app-container svg {
  display: flex;
  margin: auto 0;
}
.profile-detail .comment-wrapper {
  margin-top: 32px;
}
.profile-detail .relate-profile {
  padding: 8px 0;
  border-radius: 16px;
  border: 1px solid #112C20;
}
.profile-detail .relate-profile .relate-profile-title {
  color: #C4E9D9;
  font-size: 18px;
  padding: 0 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.profile-detail .relate-profile .relate-profile-item {
  display: block;
  padding: 9px 16px;
  border-radius: 12px;
  cursor: pointer;
}
.profile-detail .relate-profile .relate-profile-item .avatar {
  display: inline-block;
  width: 54px;
  height: 54px;
  vertical-align: middle;
}
.profile-detail .relate-profile .relate-profile-item .relate-profile-item-info {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  width: calc(100% - 62px);
}
.profile-detail .relate-profile .relate-profile-item .relate-profile-item-info .relate-profile-item-title {
  font-size: 16px;
  word-break: break-word;
  color: #D9D9D9;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.profile-detail .relate-profile .relate-profile-item .relate-profile-item-info .relate-profile-item-desc {
  font-size: 12px;
  color: #8C8C8C;
  word-break: break-word;
}
.profile-detail .relate-profile .relate-profile-item:hover {
  background-color: #1D2029;
}
.profile-detail .relate-profile .relate-profile-item:not(:first-child) {
  margin-top: 8px;
}
.profile-detail .relate-profile .shuffle {
  text-align: right;
  color: #495A98;
  padding: 0 10.5px;
  cursor: pointer;
}
.profile-detail .relate-profile .shuffle svg {
  display: inline-block;
  vertical-align: middle;
}
.profile-detail .relate-profile .shuffle label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  pointer-events: none;
}
.profile-detail .community-discussion {
  padding: 8px 0;
  margin-top: 24px;
  border-radius: 16px;
  border: 1px solid #112C20;
  background-color: #07080D;
}
.profile-detail .community-discussion .community-discussion-title {
  color: #C4E9D9;
  font-size: 18px;
  padding: 0 16px;
}
.profile-detail .community-discussion .community-discussion-title span {
  margin-left: 4px;
  font-size: 12px;
  color: #595959;
}
.profile-detail .community-discussion .community-discussion-desc {
  display: flex;
  align-items: center;
  padding: 0 16px;
  margin: 8px 0;
  cursor: pointer;
}
.profile-detail .community-discussion .community-discussion-desc label {
  max-width: calc(100% - 60px);
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #6BC79F;
  border: 1px solid #112C20;
  border-radius: 999px;
  padding: 0 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.profile-detail .community-discussion .community-discussion-desc label:before {
  content: "#";
  float: left;
  margin-top: 3px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  margin-right: 4px;
  font-size: 14px;
  text-align: center;
  color: #6BC79F;
  background-color: #112C20;
}
.profile-detail .community-discussion .community-discussion-desc .topic-box-heat {
  flex: 1 1;
  margin-left: 4px;
  color: #8C8C8C;
  font-size: 12px;
  text-align: right;
  pointer-events: none;
  overflow: hidden;
}
.profile-detail .community-discussion .community-discussion-desc svg {
  color: #8C8C8C;
  margin-left: 8px;
}
.profile-detail .community-discussion .community-discussion-item {
  margin: 0 16px;
  padding: 4px 0;
  border-bottom: 1px solid rgba(17, 44, 32, 0.5);
}
.profile-detail .community-discussion .community-discussion-item .community-discussion-item-user {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.profile-detail .community-discussion .community-discussion-item .community-discussion-item-user .avatar {
  flex-shrink: 0;
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: middle;
}
.profile-detail .community-discussion .community-discussion-item .community-discussion-item-user label {
  flex: 1 1;
  display: inline-block;
  margin-left: 8px;
  color: #F0F0F0;
  font-size: 12px;
  vertical-align: middle;
}
.profile-detail .community-discussion .community-discussion-item .community-discussion-item-comment {
  margin-top: 4px;
  font-size: 14px;
  color: #D9D9D9;
}
.profile-detail .community-discussion .community-discussion-item .community-discussion-item-operation {
  position: relative;
  padding: 2px 11px;
  cursor: pointer;
  text-align: right;
}
.profile-detail .community-discussion .community-discussion-item .community-discussion-item-operation .like svg {
  display: inline-block;
  vertical-align: middle;
}
.profile-detail .community-discussion .community-discussion-item .community-discussion-item-operation .like label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  color: #BFBFBF;
  pointer-events: none;
  transform: translateY(1px);
}
.profile-detail .community-discussion .community-discussion-item .community-discussion-item-operation .comments-item {
  margin-top: 3px;
  margin-left: 12px;
  padding: 0 9px;
  cursor: pointer;
}
.profile-detail .community-discussion .community-discussion-item .community-discussion-item-operation .comments-item svg {
  display: inline-block;
  vertical-align: middle;
  color: #8C8C8C;
}
.profile-detail .community-discussion .community-discussion-item .community-discussion-item-operation .comments-item label {
  display: inline-block;
  color: #BFBFBF;
  font-size: 14px;
  margin-left: 8px;
  vertical-align: middle;
  pointer-events: none;
}
.profile-detail .community-discussion .community-discussion-post {
  display: block;
  margin: 8px 16px 0;
  height: 31px;
  line-height: 31px;
  border-radius: 8px;
  color: #D9D9D9;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile-detail .community-discussion .community-discussion-post:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10h14M10 3l7 7-7 7' stroke='%23FAFAFA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  transform: translateY(-1px);
}
.profile-detail .community-discussion-create-btn {
  margin-top: 26px;
  height: 31px;
  line-height: 31px;
  color: #D9D9D9;
  text-align: center;
  border: 1px solid #272D62;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
}
.vote-popover-container .rc-tabs-nav {
  display: none;
}
.vote-popover-container .vote-popover .vote-popover-selector {
  display: flex;
  flex-wrap: wrap;
  height: 96px;
  overflow: hidden;
  transition: height 0.2s ease-in-out;
}
.vote-popover-container .vote-popover .vote-popover-selector .selector {
  flex: 0 1;
  flex-basis: calc(50% - 15px);
  overflow: hidden;
  margin-bottom: 16px;
}
.vote-popover-container .vote-popover .vote-popover-selector .selector:nth-child(2n) {
  margin-left: 24px;
}
.vote-popover-container .vote-popover .vote-popover-selector .selector.active {
  border-color: #112C20;
}
.vote-popover-container .vote-popover .show-all-btn {
  text-align: right;
  color: #8C8C8C;
}
.vote-popover-container .vote-popover .show-all-btn span {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.vote-popover-container .vote-popover .show-all-btn svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
.vote-popover-container .vote-popover .show-all-btn svg path {
  fill: #8C8C8C !important;
}
.vote-popover-container .vote-popover .vote-popover-selector.expand {
  min-height: 240px;
}
.vote-popover-container .vote-popover .vote-popover-selector.expand ~ .show-all-btn svg {
  transform: rotate(-180deg);
}
.vote-popover-container .vote-popover .vote-popover-comments {
  margin-top: 16px;
}
.vote-popover-container .vote-popover .vote-popover-comments .comment-title {
  display: block;
  color: #8C8C8C;
  font-size: 16px;
  height: 25px;
}
.vote-popover-container .vote-popover .vote-popover-comments .new-comment-small {
  float: right;
  cursor: pointer;
}
.vote-popover-container .vote-popover .vote-popover-comments .new-comment-small svg {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
  margin-right: 4px;
}
.vote-popover-container .vote-popover .vote-popover-comments .new-comment-small label {
  display: inline-block;
  color: #6BC79F;
  font-size: 14px;
  vertical-align: middle;
  pointer-events: none;
}
.vote-popover-container .vote-popover .vote-popover-comments .new-comment {
  margin: 8px 0;
  width: 100%;
  padding: 26px 8px;
  background: #15171F;
  border: 1px dashed #112C20;
  border-radius: 16px;
  text-align: center;
  cursor: pointer;
}
.vote-popover-container .vote-popover .vote-popover-comments .new-comment svg {
  display: inline-block;
  font-size: 32px;
  vertical-align: middle;
  margin-right: 4px;
}
.vote-popover-container .vote-popover .vote-popover-comments .new-comment label {
  display: inline-block;
  color: #6BC79F;
  line-height: 32px;
  font-size: 22px;
  vertical-align: middle;
  pointer-events: none;
}
.vote-popover-container .vote-popover .vote-popover-comments .new-comment span {
  display: block;
  font-size: 12px;
  line-height: 14px;
  color: #8C8C8C;
}
.vote-popover-container .vote-popover .vote-popover-comments .comment-area {
  margin-top: 8px;
  max-height: 320px;
  overflow-y: auto;
}
.vote-popover-container .vote-popover .vote-popover-comments .comment-area .vote-popover-comments-item {
  background-color: #15171F;
  border-radius: 16px;
  padding: 16px;
}
.vote-popover-container .vote-popover .vote-popover-comments .comment-area .vote-popover-comments-item p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0;
  color: #BFBFBF;
  word-break: break-word;
}
.vote-popover-container .vote-popover .vote-popover-comments .comment-area .vote-popover-comments-item .comments-item-footer {
  margin-top: 12px;
}
.vote-popover-container .vote-popover .vote-popover-comments .comment-area .vote-popover-comments-item .comments-item-footer span {
  font-size: 12px;
  color: #595959;
}
.vote-popover-container .vote-popover .vote-popover-comments .comment-area .vote-popover-comments-item .comments-item-footer span:not(:first-child) {
  margin-left: 16px;
}
.vote-popover-container .vote-popover .vote-popover-comments .comment-area .vote-popover-comments-item .comments-item-footer button {
  float: right;
  height: 22px;
  line-height: 20px;
  color: #8C8C8C;
  font-size: 12px;
  padding: 0 12px;
  background-color: transparent;
  border: 1px solid #328561;
}
.vote-popover-container .vote-popover .vote-popover-comments .comment-area .vote-popover-comments-item:not(:first-child) {
  margin-top: 16px;
}
.vote-popover-container .vote-popover .submit {
  margin-top: 16px;
  text-align: right;
}
.vote-popover-container .vote-popover .submit button {
  display: inline-flex;
}
.vote-popover-container .vote-popover .submit button:first-child {
  float: left;
  background-color: transparent;
  border: 1px solid #328561;
  color: #8C8C8C;
}
.vote-popover-container .vote-popover-comment-edit .rc-textarea {
  width: 100%;
  padding: 16px;
}
.vote-popover-container .vote-popover-comment-edit .vote-popover-comment-edit-footer {
  margin-top: 16px;
}
.vote-popover-container .vote-popover-comment-edit .btn {
  display: inline-flex;
  padding: 5px 33px;
  white-space: nowrap;
}
.vote-popover-container .vote-popover-comment-edit .go-back-btn {
  background-color: transparent;
  border: 1px solid #328561;
}
.vote-popover-container .vote-popover-comment-edit .comment-btn {
  float: right;
}
.vote-popover-container .vote-popover-comment-edit .comment-btn .loading-wrapper svg {
  font-size: 14px !important;
}
@media screen and (max-width: 768px) {
  .profile-detail {
    margin-left: 0;
  }
  .profile-detail .space {
    height: 90vh;
  }
  .profile-detail .vote-btn {
    margin-right: 16px;
    padding: 5px 6px !important;
  }
  .profile-detail .profile-description {
    margin: 0 16px 8px 16px;
  }
  .profile-description .profile-description-info {
    align-items: top;
  }
  .profile-description .profile-description-avatar {
    align-self: top;
    width: 72px;
    height: 72px;
  }
  .profile-description .profile-description-basic .profile-name {
    font-size: 18px;
  }
  .profile-description .profile-description-basic .profile-categories {
    margin-top: 8px;
  }
  .profile-description .profile-description-basic .profile-categories span {
    font-size: 12px;
  }
  .profile-description .profile-description-basic .profile-personality {
    margin-top: 8px;
  }
  .profile-description .profile-source {
    top: 92px;
    left: 28px;
  }
  .vote-popover-container .vote-popover .vote-popover-selector .selector {
    flex-basis: calc(50% - 12px);
  }
  .vote-popover-container .vote-popover .vote-popover-comments .new-comment svg {
    font-size: 26px;
  }
  .vote-popover-container .vote-popover .vote-popover-comments .new-comment label {
    font-size: 18px;
  }
  .vote-popover-container .vote-popover .vote-popover-comments .comment-area .vote-popover-comments-item {
    padding-bottom: 25px;
  }
  .profile-detail .vote .vote-count .text {
    font-size: 16px;
    font-weight: bold;
  }
  .profile-detail .pdb-profile-association-list {
    margin: 0 16px;
  }
  .profile-detail .relate-profile {
    margin-top: 24px;
    border: none;
  }
  .profile-detail .relate-profile .relate-profile-title {
    display: block;
    font-weight: bold;
    font-size: 16px;
  }
  .profile-detail .relate-profile .relate-profile-title:after {
    content: 'More';
    float: right;
    width: 54px;
    height: 20px;
    margin-top: 4px;
    line-height: 18px;
    font-size: 12px;
    text-indent: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.22 11.03a.75.75 0 0 1 0-1.06L4.19 6 .22 2.03A.75.75 0 0 1 1.28.97l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0z' fill='%238C8C8C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 40px center;
    border-radius: 11px;
    border: 1px solid #8C8C8C;
    color: #8C8C8C;
  }
  .profile-detail .relate-profile .relate-profile-container {
    display: flex;
    width: 100%;
    padding: 0 16px;
    margin-top: 16px;
    white-space: nowrap;
    overflow: auto;
    font-size: 0;
  }
  .profile-detail .relate-profile .relate-profile-container .relate-profile-item {
    flex: 1 0 72px;
    width: 72px;
    padding: 0;
    vertical-align: top;
  }
  .profile-detail .relate-profile .relate-profile-container .relate-profile-item .avatar {
    display: block;
    width: 72px;
    height: 72px;
  }
  .profile-detail .relate-profile .relate-profile-container .relate-profile-item .avatar img {
    border-radius: 8px;
  }
  .profile-detail .relate-profile .relate-profile-container .relate-profile-item .relate-profile-item-info {
    width: 100%;
    margin-left: 0;
    margin-top: 8px;
  }
  .profile-detail .relate-profile .relate-profile-container .relate-profile-item .relate-profile-item-info .relate-profile-item-title {
    line-height: 14px;
    text-align: center;
    padding: 0 5px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: pre-line;
  }
  .profile-detail .relate-profile .relate-profile-container .relate-profile-item .relate-profile-item-info .relate-profile-item-desc {
    display: none;
  }
  .profile-detail .relate-profile .relate-profile-container .relate-profile-item:not(:first-child) {
    margin-left: 12px;
    margin-top: 0;
  }
  .profile-detail .relate-profile .shuffle {
    display: none;
  }
  .profile-detail .community-discussion {
    border: none;
    margin: 24px 16px 0;
    background-color: #0D1618;
  }
  .profile-detail .community-discussion .community-discussion-title {
    padding-left: 16px;
    font-size: 16px;
    font-weight: bold;
  }
  .profile-detail .community-discussion .community-discussion-container {
    background: rgba(60, 60, 60, 0.35);
    border-radius: 16px;
    margin-top: 16px;
    margin-left: 16px;
    margin-right: 16px;
  }
  .profile-detail .community-discussion .community-discussion-container:before {
    content: '';
    display: table;
  }
  .profile-detail .community-discussion .community-discussion-item {
    padding: 12px 0;
  }
  .profile-detail .community-discussion .community-discussion-post {
    height: 38px;
    line-height: 38px;
    color: #FAFAFA;
    margin-bottom: 8px;
    border-radius: 7px;
  }
  .comment-wrapper .comment-title {
    font-size: 16px;
    font-weight: bold;
  }
}

.pdb-profile-association-list {
  position: relative;
  padding: 12px 0;
}
.pdb-profile-association-list .group {
  font-size: 0;
}
.pdb-profile-association-list .group > .group-name {
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: var(--pdb-bg-color-12);
  margin-bottom: 12px;
}
.pdb-profile-association-list .group > .group-name span {
  margin-left: 4px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: var(--white-35);
}
.pdb-profile-association-list .group > .group-name svg {
  margin-left: 8px;
  cursor: pointer;
}
.pdb-profile-association-list .group ul {
  padding: 0;
  margin: 0;
}
.pdb-profile-association-list .group:not(:first-child) {
  margin-top: 32px;
}
.pdb-profile-association-list .association-list-item {
  width: 78px;
  height: 78px;
  position: relative;
  display: inline-block;
  border-radius: 8px;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 12px;
  margin-bottom: 8px;
}
.pdb-profile-association-list .association-list-item .pdb-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.pdb-profile-association-list .association-list-item label {
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 3px;
  position: absolute;
  font-size: 12px;
  line-height: 1.3;
  color: var(--white-85);
  z-index: 1;
  white-space: pre-line;
}
.pdb-profile-association-list .association-list-item::after {
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 48px;
  position: absolute;
  background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0.322917) 76.56%, rgba(0, 0, 0, 0) 100%);
}
.pdb-profile-association-list .pdb-profile-card:not(:first-child),
.pdb-profile-association-list .pdb-subcategory-card:not(:first-child) {
  margin-top: 16px;
}
.pdb-profile-association-list .show-all {
  top: 0;
  right: 0;
  width: 37.6%;
  height: 100%;
  position: absolute;
  background: linear-gradient(270deg, #111617 0%, rgba(17, 22, 23, 0.71) 59.9%, rgba(17, 22, 23, 0) 100%);
  border-radius: 0px 12px 12px 0px;
  z-index: 2;
}
.pdb-profile-association-list .show-all .show-btn {
  top: 50%;
  right: 12px;
  font-size: 0;
  position: absolute;
  transform: translateY(-50%);
  cursor: pointer;
}
.pdb-profile-association-list .show-all .show-btn svg {
  display: inline-block;
  vertical-align: middle;
}
.pdb-profile-association-list .show-all .show-btn label {
  font-weight: 400;
  line-height: 1.3;
  font-size: 14px;
  display: inline-block;
  color: var(--white-85);
  vertical-align: middle;
  cursor: inherit;
}
.pdb-profile-association-list.vertically {
  white-space: nowrap;
  overflow: hidden;
}
.pdb-profile-association-list.vertically .group {
  display: inline-block;
  vertical-align: middle;
}
.pdb-profile-association-list.vertically .group > .group-name {
  font-weight: 500;
  font-size: 12px;
  color: var(--white-94);
}
.pdb-profile-association-list.vertically .group:not(:first-child) {
  margin-top: 0;
  margin-left: 12px;
}
@media screen and (min-width: 768px) {
  .pdb-profile-association-list.vertically .association-list-item:first-child {
    margin-left: 0;
  }
}

.search-page .rc-row {
  flex-wrap: wrap;
}
.search-page .search-header {
  width: 100%;
  height: 34px;
  line-height: 34px;
  font-size: 0;
  border-radius: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.search-page .search-header .search-header-item {
  display: inline-block;
  font-size: 18px;
  color: #8C8C8C;
  padding: 0 16px;
  vertical-align: top;
  border-radius: 8px;
  cursor: pointer;
}
.search-page .search-header .search-header-item.active,
.search-page .search-header .search-header-item:hover {
  color: #6BC79F;
  background-color: #1D2029;
}
.search-page .search-header .search-header-item:not(:first-child) {
  margin-left: 8px;
}
.search-page .search-container-extra {
  display: flex;
  flex-wrap: wrap;
  margin-top: 14px;
  margin-bottom: 40px;
}
.search-page .topic-card1 {
  flex-basis: 100%;
  overflow: hidden;
}
.search-page .topic-card1:not(:first-child) {
  margin-top: 16px;
}
.search-page .profile-filter {
  display: flex;
  width: 100%;
  align-items: center;
  margin-top: 16px;
  overflow: hidden;
}
.search-page .profile-filter .selector {
  flex-shrink: 0;
  flex-basis: 200px;
  overflow: hidden;
}
.search-page .profile-filter .selector:not(:first-child) {
  margin-left: 22.6px;
}
.search-page .profile-filter .small-filter {
  flex: 1 1;
}
.search-page .profile-filter .small-filter span {
  display: inline-block;
  padding: 0 8px;
  vertical-align: middle;
  background: #1F1F1F;
  border-radius: 40px;
  color: #8C8C8C;
  cursor: pointer;
}
.search-page .profile-filter .small-filter span:not(:first-child) {
  margin-left: 8px;
}
.search-page .profile-filter .small-filter span.active {
  color: #6BC79F;
  background-color: #112C20;
}
.search-page .profile-card-link,
.search-page .subcategory-card {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 16px);
  margin-right: 16px;
  margin-bottom: 16px;
  overflow: hidden;
}
.search-page .search-container {
  display: flex;
  margin-top: 16px;
  flex-wrap: wrap;
  width: 100%;
}
.search-page .search-container[data-object="users"] .profile-card-link {
  flex-basis: 100%;
}
.search-page .search-empty h1,
.search-page .how-to-use h1 {
  font-size: 22px;
  color: #BFBFBF;
}
.search-page .search-empty h2,
.search-page .how-to-use h2 {
  font-size: 18px;
  color: #BFBFBF;
}
.search-page .search-empty div,
.search-page .how-to-use div,
.search-page .search-empty p,
.search-page .how-to-use p {
  font-size: 14px;
  color: #8C8C8C;
  white-space: pre-line;
}
.search-page .search-empty div span,
.search-page .how-to-use div span,
.search-page .search-empty p span,
.search-page .how-to-use p span {
  color: #6BC79F;
}
.search-page .search-container-title {
  flex-basis: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #E1F4EC;
  margin-bottom: 14px;
}
.search-page .view-other-type {
  margin-top: 16px;
  flex-basis: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #E1F4EC;
  text-align: center;
  border: 1.5px solid #15171F;
  border-radius: 18px;
  padding: 9.5px 0;
}
.search-page .view-other-type:after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  transform: translateY(2px);
  background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6688_2696)' stroke='%23B5E3CF' stroke-width='1.333' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.172 8.5H3.839M8.505 13.164l4.667-4.667-4.667-4.666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6688_2696'%3E%3Cpath fill='%23fff' transform='translate(.5 .5)' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.search-page .view-other-type.show {
  background-color: #15171F;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .search-page .search-container-extra {
    margin-bottom: 24px;
  }
  .search-page .profile-filter .selector {
    border: none;
    flex-basis: auto;
    margin-right: 0 !important;
    font-size: 14px;
  }
  .search-page .profile-card-link,
  .search-page .subcategory-card {
    flex-basis: 100% !important;
    margin-right: 0;
    margin-bottom: 14px !important;
  }
  .search-page .how-to-use {
    display: block;
    margin-top: 24px;
  }
  .search-page .view-other-type {
    margin-top: 0;
  }
  .search-page .view-other-type.show {
    margin-top: 12px;
  }
}

.collection-module .collection-module-filter {
  position: relative;
  margin-top: 16px;
  padding: 0 16px;
  white-space: nowrap;
}
.collection-module .collection-module-filter span {
  line-height: 24px;
  color: #8C8C8C;
  font-size: 14px;
  cursor: pointer;
}
.collection-module .collection-module-filter span.active {
  color: #D9D9D9;
  border-bottom: 4px solid #328561;
}
.collection-module .collection-module-filter span:not(:first-child) {
  margin-left: 16px;
}
.collection-module .collection-module-filter .new-collection-btn {
  position: absolute;
  top: 0;
  right: 16px;
  cursor: pointer;
}
.collection-module .collection-container {
  margin-top: 16px;
  padding: 0 16px;
}
.collection-module .collection-default {
  position: relative;
  display: flex;
}
.collection-module .collection-default .collection-default-item {
  position: relative;
  flex: 1 1;
  padding: 12px;
  border-radius: 8px;
  background: linear-gradient(308.07deg, #1D2029 -20.01%, #15171F 100%);
  cursor: pointer;
}
.collection-module .collection-default .collection-default-item .avatar {
  width: 50px;
  height: 50px;
  border-radius: 8px;
}
.collection-module .collection-default .collection-default-item .avatar img {
  border-radius: 8px;
}
.collection-module .collection-default .collection-default-item .count {
  display: block;
  margin-top: 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #8C8C8C;
}
.collection-module .collection-default .collection-default-item .name {
  display: block;
  margin-top: 4px;
  font-weight: 400;
  font-size: 16px;
  color: #D9D9D9;
  cursor: pointer;
}
.collection-module .collection-default .collection-default-item:not(:first-child) {
  margin-left: 16px;
}
.collection-module .collection-list {
  margin-top: 16px;
}
.collection-module .collection-list .collection-item {
  position: relative;
  display: block;
  padding: 12px;
  border-radius: 8px;
  background-color: #15171F;
  cursor: pointer;
}
.collection-module .collection-list .collection-item .title {
  padding-right: 30px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 14px;
  color: #F0F0F0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.collection-module .collection-list .collection-item .description {
  display: block;
  margin-top: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  color: #8C8C8C;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.collection-module .collection-list .collection-item .description .avatar {
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  transform: translateY(2px);
}
.collection-module .collection-list .collection-item:not(:first-child) {
  margin-top: 16px;
}
.collection-module .collection-list .create-btn {
  width: 100%;
  padding: 14px 0;
  border: 1px dashed #112C20;
  border-radius: 16px;
  text-align: center;
  cursor: pointer;
}
.collection-module .collection-list .create-btn .create-btn-prompt svg {
  display: inline-block;
  font-size: 32px;
  margin-right: 8px;
  vertical-align: middle;
}
.collection-module .collection-list .create-btn .create-btn-prompt label {
  display: inline-block;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  color: #6BC79F;
  vertical-align: middle;
  cursor: inherit;
}
.collection-module .collection-list .create-btn p {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #8C8C8C;
  margin-top: 8px;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .collection-module .collection-default .collection-default-item .name {
    font-size: 16px;
    cursor: pointer;
  }
  .collection-module .collection-list .collection-item {
    display: block;
  }
  .collection-module .collection-list .collection-item .title {
    font-size: 16px;
  }
  .collection-module .collection-list .collection-item .description {
    font-size: 12px;
  }
}

.follow-module {
  margin-top: 8px;
}
.follow-module .follow-module-container {
  margin-top: 20px;
}
.follow-module .follow-module-container .follow-module-item {
  display: block;
}
.follow-module .follow-module-container .follow-module-item:not(:first-child) {
  margin-top: 16px;
}

.reply-module {
  margin-top: 8px;
}
.reply-module .reply-module-container {
  margin-top: 20px;
}
.reply-module .reply-module-container .reply-module-item {
  padding: 16px;
  background-color: #15171F;
  border-radius: 16px;
}
.reply-module .reply-module-container .reply-module-item .reply-module-item-header {
  display: flex;
}
.reply-module .reply-module-container .reply-module-item .reply-module-item-header .avatar {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 0;
  vertical-align: middle;
}
.reply-module .reply-module-container .reply-module-item .reply-module-item-header .avatar img {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 30px;
  height: auto;
  border-radius: 50%;
  transform: none;
}
.reply-module .reply-module-container .reply-module-item .reply-module-item-header .avatar img:first-child {
  top: 0;
  left: 0;
}
.reply-module .reply-module-container .reply-module-item .reply-module-item-header .avatar img:last-child {
  right: 0;
  bottom: 0;
}
.reply-module .reply-module-container .reply-module-item .reply-module-item-header .avatar img:first-child:last-child {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.reply-module .reply-module-container .reply-module-item .reply-module-item-header .info {
  display: inline-block;
  vertical-align: middle;
  flex: 1 1;
  margin-left: 8px;
  overflow: hidden;
}
.reply-module .reply-module-container .reply-module-item .reply-module-item-header .info .username {
  display: block;
  font-size: 16px;
  color: #F0F0F0;
}
.reply-module .reply-module-container .reply-module-item .reply-module-item-header .info .username .other-user-count {
  font-size: 16px;
  color: #328561;
}
.reply-module .reply-module-container .reply-module-item .reply-module-item-header .info .icon {
  display: inline-block;
  width: 7px;
  height: 11px;
  margin: 0 4px;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.102 5.867L.839 10.725A.5.5 0 0 1 0 10.358V.642A.5.5 0 0 1 .84.275l5.262 4.858a.5.5 0 0 1 0 .734z' fill='%238C8C8C'/%3E%3C/svg%3E");
}
.reply-module .reply-module-container .reply-module-item .reply-module-item-header .info .personality {
  color: #8c8c8c;
  font-size: 12px;
}
.reply-module .reply-module-container .reply-module-item .reply-module-item-header .operation .time {
  font-size: 12px;
  color: #8C8C8C;
}
.reply-module .reply-module-container .reply-module-item .reply-module-from {
  margin-top: 8px;
  font-size: 14px;
  color: #E1F4EC;
  cursor: pointer;
}
.reply-module .reply-module-container .reply-module-item .reply-module-from svg {
  display: inline-block;
  font-size: 17px;
  margin-right: 8px;
  vertical-align: middle;
}
.reply-module .reply-module-container .reply-module-item .reply-module-from span {
  display: inline-block;
  vertical-align: middle;
}
.reply-module .reply-module-container .reply-module-item .reply-module-text {
  margin-top: 9px;
  color: #D9D9D9;
  font-size: 14px;
  line-height: 16px;
}
.reply-module .reply-module-container .reply-module-item .reply-module-subtext {
  display: block;
  margin-top: 9px;
  padding: 12px;
  font-size: 14px;
  border-radius: 16px;
  background: #0F2426;
  word-break: break-word;
}
.reply-module .reply-module-container .reply-module-item .reply-module-subtext .user {
  color: #328561;
}
.reply-module .reply-module-container .reply-module-item .reply-module-subtext .link {
  display: block;
  color: #D9D9D9;
  flex: 1 1;
  overflow: hidden;
}
.reply-module .reply-module-container .reply-module-item:not(:first-child) {
  margin-top: 16px;
}

.post-module {
  margin-top: 8px;
}
.post-module .post-module-filter {
  padding: 0 16px;
}
.post-module .post-module-filter span {
  color: #8C8C8C;
  font-size: 14px;
  line-height: 24px;
  cursor: pointer;
}
.post-module .post-module-filter span.active {
  color: #D9D9D9;
  border-bottom: 4px solid #328561;
}
.post-module .post-module-filter span:not(:first-child) {
  margin-left: 16px;
}
.post-module .post-module-filter1 {
  text-align: right;
  float: right;
}
.post-module .post-module-filter1 .selector {
  display: inline-block;
  vertical-align: middle;
  border: none;
  color: #328561;
}
.post-module .post-module-filter1 .selector svg path {
  fill: #328561;
}
.post-module .post-module-container {
  margin-top: 20px;
}
.post-module .post-module-container .feed-card:not(:first-child) {
  margin-top: 16px;
}
@media (max-width: 768px) {
  .post-module .post-module-filter span {
    font-size: 14px;
  }
  .post-module .post-module-filter1 {
    display: block;
    float: none;
  }
  .post-module .post-module-filter1 .selector {
    font-size: 14px;
  }
}

.vote-card {
  background-color: #15171F;
  border-radius: 16px;
}
.vote-card.typology {
  padding: 0 16px 16px;
}
.vote-card::before {
  content: "";
  display: table;
}
.vote-card .vote-card-top {
  margin-top: 8px;
  text-align: right;
  font-size: 12px;
  color: #8c8c8c;
}
.vote-card .vote-card-top .vote-card-count {
  float: left;
}
.vote-card .vote-card-top .vote-card-time {
  display: block;
  overflow: hidden;
}
.vote-card .quote-profile-1 {
  display: flex;
  padding: 12px;
  border-radius: 16px;
  align-items: center;
}
.vote-card .quote-profile-1 .avatar {
  width: 80px;
  height: 80px;
}
.vote-card .quote-profile-1 .info {
  flex: 1 1;
  margin-left: 24px;
  overflow: hidden;
}
.vote-card .quote-profile-1 .info .name {
  display: block;
  font-size: 18px;
  color: #F0F0F0;
}
.vote-card .quote-profile-1 .info .subcategory {
  font-size: 12px;
  color: #8C8C8C;
}
.vote-card .quote-profile-1 .character {
  text-align: center;
  padding: 0 20px;
  border-left: 1px solid #1D2029;
}
.vote-card .quote-profile-1 .character .user {
  display: block;
  font-size: 16px;
  color: #C3924A;
  white-space: pre-line;
}
.vote-card .quote-profile-1 .character .user:before {
  content: "User";
  display: block;
  color: #595959;
  font-size: 12px;
}
.vote-card .quote-profile-1 .character .consensus {
  display: block;
  margin-top: 8px;
  color: #D9D9D9;
  font-size: 18px;
}
.vote-card .quote-profile-1 .character .consensus:before {
  content: "Consensus";
  display: block;
  color: #595959;
  font-size: 12px;
}
.vote-card .quote-profile-1:hover {
  background-color: #1D2029;
}
.vote-card .feed-card .feed-card-container {
  padding: 0;
}
@media (max-width: 768px) {
  .vote-card .quote-profile-1 .info .name {
    font-size: 16px;
  }
  .vote-card .quote-profile-1 .character {
    min-width: 80px;
  }
  .vote-card .quote-profile-1 .character .user {
    font-size: 12px;
    max-width: 90px;
  }
  .vote-card .quote-profile-1 .character .consensus {
    font-size: 12px;
  }
}

.vote-module {
  margin-top: 8px;
}
.vote-module .vote-module-filter {
  margin-top: 16px;
  padding: 0 16px;
  white-space: nowrap;
}
.vote-module .vote-module-filter span {
  line-height: 24px;
  color: #8C8C8C;
  font-size: 14px;
  cursor: pointer;
}
.vote-module .vote-module-filter span.active {
  color: #D9D9D9;
  border-bottom: 4px solid #328561;
}
.vote-module .vote-module-filter span:not(:first-child) {
  margin-left: 16px;
}
.vote-module .vote-module-filter1 {
  text-align: right;
  float: right;
}
.vote-module .vote-module-filter1 .selector {
  display: inline-block;
  vertical-align: middle;
  border: none;
  color: #328561;
}
.vote-module .vote-module-filter1 .selector svg path {
  fill: #328561;
}
.vote-module .vote-module-filter2 {
  display: flex;
  margin-top: 16px;
  padding: 0 16px;
}
.vote-module .vote-module-filter2 .selector {
  flex: 1 1;
}
.vote-module .vote-module-filter2 .selector:not(:first-child) {
  margin-left: 8px;
}
.vote-module .vote-module-container {
  margin-top: 16px;
}
.vote-module .vote-module-container .vote-card:not(:first-child) {
  margin-top: 16px;
}
@media (max-width: 768px) {
  .vote-module .vote-module-filter span {
    font-size: 14px;
  }
  .vote-module .vote-module-filter1 {
    display: block;
    float: none;
  }
  .vote-module .vote-module-filter1 .selector {
    font-size: 14px;
  }
}
@media (max-width: 320px) {
  .vote-module .vote-module-filter {
    padding: 0;
  }
  .vote-module .vote-module-filter span {
    font-size: 14px;
  }
  .vote-module .vote-module-filter1 .selector {
    font-size: 12px;
  }
}

.saved-module {
  margin-top: 8px;
}
.saved-module .saved-module-filter2 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
  padding: 0 16px;
}
.saved-module .saved-module-filter2 .selector {
  width: calc(50% - 14px);
}
.saved-module .saved-module-filter2 .selector:nth-child(2n) {
  margin-left: 28px;
}
.saved-module .saved-module-filter2 .selector:nth-child(n+3) {
  margin-top: 16px;
}
.saved-module .saved-module-container {
  margin-top: 16px;
}
.saved-module .saved-module-container .vote-card:not(:first-child) {
  margin-top: 16px;
}

.follow-save-module {
  margin-top: 8px;
}
.follow-save-module .follow-save-module-filter {
  padding: 0 16px;
}
.follow-save-module .follow-save-module-filter span {
  color: #8C8C8C;
  font-size: 14px;
  cursor: pointer;
}
.follow-save-module .follow-save-module-filter span.active {
  color: #D9D9D9;
  border-bottom: 4px solid #328561;
}
.follow-save-module .follow-save-module-filter span:not(:first-child) {
  margin-left: 16px;
}
@media (max-width: 768px) {
  .follow-save-module .follow-save-module-filter span {
    font-size: 14px;
  }
}

.added-module {
  margin-top: 8px;
}
.added-module .added-module-filter {
  padding: 0 16px;
}
.added-module .added-module-filter span {
  color: #8C8C8C;
  font-size: 14px;
  line-height: 24px;
  cursor: pointer;
}
.added-module .added-module-filter span.active {
  color: #D9D9D9;
  border-bottom: 4px solid #328561;
}
.added-module .added-module-filter span:not(:first-child) {
  margin-left: 16px;
}
.added-module .added-module-filter2 {
  display: flex;
  margin-top: 16px;
  padding: 0 16px;
}
.added-module .added-module-filter2 .selector {
  flex: 1 1;
}
.added-module .added-module-filter2 .selector:not(:first-child) {
  margin-left: 8px;
}
.added-module .added-module-container {
  margin-top: 16px;
}
.added-module .added-module-container .vote-card:not(:first-child) {
  margin-top: 16px;
}
@media (max-width: 768px) {
  .added-module .added-module-filter span {
    font-size: 14px;
  }
}

.points .points-item {
  position: relative;
  width: 100%;
}
.points .points-item .points-item-svg {
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.points .points-item .points-info {
  height: 53px;
  border-radius: 28px;
  padding-left: 90px;
  background-color: #15171F;
  cursor: pointer;
}
.points .points-item .points-info:before {
  content: '';
  display: table;
}
.points .points-item .points-info .points-title {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #D9D9D9;
  white-space: nowrap;
  pointer-events: none;
}
.points .points-item .points-info .points-num {
  display: block;
  margin-top: 3px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #FFCF9A;
  pointer-events: none;
}
.points .points-item .points-info:hover {
  background: #1D2029;
}
.points .points-item .question-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
}
.points .points-item .arrow-icon {
  transition: transform 0.2s;
  transform: rotate(180deg) translateY(50%);
  transform-origin: center center;
}
.points .rc-collapse {
  background-color: transparent;
  border: none;
}
.points .rc-collapse .rc-collapse-item {
  border: none;
}
.points .rc-collapse .rc-collapse-item:not(:first-child) {
  margin-top: 42px;
}
.points .rc-collapse .rc-collapse-item:first-child {
  margin-top: 30px;
}
.points .rc-collapse .rc-collapse-header {
  display: block;
  padding: 0 !important;
  outline: none;
  background-color: transparent;
}
.points .rc-collapse .rc-collapse-header .arrow {
  display: none;
}
.points .rc-collapse .rc-collapse-content {
  background-color: #15171F;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.points .rc-collapse .rc-collapse-item-active .points-item .points-info {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.points .rc-collapse .rc-collapse-item-active .arrow-icon {
  transform: translateY(-50%);
}
.points-dropdown {
  padding: 11px 16px;
}
.points-dropdown .points-dropdown-question {
  color: #E1F4EC;
  font-size: 14px;
}
.points-dropdown ul {
  font-size: 12px;
  color: #BFBFBF;
  margin: 8px 16px 0;
}
.points-dropdown ul li {
  line-height: 14px;
}
.points-dropdown ul li:not(:first-child) {
  margin-top: 4px;
}
.points-dropdown ul li::before {
  content: "•";
  color: #D9D9D9;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  background-color: transparent;
}
.points-list {
  font-size: 12px;
  color: #BFBFBF;
  margin: 8px 16px 0;
}
.points-list li {
  line-height: 14px;
}
.points-list li:not(:first-child) {
  margin-top: 4px;
}
.points-list li::before {
  content: "•";
  color: #D9D9D9;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  background-color: transparent;
}
.point-content .percentage-bar {
  width: 100%;
  height: 10px;
  white-space: nowrap;
}
.point-content .percentage-bar .percentage-item {
  display: inline-block;
  height: 100%;
  border-radius: 10px;
}
.point-content .point-content-item {
  padding: 8px 0;
}
.point-content .point-content-item .point-content-item-title {
  color: #BFBFBF;
  font-size: 12px;
  line-height: 14px;
}
.point-content .point-content-item .point-content-item-title:after {
  content: attr(data-point);
  float: right;
  color: #D9D9D9;
  margin-top: 5px ;
  font-size: 12px;
  line-height: 14px;
}
.point-content .point-content-item .point-content-item-el {
  margin-top: 6px;
}
.point-content .point-content-item .point-content-item-el .circle {
  float: left;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: 5px;
  margin-right: 9px;
}
.point-content .point-content-item .point-content-item-el .label {
  display: block;
  color: #BFBFBF;
  overflow: hidden;
}
.point-content .point-content-item:not(:last-child) {
  border-bottom: 1px solid #1D2029;
}
@media (max-width: 768px) {
  .points .header {
    display: flex;
    overflow: hidden;
    align-items: center;
    margin: 12px 0;
  }
  .points .header .points-item {
    height: 30px;
    margin: 0 !important;
  }
  .points .header .points-item .points-item-svg {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .points .points-area {
    background: #15171F;
    border-radius: 28px;
    padding: 12px 14px;
  }
  .points .points-item {
    position: relative;
    flex: 1 1;
    overflow: hidden;
    margin: 16px 0 !important;
  }
  .points .points-item .points-info {
    background-color: transparent;
  }
  .points .points-item .points-info:hover {
    background-color: transparent;
  }
  .points .points-item .points-item-svg {
    top: 0;
    left: 0;
    transform: inherit;
  }
  .points .points-item:not(:first-child) {
    margin-left: 14px;
  }
  .points .points-item:not(.active) {
    opacity: 0.3;
  }
  .points .points-item.community .points-info {
    padding-left: 70px;
  }
  .points .points-item.database .points-info {
    padding-left: 60px;
  }
  .points .rc-collapse .rc-collapse-header {
    cursor: default;
  }
  .points .rc-collapse .rc-collapse-content-box {
    margin: 0 0 12px;
  }
  .points .rc-collapse .rc-collapse-content {
    display: inherit !important;
    background-color: transparent;
  }
  .points .rc-collapse .rc-collapse-item {
    width: 100%;
    margin: 0 !important;
  }
}

.person-readmore-container {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding-bottom: calc(env(safe-area-inset-bottom, 48px) + env(safe-area-inset-top, 48px) + 108px);
  background: url("https://static1.personalitydatabase.net/2/pdb-app-static/e90b36d6/app_static/web_img/readmore_mobile_bg.png") rgba(0, 0, 0, 0.55);
  -webkit-backdrop-filter: blur(73px);
          backdrop-filter: blur(73px);
  background-size: cover;
  z-index: 999999999;
  overflow: hidden;
}
.person-readmore-container .header {
  color: #C4E9D9;
  font-size: 16px;
  text-align: center;
}
.person-readmore-container .header span {
  float: left;
}
.person-readmore-container .header label {
  display: block;
  height: 40px;
  line-height: 40px;
  text-indent: -40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.person-readmore-container .text {
  flex: 1 1;
  margin-top: 12px;
  padding: 0 16px 16px;
  color: #BFBFBF;
  overflow: auto;
  word-break: break-word;
  white-space: pre-line;
}
.person-readmore-container .text .item:first-child {
  margin-top: 16px;
}
.person-readmore-container .text .item {
  color: #8c8c8c;
}

.person {
  color: #F0F0F0;
}
.person .person-top {
  border-radius: 16px;
  margin-bottom: 24px;
  background-color: #15171F;
  background-image: url("https://static1.personalitydatabase.net/2/pdb-app-static/ac9a258a/app_static/web_img/person_bg.png");
  background-size: 100% 219px;
}
.person .person-top:before {
  content: '';
  display: table;
}
.person .person-top .person-top-level {
  position: relative;
  margin-top: 44px;
  padding: 0 44px 16px;
}
.person .person-top .person-top-level:before {
  content: '';
  position: absolute;
  top: 61px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #15171F;
}
.person .person-top .person-top-level .chat-btn {
  float: right;
  margin-right: 8px;
  width: 90px;
  height: 32px;
  right: 130px;
  border: 1px solid #6BC79F;
  border-radius: 55px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.person .person-top .person-top-level .chat-btn svg {
  margin-right: 6px;
}
.person .person-top .person-top-level .edit-btn {
  float: right;
  width: 90px;
  height: 32px;
  line-height: 30px;
  display: block;
  text-align: center;
  color: #C4E9D9;
  font-size: 12px;
  border: 1px solid #6BC79F;
  border-radius: 99px;
}
.person .person-top .person-top-level .follow-btn {
  float: right;
}
.person .person-top .person-top-level .more-icon {
  float: right;
  margin-right: 8px;
  padding: 0 5px;
  color: #6BC79F;
  border: 1px solid #6BC79F;
  border-radius: 50%;
}
.person .person-top .person-top-level .more-icon svg {
  margin-top: 4px;
}
.person .person-top .person-top-level .more-icon svg path {
  stroke: #C4E9D9 !important;
}
.person .person-top .avatar-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
  z-index: 1;
}
.person .person-top .avatar-container .avatar {
  width: 120px;
  height: 120px;
  border: 4px solid #15171F;
  position: relative;
}
.person .person-top .avatar-container .personality-page {
  display: block;
  background: rgba(109, 109, 109, 0.3);
  border: 1px solid #6BC79F;
  color: #BFBFBF;
  font-size: 12px;
  line-height: 120%;
  text-align: center;
  padding: 6px 10px;
  border-radius: 8px;
  margin-top: 4px;
}
.person .person-top .base {
  z-index: 1;
  display: inline-block;
  margin-left: 24px;
  position: relative;
  vertical-align: top;
  font-size: 0;
  width: calc(100% - 390px);
}
.person .person-top .base .username {
  color: #F5F5F5;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  word-break: break-word;
}
.person .person-top .base .username svg {
  margin-left: 8px;
  transform: translateY(2px);
}
.person .person-top .base .personality {
  display: block;
  margin-top: 8px;
  line-height: 19px;
  font-size: 16px;
  color: #C3924A;
}
.person .person-top .base .personal-description a {
  color: #328561;
  font-size: 14px;
  white-space: nowrap;
}
.person .person-top .base .personal-description .restricted {
  margin-top: 8px;
  font-size: 14px;
}
.person .person-top .base .personal-description .restricted .question-icon {
  margin-left: 8px;
  transform: translateY(2px);
}
.person .person-top .base .personal-description .readmore {
  max-width: 754px;
  margin-top: 8px;
}
.person .person-top .base .personal-description .readmore .container {
  -webkit-line-clamp: 4;
}
.person .person-top .base .personal-description .readmore .more-bottom {
  text-align: left;
}
.person .person-top .person-information-extra {
  margin-top: 8px;
  padding-top: 8px;
}
.person .person-top .person-information-extra .item {
  font-size: 14px;
  color: #8C8C8C;
}
.person .person-left .follow {
  display: flex;
  width: 100%;
  height: 104px;
  border: 1px solid #112C20;
  border-radius: 16px;
}
.person .person-left .follow .following,
.person .person-left .follow .followers {
  position: relative;
  display: inline-block;
  flex: 1 1;
  height: 100%;
  padding-top: 18px;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
}
.person .person-left .follow .following .title,
.person .person-left .follow .followers .title {
  display: block;
  text-align: center;
  color: #8C8C8C;
  font-size: 16px;
  pointer-events: none;
}
.person .person-left .follow .following .value,
.person .person-left .follow .followers .value {
  display: block;
  margin-top: 8px;
  text-align: center;
  color: #BFBFBF;
  font-size: 20px;
  font-weight: bold;
  pointer-events: none;
}
.person .person-left .follow .peas {
  position: relative;
  flex: 1 1;
  padding-top: 10px;
  text-align: center;
  overflow: hidden;
}
.person .person-left .follow .peas .title {
  display: inline-block;
  text-align: center;
  color: #8C8C8C;
  font-size: 16px;
  pointer-events: none;
  vertical-align: middle;
}
.person .person-left .follow .peas:after {
  content: '';
  position: relative;
  display: inline-block;
  width: 12px;
  height: 8px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.633 6.852L.775 1.589A.5.5 0 0 1 1.142.75h9.716a.5.5 0 0 1 .367.84L6.367 6.851a.5.5 0 0 1-.734 0z' fill='%238C8C8C'/%3E%3C/svg%3E");
  vertical-align: middle;
}
.person .person-left .follow .peas.active .title {
  color: #6BC79F;
}
.person .person-left .follow .peas.active:after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.633 6.852L.775 1.589A.5.5 0 0 1 1.142.75h9.716a.5.5 0 0 1 .367.84L6.367 6.851a.5.5 0 0 1-.734 0z' fill='%236BC79F'/%3E%3C/svg%3E");
  transform: rotate(180deg);
}
.person .person-left .follow .followers::before,
.person .person-left .follow .peas::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 1px;
  height: 74px;
  background-color: #112C20;
  transform: translateY(-50%);
}
.person .person-left .points .points-item {
  margin-top: 14px;
}
.person .on-boarding .prompt {
  color: #6BC79F;
  display: block;
  padding: 16px;
  margin-bottom: 16px;
  text-align: center;
}
.person .on-boarding .categories {
  display: flex;
  flex-wrap: wrap;
}
.person .on-boarding .categories li {
  flex-basis: calc(33.3% - 10.6px);
  background-color: #15171F;
  margin-bottom: 16px;
  padding: 16px 0;
  border-radius: 12px;
  cursor: pointer;
}
.person .on-boarding .categories li .emoji {
  font-size: 31px;
  display: block;
  text-align: center;
}
.person .on-boarding .categories li .name {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  display: block;
  text-align: center;
}
.person .on-boarding .categories li:not(:nth-child(3n)) {
  margin-right: 16px;
}
.person .on-boarding .categories li.active {
  background-color: #112C20;
}
.person .on-boarding .subcategories-wrap {
  position: relative;
}
.person .on-boarding .subcategories-wrap::after {
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 110px;
  display: block;
  position: absolute;
  background: linear-gradient(180deg, rgba(17, 22, 23, 0) 0%, #07080D 100%);
}
.person .on-boarding .subcategories {
  width: 335px;
  max-height: 424px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  overflow-y: auto;
  position: relative;
}
.person .on-boarding .subcategories li {
  flex-basis: calc(33.3% - 6.66px);
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
}
.person .on-boarding .subcategories li .pdb-image .pdb-image-container {
  padding-top: 150% !important;
}
.person .on-boarding .subcategories li.active::after {
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_183_8424)'%3E%3Cpath d='M26.656 10.078L13.323 23.412l-6.667-6.667' stroke='%23fff' stroke-width='2.667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_183_8424'%3E%3Cpath fill='%23fff' transform='translate(0 .75)' d='M0 0h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"), linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  background-repeat: no-repeat;
  background-position: center;
}
.person .on-boarding .subcategories li:not(:nth-child(3n)) {
  margin-right: 10px;
}
.person .on-boarding .pdb-btn {
  width: 109px;
  margin: 16px auto 0;
  display: block;
}
.person .on-boarding .btn-prompt {
  margin-top: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  display: block;
  color: #8C8C8C;
  text-align: center;
}
.person .on-boarding .btn-prompt span {
  color: #6BC79F;
}
.person .person-body {
  max-width: 530px;
}
.person .person-body .person-body-filter {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 8px 12px;
  white-space: nowrap;
  background-color: #07080D;
}
.person .person-body .person-body-filter svg {
  font-size: 50px;
}
.person .person-body .person-body-filter .person-body-filter-item {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  padding: 0 16px;
  color: #8C8C8C;
  border-radius: 8px;
  cursor: pointer;
}
.person .person-body .person-body-filter .person-body-filter-item.active {
  color: #F0F0F0;
  background-color: #225941;
}
.person .rc-row > .rc-col:first-child {
  min-width: 265px;
}
.person .rc-row > .rc-col:last-child {
  min-width: calc(100% - 265px);
}
.restrictions label {
  color: #F0F0F0;
  font-size: 12px;
}
.restrictions li::before {
  content: "•";
  color: #D9D9D9;
  display: inline-block;
  width: 1em;
  margin-left: 0;
  background-color: transparent;
}
.personality-page-prompt {
  padding-bottom: 32px;
}
.personality-page-prompt label {
  overflow: hidden;
}
.personality-page-prompt span {
  display: block;
  float: right;
  margin-top: 4px;
  width: 108px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  border-radius: 32px;
  color: #F0F0F0;
  background-color: #328561;
}
.person-dropdown-menu-list {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 0;
}
.person-dropdown-menu-list li {
  padding: 8px 16px;
  color: #BFBFBF;
  font-size: 16px;
  white-space: nowrap;
  cursor: pointer;
}
.person-dropdown-menu-list li.no-padding {
  padding: 0;
}
.person-dropdown-menu-list li .share-icon {
  display: block;
  width: 100%;
  padding: 8px 14px;
}
.person-dropdown-menu-list li svg {
  display: inline-block;
  vertical-align: middle;
}
.person-dropdown-menu-list li label {
  display: inline-block;
  margin-left: 10px;
  white-space: nowrap;
  vertical-align: middle;
  pointer-events: none;
}
.person-dropdown-menu-list li.red {
  color: #EB5C52;
}
.person-dropdown-menu-list li:hover {
  background-color: #225941;
}
@media (max-width: 768px) {
  .person .person-top {
    background-image: url("https://static1.personalitydatabase.net/2/pdb-app-static/c479c6a2/app_static/web_img/person_bg_mobile.png");
    background-size: 100% auto;
    border-radius: 0;
  }
  .person .person-top .person-top-level {
    padding: 0 16px;
  }
  .person .person-top .person-top-level:before {
    top: 44px;
    border-radius: 16px 16px 0 0;
    background-color: #07080D;
  }
  .person .person-top .person-top-level .right-area {
    margin-top: 52px;
    position: relative;
    z-index: 3;
  }
  .person .person-top .person-top-level .chat-btn {
    width: 32px;
  }
  .person .person-top .person-top-level .chat-btn svg {
    margin-right: 0;
  }
  .person .person-top .person-top-level .chat-btn label {
    display: none;
  }
  .person .person-top .person-top-level .edit-btn {
    right: 12px;
    z-index: 1;
  }
  .person .person-top .person-top-level .more-icon {
    right: 109px;
    z-index: 1;
  }
  .person .person-top .person-top-level .follow-btn {
    right: 12px;
    z-index: 1;
  }
  .person .person-top .avatar-container {
    display: block;
    z-index: 0;
  }
  .person .person-top .avatar-container .avatar {
    width: 86px;
    height: 86px;
    border: 4px solid #07080D;
  }
  .person .person-top .avatar-container .personality-page {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
  }
  .person .person-top .person-information-extra {
    padding-top: 0;
    margin-top: 0;
  }
  .person .person-top .base {
    margin-left: 0;
    overflow: hidden;
    width: 100%;
    display: block;
  }
  .person .person-top .base .personal-description .readmore .container {
    -webkit-line-clamp: 2;
  }
  .person .on-boarding .categories {
    padding: 0 40px;
  }
  .person .on-boarding .categories li {
    flex-basis: calc(50% - 8px);
  }
  .person .on-boarding .categories li:not(:nth-child(3n)) {
    margin-right: 0;
  }
  .person .on-boarding .categories li:not(:nth-child(2n)) {
    margin-right: 16px;
  }
  .person .person-body {
    max-width: 100%;
  }
  .person .person-body .person-body-filter svg {
    display: inline;
  }
  .person .person-left {
    margin: 0 16px 0;
  }
  .person .person-left .follow {
    height: 48px;
    border-radius: 8px;
  }
  .person .person-left .follow .following,
  .person .person-left .follow .followers {
    padding-top: 2px;
  }
  .person .person-left .follow .following:before,
  .person .person-left .follow .followers:before {
    height: 27px;
  }
  .person .person-left .follow .following .title,
  .person .person-left .follow .followers .title {
    font-size: 14px;
  }
  .person .person-left .follow .following .value,
  .person .person-left .follow .followers .value {
    margin-top: 2px;
    font-size: 12px;
  }
  .person .person-left .follow .peas:before {
    height: 27px;
  }
  .person .person-left .follow .peas .title {
    font-size: 14px;
  }
  .person .person-left .points {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
  }
  .person .rc-row > .rc-col:first-child {
    min-width: auto;
  }
  .person .rc-row > .rc-col:last-child {
    min-width: auto;
  }
}

.collection-item-1 {
  position: relative;
  display: block;
  padding: 16px;
  background-color: #15171F;
  border-radius: 16px;
  cursor: pointer;
}
.collection-item-1 .item-header {
  display: block;
}
.collection-item-1 .item-header .item-info {
  display: flex;
  align-items: center;
}
.collection-item-1 .item-header .item-info .avatar {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  overflow: hidden;
}
.collection-item-1 .item-header .item-info span {
  flex: 1 1;
  margin-left: 12px;
  overflow: hidden;
}
.collection-item-1 .item-header .item-info span h1 {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #F0F0F0;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.collection-item-1 .item-header .item-info span h2 {
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #8C8C8C;
}
.collection-item-1 .item-header .item-text {
  margin: 14px 0 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 120%;
  color: #BFBFBF;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.collection-item-1 .item-personality {
  display: inline-block;
  margin-top: 16px;
  padding: 6px 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #C4E9D9;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 99px;
  background-color: #1D2029;
}
.collection-item-1 .pdb-board-viewer {
  margin: 16px 0;
}
.collection-item-1 .item-text-title {
  display: block;
  margin-top: 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #F0F0F0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.collection-item-1 .item-text-content {
  color: #F0F0F0;
  font-size: 14px;
  line-height: 120%;
}
.collection-item-1 .item-text-content .highlight {
  color: #6BC79F;
}
.collection-item-1 .item-text-content .container {
  white-space: pre-line;
  -webkit-line-clamp: 8;
  cursor: pointer;
}
.collection-item-1 .item-text-content .container:hover {
  color: #F5F5F5;
}
.collection-item-1 .feed-card-topic {
  margin-top: 8px;
  display: inline-block;
  font-size: 14px;
  color: #6BC79F;
  background-color: transparent;
  border-radius: 999px;
  border-width: 1px;
  border-color: #112C20;
  padding: 4px 6px 4px 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.collection-item-1 .feed-card-topic:before {
  content: "#";
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  margin-right: 4px;
  font-size: 14px;
  text-align: center;
  color: #6BC79F;
  background-color: #112C20;
}
.collection-item-1 .quote-profile {
  margin-bottom: 16px;
}
.collection-item-1 .hidden-prompt {
  font-weight: 400;
  font-size: 14px;
  color: #8C8C8C;
}
.collection-item-1 .remove {
  float: right;
  font-weight: 400;
  font-size: 16px;
  color: #6BC79F;
  transform: translateY(-2px);
}
.collection-item-1:hover {
  background-color: #0F272B;
}
.collection-item-2 {
  position: relative;
  display: flex;
  padding: 16px;
  align-items: top;
  flex-wrap: wrap;
  background-color: #15171F;
  border-radius: 16px;
  cursor: pointer;
}
.collection-item-2 .avatar {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border-radius: 8px;
}
.collection-item-2 .avatar img {
  border-radius: 8px;
}
.collection-item-2 .right {
  flex: 1 1;
  margin-left: 16px;
  overflow: hidden;
}
.collection-item-2 .right h1 {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  margin-bottom: 0;
  color: #D9D9D9;
}
.collection-item-2 .right .collection-category {
  margin-top: 16px;
}
.collection-item-2 .right .collection-category span {
  position: relative;
  display: inline-block;
  color: #A6DDC5;
  font-size: 12px;
  padding: 0 4px;
  overflow: hidden;
  border-radius: 3px;
}
.collection-item-2 .right .collection-category span label {
  position: relative;
  display: block;
  transform: scale(0.85);
  cursor: pointer;
}
.collection-item-2 .right .collection-category span:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #15171F;
  z-index: 0;
  border-radius: 3px;
}
.collection-item-2 .right .collection-category span:first-child {
  background-image: linear-gradient(91.78deg, #7C9142 0.04%, #3B969B 92.71%);
}
.collection-item-2 .right .collection-category span:nth-child(2) {
  max-width: calc(100% - 106px);
  margin-left: 8px;
  background-image: linear-gradient(91.78deg, #4696A8 0.04%, #473DBA 102.6%);
}
.collection-item-2 .right .collection-category span:nth-child(2) label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.collection-item-2 .text {
  display: block;
  width: 100%;
  margin-top: 10px;
  margin-left: 76px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #BFBFBF;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.collection-item-2:hover {
  background-color: #0F272B;
}
.collection-item-3 {
  position: relative;
  display: flex;
  padding: 12px;
  align-items: center;
  background-color: #15171F;
  border-radius: 16px;
  cursor: pointer;
}
.collection-item-3 .avatar {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}
.collection-item-3 .info {
  flex: 1 1;
  margin-left: 24px;
  overflow: hidden;
}
.collection-item-3 .info .name {
  display: block;
  font-size: 18px;
  color: #D9D9D9;
  cursor: pointer;
}
.collection-item-3 .info .subcategory {
  font-size: 12px;
  color: #BFBFBF;
  cursor: pointer;
}
.collection-item-3 .character {
  text-align: center;
  padding: 0 20px;
  max-width: 40%;
  border-left: 1px solid #1D2029;
}
.collection-item-3 .character .user {
  display: block;
  font-size: 16px;
  color: #C3924A;
  white-space: pre-line;
  cursor: pointer;
}
.collection-item-3 .character .user:before {
  content: "User";
  display: block;
  color: #595959;
  font-size: 12px;
}
.collection-item-3 .character .consensus {
  display: block;
  margin-top: 8px;
  color: #D9D9D9;
  font-size: 18px;
  cursor: pointer;
}
.collection-item-3 .character .consensus:before {
  content: "Consensus";
  display: block;
  color: #595959;
  font-size: 12px;
}
.collection-item-3:hover {
  background-color: #0F272B;
}

.collection-page {
  max-width: 672px;
  margin: 0 auto;
}
.collection-page .collection-page-header {
  position: relative;
  padding: 0 16px 24px;
  background: linear-gradient(308.07deg, #1D2029 -20.01%, #15171F 100%);
}
.collection-page .collection-page-header .collection-page-back {
  display: block;
  padding: 19px 0;
}
.collection-page .collection-page-header .collection-page-back .collection-more {
  top: 17px;
}
.collection-page .collection-page-header h2 {
  font-weight: 700;
  font-size: 20px;
  color: #F0F0F0;
  line-height: 120%;
  margin-bottom: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.collection-page .collection-page-header .description {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #BFBFBF;
  margin-top: 8px;
  margin-bottom: 0;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-line;
}
.collection-page .collection-page-header .count {
  display: block;
  margin-top: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #BFBFBF;
}
.collection-page .collection-page-header .owner {
  display: block;
  margin-top: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #BFBFBF;
}
.collection-page .collection-page-header .owner .avatar {
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  transform: translateY(4px);
}
.collection-page .collection-page-header .owner .username {
  color: #495A98;
}
.collection-page .collection-page-header .bottom {
  display: flex;
  align-items: flex-end;
  height: 34px;
}
.collection-page .collection-page-header .bottom .last-edit {
  flex: 1 1;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #8C8C8C;
}
.collection-page .collection-page-header .bottom .btn {
  width: 90px;
  height: 32px;
  color: #FAFAFA;
  padding: 0 !important;
  border: 1px solid #6BC79F;
  background-color: #6BC79F;
}
.collection-page .collection-page-header .bottom .btn.liked {
  color: #8C8C8C;
  border-color: #8C8C8C;
  background-color: transparent;
}
.collection-page .collection-page-header .bottom .btn:hover {
  background-color: #112C20;
}
.collection-page .collection-page-filter {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
  padding: 0 16px;
}
.collection-page .collection-page-filter .page-filter-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.collection-page .collection-page-filter .selector {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: calc(50% - 5px);
}
.collection-page .collection-page-filter .selector:first-child,
.collection-page .collection-page-filter .selector:nth-child(2) {
  margin-bottom: 12px;
}
.collection-page .collection-page-filter .selector:nth-child(2n) {
  margin-left: 10px;
}
.collection-page .collection-page-filter .filter-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  background: #1F1F1F;
  border-radius: 40px;
  padding: 2px 8px;
  color: #8C8C8C;
  cursor: pointer;
}
.collection-page .collection-page-filter .filter-item.active {
  color: #F0F0F0;
  background: #225941;
}
.collection-page .collection-page-filter .filter-item:not(:first-child) {
  margin-left: 8px;
}
.collection-page .collection-page-container {
  margin-top: 16px;
  padding: 0 16px;
}
.collection-page .collection-page-container .collection-item-1:not(:first-child),
.collection-page .collection-page-container .subcategory-card:not(:first-child),
.collection-page .collection-page-container .collection-item-3:not(:first-child) {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .collection-page .collection-page-container {
    padding: 0;
  }
}

.notification-card {
  width: 100%;
  padding: 16px;
  background-color: #15171F;
  border-radius: 16px;
  overflow: hidden;
}
.notification-card .notification-header {
  display: flex;
}
.notification-card .notification-header .avatar {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 0;
  vertical-align: middle;
}
.notification-card .notification-header .avatar img {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 30px;
  height: auto;
  border-radius: 50%;
  transform: none;
}
.notification-card .notification-header .avatar img:first-child {
  top: 0;
  left: 0;
}
.notification-card .notification-header .avatar img:last-child {
  right: 0;
  bottom: 0;
}
.notification-card .notification-header .avatar img:first-child:last-child {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.notification-card .notification-header .info {
  display: inline-block;
  vertical-align: middle;
  flex: 1 1;
  margin-left: 8px;
  overflow: hidden;
}
.notification-card .notification-header .info .username {
  display: block;
  font-size: 16px;
  color: #F0F0F0;
}
.notification-card .notification-header .info .username .sender a {
  font-size: 16px;
  color: #F0F0F0;
}
.notification-card .notification-header .info .username .other-user-count {
  font-size: 16px;
  color: #328561;
}
.notification-card .notification-header .info .icon {
  display: inline-block;
  width: 7px;
  height: 11px;
  margin: 0 4px;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.102 5.867L.839 10.725A.5.5 0 0 1 0 10.358V.642A.5.5 0 0 1 .84.275l5.262 4.858a.5.5 0 0 1 0 .734z' fill='%238C8C8C'/%3E%3C/svg%3E");
}
.notification-card .notification-header .info .personality {
  color: #8c8c8c;
  font-size: 12px;
}
.notification-card .notification-header .operation .time {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #8C8C8C;
}
.notification-card .notification-header .operation .notification-card-more {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
.notification-card .notification-title {
  display: flex;
  margin-top: 8px;
  font-size: 14px;
  color: #E1F4EC;
  cursor: default;
}
.notification-card .notification-title svg {
  flex-shrink: 0;
  font-size: 17px;
  margin-right: 8px;
}
.notification-card .notification-title span {
  flex: 1 1;
}
.notification-card .notification-title[data-cursor="true"] {
  cursor: pointer;
}
.notification-card .readmore .container {
  margin-top: 8px;
  font-size: 14px;
  white-space: pre-line;
  color: #BFBFBF;
  -webkit-line-clamp: 2;
}
.notification-card .readmore .container .highlight {
  color: #6BC79F;
}
.notification-card .notification-origin-content {
  margin-top: 8px;
  padding: 6px 12px;
  background-color: #0F2426;
  border-radius: 16px;
}
.notification-card .notification-origin-content label {
  overflow: hidden;
  font-size: 14px;
  color: #BFBFBF;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
.notification-card .notification-origin-content .highlight {
  color: #6BC79F;
}
.notification-card .notification-origin-content[data-cursor="true"] {
  cursor: pointer;
}
.notification-card .notification-profile {
  display: block;
  margin-top: 9px;
  padding: 12px;
  border: 1px solid #328561;
  border-radius: 16px;
  cursor: pointer;
}
.notification-card .notification-profile .avatar {
  display: inline-block;
  width: 80px;
  height: 80px;
  vertical-align: middle;
}
.notification-card .notification-profile .notification-profile-info {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 88px);
  margin-left: 8px;
  overflow: hidden;
  pointer-events: none;
}
.notification-card .notification-profile .notification-profile-info .name {
  display: block;
  color: #F0F0F0;
  font-size: 20px;
}
.notification-card .notification-profile .notification-profile-info .subcategory {
  display: block;
  margin-top: 5px;
  color: #8C8C8C;
  font-size: 12px;
}
.notification-card .notification-operation {
  text-align: right;
  margin-top: 8px;
}
.notification-card .notification-operation .notification-like {
  position: relative;
  display: inline-block;
  padding: 2px 11px;
  cursor: pointer;
}
.notification-card .notification-operation .notification-like svg {
  display: inline-block;
  vertical-align: middle;
}
.notification-card .notification-operation .notification-like label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  color: #8C8C8C;
  pointer-events: none;
  transform: translateY(2px);
}
.notification-card .notification-operation .notification-like:not(:first-child):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  transform: translateY(-50%);
  background-color: #262626;
}
.notification-card .notification-operation .notification-btn {
  display: inline-block;
  margin-top: 3px;
  padding: 0 9px;
  vertical-align: middle;
  cursor: pointer;
}
.notification-card .notification-operation .notification-btn svg {
  display: inline-block;
  vertical-align: middle;
  color: #8C8C8C;
}
.notification-card .notification-operation .notification-btn label {
  display: inline-block;
  color: #8C8C8C;
  font-size: 14px;
  margin-left: 8px;
  vertical-align: middle;
  pointer-events: none;
}
.notification-card .notification-operation .notification-btn:hover,
.notification-card .notification-operation .notification-btn.active {
  background-color: #1D2029;
  border-radius: 15px;
}
.notification-card .notification-operation .notification-btn:hover svg,
.notification-card .notification-operation .notification-btn.active svg,
.notification-card .notification-operation .notification-btn:hover label,
.notification-card .notification-operation .notification-btn.active label {
  color: #6BC79F;
}
.notification-card .add-notification {
  margin-top: 8px;
}
.notification-card.have-read {
  background-color: #1F1F1F;
}
.notification-card.have-read .notification-origin-content {
  background-color: #262626;
}
.notification-user-dropdown {
  padding: 0 16px;
  max-width: 296px;
  max-height: 465px;
  overflow-y: auto;
}
.notification-user-dropdown ul {
  margin-bottom: 0;
}
.notification-user-dropdown .notification-user-item {
  display: flex;
  padding: 8px 0;
  align-items: center;
}
.notification-user-dropdown .notification-user-item a {
  flex: 1 1;
  overflow: hidden;
}
.notification-user-dropdown .notification-user-item .avatar {
  display: inline-block;
  width: 46px;
  height: 46px;
  cursor: pointer;
  vertical-align: middle;
}
.notification-user-dropdown .notification-user-item .info {
  display: inline-block;
  max-width: calc(100% - 65px);
  margin: 0 8px;
  font-size: 16px;
  color: #F0F0F0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
}
.notification-user-dropdown .notification-user-item .unglobal-btn {
  height: 32px;
  color: #6BC79F;
  background-color: transparent;
  border: 1px solid #6BC79F;
  border-radius: 99px;
  padding: 0 12px;
  cursor: pointer;
}
.notification-user-dropdown .notification-user-item:not(:first-child) {
  border-top: 1px solid #1D2029;
}
.notification-user-dropdown .message-friend-dropdown-empty {
  display: block;
  padding: 12px 0;
  font-size: 14px;
  color: #595959;
  white-space: pre-line;
}

.notification .notification-sider-all-item {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  padding-left: 30px;
  border: 1px solid #112C20;
  border-radius: 20px;
  margin-bottom: 21px;
  cursor: pointer;
}
.notification .notification-sider-all-item svg {
  color: #6BC79F;
  transform: translateY(2px);
}
.notification .notification-sider-all-item label {
  color: #BFBFBF;
  margin-left: 8px;
  pointer-events: none;
}
.notification .notification-sider-all-item .unread {
  display: inline-block;
  margin-left: 4px;
  border-radius: 50%;
  padding: 0 3px;
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  color: #D9D9D9;
  background-color: #EB5C52;
  text-align: center;
  transform: translateY(-1px);
}
.notification .notification-sider-all-item:hover,
.notification .notification-sider-all-item.active {
  background-color: #1D2029;
  border-color: #07080D;
}
.notification .notification-sider-all-item:hover label,
.notification .notification-sider-all-item.active label {
  color: #A6DDC5;
}
.notification .notification-sider {
  border: 1px solid;
  border-radius: 20px;
  background-color: #15171F;
}
.notification .notification-sider .notification-sider-item {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  padding-left: 30px;
  border-radius: 20px;
  cursor: pointer;
}
.notification .notification-sider .notification-sider-item svg {
  color: #6BC79F;
  transform: translateY(2px);
}
.notification .notification-sider .notification-sider-item label {
  color: #BFBFBF;
  margin-left: 8px;
  pointer-events: none;
}
.notification .notification-sider .notification-sider-item .unread {
  display: inline-block;
  margin-left: 2px;
  border-radius: 50%;
  padding: 0 3px;
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  color: #D9D9D9;
  background-color: #EB5C52;
  text-align: center;
  transform: translateY(-1px);
}
.notification .notification-sider .notification-sider-item:hover,
.notification .notification-sider .notification-sider-item.active {
  background-color: #1D2029;
}
.notification .notification-sider .notification-sider-item:hover label,
.notification .notification-sider .notification-sider-item.active label {
  color: #A6DDC5;
}
.notification .notification-sider .notification-sider-item:not(:first-child) {
  margin-top: 8px;
}
.notification .rc-col > .notification-header {
  line-height: 30px;
  text-align: right;
}
.notification .rc-col > .notification-header .delete-btn {
  display: inline-flex;
  color: #C4E9D9;
  background-color: transparent;
  border: 1px solid #1D2029;
  border-radius: 8px;
}
.notification .mobile-side {
  width: 100%;
  margin-top: 6px;
  white-space: nowrap;
  margin-bottom: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.notification .mobile-side li {
  display: inline-block;
  padding: 0 16px;
  line-height: 31px;
  color: #8C8C8C;
  vertical-align: middle;
  border-radius: 8px;
}
.notification .mobile-side li .unread {
  display: inline-block;
  margin-left: 2px;
  border-radius: 50%;
  padding: 0 3px;
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  color: #D9D9D9;
  background-color: #EB5C52;
  text-align: center;
  transform: translateY(-1px) scale(0.8);
}
.notification .mobile-side li.active {
  color: #F0F0F0;
  background-color: #225941;
}
.notification .mobile-side::-webkit-scrollbar {
  height: 0 !important;
}
.notification .unread-message {
  float: left;
  color: #C4E9D9;
  font-size: 16px;
}
.notification .read-btn {
  font-size: 16px;
  height: 30px;
  float: right;
  color: #C4E9D9;
  border: 1px solid #1D2029;
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
}
.notification .message-friend-btn {
  display: inline-block;
  padding: 0 16px;
  border-radius: 8px;
  color: #595959;
  font-size: 16px;
  line-height: 28px;
  border: 1px solid #1D2029;
  cursor: pointer;
}
.notification .message-friend-btn svg {
  transform: translateY(2px);
  margin-right: 8px;
  font-size: 18px;
}
.notification .message-friend-btn input {
  background-color: transparent;
}
.notification .notification-container {
  margin-top: 16px;
  max-width: 600px;
}
.notification .notification-container .notification-prompt {
  display: block;
  width: 100%;
  padding: 0 12px;
  font-size: 12px;
  color: #595959;
}
.notification .notification-container .notification-card:not(:first-child) {
  margin-top: 16px;
}
.notification .notification-container .history-dividing {
  position: relative;
  display: block;
  margin-top: 16px;
  height: 8px;
}
.notification .notification-container .history-dividing:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #328561;
}
.notification .notification-container .history-dividing:after {
  content: attr(data-text);
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 14px;
  padding: 0 8px;
  transform: translate(-50%, -50%);
  color: #328561;
  background-color: #07080D;
}
.message-friend-dropdown {
  padding: 0 16px;
  width: 296px;
  max-height: 465px;
  overflow-y: auto;
}
.message-friend-dropdown ul {
  margin-bottom: 0;
}
.message-friend-dropdown .message-friend-item {
  display: flex;
  padding: 8px 0;
  align-items: center;
}
.message-friend-dropdown .message-friend-item .avatar {
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  cursor: pointer;
}
.message-friend-dropdown .message-friend-item .info {
  flex: 1 1;
  margin: 0 8px;
  font-size: 16px;
  color: #F0F0F0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.message-friend-dropdown .message-friend-item .unglobal-btn {
  flex-shrink: 0;
  height: 32px;
  padding: 0 12px;
  color: #6BC79F;
  background-color: transparent;
  border: 1px solid #6BC79F;
  border-radius: 99px;
  cursor: pointer;
}
.message-friend-dropdown .message-friend-item:not(:first-child) {
  border-top: 1px solid #1D2029;
}
.message-friend-dropdown .message-friend-dropdown-empty {
  display: block;
  padding: 12px 0;
  font-size: 14px;
  color: #595959;
  white-space: pre-line;
}
@media (max-width: 768px) {
  .notification .rc-col > .notification-header {
    padding: 0 16px;
    height: 48px;
    line-height: 48px;
  }
  .notification .notification-container {
    margin-top: 0;
    max-width: 100%;
  }
  .notification-header .delete-btn {
    height: 28px;
    line-height: 16px;
  }
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mobile-search-page {
  height: 100%;
}
.mobile-search-page .search-bar {
  width: 100%;
  background-color: #07080D;
  display: flex;
  align-items: center;
  padding: 6px 16px;
  z-index: 2;
}
.mobile-search-page .search-bar .search {
  flex: 1 1;
  padding: 6px 14px;
  background-color: #434343;
  border-radius: 99px;
  overflow: hidden;
}
.mobile-search-page .search-bar .search form {
  display: inline-block;
  width: calc(100% - 17px);
  vertical-align: middle;
}
.mobile-search-page .search-bar .search input {
  width: 100%;
  color: #D9D9D9;
  background-color: transparent;
}
.mobile-search-page .search-bar .search input::-webkit-input-placeholder {
  color: #8C8C8C;
}
.mobile-search-page .search-bar .search input::-ms-input-placeholder {
  color: #8C8C8C;
}
.mobile-search-page .search-bar .search input::placeholder {
  color: #8C8C8C;
}
.mobile-search-page .search-bar .search svg {
  display: inline-block;
  font-size: 17px;
  color: #8C8C8C;
  vertical-align: middle;
}
.mobile-search-page .search-bar .cancel-btn {
  padding-left: 10px;
  font-size: 18px;
  color: #8C8C8C;
}
.mobile-search-page .search-context {
  height: calc(100% - 48px);
}
.mobile-search-page .search-context .search-item {
  padding: 0 16px;
}
.mobile-search-page .search-context .search-item .search-item-title {
  font-size: 14px;
  color: #E1F4EC;
}
.mobile-search-page .search-context .search-item .search-item-title .clear-btn {
  float: right;
  margin-top: 3px;
  cursor: pointer;
}
.mobile-search-page .search-context .search-item .search-item-list {
  margin-top: 8px;
}
.mobile-search-page .search-context .search-item .search-item-list a {
  display: inline-block;
  background: #262626;
  border-radius: 37px;
  font-weight: 400;
  font-size: 14px;
  color: #BFBFBF;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.mobile-search-page .search-context .search-list {
  text-align: left;
}
.mobile-search-page .search-context .search-list .subcategory-card,
.mobile-search-page .search-context .search-list .profile-card,
.mobile-search-page .search-context .search-list .profile-card .type {
  background-color: transparent;
}
.mobile-search-page .search-context .search-list .profile-card .type {
  height: 62px;
}
.mobile-search-page .search-context .search-list .subcategory-card,
.mobile-search-page .search-context .search-list .profile-card {
  padding: 8px 12px;
  border-radius: 0;
  border-bottom: 1px solid #434343;
  flex-wrap: wrap;
}
.mobile-search-page .search-context .search-list .subcategory-card .lazyload-wrapper,
.mobile-search-page .search-context .search-list .profile-card .lazyload-wrapper,
.mobile-search-page .search-context .search-list .subcategory-card .avatar,
.mobile-search-page .search-context .search-list .profile-card .avatar {
  width: 46px;
  height: 46px;
  margin: 0;
}
.mobile-search-page .search-context .search-list li {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  color: #BFBFBF;
  padding: 16px;
  border-bottom: 1px solid #434343;
  white-space: nowrap;
  cursor: pointer;
}
.mobile-search-page .search-context .search-list li svg {
  flex-shrink: 0;
  margin-right: 8px;
}
.mobile-search-page .search-context .search-list li label {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mobile-search-page .search-context .prompt {
  display: block;
  padding: 8px 15px;
  font-size: 14px;
  color: #8C8C8C;
}
.mobile-search-page .search-context .rc-collapse-header {
  padding: 5px 16px;
}
.mobile-search-page .search-context .rc-collapse-header .arrow {
  display: none;
}
.mobile-search-page .search-context .rc-collapse-header .personality-header label {
  color: #E1F4EC;
}
.mobile-search-page .search-context .personality-collapse .personality-item {
  padding: 8px 0;
  flex-grow: 0;
  flex-basis: calc(25% - 8px);
}
.mobile-search-page .search-page {
  margin: 12px 16px 0;
}
@media screen and (max-width: 768px) {
  .mobile-search-page .search-page {
    margin: 12px 16px 0;
  }
}

.board-reports-mod .header {
  padding: 12px 16px;
}
.board-reports-mod .header .title {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.board-reports-mod .header .selector {
  float: right;
  border: none;
  transform: translateY(-2px);
}
.board-reports-mod .report-item {
  position: relative;
  margin: 0 16px;
  padding: 24px 16px 12px;
  background-color: #15171F;
  border-radius: 10px;
  overflow: hidden;
}
.board-reports-mod .report-item > .title {
  display: block;
  text-align: center;
  padding-bottom: 8px;
}
.board-reports-mod .report-item > .title span {
  display: block;
  color: #8C8C8C;
  font-weight: 400;
  font-size: 12px;
}
.board-reports-mod .report-item .seal {
  position: absolute;
  top: -45px;
  right: 10px;
}
.board-reports-mod .report-item .user {
  display: flex;
  align-items: center;
}
.board-reports-mod .report-item .user .avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.board-reports-mod .report-item .user .info {
  margin-left: 8px;
  flex: 1 1;
}
.board-reports-mod .report-item .user .info .username {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.board-reports-mod .report-item .user .info .description {
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #8C8C8C;
}
.board-reports-mod .report-item .user .view-thread-btn {
  font-weight: 400;
  font-size: 12px;
  display: flex;
  align-items: flex-end;
  color: #BFBFBF;
  padding: 5px 16px;
  border: 1px solid #112C20;
  border-radius: 17.5px;
}
.board-reports-mod .report-item .pdb-board-viewer {
  margin-top: 12px;
}
.board-reports-mod .report-item .post-content {
  margin-top: 12px;
  padding: 8px;
  background: #1D2029;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.board-reports-mod .report-item .post-content .highlight {
  color: #6BC79F;
}
.board-reports-mod .report-item .context {
  margin-top: 12px;
  text-align: left;
  padding-bottom: 12px;
}
.board-reports-mod .report-item .context .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
  margin-bottom: 12px;
}
.board-reports-mod .report-item .context .content {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #F0F0F0;
  white-space: pre-line;
}
.board-reports-mod .report-item .context .content .highlight {
  color: #6BC79F;
}
.board-reports-mod .report-item .context .context-bottom {
  text-align: right;
}
.board-reports-mod .report-item .context-bottom label {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #8C8C8C;
}
.board-reports-mod .report-item .context-bottom label:not(:last-child) {
  margin-right: 16px;
}
.board-reports-mod .report-item .reporter {
  position: relative;
  margin: 12px 0;
  padding: 12px;
  border: 1px dashed #328561;
  border-radius: 8px;
}
.board-reports-mod .report-item .reporter .title {
  display: block;
  font-style: italic;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #F0F0F0;
}
.board-reports-mod .report-item .reporter .content {
  position: relative;
  margin-top: 12px;
  display: inline-block;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  padding: 0 12px;
  color: #F0F0F0;
}
.board-reports-mod .report-item .reporter .content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' width='2' height='8' rx='1' fill='%232A6F51'/%3E%3Crect x='5.471' width='2' height='8' rx='1' fill='%232A6F51'/%3E%3C/svg%3E");
}
.board-reports-mod .report-item .reporter .content:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' width='2' height='8' rx='1' fill='%232A6F51'/%3E%3Crect x='5.471' width='2' height='8' rx='1' fill='%232A6F51'/%3E%3C/svg%3E");
}
.board-reports-mod .report-item .reporter .bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.board-reports-mod .report-item .reporter .bottom .timestamp {
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #8C8C8C;
}
.board-reports-mod .report-item .reporter .bottom .reporter-name {
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #8C8C8C;
}
.board-reports-mod .report-item .reporter .bottom .reporter-name span {
  color: #328561;
}
.board-reports-mod .report-item .operation {
  position: relative;
}
.board-reports-mod .report-item .operation:before {
  content: '';
  display: table;
}
.board-reports-mod .report-item .operation .rule {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.board-reports-mod .report-item .operation .rule .btn {
  flex: 1 1;
  padding: 5px 16px;
  border-radius: 4px;
  color: #595959;
  background-color: #1D2029;
}
.board-reports-mod .report-item .operation .rule .btn.active {
  color: #D9D9D9;
  background-color: #328561;
}
.board-reports-mod .report-item .operation .rule label {
  margin: 0 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #595959;
}
.board-reports-mod .report-item .operation .rule select {
  flex: 3 1;
  outline: none;
  padding: 5px;
  background: transparent;
  border: 1px solid #1D2029;
  color: #8C8C8C;
  text-align: center;
  border-radius: 4px;
}
.board-reports-mod .report-item .operation .rule select.active {
  color: #D9D9D9;
}
.board-reports-mod .report-item .operation .inputs .ant-input-affix-wrapper {
  margin-top: 20px;
  border: none;
  padding: 4px 0;
  box-shadow: none;
  outline: none;
  background-color: transparent;
}
.board-reports-mod .report-item .operation .inputs .ant-input-affix-wrapper .ant-input {
  color: #F0F0F0;
  font-size: 12px;
  border-bottom: 1px solid #1D2029;
  background-color: transparent;
}
.board-reports-mod .report-item .operation .inputs .ant-input-affix-wrapper .ant-input::-webkit-input-placeholder {
  color: #595959;
}
.board-reports-mod .report-item .operation .inputs .ant-input-affix-wrapper .ant-input::-ms-input-placeholder {
  color: #595959;
}
.board-reports-mod .report-item .operation .inputs .ant-input-affix-wrapper .ant-input::placeholder {
  color: #595959;
}
.board-reports-mod .report-item .operation .inputs .ant-form-item {
  margin-bottom: 0;
}
.board-reports-mod .report-item .confrim-btns {
  display: flex;
  margin-top: 12px;
}
.board-reports-mod .report-item .confrim-btns .btn {
  flex: 1 1;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  padding: 0 12px;
  border-radius: 0;
  background-color: transparent;
}
.board-reports-mod .report-item .confrim-btns .btn.keep-btn {
  color: #7ECEAB;
}
.board-reports-mod .report-item .confrim-btns .btn.remove-btn {
  color: #AD4A52;
}
.board-reports-mod .report-item .confrim-btns .btn.relocate-btn {
  color: #D5B096;
}
.board-reports-mod .report-item .confrim-btns .btn.relocate-btn label {
  display: inline-block;
  margin-left: 4px;
  font-size: 12px;
  color: #595959;
  vertical-align: middle;
}
.board-reports-mod .report-item .confrim-btns .btn:not(:first-child) {
  border-left: 1px solid #1D2029;
}
.board-reports-mod .report-item .confrim-btns .btn svg {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
  transform: translateY(-1px);
}
.board-reports-mod .report-item .mask-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.board-reports-mod .report-item .mask-loading label {
  position: absolute;
  left: 50%;
  bottom: 88px;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #BFBFBF;
  white-space: nowrap;
  transform: translateX(-50%);
}
.board-reports-mod .report-item:not(:first-child) {
  margin-top: 10px;
}
.board-reports-mod .report-item:not([data-visibility='public']) .pdb-board-viewer,
.board-reports-mod .report-item:not([data-visibility='public']) .context {
  opacity: 0.3;
}
.board-reports-mod .report-item:not([data-visibility='public']) .prompt {
  display: block;
  margin-top: 12px;
  font-weight: 400;
  font-size: 16px;
  color: #F0F0F0;
}

.audit-log-mod {
  position: relative;
}
.audit-log-mod .selector {
  margin: 12px 18px;
}
.audit-log-mod .container ul {
  list-style: disc;
  margin: 0 12px 0 24px;
}
.audit-log-mod .container ul li {
  color: #6BC79F;
}
.audit-log-mod .container ul li .readmore {
  font-size: 14px;
  color: #D9D9D9;
}
.audit-log-mod .container ul li .readmore .container {
  -webkit-line-clamp: 2;
}
.audit-log-mod .container ul li .readmore .highlight {
  color: #6BC79F;
}
.audit-log-mod .container ul li p {
  font-size: 14px;
  color: #D9D9D9;
  margin-bottom: 0;
  word-break: break-word;
  white-space: pre-line;
}
.audit-log-mod .container ul li .users {
  display: flex;
  margin-top: 8px;
  justify-content: space-between;
}
.audit-log-mod .container ul li .users .target_user {
  flex: 1 1;
  font-size: 14px;
  color: #328561;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.audit-log-mod .container ul li .users .operator_user {
  flex: 1 1;
  text-align: right;
  font-size: 14px;
  color: #328561;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.audit-log-mod .container ul li:not(:first-child) {
  font-size: 14px;
  margin-top: 24px;
}
.audit-log-mod .container ul .date-title {
  margin-top: 24px;
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  color: #E1F4EC;
}
.audit-log-mod .container ul .date-title + li {
  margin-top: 12px;
}

.board-tool .back-btn {
  display: none;
}
.board-tool .left-side .title {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: #E1F4EC;
  padding: 8px 12px;
}
.board-tool .tools .board-block {
  padding: 16px 0;
}
.board-tool .tools .board-block .block-title {
  padding: 0 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.board-tool .tools .board-block .block-content {
  margin-top: 10px;
  padding: 0 12px;
}
.board-tool .tools .board-block .block-content a {
  position: relative;
  display: inline-block;
  padding: 12px;
  width: calc(50% - 8px);
  vertical-align: top;
  background-color: #15171F;
  border-radius: 16px;
}
.board-tool .tools .board-block .block-content a svg {
  font-size: 32px;
  color: #6BC79F;
}
.board-tool .tools .board-block .block-content a span {
  position: absolute;
  top: 16px;
  right: 16px;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  color: #F0F0F0;
  vertical-align: middle;
  white-space: nowrap;
}
.board-tool .tools .board-block .block-content a span:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #FA9D64;
  margin-right: 4px;
  border-radius: 50%;
  transform: translateY(-1px);
  vertical-align: middle;
}
.board-tool .tools .board-block .block-content a label {
  display: block;
  margin-top: 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #D9D9D9;
}
.board-tool .tools .board-block .block-content a:nth-child(2n) {
  margin-left: 16px;
}
.board-tool .audit-log {
  display: block;
  padding: 8px 18px;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #8C8C8C;
}
.board-tool .audit-log svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  font-size: 24px;
}
.board-tool .audit-log label {
  display: inline-block;
  vertical-align: middle;
}
.board-tool .empty {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #BFBFBF;
}
@media screen and (min-width: 768px) {
  .board-tool .back-btn {
    display: block;
    margin: 12px 0 0 12px;
  }
  .board-tool .left-side {
    border: 1px solid #112C20;
    border-radius: 16px;
  }
  .board-tool .left-side .tools .board-block .block-content {
    padding: 0;
  }
  .board-tool .left-side .tools .board-block .block-content a {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 8px 12px;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
  }
  .board-tool .left-side .tools .board-block .block-content a svg {
    flex-shrink: 0;
    font-size: 24px;
    color: #112C20;
  }
  .board-tool .left-side .tools .board-block .block-content a label {
    margin-top: 0;
    margin-left: 12px;
    font-size: 14px;
    flex: 1 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #8C8C8C;
  }
  .board-tool .left-side .tools .board-block .block-content a span {
    flex-shrink: 0;
    position: relative;
    top: auto;
    right: auto;
  }
  .board-tool .left-side .tools .board-block .block-content a:nth-child(2n) {
    margin-left: 0;
  }
  .board-tool .left-side .tools .board-block .block-content a:hover {
    background-color: #15171F;
  }
  .board-tool .left-side .tools .board-block .block-content a:hover label {
    color: #BFBFBF;
  }
  .board-tool .left-side .tools .board-block .block-content a:hover svg {
    color: #328561;
  }
  .board-tool .left-side .tools .board-block .block-content a.active {
    background-color: #1D2029;
  }
  .board-tool .left-side .tools .board-block .block-content a.active svg {
    color: #6BC79F;
  }
  .board-tool .left-side .tools .board-block .block-content a.active label {
    color: #F0F0F0;
  }
  .board-tool .left-side .audit-log {
    cursor: pointer;
  }
  .board-tool .left-side .audit-log svg {
    font-size: 24px;
    color: #112C20;
  }
  .board-tool .left-side .audit-log label {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #8C8C8C;
  }
  .board-tool .left-side .audit-log:hover {
    background-color: #15171F;
  }
  .board-tool .left-side .audit-log:hover label {
    color: #BFBFBF;
  }
  .board-tool .left-side .audit-log:hover svg {
    color: #328561;
  }
  .board-tool .left-side .audit-log.active {
    background-color: #1D2029;
  }
  .board-tool .left-side .audit-log.active svg {
    color: #6BC79F;
  }
  .board-tool .left-side .audit-log.active label {
    color: #F0F0F0;
  }
}

.board-mod .title {
  position: relative;
  text-align: center;
  padding: 9px 4px;
}
.board-mod .title .back-btn {
  float: left;
  margin-top: 2px;
  display: none;
}
.board-mod .title label {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #D9D9D9;
}
@media (max-width: 768px) {
  .board-mod .title .back-btn {
    display: block;
  }
}

.audit-log .title {
  position: relative;
  text-align: center;
  padding: 9px 4px;
}
.audit-log .title .back-btn {
  float: left;
  margin-top: 2px;
  display: none;
}
.audit-log .title label {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #D9D9D9;
}
@media (max-width: 768px) {
  .audit-log .title .back-btn {
    display: block;
  }
}

.communiyt-reports .title {
  position: relative;
  text-align: center;
  padding: 9px 4px;
}
.communiyt-reports .title .back-btn {
  float: left;
  margin-top: 2px;
  display: none;
}
.communiyt-reports .title label {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #D9D9D9;
}
@media (max-width: 768px) {
  .communiyt-reports .title .back-btn {
    display: block;
  }
}

.create-post {
  padding: 16px 18px;
  border: 1px solid #112C20;
  border-radius: 16px;
}
.create-post .container {
  border-radius: 8px;
}
.create-post .create-post-btns {
  margin-top: 16px;
  text-align: right;
}
.create-post .create-post-btns .btn {
  display: inline-flex;
}
.create-post .create-post-btns .btn .loading-wrapper svg {
  font-size: 21px !important;
}
.create-post .create-post-btns .cancel-btn {
  float: left;
  border: 1px solid #328561 !important;
  background-color: transparent !important;
}

.topic-box {
  padding: 8px 0;
  border: 1.5px solid;
  border-radius: 16px;
  overflow: hidden;
  background-color: #15171F;
}
.topic-box .topic-box-title {
  color: #E1F4EC;
  font-size: 18px;
  padding: 0 16px;
}
.topic-box .topic-box-container {
  max-height: 512px;
  overflow-y: auto;
  padding: 0 16px;
}
.topic-box .topic-box-container.unscroll {
  max-height: none;
}
.topic-box .topic-box-item {
  display: flex;
  width: 100%;
  align-items: center;
  cursor: pointer;
}
.topic-box .topic-box-item .avatar {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 4px;
  overflow: hidden;
}
.topic-box .topic-box-item .avatar img {
  border-radius: 4px;
}
.topic-box .topic-box-item .topic-box-name {
  flex-shrink: 1;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: var(--white-75);
  border-radius: 999px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.topic-box .topic-box-item .icon {
  flex: 1 1;
  line-height: 24px;
}
.topic-box .topic-box-item .icon svg {
  margin-top: 2px;
  margin-left: 4px;
}
.topic-box .topic-box-item .topic-box-heat {
  flex-shrink: 0;
  margin-left: 4px;
  padding: 0 4px;
  color: #595959;
  font-size: 12px;
  text-align: right;
  pointer-events: none;
  overflow: hidden;
}
.topic-box .topic-box-item .topic-box-heat.post-count {
  color: var(--white-75);
  background-color: #1D2029;
  border-radius: 8px 8px 0px 8px;
}
.topic-box .topic-box-item:not(:first-child) {
  margin-top: 8px;
}
.topic-box .discover-btn {
  position: relative;
  display: block;
  margin: 16px 16px 0;
  padding: 8px 0;
  text-align: center;
  cursor: pointer;
}
.topic-box .discover-btn img {
  width: 100%;
  height: auto;
}
.topic-box .empty-text {
  display: block;
  color: #595959;
  font-size: 14px;
}

.board-following {
  position: relative;
  clear: both;
  overflow-x: auto;
  white-space: nowrap;
  padding: 12px;
}
.board-following .board-following-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  cursor: pointer;
}
.board-following .board-following-item .avatar {
  width: 68px;
  height: 68px;
  border: 1px solid #15171F;
  border-radius: 8px;
  overflow: hidden;
}
.board-following .board-following-item .avatar img {
  border-radius: 8px;
}
.board-following .board-following-item .name {
  display: block;
  margin-top: 4px;
  max-width: 68px;
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0.04em;
  color: #BFBFBF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board-following .board-following-item .post-count {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0.04em;
  color: #F5F5F5;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px 8px 0px 8px;
}
.board-following .board-following-item:not(:first-child) {
  margin-left: 12px;
}

.community-page .create-post-container {
  overflow: hidden;
  box-sizing: border-box;
  transition: max-height 0.5s ease-in-out;
}
.community-page .create-post-container .create-post {
  margin-bottom: 16px;
}
.community-page .create-btn {
  width: 100%;
  max-width: 100%;
  height: 40px !important;
  margin: 0 auto 16px;
  background: linear-gradient(91.41deg, #F7A863 10.59%, #D26849 96.9%);
  box-shadow: 0px 6px 17px rgba(0, 0, 0, 0.2);
  border-radius: 8px !important;
}
.community-page .feed-container .topic-box {
  border: none;
}
.community-page .feed-type {
  background-color: #07080D;
}
.community-page .feed-type label {
  position: relative;
  font-size: 20px;
  color: #C4E9D9;
  padding-bottom: 4px;
}
.community-page .feed-type label:not(:first-child) {
  margin-left: 20px;
}
.community-page .feed-type label .question-icon {
  margin-left: 5px;
  cursor: pointer;
}
.community-page .feed-type label.active {
  color: #F0F0F0;
  font-weight: 500;
}
.community-page .feed-type label.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #6BC79F;
}
.community-page .feed-type .feed-type-items-container {
  padding: 10px 0;
  background-color: #07080D;
}
.community-page .feed-type .feed-type-items-container .feed-type-items {
  border-radius: 16px;
  background-color: #1D2029;
}
.community-page .feed-type .feed-type-items-container .feed-type-items .feed-type-item {
  color: #8C8C8C;
  font-size: 18px;
  padding: 4px 16px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.community-page .feed-type .feed-type-items-container .feed-type-items .feed-type-item.active,
.community-page .feed-type .feed-type-items-container .feed-type-items .feed-type-item:hover {
  color: #6BC79F;
  background: #112C20;
  border-radius: 16px;
}
.community-page .feed-type .feed-type-items-container .topics-btn {
  float: right;
  margin-top: 3px;
  margin-right: 12px;
  background: #1F1F1F;
  padding: 2px 6px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.09);
  border-radius: 8px;
}
.community-page .feed-type .feed-type-items-container .topics-btn span {
  margin-left: 0;
  font-size: 12px;
  color: #FA9D64;
}
.community-page .feed-type .feed-type-items-container .topics-btn svg {
  margin-right: 3px;
  transform: translateY(2px);
}
.community-page .feed-card:not(:nth-child(2)) {
  margin-top: 16px;
}
.community-page .explore {
  display: block;
  text-align: center;
  color: #BFBFBF;
  font-size: 12px;
}
.community-page .explore a {
  color: #495A98;
}
.community-page .explore span {
  margin-left: 3px;
}
.community-page .unlogin-prompt {
  display: block;
  color: #8C8C8C;
  margin-top: 12px;
  font-size: 14px;
  padding: 0 12px;
}
@media (max-width: 768px) {
  .community-page .feed-type label {
    padding: 8px 12px 0;
  }
  .community-page .feed-type .feed-type-items {
    margin-left: 12px;
    display: inline-block;
    border: 1px solid #1D2029;
    border-radius: 8px;
    background-color: #07080D;
  }
  .community-page .feed-type .feed-type-items .feed-type-item {
    font-size: 14px;
  }
  .community-page .feed-type .feed-type-items .feed-type-item.active {
    background-color: #225941;
    border-radius: 8px;
  }
  .community-page .feed-card:not(:nth-child(2)) {
    margin-top: 14px;
  }
  .feed-card .quote-profile .character {
    font-size: 12px;
    max-width: 95px;
  }
}
@media (max-width: 320px) {
  .community-page .feed-type .feed-type-items-container .feed-type-items .feed-type-item {
    padding: 4px 9px;
  }
  .community-page .feed-type .feed-type-items-container .topics-btn span {
    display: none;
  }
}

.username {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F0F0F0;
}
.user_description {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.limit_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-page .create-post-container {
  overflow: hidden;
  box-sizing: border-box;
  transition: max-height 0.5s ease-in-out;
}
.post-page .create-post-container .create-post {
  margin-bottom: 16px;
}
.post-page .create-btn {
  max-width: 264px;
  width: 100%;
  height: 40px !important;
  margin: 0 auto 16px;
  background: linear-gradient(91.41deg, #F7A863 10.59%, #D26849 96.9%);
  box-shadow: 0px 6px 17px rgba(0, 0, 0, 0.2);
  border-radius: 8px !important;
}
.post-page .post-header {
  padding: 8px 16px;
  background-color: #07080D;
}
.post-page .post-header .share-icon {
  float: right;
}
.post-page .post-header .more-icon {
  float: right;
  margin-top: 3px;
  margin-right: 25px;
  background: #1F1F1F;
  color: #FA9D64;
  padding: 2px 6px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.09);
  border-radius: 8px;
}
.post-page .post-header .more-icon svg {
  margin-right: 3px;
  transform: translateY(2px);
}
.post-page .post-info {
  padding: 16px;
  border: 1.5px solid;
  border-radius: 16px;
  margin-bottom: 16px;
  background-color: #15171F;
}
.post-page .post-info .post-info-container {
  display: block;
  overflow: hidden;
}
.post-page .post-info .post-info-container .avatar {
  display: inline-block;
  width: 54px;
  height: 54px;
  border-radius: 8px;
  vertical-align: top;
  overflow: hidden;
}
.post-page .post-info .post-info-container .avatar img {
  border-radius: 8px;
}
.post-page .post-info .post-info-container .info {
  display: inline-block;
  vertical-align: top;
  margin-left: 16px;
  width: calc(100% - 70px);
}
.post-page .post-info .post-info-container .info .name {
  display: block;
  color: #FFCF9A;
  font-size: 20px;
}
.post-page .post-info .post-info-container .info .subcategory {
  display: block;
  font-size: 12px;
  color: #595959;
}
.post-page .post-info .post-info-container .info .subcategory a {
  margin-left: 8px;
  color: #6BC79F;
  white-space: nowrap;
}
.post-page .post-info .post-info-container .info .subcategory a:after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 13px;
  background: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.852 7.117l-5.263 4.858a.5.5 0 0 1-.839-.367V1.892a.5.5 0 0 1 .84-.367l5.262 4.858a.5.5 0 0 1 0 .734z' fill='%236BC79F'/%3E%3C/svg%3E");
  transform: translate(7px, 2px);
}
.post-page .post-info .post-info-container .info .post-count,
.post-page .post-info .post-info-container .info .follow-count {
  font-size: 14px;
  color: #BFBFBF;
}
.post-page .post-info .post-info-container .info .post-count {
  margin-left: 8px;
}
.post-page .post-info .join-btn {
  float: right;
}
.post-page .post-info .description {
  margin-top: 8px;
  padding-top: 8px;
  font-size: 12px;
  color: #BFBFBF;
  border-top: 1px solid #112C20;
}
.post-page .post-info .description .content {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.post-page .post-info .description .content p {
  flex: 1 1;
  flex-basis: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #BFBFBF;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-line;
}
.post-page .feed-type {
  position: relative;
  border: 1.5px solid #1D2029;
  border-radius: 8px;
  background-color: #07080D;
}
.post-page .feed-type label {
  padding: 5px 16px;
  color: #8C8C8C;
  font-size: 18px;
  cursor: pointer;
}
.post-page .feed-type label.active {
  border-radius: 8px;
  color: #6BC79F;
}
.post-page .feed-type .highlights {
  float: right;
  cursor: pointer;
}
.post-page .feed-type .highlights label {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 28px;
  padding: 0;
}
.post-page .feed-type .highlights .images {
  position: relative;
  width: 32px;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
.post-page .feed-type .highlights .images .avatar {
  position: absolute;
  top: 7px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 0.5px solid #8C8C8C;
  vertical-align: middle;
  z-index: 2;
}
.post-page .feed-type .highlights .images .avatar:nth-child(2) {
  transform: translateX(50%);
  z-index: 1;
}
.post-page .feed-type .highlights .images .avatar:nth-child(3) {
  transform: translateX(100%);
  z-index: 0;
}
.post-page .feed-type .highlights::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.667 11.328L10 7.995M10 8L6.667 4.667' stroke='%238C8C8C' stroke-width='1.333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.post-page .feed-type .back-all {
  display: inline-block;
  padding: 7px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #8C8C8C;
  vertical-align: middle;
  cursor: pointer;
}
.post-page .feed-type .back-all:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  transform: translateY(-2px);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6800_209986)' stroke='%238C8C8C' stroke-width='1.333' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.333 4.672L6 8.005M6 8l3.333 3.333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6800_209986'%3E%3Cpath fill='%23fff' transform='rotate(90 8 8)' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  vertical-align: middle;
}
.post-page .feed-type .title {
  position: absolute;
  left: 50%;
  font-size: 14px;
  color: #F0F0F0;
  white-space: nowrap;
  transform: translateX(-50%);
}
.post-page .feed-type .title svg {
  margin-left: 8px;
  transform: translateY(2px);
}
.post-page .top-range {
  margin-top: 18px;
}
.post-page .top-range span {
  display: inline-block;
  color: #8C8C8C;
  font-size: 14px;
  padding: 2px 8px;
  vertical-align: middle;
  background-color: #1F1F1F;
  border-radius: 99px;
  cursor: pointer;
}
.post-page .top-range span.active {
  color: #6BC79F;
  background-color: #112C20;
}
.post-page .top-range span:not(:first-child) {
  margin-left: 8px;
}
.post-page .feed-card {
  margin-top: 16px;
}
.post-page .board-information {
  position: relative;
  border: 1.5px solid;
  background-color: #15171F;
  border-radius: 16px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  max-height: 520px;
  overflow: hidden;
}
.post-page .board-information .readmore {
  position: absolute;
  left: 0;
  width: 100%;
  height: 92px;
  bottom: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0.04em;
  background: linear-gradient(180deg, rgba(17, 22, 23, 0) 0%, #07080D 60%);
  text-align: center;
  cursor: pointer;
}
.post-page .board-information .readmore label {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  padding: 8px 0;
  color: #8C8C8C;
  text-align: center;
  transform: translateX(-50%);
}
.post-page .board-information .readmore label:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5841_311394)' stroke='%238C8C8C' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.164 6.667L8.497 10M8.5 10l3.333-3.333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5841_311394'%3E%3Cpath fill='%23fff' transform='rotate(90 8.25 8.25)' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .feed-card .quote-profile .character {
    font-size: 12px;
    max-width: 95px;
  }
  .post-page .feed-type label {
    font-size: 14px;
  }
  .post-page .post-info {
    border: none;
  }
  .post-page .feed-type {
    padding: 4px 0;
    margin: 0 16px;
  }
  .post-page .feed-type .back-all {
    padding: 0;
  }
  .post-page .feed-type .title {
    padding: 0;
  }
  .post-page .feed-type .highlights {
    transform: translateY(-4px);
  }
  .post-page .post-info .post-info-container .info {
    width: calc(100% - 70px);
  }
  .post-page .feed-card:not(:first-child) {
    margin-top: 14px;
  }
}

