.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 #035B66;
  border: 1px solid var(--pdb-color-6, #035B66);
  color: #035B66;
  color: var(--pdb-color-6, #035B66);
  background-color: transparent;
}
.pdb-btn_primary {
  color: #D9D9D9;
  color: var(--gray-color-85, #D9D9D9);
  background-color: #035B66;
  background-color: var(--pdb-color-6, #035B66);
}
.pdb-btn_primary:disabled {
  opacity: 0.3;
}
@media screen and (min-width: 768px) {
  .pdb-btn_primary:not(:disabled):hover {
    background-color: #2D8489;
    background-color: var(--pdb-color-8, #2D8489);
  }
}
.pdb-btn_loading {
  background-color: #035B66;
  background-color: var(--pdb-color-6, #035B66);
  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: #499698;
  background-color: var(--pdb-color-9, #499698);
  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: #499698;
  border-top-color: var(--pdb-color-9, #499698);
}
.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: #499698;
  border-right-color: var(--pdb-color-9, #499698);
}
.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: #499698;
  border-left-color: var(--pdb-color-9, #499698);
}
.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: #499698;
  border-bottom-color: var(--pdb-color-9, #499698);
}
.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 #0B3940;
  border: 1px solid var(--pdb-color-4, #0B3940);
  outline: none;
  border-radius: 8px;
  resize: none;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  background-color: #101D20;
  background-color: var(--pdb-color-2, #101D20);
}
.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 #0B3940;
  border: 1px solid var(--pdb-color-4, #0B3940);
  outline: none;
  border-radius: 8px;
  resize: none;
  color: #F0F0F0;
  color: var(--gray-color-94, #F0F0F0);
  background-color: #101D20;
  background-color: var(--pdb-color-2, #101D20);
}
.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: #0E2D31;
    background-color: var(--pdb-color-3, #0E2D31);
  }
  .pdb-multi-image-preview .close-btn:active {
    color: rgba(255, 255, 255, 0.3);
    background-color: #101D20;
    background-color: var(--pdb-color-2, #101D20);
  }
  .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: #0E2D31;
    background-color: var(--pdb-color-3, #0E2D31);
  }
  .pdb-multi-image-preview .pdb-multi-image-preview-container .btn:active {
    color: rgba(255, 255, 255, 0.3);
    background-color: #101D20;
    background-color: var(--pdb-color-2, #101D20);
  }
}

.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: #B4C4C6;
  color: var(--pdb-color-12, #B4C4C6);
  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: #101D20;
  background: var(--pdb-color-2, #101D20);
  border: 2px solid #035B66;
  border: 2px solid var(--pdb-color-6, #035B66);
  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: #99BABE;
  color: var(--pdb-color-11, #99BABE);
  cursor: default;
}
.pdb-dialog-content {
  position: relative;
  background-color: #111617;
  background-color: var(--pdb-color-1, #111617);
  border: none;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid #2D8489;
  border: 1px solid var(--pdb-color-8, #2D8489);
  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 #0B3940;
  border-bottom: 1px solid var(--pdb-color-4, #0B3940);
}
.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: #101D20;
  background: var(--pdb-color-2, #101D20);
  border: 2px solid #035B66;
  border: 2px solid var(--pdb-color-6, #035B66);
  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: #2D8489;
  border-color: var(--pdb-color-8, #2D8489);
  color: #2D8489;
  color: var(--pdb-color-8, #2D8489);
}
.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: #074A53;
  background-color: var(--pdb-color-5, #074A53);
}
@media screen and (min-width: 768px) {
  .pdb-selector-wrapper .list li:hover {
    background-color: #074A53;
    background-color: var(--pdb-color-5, #074A53);
  }
}

.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: #2D8489;
  color: var(--pdb-color-8, #2D8489);
}
.pdb-confirm-body .btns .btn.confirm-btn[data-type="important"] {
  color: #BE525D;
  color: var(--pome-color, #BE525D);
}
.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 #0B3940;
  border: 1px solid var(--pdb-color-4, #0B3940);
  background-color: #111617;
  background-color: var(--pdb-color-1, #111617);
}
.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: #2D8489;
  color: var(--pdb-color-8, #2D8489);
}

.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: #499698;
  background: var(--pdb-color-9, #499698);
}
.pdb-notification-notice.pdb-notification-error {
  background: #BE525D;
}
.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: #101D20;
  background: var(--pdb-color-2, #101D20);
  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: #074A53;
  background-color: var(--pdb-color-5, #074A53);
}

.pdb-audio {
  padding: 12px;
  background: #0E2D31;
  background: var(--pdb-color-3, #0E2D31);
  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: #2D8489;
  color: var(--pdb-color-8, #2D8489);
}
.pdb-audio.playing .duration {
  color: #99BABE;
  color: var(--pdb-color-11, #99BABE);
}

.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: #101D20;
  background-color: var(--pdb-color-2, #101D20);
  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: #0E2D31;
  background-color: var(--pdb-color-3, #0E2D31);
  box-sizing: border-box;
}
.pdb-profile-card .extra .vote-count {
  display: block;
  padding: 3px 4px;
  background-color: #0B3940;
  background-color: var(--pdb-color-4, #0B3940);
  border-radius: 99px;
  color: #99BABE;
  color: var(--pdb-color-11, #99BABE);
  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: #C8BAAA;
  color: var(--yellow-color-22, #C8BAAA);
}
@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: #101D20;
  background-color: var(--pdb-color-2, #101D20);
  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: #6AA5A4;
  color: var(--pdb-color-10, #6AA5A4);
  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: #101D20;
  background-color: var(--pdb-color-2, #101D20);
  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: #101D20;
  background-color: var(--pdb-color-2, #101D20);
  border-radius: 8px;
  overflow: hidden;
}
.pdb-profile-association .left-container::after {
  content: '';
  position: absolute;
  right: 0;
  height: 100%;
  border-right: 1px dashed #074A53;
  border-right: 1px dashed var(--pdb-color-5, #074A53);
}
.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: #101D20;
  background-color: var(--pdb-color-2, #101D20);
  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: #0B3940;
  color: var(--pdb-color-4, #0B3940);
  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: #101D20;
    background-color: var(--pdb-color-2, #101D20);
    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: #156F77;
    color: var(--pdb-color-7, #156F77);
    background-color: #0E2D31;
    background-color: var(--pdb-color-3, #0E2D31);
  }
  .pdb-profile-association .pdb-image {
    width: 90px;
  }
  .pdb-profile-association .add-connection {
    flex: 0 0 90px;
    width: 90px;
    height: 90px;
    color: #074A53;
    color: var(--pdb-color-5, #074A53);
    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: #2D8489;
    color: var(--pdb-color-8, #2D8489);
    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: #B4C4C6;
  color: var(--pdb-color-12, #B4C4C6);
  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 #0B3940;
  border-bottom: 0.5px solid var(--pdb-color-4, #0B3940);
}
.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 #2D8489;
  border: 1px solid var(--pdb-color-8, #2D8489);
  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: #2D8489;
  color: var(--pdb-color-8, #2D8489);
  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 #0B3940;
  border-bottom: 0.5px solid var(--pdb-color-4, #0B3940);
}
.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 #2D8489;
  border: 1px solid var(--pdb-color-8, #2D8489);
  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: #2D8489;
  color: var(--pdb-color-8, #2D8489);
  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: #DEBDA5;
  color: var(--yellow-color-23, #DEBDA5);
  white-space: pre-line;
  border-radius: 8px;
  word-break: break-word;
  background: #035B66;
  background: var(--pdb-color-6, #035B66);
  border: 1px solid #DEBDA5;
  border: 1px solid var(--yellow-color-23, #DEBDA5);
}
.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: #B4C4C6;
  color: var(--pdb-color-12, #B4C4C6);
  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 #035B66;
  border: 1px solid var(--pdb-color-6, #035B66);
  border-radius: 8px;
  padding: 0 16px;
  color: #B4C4C6;
  color: var(--pdb-color-12, #B4C4C6);
  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 #035B66;
  border: 1px solid var(--pdb-color-6, #035B66);
  border-radius: 8px;
  padding: 16px;
  color: #B4C4C6;
  color: var(--pdb-color-12, #B4C4C6);
  resize: none;
  outline: none;
  background-color: transparent;
}
.pdb-dynamic-form .pdb-dynamic-form-item .selector {
  margin-top: 8px;
  border: 1px solid #035B66;
  border: 1px solid var(--pdb-color-6, #035B66);
  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 #035B66;
  border: 1px solid var(--pdb-color-6, #035B66);
  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: #BE525D;
  color: var(--pome-color, #BE525D);
}
.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 #035B66;
  border: 1px solid var(--pdb-color-6, #035B66);
  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 #0B3940;
  border-bottom: 0.5px solid var(--pdb-color-4, #0B3940);
}
.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: #2D8489;
  color: var(--pdb-color-8, #2D8489);
  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: #0E2D31;
  background: var(--pdb-color-3, #0E2D31);
  border: 1px solid #035B66;
  border: 1px solid var(--pdb-color-6, #035B66);
  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: #B4C4C6;
  color: var(--pdb-color-12, #B4C4C6);
  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: #0E2D31;
  background: var(--pdb-color-3, #0E2D31);
  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: #99BABE;
  color: var(--pdb-color-11, #99BABE);
  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: #101D20;
  background: var(--pdb-color-2, #101D20);
  border: 1px solid #0B3940;
  border: 1px solid var(--pdb-color-4, #0B3940);
  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: #0B3940;
  color: var(--pdb-color-4, #0B3940);
}
.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 #0E2D31;
  border-bottom: 1px solid var(--pdb-color-3, #0E2D31);
}
.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 #0B3940;
  border: 1px solid var(--pdb-color-4, #0B3940);
  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: #101D20;
  background-color: var(--pdb-color-2, #101D20);
  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: #101D20;
  background-color: var(--pdb-color-2, #101D20);
  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: #0E2D31;
  background-color: var(--pdb-color-3, #0E2D31);
  border-radius: 99px;
}
.pdb-post-details .tools .tools-item.active svg,
.pdb-post-details .tools .tools-item.active label {
  color: #2D8489;
  color: var(--pdb-color-8, #2D8489);
}
.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 #0E2D31;
  border-top: 1px solid var(--pdb-color-3, #0E2D31);
}
.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: #87B4F8;
  text-decoration: underline;
}
.pdb-post-details .content .highlight {
  color: #2D8489;
  color: var(--pdb-color-8, #2D8489);
}
.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: #0E2D31;
  background: var(--pdb-color-3, #0E2D31);
  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: #B4C4C6;
  color: var(--pdb-color-12, #B4C4C6);
  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: #101D20;
  background-color: var(--pdb-color-2, #101D20);
  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: #99BABE;
  background-color: var(--pdb-color-11, #99BABE);
  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: #99BABE;
  background-color: var(--pdb-color-11, #99BABE);
  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: #101D20;
  background-color: var(--pdb-color-2, #101D20);
}
.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: #074A53;
  background-color: var(--pdb-color-5, #074A53);
  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: #99BABE;
  color: var(--pdb-color-11, #99BABE);
  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: #99BABE;
  color: var(--pdb-color-11, #99BABE);
  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: #99BABE;
  background-color: var(--pdb-color-11, #99BABE);
  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: #6AA5A4;
  color: var(--pdb-color-10, #6AA5A4);
  font-size: 14px;
  background-color: #0E2D31;
  background-color: var(--pdb-color-3, #0E2D31);
}
.send-message .pdb-textarea:focus {
  border-color: #074A53;
  border-color: var(--pdb-color-5, #074A53);
}
.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: #101D20;
  background-color: var(--pdb-color-2, #101D20);
  border-radius: 24px;
  overflow: hidden;
}
.chat .header {
  padding: 12px 0;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #0B3940;
  border-bottom: 1px solid var(--pdb-color-4, #0B3940);
}
.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: #99BABE;
  color: var(--pdb-color-11, #99BABE);
  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: #87B4F8;
  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: #2D8489;
  color: var(--pdb-color-8, #2D8489);
}
.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: #2D8489;
  color: var(--pdb-color-8, #2D8489);
}
.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: #2D8489;
  background-color: var(--pdb-color-8, #2D8489);
}
.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: #101D20;
  background-color: var(--pdb-color-2, #101D20);
  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: #BE525D;
  background-color: var(--pome-color, #BE525D);
}
.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: #BE525D;
  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: #BE525D;
}
.rc-notification-notice.success {
  background: #499698;
}
.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: #499698;
}
.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: #87B4F8;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #b3d4ff;
}
a:active {
  color: #668ed1;
}
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-block;
  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: #499698;
}
.rc-tooltip.rc-tooltip-placement-right .rc-tooltip-arrow {
  transform: rotate(314deg) translate(2px, 4px);
}
.rc-tooltip .rc-tooltip-arrow {
  border-top-color: #499698;
}
.rc-tooltip .rc-tooltip-inner {
  max-width: 274px;
  background-color: #499698;
  -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: #BE525D;
}
.error-tooltip .rc-tooltip-inner {
  background-color: #BE525D;
  -webkit-filter: none;
          filter: none;
}


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

.app-link {
  position: relative;
  display: flex;
  align-items: center;
  padding: 11px 16px;
  background-color: #035B66;
}
.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;
}
.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: #FFCF9A;
  border: 0.5px solid #FFCF9A;
  border-radius: 17.5px;
}
.app-link .to-app svg {
  display: none;
}
.app-link.lighter {
  background-color: #6AA5A4;
}
.app-link.lighter .app-name,
.app-link.lighter .app-version {
  color: #0B3940;
}
.app-link.lighter .to-app {
  background-color: white;
  border-color: white;
  color: #0B3940;
}
.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%, #6AA5A4 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: #111617;
}
.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 #2D8489;
  -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: #111617;
  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: #54C597;
}
.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: #111617;
  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_140 {
  padding: 35px 26px 53px;
  background: rgba(16, 29, 32, 0.9);
  border-top: 2px solid #2D8489;
  border-radius: 8px 8px 0px 0px;
  text-align: center;
}
.landing-page.landing-page_140::after {
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100vw;
  position: absolute;
}
.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;
}
@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: nowrap;
  }
  .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: #87B4F8;
  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: #6AA5A4;
}
.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: #6AA5A4;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding: 5px 40px;
  color: #D9D9D9;
  border-radius: 27px;
  border: none;
  background-color: #035B66;
  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: #0B3940;
  }
}

.new-login-box h1 {
  margin-top: 8px;
  font-weight: 400;
  font-size: 36px;
  line-height: 130%;
  color: #F0F0F0;
  margin-bottom: 24px;
  text-align: center;
}
.new-login-box h1 label {
  display: inline-block;
  vertical-align: text-bottom;
}
.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: 32px;
}
.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-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: #111617 !important;
}
*::-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: #87B4F8;
}
svg.question-icon:hover > path:first-child {
  stroke: #035B66;
}
svg.question-icon:hover path {
  fill: #035B66;
}
svg.question-icon:hover g[clip-path="url(#question_svg__clip0)"] path {
  fill: #111617;
}
.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 #035B66;
  border-radius: 46.5px;
  box-sizing: border-box;
  font-size: 36px;
  font-weight: 500;
  color: #156F77;
}
.CookieConsent {
  left: 50% !important;
  width: 815px !important;
  border-radius: 16px !important;
  background-color: #2D8489 !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: #035B66 !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;
}

.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: #101D20;
  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: #499698;
}
.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: #499698;
}
.suggestion-board-page .description {
  margin: 8px 16px 0;
  color: #D9D9D9;
}
.suggestion-board-page .box {
  color: #BFBFBF;
  padding: 16px;
  border-radius: 12px;
  background-color: #101D20;
}
.suggestion-board-page .border {
  border: 1px solid #499698;
  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: #101D20;
}
.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: #2D8489;
  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: #99BABE;
  margin-left: 32px;
}
.suggestion-board-page .list3 li::before {
  content: "•";
  color: #99BABE;
  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: #0B3940;
  border: none;
}

.contact_as .about_us h2 {
  color: #499698;
  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: #499698;
  font-size: 26px;
  margin-bottom: 16px;
}
.contact_as .community_inquiries .community_inquiries_form {
  background-color: #101D20;
  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 #035B66;
  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: #0E2D31;
  border: 1px solid #035B66;
  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: #035B66;
  cursor: pointer;
}
.contact_as .other_inquires {
  margin-top: 40px;
}
.contact_as .other_inquires h2 {
  color: #499698;
  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: #0E2D31;
}
.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 #0B3940;
}
.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: #0E2D31;
}
.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: #074A53;
  border-radius: 16px;
}
.profile-log .log-list {
  margin-top: 24px;
}
.profile-log .log-list .log-item {
  padding: 16px;
  background: #101D20;
  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: #99BABE;
  background-color: #0E2D31;
  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-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;
  }
}

.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 #0B3940;
  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: #074A53;
  color: #F0F0F0;
}
.rc-tabs .rc-tabs-ink-bar {
  display: none;
  height: 100%;
  background-color: #074A53;
  z-index: 0;
  border-radius: 8px;
}

.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: #101D20;
}
.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: #6AA5A4;
  font-size: 24px;
  background-color: #101D20;
  border-bottom: 1px solid #0B3940;
}
.faq-popover .faq-popover-container .faq-popover-item-wrp {
  flex: 1 1;
  padding: 16px;
  background-color: #101D20;
  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: #6AA5A4;
  background-color: #0E2D31;
}
.faq-module .faq-black .faq-question-title {
  padding: 16px;
  font-size: 16px;
  color: #D9D9D9;
  background-color: #101D20;
  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 #0B3940;
}
.faq-module .faq-black .faq-more {
  padding: 16px;
  text-align: right;
  background-color: #101D20;
  border-top: 1px solid #0B3940;
}
.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 #2D8489;
  overflow: hidden;
}
.popover .rc-dialog-content {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
.popover .rc-dialog-content,
.popover .rc-dialog-header {
  background-color: #111617;
}
.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: #035B66;
}
.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: #99BABE;
  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);
  }
}

.personality-selector {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  height: 40px;
  line-height: 40px;
  border: 1.5px solid #2D8489;
  border-radius: 27px;
  cursor: pointer;
}
.personality-selector label {
  max-width: calc(100% - 19px);
  text-align: center;
  color: #2D8489;
  font-size: 18px;
  white-space: nowrap;
  pointer-events: none;
  text-overflow: ellipsis;
  overflow: hidden;
}
.personality-selector svg {
  font-size: 19px !important;
  color: #2D8489;
}
.personality-selector-dropdown {
  border: 1px solid #2D8489;
  border-radius: 20px;
  background: #111617;
  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: #B4C4C6 !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: #6AA5A4;
  background-color: #0B3940;
}

.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 {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  background-color: #101D20;
  border-radius: 16px;
  overflow: hidden;
}
.profile-card .avatar,
.profile-card .logo {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 12px 0 12px 12px;
}
.profile-card .info {
  margin: 0 8px;
  flex: 1 1;
}
.profile-card .info .info-name {
  color: #F0F0F0;
  font-size: 20px;
  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 .info .info-subcategory img {
  float: left;
  width: 18px;
  height: 18px;
}
.profile-card .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: 2;
  margin-bottom: 0;
  overflow: hidden;
}
.profile-card .type {
  display: flex;
  flex-direction: column;
  width: 104px;
  height: 104px;
  background-color: #0E2D31;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.profile-card .type .vote-count {
  display: inline-block;
  padding: 3px 4px;
  background-color: #0B3940;
  border-radius: 50px;
  line-height: 14px;
}
.profile-card .type .vote-count svg {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.profile-card .type .vote-count label {
  display: inline-block;
  vertical-align: top;
  color: #99BABE;
  font-size: 12px;
  line-height: 14px;
  margin-left: 4px;
}
.profile-card .type .vote-count.has_voted label {
  color: #FFCF9A;
}
.profile-card .type .personality {
  color: #C3924A;
  font-size: 26px;
  line-height: 31px;
  margin-top: 3px;
}
.profile-card .type .subtype {
  color: #C8BAAA;
  font-size: 14px;
  line-height: 17px;
}
.profile-card:hover {
  background-color: #0E2D31;
}
@media screen and (max-width: 768px) {
  .profile-card .avatar,
  .profile-card .logo {
    width: 66px;
    height: 66px;
  }
  .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: #0E2D31;
  }
}

.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;
}
.not-login {
  margin-bottom: 32px;
}
.not-login .app-download {
  display: flex;
  margin-bottom: 16px;
  justify-content: center;
}
.not-login .app-download span {
  width: 137px;
  height: 38px;
}
.not-login .app-download span img {
  width: 100%;
}
.not-login .app-download span:not(:first-child) {
  margin-left: 13px;
}
.not-login .chemistry-entry,
.not-login .similar-entry {
  display: block;
}
.not-login .chemistry-entry img,
.not-login .similar-entry img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.not-login .similar-entry {
  margin-top: 16px;
}
.not-login .meets {
  margin-top: 32px;
  cursor: pointer;
}
.not-login .meets .meets-title {
  display: block;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 1.3;
  color: #B4C4C6;
  text-align: center;
}
.not-login .meets .meets-title label,
.not-login .meets .meets-title svg {
  display: inline-block;
  vertical-align: middle;
}
.not-login .meets .meets-title svg {
  margin-left: 8px;
}
.not-login .meets .meets-container {
  margin-top: 16px;
  white-space: nowrap;
  overflow-x: auto;
}
.not-login .meets .meets-container .meets-container-item {
  display: inline-block;
  width: 25%;
  vertical-align: middle;
}
.not-login .meets .meets-container .meets-container-item img {
  width: 100%;
}
.not-login .meets .meets-container .meets-container-item label {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  display: block;
  color: #f0f0f0;
  text-align: center;
}
.not-login .watching {
  margin-top: 32px;
}
.not-login .watching .watching-title {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  color: #B4C4C6;
  text-align: center;
}
.not-login .watching .watching-title label,
.not-login .watching .watching-title svg {
  display: inline-block;
  vertical-align: middle;
}
.not-login .watching .watching-title svg {
  margin-left: 8px;
}
.not-login .watching .watching-container {
  display: flex;
  margin-top: 16px;
}
.not-login .watching .watching-container span {
  flex: 1 1;
  overflow: hidden;
}
.not-login .watching .watching-container span a {
  display: block;
}
.not-login .watching .watching-container span:not(:first-child) {
  margin-left: 7.5px;
}
.not-login .watching .watching-container img {
  width: 100%;
}
.not-login .make {
  margin-top: 32px;
}
.not-login .make .make-title {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  color: #B4C4C6;
  text-align: center;
}
.not-login .make .make-title label,
.not-login .make .make-title svg {
  display: inline-block;
  vertical-align: middle;
}
.not-login .make .make-title svg {
  margin-left: 8px;
}
.not-login .make .make-container {
  margin-top: 16px;
}
.not-login .make .make-container .pdb-push-notification-notice {
  padding: 11px 14px;
  max-width: 100%;
  border: none;
  margin: 0;
  box-shadow: none;
  background: rgba(80, 80, 80, 0.3);
}
.not-login .make .make-container .pdb-push-notification-notice:not(:first-child) {
  margin-top: 12px;
}
.not-login .jump-to {
  width: 100%;
  height: 96px;
  line-height: 96px;
  display: block;
}
.not-login .jump-to img {
  width: calc(100% - 50px);
  margin: 0 25px;
}

.pc-not-login {
  margin-bottom: 40px;
  padding: 10px;
  background-color: #101D20;
  display: flex;
  align-items: center;
  border-radius: 16px;
}
.pc-not-login .image {
  flex: 1 10 50%;
  max-width: 392px;
}
.pc-not-login .image img {
  width: 100%;
}
.pc-not-login .right {
  flex: 1 1 50%;
}
.pc-not-login .right h1 {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 50px;
  line-height: 1.3;
  color: #B4C4C6;
  display: block;
  text-align: center;
}
.pc-not-login .right h2 {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.3;
  color: #B4C4C6;
  display: block;
  text-align: center;
}
.pc-not-login .right .apps {
  margin-top: 28px;
  padding-right: 33px;
}
.pc-not-login .right .apps span {
  width: calc(50% - 16px);
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.pc-not-login .right .apps span:not(:first-child) {
  margin-left: 32px;
}
.pc-not-login .right .apps span::after {
  content: '';
  padding-top: 105%;
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
}
.pc-not-login .right .apps span.android::after {
  background-image: url("https://static1.personality-database.com/promotion/download_for_android.png");
}
.pc-not-login .right .apps span.android:hover::after {
  background-image: url("https://static1.personality-database.com/promotion/qrcode_for_android.png");
}
.pc-not-login .right .apps span.ios::after {
  background-image: url("https://static1.personality-database.com/promotion/download_for_ios.png");
}
.pc-not-login .right .apps span.ios:hover::after {
  background-image: url("https://static1.personality-database.com/promotion/qrcode_for_ios.png");
}

/* 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 .personality-label:after {
  content: 'Show All';
  width: 73px;
  background-position: 60px center;
}
.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 #074A53;
  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: #6AA5A4;
  overflow: hidden;
}
.trending-page .category .category-item.real_profiles .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='%23156F77' filter='url(%23filter0_d)'/%3E%3Cpath d='M11.543 28.09c.705-.75 1.081-.714 1.21-.869.13-.155 1.564-3.133 1.564-3.848 0-.715.176-2.026 0-2.86-.176-.834-.823-2.025-.823-2.025s-.611.083-.705 0c-.094-.083-.059-1.096-.353-1.394-.294-.298-.858-1.191-.858-1.668v-1.072s.788-.477.94-.99c.153-.511.412-.595.435-1.036.024-.44.153-1.548.153-1.548s.435-.68.435-1.108c0-.441.082-.632.082-.632s.153.131.6-.631c.446-.763 1.704-2.014 1.704-2.193 0-.178 1.317-.202 1.646-.393.33-.202 1.328-.452 2.08 0 .741.453 1.611 1.096 2 2.145.387 1.048.67 2.406.857 3.336.188.93 1.176 2.764 1.564 3.18.388.418.352.632.352.632s-.035 2.836-.317 2.896c-.282.059-.858.119-.858.119s-.024.56-.27 1.036c-.26.477-.823.989-.823.989s-.2 1.31-.2 2.264c0 .953-.141 3.514.152 3.657.294.143 1.094.81 1.529.834.435.024 1.845.596 2.586 1.156.74.56 1.904 1.394 2.198 1.43.294.035 1.681 0 1.681 0s.611-1.55-.2-1.942c-.8-.393-1.47-.87-1.916-.87-.447 0-.67-.083-.67-.083l-.153-.596s1.211-.262 1.376-.632c.152-.38.235-.595.235-.595s1.058-.215 1.058-.393v-.18s.34.263.493.096c.153-.155 0-.631 0-.631s.53-1.347-.105-1.87c-.623-.513-.083-.18-.741-1.156-.67-.977-.74-1.311-.74-1.311s.152-.322-.118-1.037c-.27-.715-.905-1.394-.905-1.394s.294-1.274.152-1.787c-.14-.512-.963-.989-.822-2.18.14-1.191.905-3.062-.67-4.801-1.564-1.752-3.433-4.146-5.443-4.647-2.01-.5-4.796-1.072-5.725 0-.928 1.072-.905 1.99-.905 1.99s-2.468.44-3.02 1.43c-.553.988-1.235 2.24-1.447 4.05-.211 1.811-1.387 7.054-.94 8.853.446 1.81 1.058 1.965.74 2.382-.317.417-2.292 2.264-2.15 2.776.14.513.67.715.67 1.43s.74.93.587 1.346c-.153.417-.517.739-.306 1.204.282.571 2.398-.108 3.104-.858z' fill='%23B4C4C6' fill-opacity='.8'/%3E%3Cpath d='M18.455 16.462c-.023.012-.047.012-.058 0-.094-.06-.365-.215-.553-.095-.235.143-1.21 1.155-1.481 1.262l-.165.072c-.047.012-.047.083-.011.107.305.19 1.293.75 2.116.763.893.012 1.95-.62 2.41-.787.046-.011.046-.083.011-.107-.259-.143-.858-.524-1.199-.881-.435-.465-.388-.441-.635-.465-.188-.024-.364.083-.435.13z' fill='%23B4C4C6' fill-opacity='.8'/%3E%3Cpath d='M17.68 17.618c-.012 0-.024-.024-.012-.036.094-.084.352-.322.446-.322.118 0 .247.095.341.084.094-.012.27-.131.4-.084.094.036.33.238.423.322.012.012 0 .036-.012.036a13.078 13.078 0 0 0-.822-.036c-.247.012-.635.036-.764.036z' fill='%23074A53'/%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.ficitional_profiles:not(.hide) .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='%23035B66' filter='url(%23filter0_d_198:1806)'/%3E%3Cg clip-path='url(%23clip0_198:1806)'%3E%3Cpath d='M28.76 12.852c.5 1.36.849 2.783.886 3.47-.2-.063-.4-.1-.624-.1-.75 0-1.398.412-1.748 1.011-.062-.137-.237-.537-.424-.874-.225-.424-.624-.836-.624-.836.012-.05.037-.1.05-.162.224-.924-1.099-1.835-2.497-2.584-1.36-.724-3.595-1.373-6.391-1.373s-5.03.886-6.616 1.835c-1.173.699-1.498 1.223-1.573 1.66.262-1.898 2.097-10.623 13.045-8.6 3.695.698 6.016 5.18 6.516 6.553z' fill='%2394B3B6'/%3E%3Cpath d='M25.147 16.566c.212.912 1.529 6.472.917 7.858-.662 1.51-4.669 4.968-8.45 4.968-1.898 0-3.846-.862-5.394-1.923-1.547-1.048-2.72-2.297-3.045-3.046-.624-1.41.766-7.054.941-7.84.137.374 1.143 2.985 4.451 2.985.25 0 .637-.063.886-.1.2-.025.413-.075.625-.113-.05.163-.088.337-.088.512a1.62 1.62 0 0 0 1.623 1.623 1.62 1.62 0 0 0 1.523-2.184c.212.037.474.087.799.15.25.05.487.1.736.112 4.095.05 4.426-2.515 4.476-3.002z' fill='%2394B3B6'/%3E%3Cpath d='M25.228 16.46l.025.038v.075a.44.44 0 0 0-.025-.112zM9.986 16.495l.038-.05s-.013.038-.025.087c-.013-.012-.013-.037-.013-.037z' fill='%238FACAF'/%3E%3Cpath d='M9.187 14.913c-.012.05-.012.087-.012.137v.012c-.013.1 0 .2 0 .288.025.511.786 1.098.849 1.098 0 0 .174-.35.574-.936.55-.799 2.21-1.486 4.469-1.972 2.11-.45 4.98-.525 7.976.636.487.188.937.475 1.31.85.75.76.9 1.422.9 1.422s.724-.15.986-.936c.012-.05.037-.1.05-.162.224-.924-1.099-1.835-2.497-2.584-1.36-.724-3.595-1.373-6.391-1.373a12.85 12.85 0 0 0-6.628 1.847c-1.174.7-1.498 1.236-1.586 1.673z' stroke='%2394B3B6' stroke-width='.301' stroke-miterlimit='10'/%3E%3Cpath d='M29.647 16.3a2.035 2.035 0 0 1 1.41 1.934 2.022 2.022 0 1 1-4.044 0 2.025 2.025 0 0 1 2.022-2.035c.212 0 .412.038.612.1z' fill='%2394B3B6'/%3E%3Cpath d='M27 17.203c0-.014.015-.014.015-.029a2.411 2.411 0 0 1 2.066-1.2c.26 0 .506.044.737.116.015 0 .015 0 .03.015' stroke='%23035B66' stroke-width='.51' stroke-miterlimit='10'/%3E%3Cpath d='M18.15 18.12a1.726 1.726 0 0 1-.524 3.37 1.726 1.726 0 0 1-1.723-1.722 1.741 1.741 0 0 1 1.735-1.735c.162 0 .35.038.512.088z' fill='%233C6F76'/%3E%3Cpath d='M20.029 17.03a.998.998 0 0 1 1.002-1.003.998.998 0 0 1 1.003 1.003M13.01 17.03a1.001 1.001 0 1 1 2.006 0' stroke='%238FADAF' stroke-width='.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_198:1806' 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_198:1806'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_198:1806' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_198:1806'%3E%3Cpath fill='%23fff' transform='translate(9 6)' d='M0 0h22.057v23.393H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-color: #035B66;
}
.trending-page .category .category-item.me_polled .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='%23074A53' filter='url(%23filter0_d_198:1807)'/%3E%3Cg clip-path='url(%23clip0_198:1807)' fill='%238FA8AC'%3E%3Cpath d='M18.974 11.193c-4.486 0-8.13 3.644-8.13 8.147a8.121 8.121 0 0 0 2.612 5.965h.052c1.994.034 4.933-1.032 7.803-2.957 2.578-1.736 4.538-3.764 5.432-5.5-1.066-3.283-4.143-5.655-7.77-5.655zM26.863 20.647a51.5 51.5 0 0 1-5.328 4.09 48.048 48.048 0 0 1-4.091 2.476c-.052.034-.103.051-.155.086.55.12 1.1.171 1.685.171a8.136 8.136 0 0 0 8.06-6.978c-.05.052-.12.103-.171.155z'/%3E%3Cpath d='M32.329 10.678c1.547 2.303-3.008 8.061-10.176 12.857-7.167 4.795-14.214 6.806-15.76 4.503-1.05-1.547.67-4.658 4.09-7.992.051.704.189 1.375.412 2.01-.67 1.29-.825 2.424-.292 3.197 1.29 1.908 6.136.911 10.829-2.234 4.692-3.145 7.476-7.253 6.187-9.161-.515-.774-1.598-1.066-3.008-.945a9.064 9.064 0 0 0-1.839-1.238c4.658-2.114 8.457-2.63 9.557-.997zM8.61 9.425l.945 1.718a.352.352 0 0 0 .137.138l1.72.945a.358.358 0 0 1 0 .636l-1.72.945a.352.352 0 0 0-.137.138l-.946 1.719a.358.358 0 0 1-.636 0l-.945-1.719c-.034-.069-.086-.103-.137-.138l-1.72-.945a.358.358 0 0 1 0-.636l1.72-.945a.352.352 0 0 0 .137-.138l.945-1.718c.155-.241.516-.241.636 0zM22.325 7.103l.482.877a.134.134 0 0 0 .068.068l.877.482c.12.068.12.258 0 .326l-.877.482a.134.134 0 0 0-.068.068l-.482.877c-.068.12-.258.12-.326 0l-.482-.877a.134.134 0 0 0-.068-.068l-.877-.482c-.12-.068-.12-.258 0-.326l.877-.482a.134.134 0 0 0 .068-.068L22 7.103a.18.18 0 0 1 .326 0zM29.957 20.58l.395.721c.017.017.034.052.052.052l.721.395c.104.052.104.206 0 .258l-.721.395c-.018.017-.052.035-.052.052l-.395.722c-.052.103-.207.103-.258 0l-.395-.722c-.018-.017-.035-.052-.052-.052l-.722-.395c-.103-.052-.103-.206 0-.258l.722-.395c.017-.017.052-.035.052-.052l.395-.722c.034-.103.189-.103.258 0z'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_198:1807' 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_198:1807'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_198:1807' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_198:1807'%3E%3Cpath fill='%23fff' transform='translate(5 7)' d='M0 0h27.621v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-color: #074A53;
}
.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='%230B3940' 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='%23B4C4C6' 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,%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='%232D8489' filter='url(%23filter0_d)'/%3E%3Cpath d='M11.543 28.09c.705-.75 1.081-.714 1.21-.869.13-.155 1.564-3.133 1.564-3.848 0-.715.176-2.026 0-2.86-.176-.834-.823-2.025-.823-2.025s-.611.083-.705 0c-.094-.083-.059-1.096-.353-1.394-.294-.298-.858-1.191-.858-1.668v-1.072s.788-.477.94-.99c.153-.511.412-.595.435-1.036.024-.44.153-1.548.153-1.548s.435-.68.435-1.108c0-.441.082-.632.082-.632s.153.131.6-.631c.446-.763 1.704-2.014 1.704-2.193 0-.178 1.317-.202 1.646-.393.33-.202 1.328-.452 2.08 0 .741.453 1.611 1.096 2 2.145.387 1.048.67 2.406.857 3.336.188.93 1.176 2.764 1.564 3.18.388.418.352.632.352.632s-.035 2.836-.317 2.896c-.282.059-.858.119-.858.119s-.024.56-.27 1.036c-.26.477-.823.989-.823.989s-.2 1.31-.2 2.264c0 .953-.141 3.514.152 3.657.294.143 1.094.81 1.529.834.435.024 1.845.596 2.586 1.156.74.56 1.904 1.394 2.198 1.43.294.035 1.681 0 1.681 0s.611-1.55-.2-1.942c-.8-.393-1.47-.87-1.916-.87-.447 0-.67-.083-.67-.083l-.153-.596s1.211-.262 1.376-.632c.152-.38.235-.595.235-.595s1.058-.215 1.058-.393v-.18s.34.263.493.096c.153-.155 0-.631 0-.631s.53-1.347-.105-1.87c-.623-.513-.083-.18-.741-1.156-.67-.977-.74-1.311-.74-1.311s.152-.322-.118-1.037c-.27-.715-.905-1.394-.905-1.394s.294-1.274.152-1.787c-.14-.512-.963-.989-.822-2.18.14-1.191.905-3.062-.67-4.801-1.564-1.752-3.433-4.146-5.443-4.647-2.01-.5-4.796-1.072-5.725 0-.928 1.072-.905 1.99-.905 1.99s-2.468.44-3.02 1.43c-.553.988-1.235 2.24-1.447 4.05-.211 1.811-1.387 7.054-.94 8.853.446 1.81 1.058 1.965.74 2.382-.317.417-2.292 2.264-2.15 2.776.14.513.67.715.67 1.43s.74.93.587 1.346c-.153.417-.517.739-.306 1.204.282.571 2.398-.108 3.104-.858z' fill='%23F0F0F0'/%3E%3Cpath d='M18.455 16.462c-.023.012-.047.012-.058 0-.094-.06-.365-.215-.553-.095-.235.143-1.21 1.155-1.481 1.262l-.165.072c-.047.012-.047.083-.011.107.305.19 1.293.75 2.116.763.893.012 1.95-.62 2.41-.787.046-.011.046-.083.011-.107-.259-.143-.858-.524-1.199-.881-.435-.465-.388-.441-.635-.465-.188-.024-.364.083-.435.13z' fill='%23F0F0F0'/%3E%3Cpath d='M17.68 17.618c-.012 0-.024-.024-.012-.036.094-.084.352-.322.446-.322.118 0 .247.095.341.084.094-.012.27-.131.4-.084.094.036.33.238.423.322.012.012 0 .036-.012.036a13.078 13.078 0 0 0-.822-.036c-.247.012-.635.036-.764.036z' fill='%232D8489'/%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.ficitional_profiles:not(.hide):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='%232D8489' filter='url(%23filter0_d_559:17940)'/%3E%3Cg clip-path='url(%23clip0_559:17940)'%3E%3Cpath d='M28.76 12.852c.5 1.36.849 2.783.886 3.47-.2-.063-.4-.1-.624-.1-.75 0-1.398.412-1.748 1.011-.062-.137-.237-.537-.424-.874-.225-.424-.624-.836-.624-.836.012-.05.037-.1.05-.162.224-.924-1.099-1.835-2.497-2.584-1.36-.724-3.595-1.373-6.391-1.373s-5.03.886-6.616 1.835c-1.173.699-1.498 1.223-1.573 1.66.262-1.898 2.097-10.623 13.045-8.6 3.695.698 6.016 5.18 6.516 6.553z' fill='%23F0F0F0'/%3E%3Cpath d='M25.147 16.566c.212.912 1.529 6.472.917 7.858-.662 1.51-4.669 4.968-8.45 4.968-1.898 0-3.846-.862-5.394-1.923-1.547-1.048-2.72-2.297-3.045-3.046-.624-1.41.766-7.054.941-7.84.137.374 1.143 2.985 4.451 2.985.25 0 .637-.063.886-.1.2-.025.413-.075.625-.113-.05.163-.088.337-.088.512a1.62 1.62 0 0 0 1.623 1.623 1.62 1.62 0 0 0 1.523-2.184c.212.037.474.087.799.15.25.05.487.1.736.112 4.095.05 4.426-2.515 4.476-3.002zM25.228 16.46l.025.038v.075a.44.44 0 0 0-.025-.112zM9.986 16.495l.038-.05s-.013.038-.025.087c-.013-.012-.013-.037-.013-.037z' fill='%23F0F0F0'/%3E%3Cpath d='M9.187 14.913c-.012.05-.012.087-.012.137v.012c-.013.1 0 .2 0 .288.025.511.786 1.098.849 1.098 0 0 .174-.35.574-.936.55-.799 2.21-1.486 4.469-1.972 2.11-.45 4.98-.525 7.976.636.487.188.937.475 1.31.85.75.76.9 1.422.9 1.422s.724-.15.986-.936c.012-.05.037-.1.05-.162.224-.924-1.099-1.835-2.497-2.584-1.36-.724-3.595-1.373-6.391-1.373a12.85 12.85 0 0 0-6.628 1.847c-1.174.7-1.498 1.236-1.586 1.673z' stroke='%23F0F0F0' stroke-width='.301' stroke-miterlimit='10'/%3E%3Cpath d='M29.647 16.3a2.035 2.035 0 0 1 1.41 1.934 2.022 2.022 0 1 1-4.044 0 2.025 2.025 0 0 1 2.022-2.035c.212 0 .412.038.612.1z' fill='%23F0F0F0'/%3E%3Cpath d='M27 17.203c0-.014.015-.014.015-.029a2.411 2.411 0 0 1 2.066-1.2c.26 0 .506.044.737.116.015 0 .015 0 .03.015' stroke='%23F0F0F0' stroke-width='.51' stroke-miterlimit='10'/%3E%3Cpath d='M18.15 18.12a1.726 1.726 0 0 1-.524 3.37 1.726 1.726 0 0 1-1.723-1.722 1.741 1.741 0 0 1 1.735-1.735c.162 0 .35.038.512.088z' fill='%2394B3B6'/%3E%3Cpath d='M20.029 17.03a.998.998 0 0 1 1.002-1.003.998.998 0 0 1 1.003 1.003M13.01 17.03a1.001 1.001 0 1 1 2.006 0' stroke='%23F0F0F0' stroke-width='.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_559:17940' 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_559:17940'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_559:17940' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_559:17940'%3E%3Cpath fill='%23fff' transform='translate(9 6)' d='M0 0h22.057v23.393H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-color: #2D8489;
}
.trending-page .category .category-item.me_polled: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='%232D8489' filter='url(%23filter0_d_559:17977)'/%3E%3Cg clip-path='url(%23clip0_559:17977)' fill='%23F0F0F0'%3E%3Cpath d='M18.974 11.193c-4.486 0-8.13 3.644-8.13 8.147a8.121 8.121 0 0 0 2.612 5.965h.052c1.994.034 4.933-1.032 7.803-2.957 2.578-1.736 4.538-3.764 5.432-5.5-1.066-3.283-4.143-5.655-7.77-5.655zM26.863 20.647a51.5 51.5 0 0 1-5.328 4.09 48.048 48.048 0 0 1-4.091 2.476c-.052.034-.103.051-.155.086.55.12 1.1.171 1.685.171a8.136 8.136 0 0 0 8.06-6.978c-.05.052-.12.103-.171.155z'/%3E%3Cpath d='M32.329 10.678c1.547 2.303-3.008 8.061-10.176 12.857-7.167 4.795-14.214 6.806-15.76 4.503-1.05-1.547.67-4.658 4.09-7.992.051.704.189 1.375.412 2.01-.67 1.29-.825 2.424-.292 3.197 1.29 1.908 6.136.911 10.829-2.234 4.692-3.145 7.476-7.253 6.187-9.161-.515-.774-1.598-1.066-3.008-.945a9.064 9.064 0 0 0-1.839-1.238c4.658-2.114 8.457-2.63 9.557-.997zM8.61 9.425l.945 1.718a.352.352 0 0 0 .137.138l1.72.945a.358.358 0 0 1 0 .636l-1.72.945a.352.352 0 0 0-.137.138l-.946 1.719a.358.358 0 0 1-.636 0l-.945-1.719c-.034-.069-.086-.103-.137-.138l-1.72-.945a.358.358 0 0 1 0-.636l1.72-.945a.352.352 0 0 0 .137-.138l.945-1.718c.155-.241.516-.241.636 0zM22.325 7.103l.482.877a.134.134 0 0 0 .068.068l.877.482c.12.068.12.258 0 .326l-.877.482a.134.134 0 0 0-.068.068l-.482.877c-.068.12-.258.12-.326 0l-.482-.877a.134.134 0 0 0-.068-.068l-.877-.482c-.12-.068-.12-.258 0-.326l.877-.482a.134.134 0 0 0 .068-.068L22 7.103a.18.18 0 0 1 .326 0zM29.957 20.58l.395.721c.017.017.034.052.052.052l.721.395c.104.052.104.206 0 .258l-.721.395c-.018.017-.052.035-.052.052l-.395.722c-.052.103-.207.103-.258 0l-.395-.722c-.018-.017-.035-.052-.052-.052l-.722-.395c-.103-.052-.103-.206 0-.258l.722-.395c.017-.017.052-.035.052-.052l.395-.722c.034-.103.189-.103.258 0z'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_559:17977' 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_559:17977'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_559:17977' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_559:17977'%3E%3Cpath fill='%23fff' transform='translate(5 7)' d='M0 0h27.621v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-color: #2D8489;
}
.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='%232D8489' 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 {
  font-size: 16px;
  font-family: 'gilroyextrabold';
  color: #D9D9D9;
  white-space: nowrap;
}
.trending-page .controversial label:after {
  content: '';
  display: inline-block;
  margin-left: 4px;
  width: 25px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='13' viewBox='0 0 25 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='25' height='13' rx='6.5' fill='%23D9D9D9'/%3E%3Cpath d='M5.345 10c1.499 0 2.387-.737 2.387-1.978 0-.937-.615-1.61-1.572-1.733V6.25c.679-.122 1.216-.806 1.216-1.538 0-1.055-.815-1.758-2.022-1.758h-2.67V10h2.66zM3.563 3.73h1.591c.855 0 1.333.386 1.333 1.084 0 .762-.566 1.177-1.606 1.177H3.562v-2.26zm0 5.494V6.748H5.13c1.123 0 1.7.415 1.7 1.23 0 .816-.558 1.246-1.617 1.246h-1.65zm8.803-.68c-.142.48-.615.807-1.26.807-.913 0-1.484-.64-1.484-1.612V7.69h3.642v-.322c0-1.538-.845-2.534-2.216-2.534-1.402 0-2.3 1.07-2.3 2.646 0 1.597.883 2.608 2.338 2.608 1.109 0 1.968-.654 2.115-1.543h-.835zm-1.333-2.973c.8 0 1.333.606 1.352 1.455H9.627c.053-.844.61-1.455 1.406-1.455zm3.764-1.875v1.226h-.757v.698h.757v3.062c0 .976.361 1.357 1.294 1.357.2 0 .435-.015.537-.039v-.713c-.058.01-.254.025-.351.025-.435 0-.63-.21-.63-.674V5.62h.986v-.698h-.986V3.696h-.85zm4.53 6.392c.684 0 1.33-.381 1.632-.962h.02V10h.805V6.49c0-1.011-.752-1.656-1.943-1.656-1.201 0-1.954.674-2.012 1.553h.82c.108-.498.518-.806 1.172-.806.703 0 1.113.371 1.113.991v.425l-1.455.083c-1.172.068-1.84.615-1.84 1.484 0 .914.678 1.524 1.689 1.524zm.191-.723c-.61 0-1.015-.317-1.015-.8 0-.48.39-.782 1.074-.826l1.357-.083v.415c0 .733-.615 1.294-1.416 1.294z' fill='%230B3940'/%3E%3C/svg%3E");
}
.trending-page .controversial .description {
  font-size: 12px;
  color: #8C8C8C;
  text-overflow: ellipsis;
  overflow: hidden;
}
.trending-page .controversial .description:after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 9px;
  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='%238C8C8C' 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 {
  font-size: 16px;
  font-family: 'gilroyextrabold';
  color: #D9D9D9;
  white-space: nowrap;
}
.trending-page .pdb-community-page label:after {
  content: '';
  display: inline-block;
  margin-left: 4px;
  width: 25px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='13' viewBox='0 0 25 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='25' height='13' rx='6.5' fill='%23D9D9D9'/%3E%3Cpath d='M5.345 10c1.499 0 2.387-.737 2.387-1.978 0-.937-.615-1.61-1.572-1.733V6.25c.679-.122 1.216-.806 1.216-1.538 0-1.055-.815-1.758-2.022-1.758h-2.67V10h2.66zM3.563 3.73h1.591c.855 0 1.333.386 1.333 1.084 0 .762-.566 1.177-1.606 1.177H3.562v-2.26zm0 5.494V6.748H5.13c1.123 0 1.7.415 1.7 1.23 0 .816-.558 1.246-1.617 1.246h-1.65zm8.803-.68c-.142.48-.615.807-1.26.807-.913 0-1.484-.64-1.484-1.612V7.69h3.642v-.322c0-1.538-.845-2.534-2.216-2.534-1.402 0-2.3 1.07-2.3 2.646 0 1.597.883 2.608 2.338 2.608 1.109 0 1.968-.654 2.115-1.543h-.835zm-1.333-2.973c.8 0 1.333.606 1.352 1.455H9.627c.053-.844.61-1.455 1.406-1.455zm3.764-1.875v1.226h-.757v.698h.757v3.062c0 .976.361 1.357 1.294 1.357.2 0 .435-.015.537-.039v-.713c-.058.01-.254.025-.351.025-.435 0-.63-.21-.63-.674V5.62h.986v-.698h-.986V3.696h-.85zm4.53 6.392c.684 0 1.33-.381 1.632-.962h.02V10h.805V6.49c0-1.011-.752-1.656-1.943-1.656-1.201 0-1.954.674-2.012 1.553h.82c.108-.498.518-.806 1.172-.806.703 0 1.113.371 1.113.991v.425l-1.455.083c-1.172.068-1.84.615-1.84 1.484 0 .914.678 1.524 1.689 1.524zm.191-.723c-.61 0-1.015-.317-1.015-.8 0-.48.39-.782 1.074-.826l1.357-.083v.415c0 .733-.615 1.294-1.416 1.294z' fill='%230B3940'/%3E%3C/svg%3E");
}
.trending-page .pdb-community-page .description {
  font-size: 12px;
  color: #8C8C8C;
}
.trending-page .pdb-community-page .description:after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 9px;
  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='%238C8C8C' 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: #B4C4C6;
  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: #B4C4C6;
  background-color: #035B66;
}
.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 #0B3940;
  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 {
  margin-left: 8px;
  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: none;
  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: #111617;
}
.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: #B4C4C6;
  font-weight: 500;
  background-color: #035B66;
}
.trending-page .quick-list::-webkit-scrollbar {
  height: 0 !important;
}
.trending-page .personality-item {
  margin-bottom: 24px;
}
.trending-page .personality-label {
  display: block;
  color: #B4C4C6;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
}
.trending-page .personality-label:after {
  content: 'More';
  float: right;
  width: 54px;
  height: 20px;
  margin-top: 6px;
  line-height: 18px;
  font-size: 12px;
  font-weight: 400;
  text-indent: 8px;
  margin-right: 16px;
  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;
}
.trending-page .trending-faq .title {
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: #B4C4C6;
  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: #101D20;
  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='%232D8489' 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: #101D20;
}
.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 {
    margin-top: 20px;
    padding: 0 16px;
  }
  .trending-page .ant-carousel {
    height: 115px;
    margin-bottom: 24px;
  }
  .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;
  }
  .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;
  }
}

.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: #499698;
  border-radius: 16px;
  background-color: #101D20;
}
.mbti-list .mbti-list-item:not(:first-child) {
  margin-top: 16px;
}

.infographics .infographics-wrp {
  background-color: #101D20;
  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: #499698;
  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: #87B4F8;
  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: #101D20;
}
.infographics-side .infographics-side-item img {
  width: 100%;
}
.infographics-side .infographics-side-item label {
  display: block;
  margin-top: 10px;
  color: #2D8489;
}

.article .article-list-item {
  display: block;
  padding: 11px 16px;
  font-size: 26px;
  color: #499698;
  border-radius: 16px;
  background-color: #101D20;
}
.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: #111617;
}
.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: #2D8489;
}
.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: #0E2D31;
  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;
}

.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);
}

/* 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;
  }
}

.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: #074A53;
  background-color: transparent;
}
.rc-checkbox.circle.rc-checkbox-checked .rc-checkbox-inner:after {
  background-color: #2D8489;
  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: #2D8489;
}
.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: #99BABE;
}
.rule-block ul li:not(:first-child) {
  margin-top: 8px;
}
.rule-block > .rc-collapse-item {
  border: none;
  padding: 12px;
  margin: 0 16px;
  background-color: #101D20;
  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='%232D8489'/%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: #B4C4C6;
}
.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: #2D8489;
  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='%232D8489'/%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: #0E2D31;
}
.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 #0E2D31;
}
.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: #DEBDA5;
}
.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: #DEBDA5 !important;
}
.board-detail .check-log .captain-tool svg circle {
  stroke: #DEBDA5 !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='%23DEBDA5'/%3E%3C/svg%3E");
}

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

.rc-dropdown {
  background: #111617;
  border: 2px solid #035B66;
  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: #B4C4C6;
  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: #99BABE;
  text-align: center;
  border-bottom: 1px solid #035B66;
}
.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: #99BABE;
}
.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: #101D20;
}
.report-container .bottom .btns {
  display: flex;
  margin-top: 16px;
  justify-content: space-between;
}
.report-container .bottom .btns .cancel {
  background-color: transparent;
  border: 1px solid #035B66;
}
.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: #101D20;
  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 #0B3940;
}
.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: #BE525D;
  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: #99BABE;
}
.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: #99BABE;
  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: #101D20;
  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: #99BABE;
  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 .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: #0E2D31;
  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: #074A53;
}
.side .split-line {
  display: block;
  margin: 16px 29px;
  height: 1px;
  background-color: #0B3940;
}
.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 .rc-menu > li.rc-menu-submenu .rc-menu-submenu-title {
  border: 1.5px solid #2D8480;
  border-radius: 30px;
}
.side .profile-menu li.rc-menu-submenu:not(:first-child) {
  margin-top: 8px;
}
.side .profile-menu .rc-menu-submenu-title {
  color: #6AA5A4;
  font-size: 18px;
  padding: 10px 8px 10px 6px !important;
  cursor: pointer;
  background-color: #111617;
}
.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: #BFBFBF;
}
.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: #6AA5A4;
  background-color: #0B3940;
}
.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,%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='%23156F77' filter='url(%23filter0_d)'/%3E%3Cpath d='M11.543 28.09c.705-.75 1.081-.714 1.21-.869.13-.155 1.564-3.133 1.564-3.848 0-.715.176-2.026 0-2.86-.176-.834-.823-2.025-.823-2.025s-.611.083-.705 0c-.094-.083-.059-1.096-.353-1.394-.294-.298-.858-1.191-.858-1.668v-1.072s.788-.477.94-.99c.153-.511.412-.595.435-1.036.024-.44.153-1.548.153-1.548s.435-.68.435-1.108c0-.441.082-.632.082-.632s.153.131.6-.631c.446-.763 1.704-2.014 1.704-2.193 0-.178 1.317-.202 1.646-.393.33-.202 1.328-.452 2.08 0 .741.453 1.611 1.096 2 2.145.387 1.048.67 2.406.857 3.336.188.93 1.176 2.764 1.564 3.18.388.418.352.632.352.632s-.035 2.836-.317 2.896c-.282.059-.858.119-.858.119s-.024.56-.27 1.036c-.26.477-.823.989-.823.989s-.2 1.31-.2 2.264c0 .953-.141 3.514.152 3.657.294.143 1.094.81 1.529.834.435.024 1.845.596 2.586 1.156.74.56 1.904 1.394 2.198 1.43.294.035 1.681 0 1.681 0s.611-1.55-.2-1.942c-.8-.393-1.47-.87-1.916-.87-.447 0-.67-.083-.67-.083l-.153-.596s1.211-.262 1.376-.632c.152-.38.235-.595.235-.595s1.058-.215 1.058-.393v-.18s.34.263.493.096c.153-.155 0-.631 0-.631s.53-1.347-.105-1.87c-.623-.513-.083-.18-.741-1.156-.67-.977-.74-1.311-.74-1.311s.152-.322-.118-1.037c-.27-.715-.905-1.394-.905-1.394s.294-1.274.152-1.787c-.14-.512-.963-.989-.822-2.18.14-1.191.905-3.062-.67-4.801-1.564-1.752-3.433-4.146-5.443-4.647-2.01-.5-4.796-1.072-5.725 0-.928 1.072-.905 1.99-.905 1.99s-2.468.44-3.02 1.43c-.553.988-1.235 2.24-1.447 4.05-.211 1.811-1.387 7.054-.94 8.853.446 1.81 1.058 1.965.74 2.382-.317.417-2.292 2.264-2.15 2.776.14.513.67.715.67 1.43s.74.93.587 1.346c-.153.417-.517.739-.306 1.204.282.571 2.398-.108 3.104-.858z' fill='%23B4C4C6' fill-opacity='.8'/%3E%3Cpath d='M18.455 16.462c-.023.012-.047.012-.058 0-.094-.06-.365-.215-.553-.095-.235.143-1.21 1.155-1.481 1.262l-.165.072c-.047.012-.047.083-.011.107.305.19 1.293.75 2.116.763.893.012 1.95-.62 2.41-.787.046-.011.046-.083.011-.107-.259-.143-.858-.524-1.199-.881-.435-.465-.388-.441-.635-.465-.188-.024-.364.083-.435.13z' fill='%23B4C4C6' fill-opacity='.8'/%3E%3Cpath d='M17.68 17.618c-.012 0-.024-.024-.012-.036.094-.084.352-.322.446-.322.118 0 .247.095.341.084.094-.012.27-.131.4-.084.094.036.33.238.423.322.012.012 0 .036-.012.036a13.078 13.078 0 0 0-.822-.036c-.247.012-.635.036-.764.036z' fill='%23074A53'/%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 .profile-menu-item.ficitional_profiles:not(.hide) .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='%23035B66' filter='url(%23filter0_d_198:1806)'/%3E%3Cg clip-path='url(%23clip0_198:1806)'%3E%3Cpath d='M28.76 12.852c.5 1.36.849 2.783.886 3.47-.2-.063-.4-.1-.624-.1-.75 0-1.398.412-1.748 1.011-.062-.137-.237-.537-.424-.874-.225-.424-.624-.836-.624-.836.012-.05.037-.1.05-.162.224-.924-1.099-1.835-2.497-2.584-1.36-.724-3.595-1.373-6.391-1.373s-5.03.886-6.616 1.835c-1.173.699-1.498 1.223-1.573 1.66.262-1.898 2.097-10.623 13.045-8.6 3.695.698 6.016 5.18 6.516 6.553z' fill='%2394B3B6'/%3E%3Cpath d='M25.147 16.566c.212.912 1.529 6.472.917 7.858-.662 1.51-4.669 4.968-8.45 4.968-1.898 0-3.846-.862-5.394-1.923-1.547-1.048-2.72-2.297-3.045-3.046-.624-1.41.766-7.054.941-7.84.137.374 1.143 2.985 4.451 2.985.25 0 .637-.063.886-.1.2-.025.413-.075.625-.113-.05.163-.088.337-.088.512a1.62 1.62 0 0 0 1.623 1.623 1.62 1.62 0 0 0 1.523-2.184c.212.037.474.087.799.15.25.05.487.1.736.112 4.095.05 4.426-2.515 4.476-3.002z' fill='%2394B3B6'/%3E%3Cpath d='M25.228 16.46l.025.038v.075a.44.44 0 0 0-.025-.112zM9.986 16.495l.038-.05s-.013.038-.025.087c-.013-.012-.013-.037-.013-.037z' fill='%238FACAF'/%3E%3Cpath d='M9.187 14.913c-.012.05-.012.087-.012.137v.012c-.013.1 0 .2 0 .288.025.511.786 1.098.849 1.098 0 0 .174-.35.574-.936.55-.799 2.21-1.486 4.469-1.972 2.11-.45 4.98-.525 7.976.636.487.188.937.475 1.31.85.75.76.9 1.422.9 1.422s.724-.15.986-.936c.012-.05.037-.1.05-.162.224-.924-1.099-1.835-2.497-2.584-1.36-.724-3.595-1.373-6.391-1.373a12.85 12.85 0 0 0-6.628 1.847c-1.174.7-1.498 1.236-1.586 1.673z' stroke='%2394B3B6' stroke-width='.301' stroke-miterlimit='10'/%3E%3Cpath d='M29.647 16.3a2.035 2.035 0 0 1 1.41 1.934 2.022 2.022 0 1 1-4.044 0 2.025 2.025 0 0 1 2.022-2.035c.212 0 .412.038.612.1z' fill='%2394B3B6'/%3E%3Cpath d='M27 17.203c0-.014.015-.014.015-.029a2.411 2.411 0 0 1 2.066-1.2c.26 0 .506.044.737.116.015 0 .015 0 .03.015' stroke='%23035B66' stroke-width='.51' stroke-miterlimit='10'/%3E%3Cpath d='M18.15 18.12a1.726 1.726 0 0 1-.524 3.37 1.726 1.726 0 0 1-1.723-1.722 1.741 1.741 0 0 1 1.735-1.735c.162 0 .35.038.512.088z' fill='%233C6F76'/%3E%3Cpath d='M20.029 17.03a.998.998 0 0 1 1.002-1.003.998.998 0 0 1 1.003 1.003M13.01 17.03a1.001 1.001 0 1 1 2.006 0' stroke='%238FADAF' stroke-width='.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_198:1806' 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_198:1806'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_198:1806' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_198:1806'%3E%3Cpath fill='%23fff' transform='translate(9 6)' d='M0 0h22.057v23.393H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-color: #035B66;
}
.side .profile-menu .profile-menu-item.me_polled .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='%23074A53' filter='url(%23filter0_d_198:1807)'/%3E%3Cg clip-path='url(%23clip0_198:1807)' fill='%238FA8AC'%3E%3Cpath d='M18.974 11.193c-4.486 0-8.13 3.644-8.13 8.147a8.121 8.121 0 0 0 2.612 5.965h.052c1.994.034 4.933-1.032 7.803-2.957 2.578-1.736 4.538-3.764 5.432-5.5-1.066-3.283-4.143-5.655-7.77-5.655zM26.863 20.647a51.5 51.5 0 0 1-5.328 4.09 48.048 48.048 0 0 1-4.091 2.476c-.052.034-.103.051-.155.086.55.12 1.1.171 1.685.171a8.136 8.136 0 0 0 8.06-6.978c-.05.052-.12.103-.171.155z'/%3E%3Cpath d='M32.329 10.678c1.547 2.303-3.008 8.061-10.176 12.857-7.167 4.795-14.214 6.806-15.76 4.503-1.05-1.547.67-4.658 4.09-7.992.051.704.189 1.375.412 2.01-.67 1.29-.825 2.424-.292 3.197 1.29 1.908 6.136.911 10.829-2.234 4.692-3.145 7.476-7.253 6.187-9.161-.515-.774-1.598-1.066-3.008-.945a9.064 9.064 0 0 0-1.839-1.238c4.658-2.114 8.457-2.63 9.557-.997zM8.61 9.425l.945 1.718a.352.352 0 0 0 .137.138l1.72.945a.358.358 0 0 1 0 .636l-1.72.945a.352.352 0 0 0-.137.138l-.946 1.719a.358.358 0 0 1-.636 0l-.945-1.719c-.034-.069-.086-.103-.137-.138l-1.72-.945a.358.358 0 0 1 0-.636l1.72-.945a.352.352 0 0 0 .137-.138l.945-1.718c.155-.241.516-.241.636 0zM22.325 7.103l.482.877a.134.134 0 0 0 .068.068l.877.482c.12.068.12.258 0 .326l-.877.482a.134.134 0 0 0-.068.068l-.482.877c-.068.12-.258.12-.326 0l-.482-.877a.134.134 0 0 0-.068-.068l-.877-.482c-.12-.068-.12-.258 0-.326l.877-.482a.134.134 0 0 0 .068-.068L22 7.103a.18.18 0 0 1 .326 0zM29.957 20.58l.395.721c.017.017.034.052.052.052l.721.395c.104.052.104.206 0 .258l-.721.395c-.018.017-.052.035-.052.052l-.395.722c-.052.103-.207.103-.258 0l-.395-.722c-.018-.017-.035-.052-.052-.052l-.722-.395c-.103-.052-.103-.206 0-.258l.722-.395c.017-.017.052-.035.052-.052l.395-.722c.034-.103.189-.103.258 0z'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_198:1807' 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_198:1807'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_198:1807' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_198:1807'%3E%3Cpath fill='%23fff' transform='translate(5 7)' d='M0 0h27.621v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-color: #074A53;
}
.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='%230B3940' 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='%23B4C4C6' 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,%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='%232D8489' filter='url(%23filter0_d)'/%3E%3Cpath d='M11.543 28.09c.705-.75 1.081-.714 1.21-.869.13-.155 1.564-3.133 1.564-3.848 0-.715.176-2.026 0-2.86-.176-.834-.823-2.025-.823-2.025s-.611.083-.705 0c-.094-.083-.059-1.096-.353-1.394-.294-.298-.858-1.191-.858-1.668v-1.072s.788-.477.94-.99c.153-.511.412-.595.435-1.036.024-.44.153-1.548.153-1.548s.435-.68.435-1.108c0-.441.082-.632.082-.632s.153.131.6-.631c.446-.763 1.704-2.014 1.704-2.193 0-.178 1.317-.202 1.646-.393.33-.202 1.328-.452 2.08 0 .741.453 1.611 1.096 2 2.145.387 1.048.67 2.406.857 3.336.188.93 1.176 2.764 1.564 3.18.388.418.352.632.352.632s-.035 2.836-.317 2.896c-.282.059-.858.119-.858.119s-.024.56-.27 1.036c-.26.477-.823.989-.823.989s-.2 1.31-.2 2.264c0 .953-.141 3.514.152 3.657.294.143 1.094.81 1.529.834.435.024 1.845.596 2.586 1.156.74.56 1.904 1.394 2.198 1.43.294.035 1.681 0 1.681 0s.611-1.55-.2-1.942c-.8-.393-1.47-.87-1.916-.87-.447 0-.67-.083-.67-.083l-.153-.596s1.211-.262 1.376-.632c.152-.38.235-.595.235-.595s1.058-.215 1.058-.393v-.18s.34.263.493.096c.153-.155 0-.631 0-.631s.53-1.347-.105-1.87c-.623-.513-.083-.18-.741-1.156-.67-.977-.74-1.311-.74-1.311s.152-.322-.118-1.037c-.27-.715-.905-1.394-.905-1.394s.294-1.274.152-1.787c-.14-.512-.963-.989-.822-2.18.14-1.191.905-3.062-.67-4.801-1.564-1.752-3.433-4.146-5.443-4.647-2.01-.5-4.796-1.072-5.725 0-.928 1.072-.905 1.99-.905 1.99s-2.468.44-3.02 1.43c-.553.988-1.235 2.24-1.447 4.05-.211 1.811-1.387 7.054-.94 8.853.446 1.81 1.058 1.965.74 2.382-.317.417-2.292 2.264-2.15 2.776.14.513.67.715.67 1.43s.74.93.587 1.346c-.153.417-.517.739-.306 1.204.282.571 2.398-.108 3.104-.858z' fill='%23F0F0F0'/%3E%3Cpath d='M18.455 16.462c-.023.012-.047.012-.058 0-.094-.06-.365-.215-.553-.095-.235.143-1.21 1.155-1.481 1.262l-.165.072c-.047.012-.047.083-.011.107.305.19 1.293.75 2.116.763.893.012 1.95-.62 2.41-.787.046-.011.046-.083.011-.107-.259-.143-.858-.524-1.199-.881-.435-.465-.388-.441-.635-.465-.188-.024-.364.083-.435.13z' fill='%23F0F0F0'/%3E%3Cpath d='M17.68 17.618c-.012 0-.024-.024-.012-.036.094-.084.352-.322.446-.322.118 0 .247.095.341.084.094-.012.27-.131.4-.084.094.036.33.238.423.322.012.012 0 .036-.012.036a13.078 13.078 0 0 0-.822-.036c-.247.012-.635.036-.764.036z' fill='%232D8489'/%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.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,%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='%232D8489' filter='url(%23filter0_d_559:17940)'/%3E%3Cg clip-path='url(%23clip0_559:17940)'%3E%3Cpath d='M28.76 12.852c.5 1.36.849 2.783.886 3.47-.2-.063-.4-.1-.624-.1-.75 0-1.398.412-1.748 1.011-.062-.137-.237-.537-.424-.874-.225-.424-.624-.836-.624-.836.012-.05.037-.1.05-.162.224-.924-1.099-1.835-2.497-2.584-1.36-.724-3.595-1.373-6.391-1.373s-5.03.886-6.616 1.835c-1.173.699-1.498 1.223-1.573 1.66.262-1.898 2.097-10.623 13.045-8.6 3.695.698 6.016 5.18 6.516 6.553z' fill='%23F0F0F0'/%3E%3Cpath d='M25.147 16.566c.212.912 1.529 6.472.917 7.858-.662 1.51-4.669 4.968-8.45 4.968-1.898 0-3.846-.862-5.394-1.923-1.547-1.048-2.72-2.297-3.045-3.046-.624-1.41.766-7.054.941-7.84.137.374 1.143 2.985 4.451 2.985.25 0 .637-.063.886-.1.2-.025.413-.075.625-.113-.05.163-.088.337-.088.512a1.62 1.62 0 0 0 1.623 1.623 1.62 1.62 0 0 0 1.523-2.184c.212.037.474.087.799.15.25.05.487.1.736.112 4.095.05 4.426-2.515 4.476-3.002zM25.228 16.46l.025.038v.075a.44.44 0 0 0-.025-.112zM9.986 16.495l.038-.05s-.013.038-.025.087c-.013-.012-.013-.037-.013-.037z' fill='%23F0F0F0'/%3E%3Cpath d='M9.187 14.913c-.012.05-.012.087-.012.137v.012c-.013.1 0 .2 0 .288.025.511.786 1.098.849 1.098 0 0 .174-.35.574-.936.55-.799 2.21-1.486 4.469-1.972 2.11-.45 4.98-.525 7.976.636.487.188.937.475 1.31.85.75.76.9 1.422.9 1.422s.724-.15.986-.936c.012-.05.037-.1.05-.162.224-.924-1.099-1.835-2.497-2.584-1.36-.724-3.595-1.373-6.391-1.373a12.85 12.85 0 0 0-6.628 1.847c-1.174.7-1.498 1.236-1.586 1.673z' stroke='%23F0F0F0' stroke-width='.301' stroke-miterlimit='10'/%3E%3Cpath d='M29.647 16.3a2.035 2.035 0 0 1 1.41 1.934 2.022 2.022 0 1 1-4.044 0 2.025 2.025 0 0 1 2.022-2.035c.212 0 .412.038.612.1z' fill='%23F0F0F0'/%3E%3Cpath d='M27 17.203c0-.014.015-.014.015-.029a2.411 2.411 0 0 1 2.066-1.2c.26 0 .506.044.737.116.015 0 .015 0 .03.015' stroke='%23F0F0F0' stroke-width='.51' stroke-miterlimit='10'/%3E%3Cpath d='M18.15 18.12a1.726 1.726 0 0 1-.524 3.37 1.726 1.726 0 0 1-1.723-1.722 1.741 1.741 0 0 1 1.735-1.735c.162 0 .35.038.512.088z' fill='%2394B3B6'/%3E%3Cpath d='M20.029 17.03a.998.998 0 0 1 1.002-1.003.998.998 0 0 1 1.003 1.003M13.01 17.03a1.001 1.001 0 1 1 2.006 0' stroke='%23F0F0F0' stroke-width='.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_559:17940' 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_559:17940'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_559:17940' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_559:17940'%3E%3Cpath fill='%23fff' transform='translate(9 6)' d='M0 0h22.057v23.393H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-color: #2D8489;
}
.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,%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='%232D8489' filter='url(%23filter0_d_559:17977)'/%3E%3Cg clip-path='url(%23clip0_559:17977)' fill='%23F0F0F0'%3E%3Cpath d='M18.974 11.193c-4.486 0-8.13 3.644-8.13 8.147a8.121 8.121 0 0 0 2.612 5.965h.052c1.994.034 4.933-1.032 7.803-2.957 2.578-1.736 4.538-3.764 5.432-5.5-1.066-3.283-4.143-5.655-7.77-5.655zM26.863 20.647a51.5 51.5 0 0 1-5.328 4.09 48.048 48.048 0 0 1-4.091 2.476c-.052.034-.103.051-.155.086.55.12 1.1.171 1.685.171a8.136 8.136 0 0 0 8.06-6.978c-.05.052-.12.103-.171.155z'/%3E%3Cpath d='M32.329 10.678c1.547 2.303-3.008 8.061-10.176 12.857-7.167 4.795-14.214 6.806-15.76 4.503-1.05-1.547.67-4.658 4.09-7.992.051.704.189 1.375.412 2.01-.67 1.29-.825 2.424-.292 3.197 1.29 1.908 6.136.911 10.829-2.234 4.692-3.145 7.476-7.253 6.187-9.161-.515-.774-1.598-1.066-3.008-.945a9.064 9.064 0 0 0-1.839-1.238c4.658-2.114 8.457-2.63 9.557-.997zM8.61 9.425l.945 1.718a.352.352 0 0 0 .137.138l1.72.945a.358.358 0 0 1 0 .636l-1.72.945a.352.352 0 0 0-.137.138l-.946 1.719a.358.358 0 0 1-.636 0l-.945-1.719c-.034-.069-.086-.103-.137-.138l-1.72-.945a.358.358 0 0 1 0-.636l1.72-.945a.352.352 0 0 0 .137-.138l.945-1.718c.155-.241.516-.241.636 0zM22.325 7.103l.482.877a.134.134 0 0 0 .068.068l.877.482c.12.068.12.258 0 .326l-.877.482a.134.134 0 0 0-.068.068l-.482.877c-.068.12-.258.12-.326 0l-.482-.877a.134.134 0 0 0-.068-.068l-.877-.482c-.12-.068-.12-.258 0-.326l.877-.482a.134.134 0 0 0 .068-.068L22 7.103a.18.18 0 0 1 .326 0zM29.957 20.58l.395.721c.017.017.034.052.052.052l.721.395c.104.052.104.206 0 .258l-.721.395c-.018.017-.052.035-.052.052l-.395.722c-.052.103-.207.103-.258 0l-.395-.722c-.018-.017-.035-.052-.052-.052l-.722-.395c-.103-.052-.103-.206 0-.258l.722-.395c.017-.017.052-.035.052-.052l.395-.722c.034-.103.189-.103.258 0z'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_559:17977' 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_559:17977'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_559:17977' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_559:17977'%3E%3Cpath fill='%23fff' transform='translate(5 7)' d='M0 0h27.621v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-color: #2D8489;
}
.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='%232D8489' 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: #2D8489;
}
.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 #074A53;
  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: #B4C4C6;
  background-color: #074A53;
  cursor: pointer;
}
.add-comment .add-comment-post .post-btn .loading-wrapper svg {
  font-size: 14px;
}

.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: #0E2D31;
}
.join-board-container .content .r-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.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: #B4C4C6;
  margin-top: 8px;
  word-break: break-word;
  overflow-wrap: break-word;
}
.join-board-container .bottom {
  width: 100%;
  padding: 0 16px;
  background-color: #111617;
}
.join-board-container .bottom .rc-textarea {
  padding: 12px;
  width: 100%;
  margin-top: 16px;
  background-color: #101D20;
}
.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 #8C8C8C;
  color: #8C8C8C;
  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: #2D8489;
  border-radius: 99px;
  text-align: center;
  cursor: pointer;
}
.join-btn label {
  pointer-events: none;
}
.join-btn svg {
  font-size: 16px;
  pointer-events: none;
  margin-right: 4px;
}
.join-btn svg path {
  stroke: white;
}
.join-btn.joined {
  padding: 5px 16px;
  font-size: 12px;
  line-height: 150%;
  margin-left: 8px;
  border-radius: 99px;
  text-align: center;
  border: 1px solid #8C8C8C;
  color: #8C8C8C;
  background-color: transparent;
  cursor: pointer;
}
.join-btn.joined svg {
  display: none;
}
.join-btn.joined svg path {
  stroke: #8c8c8c;
}
@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: #101D20;
  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: #DEBDA5;
  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: #101D20;
  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: #DEBDA5;
  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: #0E2D31;
  }
  .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: #0E2D31;
  }
}

.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: #156F77;
}
.no-more .end-tag::before {
  content: attr(data-content);
  color: #156F77;
  font-size: 14px;
  padding: 0 8px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background-color: #111617;
}

.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: #111617;
  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: #2D8489;
  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: #99BABE;
}
.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: #0E2D31;
}
.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: #B4C4C6;
}
.explore-board-page .side-title .back-btn {
  float: left;
}
.explore-board-page .left-side .left-side-list {
  border: 1px solid #0B3940;
  border-radius: 20px;
  background-color: #111617;
}
.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: #0B3940;
  border-radius: 8px;
}
.explore-board-page .left-side .left-side-item.active a,
.explore-board-page .left-side .left-side-item:hover a {
  color: #6AA5A4;
}
.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: #0E2D31;
  }
  .explore-board-page .left-side .left-side-item.active a {
    color: #6AA5A4;
  }
}

.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: #BE525D;
}
.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: #101D20;
  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: #87B4F8;
  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 #035B66;
  border-radius: 33px;
  background-color: transparent;
  color: #035B66;
  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: #0E2D31;
  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: #101D20;
}
.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: #2D8489;
}
.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: #035B66;
}
.board-rules-mod .bottom a svg {
  display: inline-block;
  margin-left: 12px;
  vertical-align: middle;
  transform: translateY(-2px);
}

.share-icon {
  cursor: pointer;
}
.share-container {
  display: flex;
  margin-top: 30px;
}
.share-container .share-item {
  flex: 1 1;
  overflow: hidden;
  cursor: pointer;
}
.share-container .share-item svg {
  display: block;
  margin: 0 auto;
}
.share-container .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: #111617;
}
.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 .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: #0E2D31;
  border-radius: 21px;
  padding: 2px 10px;
  color: #99BABE;
  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: #2D8489;
}
.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: #0E2D31;
  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: #2D8489;
}
.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 {
  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 {
  display: inline-flex;
}
.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, #0E2D31 0%, #101D20 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: #035B66;
  font-weight: 400;
  font-size: 12px;
  vertical-align: middle;
}
.userinfo.highlights .member-rank span {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  color: #DEBDA5;
  margin-left: 6px;
  vertical-align: middle;
}
.userinfo.highlights .info .personality {
  font-size: 12px;
}

.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: #499698;
  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: #101D20;
  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: #0E2D31;
}
.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 #0B3940;
}
.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: #101D20;
  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: #101D20;
  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 #0B3940;
  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 #2D8489;
  }
  .collection-action .collection-action-header .collection-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #99BABE;
    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 #2D8489;
  }
  .collection-create .collection-create-header .collection-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: #99BABE;
  }
  .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: #BE525D;
}
.menu-list li:hover {
  background-color: #074A53;
}
.delete-comment p {
  text-align: center;
}
.delete-comment .btns .ok-btn {
  color: #BE525D !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 #0B3940;
  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 #0E2D31;
}
.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 #035B66;
  background-color: transparent;
}

.feed-card-vote-module .vote-count {
  display: block;
  margin-top: 12px;
  font-size: 14px;
  color: #B4C4C6;
}
.feed-card-vote-module .quote-profile {
  display: flex;
  padding: 12px;
  margin-top: 8px;
  border: 1px solid #074A53;
  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 {
  color: #C3924A;
  white-space: pre-line;
  text-align: center;
  min-width: 120px;
  font-size: 16px;
  border-left: 1px solid #0B3940;
}
.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: #B4C4C6;
  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: #B4C4C6;
  font-size: 12px;
}
.feed-card-vote-module .quote-profile:hover {
  background-color: #0E2D31;
}
@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;
  }
}

.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: #2D8489;
}
.selector.active label {
  color: #2D8489;
}
.selector.active .arrow path {
  fill: #2D8489 !important;
}
.selector-dropdown {
  background-color: #111617;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
  border: 2px solid #035B66;
}
.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: #6AA5A4;
  background-color: #0B3940;
}
.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: #6AA5A4;
  background-color: #6AA5A4;
}

.hide-easter-egg-item {
  padding: 32px 0;
  background-color: #101D20;
  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: #101D20;
  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 #035B66;
  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 #035B66;
  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 #035B66;
  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 #BE525D;
  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 #035B66;
  border-radius: 17.5px;
  background-color: #035B66;
}
@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: #101D20;
}
.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: #101D20;
  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: #2D8489;
  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 #035B66;
  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: #BE525D !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 #035B66;
  border-radius: 17.5px;
  background-color: transparent;
}
.diconnect-confirm .btns .confirm-btn {
  float: right;
  padding: 0 17px;
  height: 32px;
  color: #F0F0F0;
  border: 1px solid #BE525D;
  border-radius: 17.5px;
  background-color: #BE525D;
}
@media (max-width: 768px) {
  .personal-information {
    padding-top: 16px;
    border-top: 1px solid #0B3940;
    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 #0E2D31;
  }
  .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: #BE525D;
  }
  .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: #101D20;
}
.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: #101D20;
  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: #BE525D;
}
.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: #101D20;
}
.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 #035B66;
  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: #101D20;
}
.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 #2D8489;
  border-radius: 33px;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #2D8489;
}
.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: #BE525D;
}
.board-members-mod-dropdown li.restrict svg circle,
.board-members-mod-dropdown li.restrict svg path {
  stroke: #BE525D;
}
@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: #BE525D;
}
.collection-menu-list li:hover {
  background-color: #074A53;
}
.delete-collection {
  text-align: center !important;
}
.delete-collection .btns .ok-btn {
  color: #BE525D !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: #101D20;
  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: #101D20;
  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 #035B66;
  background-color: transparent;
}

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

.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: #0E2D31;
  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: #2D8489;
}

.feed-card {
  background-color: #101D20;
  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: #0E2D31;
}
.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: #B4C4C6;
  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: #99BABE;
  background-color: #0E2D31;
  border-radius: 999px;
  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: #F0F0F0;
  background-color: #2D8489;
}
.feed-card .feed-card-vote {
  display: inline-block;
  background-color: #0E2D31;
  border-radius: 21px;
  padding: 2px 10px;
  color: #99BABE;
  margin: 8px 0;
}
.feed-card .readmore {
  color: #F0F0F0;
  font-size: 14px;
  line-height: 120%;
}
.feed-card .readmore .highlight {
  color: #2D8489;
}
.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: #0E2D31;
}
.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 #0B3940;
  border-radius: 0;
  background-color: transparent;
}
@media (max-width: 768px) {
  .feed-card {
    border-radius: 0;
  }
  .feed-card .readmore .container {
    font-size: 14px;
  }
}

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


.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: #101D20;
}
.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: #101D20;
  }
  .detail-popover .rc-dialog-body {
    margin-top: 0;
    height: 100%;
  }
}

.notification-card {
  width: 100%;
  padding: 16px;
  background-color: #101D20;
  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: #035B66;
}
.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: #B4C4C6;
  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: #2D8489;
}
.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: #2D8489;
}
.notification-card .notification-origin-content[data-cursor="true"] {
  cursor: pointer;
}
.notification-card .notification-profile {
  display: block;
  margin-top: 9px;
  padding: 12px;
  border: 1px solid #035B66;
  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: #0E2D31;
  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: #2D8489;
}
.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: #2D8489;
  background-color: transparent;
  border: 1px solid #2D8489;
  border-radius: 99px;
  padding: 0 12px;
  cursor: pointer;
}
.notification-user-dropdown .notification-user-item:not(:first-child) {
  border-top: 1px solid #0E2D31;
}
.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 #0B3940;
  border-radius: 20px;
  margin-bottom: 21px;
  cursor: pointer;
}
.notification .notification-sider-all-item svg {
  color: #2D8489;
  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: #BE525D;
  text-align: center;
  transform: translateY(-1px);
}
.notification .notification-sider-all-item:hover,
.notification .notification-sider-all-item.active {
  background-color: #0E2D31;
  border-color: #111617;
}
.notification .notification-sider-all-item:hover label,
.notification .notification-sider-all-item.active label {
  color: #6AA5A4;
}
.notification .notification-sider {
  border: 1px solid #0B3940;
  border-radius: 20px;
}
.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: #2D8489;
  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: #BE525D;
  text-align: center;
  transform: translateY(-1px);
}
.notification .notification-sider .notification-sider-item:hover,
.notification .notification-sider .notification-sider-item.active {
  background-color: #0E2D31;
}
.notification .notification-sider .notification-sider-item:hover label,
.notification .notification-sider .notification-sider-item.active label {
  color: #6AA5A4;
}
.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: #99BABE;
  background-color: transparent;
  border: 1px solid #0E2D31;
  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: #BE525D;
  text-align: center;
  transform: translateY(-1px) scale(0.8);
}
.notification .mobile-side li.active {
  color: #F0F0F0;
  background-color: #074A53;
}
.notification .mobile-side::-webkit-scrollbar {
  height: 0 !important;
}
.notification .unread-message {
  float: left;
  color: #99BABE;
  font-size: 16px;
}
.notification .read-btn {
  font-size: 16px;
  height: 30px;
  float: right;
  color: #99BABE;
  border: 1px solid #0E2D31;
  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 #0E2D31;
  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: #035B66;
}
.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: #035B66;
  background-color: #111617;
}
.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: #2D8489;
  background-color: transparent;
  border: 1px solid #2D8489;
  border-radius: 99px;
  cursor: pointer;
}
.message-friend-dropdown .message-friend-item:not(:first-child) {
  border-top: 1px solid #0E2D31;
}
.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;
  }
}

.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: #101D20;
  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 #0B3940;
  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: #0E2D31;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #8C8C8C;
}
.board-reports-mod .report-item .post-content .highlight {
  color: #2D8489;
}
.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: #2D8489;
}
.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 #035B66;
  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='%230B3940'/%3E%3Crect x='5.471' width='2' height='8' rx='1' fill='%230B3940'/%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='%230B3940'/%3E%3Crect x='5.471' width='2' height='8' rx='1' fill='%230B3940'/%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: #035B66;
}
.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: #0E2D31;
}
.board-reports-mod .report-item .operation .rule .btn.active {
  color: #D9D9D9;
  background-color: #035B66;
}
.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 #0E2D31;
  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 #0E2D31;
  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: #499698;
}
.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 #0E2D31;
}
.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;
}

.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;
  }
}

.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: #2D8489;
}
.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: #2D8489;
}
.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: #035B66;
  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: #035B66;
  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: #B4C4C6;
}
.audit-log-mod .container ul .date-title + li {
  margin-top: 12px;
}

.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;
  }
}

/* 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;
  }
}

.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: #101D20;
  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: #6AA5A4;
  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(#6AA5A4 0 16px);
          filter: drop-shadow(#6AA5A4 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;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc2IiBoZWlnaHQ9IjU0IiB2aWV3Qm94PSIwIDAgMTc2IDU0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzIyOV8xMjIwNzEpIj4KPHBhdGggZD0iTTI3LjA4OTggNTMuNUM0MS43MjU0IDUzLjUgNTMuNTg5OCA0MS42MzU1IDUzLjU4OTggMjdDNTMuNTg5OCAxMi4zNjQ1IDQxLjcyNTQgMC41IDI3LjA4OTggMC41QzEyLjQ1NDMgMC41IDAuNTg5ODQ0IDEyLjM2NDUgMC41ODk4NDQgMjdDMC41ODk4NDQgNDEuNjM1NSAxMi40NTQzIDUzLjUgMjcuMDg5OCA1My41WiIgZmlsbD0iIzE1NkY3NyIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDFfMzIyOV8xMjIwNzEpIj4KPHBhdGggZD0iTTI1LjA2ODUgNDIuNTAwNkMyMi45ODE5IDQyLjUwMDYgMjAuODk1MyA0Mi41MDA2IDE4Ljc5ODggNDIuNTAwNkMxNy43MTEgNDIuNTAwNiAxNy40MTQzIDQyLjE3NDMgMTcuMzk0NSA0MS4wODY0QzE3LjM0NTEgMzkuMDk4NyAxNy4zMzUyIDM3LjExMSAxNy4xOTY3IDM1LjEyMzNDMTcuMDk3OSAzMy43MTkxIDE2LjQ3NDggMzIuNTEyNiAxNS41MjU1IDMxLjQzNDdDMTMuMjQxMSAyOC44MTQgMTEuNzE4MiAyNS44MTc2IDExLjU5OTUgMjIuMjY3NUMxMS40MjE1IDE3LjE0NDkgMTQuMzM4OCAxMi43NDQyIDE5LjM1MjYgMTAuNjY3NUMyNS41NTMgOC4wOTYzNCAzMy45ODg1IDkuNjM5MDQgMzguMTIyMSAxNi43Mjk1QzM5LjU0NjIgMTkuMTcyMiA0MC4yNTgyIDIxLjc5MjggMzkuNjk0NSAyNC42NDA4QzM5LjUwNjYgMjUuNjAwMSAzOS43MzQxIDI2LjQ2MDQgNDAuMzE3NSAyNy4yMDIxQzQwLjkwMSAyNy45NTM3IDQxLjU4MzMgMjguNjQ1OSA0Mi4xNDcgMjkuNDA3NEM0Mi40MTQgMjkuNzczMyA0Mi42NTEzIDMwLjI2NzggNDIuNjQxNSAzMC42OTNDNDIuNjIxNyAzMS4yNTY3IDQyLjA2NzkgMzEuNDA1IDQxLjU2MzUgMzEuNTAzOUM0MC4wNzAzIDMxLjgyMDMgNDAuMDgwMiAzMS44MzAyIDQwLjA2MDQgMzMuMzYzQzQwLjA1MDUgMzQuMzIyMyA0MC4wNDA2IDM1LjI4MTUgNDAuMDIwOCAzNi4yNDA4QzM5Ljk5MTIgMzcuNTI2NCAzOS4zNjgyIDM4LjI2OCAzOC4wODI2IDM4LjQwNjVDMzcuMzYwNyAzOC40NzU3IDM2LjYwOTEgMzguNDI2MyAzNS44NzczIDM4LjM1NzFDMzMuODc5NyAzOC4xODg5IDMyLjg3MSAzOS4wMDk3IDMyLjY4MzEgNDAuOTk3NEMzMi41NjQ0IDQyLjMxMjcgMzIuMzc2NSA0Mi40ODA4IDMxLjAzMTYgNDIuNDkwN0MyOS4wNDM5IDQyLjUwMDYgMjcuMDU2MiA0Mi40OTA3IDI1LjA2ODUgNDIuNTAwNkMyNS4wNjg1IDQyLjQ5MDcgMjUuMDY4NSA0Mi40OTA3IDI1LjA2ODUgNDIuNTAwNloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yNC4yOTI3IDMxLjE3ODdDMjQuNTMwNSAzMS4wMjAyIDI0LjY2OTIgMzAuNzUyNiAyNC42OTg5IDMwLjQ2NTNDMjQuNzk4IDI5LjU2MzUgMjUuMjgzNiAyNi43NzkgMjcuMDU3MyAyNi4zODI3QzI5LjQ4NTEgMjUuODM3NiAzMC4yMDg1IDI0Ljk4NTUgMzAuOTIxOSAyNC4xMDM1QzMxLjc2NDIgMjMuMDYzMSAzMy43MjYzIDIzLjAzMzMgMzQuMTQyNCAyMi42NjY3QzM0Ljk4NDcgMjEuOTIzNSAzNC42ODc1IDIxLjcyNTMgMzQuNzM3IDIxLjM3ODVDMzQuODE2MyAyMC44MjM2IDM1LjYyODggMjAuOTgyMSAzNS44MjcgMjAuMzg3NkMzNi4wMjUyIDE5Ljc5MyAzNi4xNzM4IDE4Ljg1MTYgMzUuNTc5MyAxNy44NjA3QzM0Ljk4NDcgMTYuODY5OCAzNC40ODkzIDE3LjA2OCAzNC4yOTExIDE2LjU3MjVDMzQuMDgzIDE2LjA2NzEgMzQuMjExOCAxNS40MTMxIDMzLjQ0ODggMTUuMjM0OEMzMi40MDgzIDE0Ljk4NyAzMi40NTc5IDE0LjUzMTIgMzEuNzE0NyAxMy45OTYxQzMxLjAyMSAxMy41MDA2IDMwLjA0IDEzLjgyNzcgMjkuNTM0NyAxMy43OTc5QzI4Ljc5MTUgMTMuNzQ4NCAyOC44NzA3IDEzLjE4MzYgMjguMzk1MSAxMi44NTY1QzI3Ljc1MSAxMi40MTA2IDI3LjEwNjkgMTMuMDU0NyAyNi42MTE0IDEyLjg1NjVDMjYuMTE2IDEyLjY1ODQgMjUuODE4NyAxMi4zNjExIDI1LjAyNTkgMTIuMzYxMUMyNC4yMzMyIDEyLjM2MTEgMjMuNTg5MSAxMy4xMDQzIDIzLjA5MzYgMTMuMTA0M0MyMi41OTgyIDEzLjEwNDMgMjEuNzA2NCAxMi42MDg4IDIxLjExMTggMTMuNDAxNkMyMC42NDYxIDE0LjAxNTkgMTguOTgxMyAxMy41NTAyIDE4LjA4OTUgMTQuMTQ0N0MxNy4xOTc2IDE0LjczOTMgMTcuMTQ4MSAxNi4wNzcgMTYuOTQ5OSAxNi40NzM0QzE2Ljc1MTcgMTYuODY5OCAxNS44ODk2IDE2Ljg0MDEgMTUuNzExMyAxNy41MTM5QzE1LjQ2MzUgMTguNDU1MyAxNi4wMDg1IDE4LjkwMTIgMTUuNzExMyAxOS4yOTc2QzE1LjQxNCAxOS42OTM5IDE0LjM4MzQgMjAuOTAyOCAxNC42MjEyIDIyLjE3MTJDMTUuMDY3MiAyNC41OTkgMTUuNzYwOCAyNC40MDA4IDE2LjAwODUgMjQuOTQ1OEMxNi4yNTYzIDI1LjQ5MDggMTYuMTE3NSAyNi42MjA1IDE2LjYwMzEgMjcuMDI2OEMxNy4yNDcyIDI3LjU3MTggMTguMTg4NiAyNy4xMjU5IDE4LjU4NDkgMjcuMzI0QzE4Ljk4MTMgMjcuNTIyMiAxOS43MjQ1IDI4LjQ2MzYgMjAuNjE2MyAyOC43NjA5QzIxLjUwODIgMjkuMDU4MiAyMi44NDU5IDI4LjcxMTMgMjMuMTkyNyAyOS4wNTgyQzIzLjczNzcgMjkuNjAzMiAyMy40OSAzMC45NDA5IDIzLjg4NjQgMzEuMTM5MUMyNC4wODQ2IDMxLjIzODIgMjQuMTYzOCAzMS4yNjc5IDI0LjI5MjcgMzEuMTc4N1oiIGZpbGw9IiMxNTZGNzciLz4KPC9nPgo8L2c+CjxwYXRoIGQ9Ik02Ny40ODk4IDYuMjJDNjkuMzU2NSA2LjIyIDcwLjcxNjUgNi42IDcxLjU2OTggNy4zNkM3Mi40MjMyIDguMTA2NjcgNzIuODQ5OCA5LjE1MzMzIDcyLjg0OTggMTAuNUM3Mi44NDk4IDExLjEgNzIuNzQ5OCAxMS42NzMzIDcyLjU0OTggMTIuMjJDNzIuMzYzMiAxMi43NjY3IDcyLjA0OTggMTMuMjYgNzEuNjA5OCAxMy43QzcxLjE2OTggMTQuMTI2NyA3MC41ODMyIDE0LjQ2NjcgNjkuODQ5OCAxNC43MkM2OS4xMjk4IDE0Ljk2IDY4LjI0MzIgMTUuMDggNjcuMTg5OCAxNS4wOEg2NS42NDk4VjIwLjVINjMuNDg5OFY2LjIySDY3LjQ4OThaTTY3LjMyOTggOC4wNEg2NS42NDk4VjEzLjI2SDY2Ljk0OThDNjcuNzYzMiAxMy4yNiA2OC40NDMyIDEzLjE3MzMgNjguOTg5OCAxM0M2OS41MzY1IDEyLjgxMzMgNjkuOTQzMiAxMi41MjY3IDcwLjIwOTggMTIuMTRDNzAuNDg5OCAxMS43NCA3MC42Mjk4IDExLjIyIDcwLjYyOTggMTAuNThDNzAuNjI5OCA5LjcyNjY3IDcwLjM2MzIgOS4wOTMzMyA2OS44Mjk4IDguNjhDNjkuMzA5OCA4LjI1MzMzIDY4LjQ3NjUgOC4wNCA2Ny4zMjk4IDguMDRaTTc5LjczNTkgOS41MkM4MC42ODI2IDkuNTIgODEuNDk1OSA5LjcyIDgyLjE3NTkgMTAuMTJDODIuODU1OSAxMC41MDY3IDgzLjM3NTkgMTEuMDY2NyA4My43MzU5IDExLjhDODQuMTA5MyAxMi41MzMzIDg0LjI5NTkgMTMuNCA4NC4yOTU5IDE0LjRWMTUuNTZINzcuMDU1OUM3Ny4wODI2IDE2LjY2NjcgNzcuMzY5MyAxNy41MTMzIDc3LjkxNTkgMTguMUM3OC40NzU5IDE4LjY4NjcgNzkuMjU1OSAxOC45OCA4MC4yNTU5IDE4Ljk4QzgwLjk0OTMgMTguOTggODEuNTYyNiAxOC45MiA4Mi4wOTU5IDE4LjhDODIuNjQyNiAxOC42NjY3IDgzLjIwMjYgMTguNDczMyA4My43NzU5IDE4LjIyVjE5Ljk4QzgzLjI0MjYgMjAuMjIgODIuNjk1OSAyMC40IDgyLjEzNTkgMjAuNTJDODEuNTg5MyAyMC42NCA4MC45MzU5IDIwLjcgODAuMTc1OSAyMC43Qzc5LjEzNTkgMjAuNyA3OC4yMTU5IDIwLjQ5MzMgNzcuNDE1OSAyMC4wOEM3Ni42MTU5IDE5LjY2NjcgNzUuOTg5MyAxOS4wNTMzIDc1LjUzNTkgMTguMjRDNzUuMDk1OSAxNy40MTMzIDc0Ljg3NTkgMTYuNCA3NC44NzU5IDE1LjJDNzQuODc1OSAxMy45ODY3IDc1LjA3NTkgMTIuOTYgNzUuNDc1OSAxMi4xMkM3NS44ODkzIDExLjI4IDc2LjQ1NTkgMTAuNjQgNzcuMTc1OSAxMC4yQzc3LjkwOTMgOS43NDY2NyA3OC43NjI2IDkuNTIgNzkuNzM1OSA5LjUyWk03OS43MzU5IDExLjE2Qzc4Ljk3NTkgMTEuMTYgNzguMzYyNiAxMS40MDY3IDc3Ljg5NTkgMTEuOUM3Ny40NDI2IDEyLjM5MzMgNzcuMTc1OSAxMy4wOTMzIDc3LjA5NTkgMTRIODIuMTc1OUM4Mi4xNzU5IDEzLjQ0IDgyLjA4OTMgMTIuOTQ2NyA4MS45MTU5IDEyLjUyQzgxLjc0MjYgMTIuMDkzMyA4MS40NzU5IDExLjc2IDgxLjExNTkgMTEuNTJDODAuNzU1OSAxMS4yOCA4MC4yOTU5IDExLjE2IDc5LjczNTkgMTEuMTZaTTkyLjI2MTMgOS41MkM5Mi40NDc5IDkuNTIgOTIuNjU0NiA5LjUzMzMzIDkyLjg4MTMgOS41NkM5My4xMDc5IDkuNTczMzMgOTMuMjk0NiA5LjU5MzMzIDkzLjQ0MTMgOS42Mkw5My4yMjEzIDExLjZDOTMuMDc0NiAxMS41NiA5Mi45MDEzIDExLjUyNjcgOTIuNzAxMyAxMS41QzkyLjUwMTMgMTEuNDczMyA5Mi4zMTQ2IDExLjQ2IDkyLjE0MTMgMTEuNDZDOTEuNzQxMyAxMS40NiA5MS4zNTQ2IDExLjU0IDkwLjk4MTMgMTEuN0M5MC42MjEzIDExLjg0NjcgOTAuMjk0NiAxMi4wNjY3IDkwLjAwMTMgMTIuMzZDODkuNzA3OSAxMi42NCA4OS40NzQ2IDEyLjk4NjcgODkuMzAxMyAxMy40Qzg5LjE0MTMgMTMuODEzMyA4OS4wNjEzIDE0LjI4NjcgODkuMDYxMyAxNC44MlYyMC41SDg2Ljk0MTNWOS43Mkg4OC42MjEzTDg4LjkwMTMgMTEuNjRIODguOTgxM0M4OS4yMDc5IDExLjI1MzMgODkuNDgxMyAxMC45IDg5LjgwMTMgMTAuNThDOTAuMTIxMyAxMC4yNiA5MC40ODc5IDEwLjAwNjcgOTAuOTAxMyA5LjgyQzkxLjMxNDYgOS42MiA5MS43Njc5IDkuNTIgOTIuMjYxMyA5LjUyWk0xMDIuNTk3IDE3LjQ2QzEwMi41OTcgMTguMTY2NyAxMDIuNDI0IDE4Ljc2IDEwMi4wNzcgMTkuMjRDMTAxLjczMSAxOS43MiAxMDEuMjMxIDIwLjA4NjcgMTAwLjU3NyAyMC4zNEM5OS45MjQgMjAuNTggOTkuMTM3MyAyMC43IDk4LjIxNzMgMjAuN0M5Ny40NTczIDIwLjcgOTYuODA0IDIwLjY0IDk2LjI1NzMgMjAuNTJDOTUuNzI0IDIwLjQxMzMgOTUuMjMwNyAyMC4yNTMzIDk0Ljc3NzMgMjAuMDRWMTguMThDOTUuMjU3MyAxOC40MDY3IDk1LjgxMDcgMTguNjEzMyA5Ni40MzczIDE4LjhDOTcuMDY0IDE4Ljk3MzMgOTcuNjc3MyAxOS4wNiA5OC4yNzczIDE5LjA2Qzk5LjA3NzMgMTkuMDYgOTkuNjUwNyAxOC45MzMzIDk5Ljk5NzMgMTguNjhDMTAwLjM1NyAxOC40MjY3IDEwMC41MzcgMTguMDg2NyAxMDAuNTM3IDE3LjY2QzEwMC41MzcgMTcuNDIgMTAwLjQ3MSAxNy4yMDY3IDEwMC4zMzcgMTcuMDJDMTAwLjIwNCAxNi44MiA5OS45NTA3IDE2LjYyIDk5LjU3NzMgMTYuNDJDOTkuMjE3MyAxNi4yMDY3IDk4LjY4NCAxNS45NjY3IDk3Ljk3NzMgMTUuN0M5Ny4yOTczIDE1LjQyIDk2LjcxNzMgMTUuMTQ2NyA5Ni4yMzczIDE0Ljg4Qzk1Ljc1NzMgMTQuNiA5NS4zOTA3IDE0LjI3MzMgOTUuMTM3MyAxMy45Qzk0Ljg4NCAxMy41MTMzIDk0Ljc1NzMgMTMuMDIgOTQuNzU3MyAxMi40MkM5NC43NTczIDExLjQ4NjcgOTUuMTMwNyAxMC43NzMzIDk1Ljg3NzMgMTAuMjhDOTYuNjM3MyA5Ljc3MzMzIDk3LjYzNzMgOS41MiA5OC44NzczIDkuNTJDOTkuNTMwNyA5LjUyIDEwMC4xNDQgOS41ODY2NyAxMDAuNzE3IDkuNzJDMTAxLjMwNCA5Ljg0IDEwMS44NzEgMTAuMDI2NyAxMDIuNDE3IDEwLjI4TDEwMS43MTcgMTEuOUMxMDEuNDExIDExLjc1MzMgMTAxLjA5MSAxMS42MzMzIDEwMC43NTcgMTEuNTRDMTAwLjQzNyAxMS40MzMzIDEwMC4xMTEgMTEuMzQ2NyA5OS43NzczIDExLjI4Qzk5LjQ1NzMgMTEuMjEzMyA5OS4xMjQgMTEuMTggOTguNzc3MyAxMS4xOEM5OC4xMzczIDExLjE4IDk3LjY1MDcgMTEuMjggOTcuMzE3MyAxMS40OEM5Ni45ODQgMTEuNjggOTYuODE3MyAxMS45NiA5Ni44MTczIDEyLjMyQzk2LjgxNzMgMTIuNTczMyA5Ni44OTA3IDEyLjc5MzMgOTcuMDM3MyAxMi45OEM5Ny4xOTczIDEzLjE2NjcgOTcuNDcwNyAxMy4zNTMzIDk3Ljg1NzMgMTMuNTRDOTguMjQ0IDEzLjcyNjcgOTguNzcwNyAxMy45NTMzIDk5LjQzNzMgMTQuMjJDMTAwLjEwNCAxNC40NzMzIDEwMC42NzEgMTQuNzMzMyAxMDEuMTM3IDE1QzEwMS42MTcgMTUuMjY2NyAxMDEuOTc3IDE1LjU5MzMgMTAyLjIxNyAxNS45OEMxMDIuNDcxIDE2LjM2NjcgMTAyLjU5NyAxNi44NiAxMDIuNTk3IDE3LjQ2Wk0xMTQuNjI1IDE1LjFDMTE0LjYyNSAxNS45OTMzIDExNC41MDUgMTYuNzg2NyAxMTQuMjY1IDE3LjQ4QzExNC4wMjUgMTguMTczMyAxMTMuNjg1IDE4Ljc2IDExMy4yNDUgMTkuMjRDMTEyLjgwNSAxOS43MiAxMTIuMjcyIDIwLjA4NjcgMTExLjY0NSAyMC4zNEMxMTEuMDE4IDIwLjU4IDExMC4zMTIgMjAuNyAxMDkuNTI1IDIwLjdDMTA4LjgwNSAyMC43IDEwOC4xMzggMjAuNTggMTA3LjUyNSAyMC4zNEMxMDYuOTEyIDIwLjA4NjcgMTA2LjM3OCAxOS43MiAxMDUuOTI1IDE5LjI0QzEwNS40ODUgMTguNzYgMTA1LjEzOCAxOC4xNzMzIDEwNC44ODUgMTcuNDhDMTA0LjYzMiAxNi43ODY3IDEwNC41MDUgMTUuOTg2NyAxMDQuNTA1IDE1LjA4QzEwNC41MDUgMTMuODkzMyAxMDQuNzA1IDEyLjg4NjcgMTA1LjEwNSAxMi4wNkMxMDUuNTE4IDExLjIzMzMgMTA2LjEwNSAxMC42MDY3IDEwNi44NjUgMTAuMThDMTA3LjYzOCA5Ljc0IDEwOC41NDUgOS41MiAxMDkuNTg1IDkuNTJDMTEwLjU3MiA5LjUyIDExMS40MzggOS43NCAxMTIuMTg1IDEwLjE4QzExMi45NDUgMTAuNjA2NyAxMTMuNTM4IDExLjIzMzMgMTEzLjk2NSAxMi4wNkMxMTQuNDA1IDEyLjg4NjcgMTE0LjYyNSAxMy45IDExNC42MjUgMTUuMVpNMTA2LjY4NSAxNS4xQzEwNi42ODUgMTUuOSAxMDYuNzg1IDE2LjU5MzMgMTA2Ljk4NSAxNy4xOEMxMDcuMTg1IDE3Ljc1MzMgMTA3LjQ5OCAxOC4xOTMzIDEwNy45MjUgMTguNUMxMDguMzUyIDE4LjgwNjcgMTA4Ljg5OCAxOC45NiAxMDkuNTY1IDE4Ljk2QzExMC4yMzIgMTguOTYgMTEwLjc3OCAxOC44MDY3IDExMS4yMDUgMTguNUMxMTEuNjMyIDE4LjE5MzMgMTExLjk0NSAxNy43NTMzIDExMi4xNDUgMTcuMThDMTEyLjM0NSAxNi41OTMzIDExMi40NDUgMTUuOSAxMTIuNDQ1IDE1LjFDMTEyLjQ0NSAxNC4yNzMzIDExMi4zMzggMTMuNTggMTEyLjEyNSAxMy4wMkMxMTEuOTI1IDEyLjQ2IDExMS42MTIgMTIuMDMzMyAxMTEuMTg1IDExLjc0QzExMC43NzIgMTEuNDMzMyAxMTAuMjI1IDExLjI4IDEwOS41NDUgMTEuMjhDMTA4LjU0NSAxMS4yOCAxMDcuODE4IDExLjYxMzMgMTA3LjM2NSAxMi4yOEMxMDYuOTEyIDEyLjk0NjcgMTA2LjY4NSAxMy44ODY3IDEwNi42ODUgMTUuMVpNMTIyLjc3MiA5LjUyQzEyNC4wMjYgOS41MiAxMjQuOTg2IDkuODMzMzMgMTI1LjY1MiAxMC40NkMxMjYuMzE5IDExLjA4NjcgMTI2LjY1MiAxMi4wOTMzIDEyNi42NTIgMTMuNDhWMjAuNUgxMjQuNTUyVjEzLjc4QzEyNC41NTIgMTIuOTQgMTI0LjM3MiAxMi4zMTMzIDEyNC4wMTIgMTEuOUMxMjMuNjY2IDExLjQ3MzMgMTIzLjEwNiAxMS4yNiAxMjIuMzMyIDExLjI2QzEyMS4yMzkgMTEuMjYgMTIwLjQ3OSAxMS41ODY3IDEyMC4wNTIgMTIuMjRDMTE5LjYzOSAxMi44OTMzIDExOS40MzIgMTMuODMzMyAxMTkuNDMyIDE1LjA2VjIwLjVIMTE3LjMxMlY5LjcySDExOC45OTJMMTE5LjI5MiAxMS4xNkgxMTkuNDEyQzExOS42NTIgMTAuNzg2NyAxMTkuOTQ2IDEwLjQ4IDEyMC4yOTIgMTAuMjRDMTIwLjYzOSAxMCAxMjEuMDI2IDkuODIgMTIxLjQ1MiA5LjdDMTIxLjg3OSA5LjU4IDEyMi4zMTkgOS41MiAxMjIuNzcyIDkuNTJaTTEzNC4wOSA5LjUyQzEzNS40NSA5LjUyIDEzNi40NjMgOS44MiAxMzcuMTMgMTAuNDJDMTM3Ljc5NyAxMS4wMDY3IDEzOC4xMyAxMS45MzMzIDEzOC4xMyAxMy4yVjIwLjVIMTM2LjYzTDEzNi4yMSAxOUgxMzYuMTNDMTM1LjgyMyAxOS4zODY3IDEzNS41MDMgMTkuNzA2NyAxMzUuMTcgMTkuOTZDMTM0Ljg1IDIwLjIxMzMgMTM0LjQ3NyAyMC40IDEzNC4wNSAyMC41MkMxMzMuNjM3IDIwLjY0IDEzMy4xMyAyMC43IDEzMi41MyAyMC43QzEzMS44OSAyMC43IDEzMS4zMSAyMC41ODY3IDEzMC43OSAyMC4zNkMxMzAuMjgzIDIwLjEyIDEyOS44ODMgMTkuNzYgMTI5LjU5IDE5LjI4QzEyOS4yOTcgMTguNzg2NyAxMjkuMTUgMTguMTczMyAxMjkuMTUgMTcuNDRDMTI5LjE1IDE2LjM0NjcgMTI5LjU2MyAxNS41MTMzIDEzMC4zOSAxNC45NEMxMzEuMjMgMTQuMzY2NyAxMzIuNTAzIDE0LjA1MzMgMTM0LjIxIDE0TDEzNi4wNSAxMy45NFYxMy4zNEMxMzYuMDUgMTIuNTQgMTM1Ljg3IDExLjk4IDEzNS41MSAxMS42NkMxMzUuMTUgMTEuMzQgMTM0LjY0MyAxMS4xOCAxMzMuOTkgMTEuMThDMTMzLjQzIDExLjE4IDEzMi44OTcgMTEuMjYgMTMyLjM5IDExLjQyQzEzMS44ODMgMTEuNTggMTMxLjQwMyAxMS43NzMzIDEzMC45NSAxMkwxMzAuMjcgMTAuNDZDMTMwLjc3NyAxMC4xOTMzIDEzMS4zNTcgOS45NzMzMyAxMzIuMDEgOS44QzEzMi42NzcgOS42MTMzMyAxMzMuMzcgOS41MiAxMzQuMDkgOS41MlpNMTM0LjU5IDE1LjM2QzEzMy4zNjMgMTUuNDEzMyAxMzIuNTEgMTUuNjIgMTMyLjAzIDE1Ljk4QzEzMS41NjMgMTYuMzI2NyAxMzEuMzMgMTYuODIgMTMxLjMzIDE3LjQ2QzEzMS4zMyAxOC4wMiAxMzEuNDk3IDE4LjQyNjcgMTMxLjgzIDE4LjY4QzEzMi4xNzcgMTguOTMzMyAxMzIuNjEgMTkuMDYgMTMzLjEzIDE5LjA2QzEzMy45NyAxOS4wNiAxMzQuNjYzIDE4LjgyNjcgMTM1LjIxIDE4LjM2QzEzNS43NTcgMTcuODkzMyAxMzYuMDMgMTcuMTkzMyAxMzYuMDMgMTYuMjZWMTUuMzJMMTM0LjU5IDE1LjM2Wk0xNDMuNTE0IDIwLjVIMTQxLjM5NFY1LjNIMTQzLjUxNFYyMC41Wk0xNDguOTY0IDkuNzJWMjAuNUgxNDYuODQ0VjkuNzJIMTQ4Ljk2NFpNMTQ3LjkyNCA1LjYyQzE0OC4yNDQgNS42MiAxNDguNTI0IDUuNzEzMzMgMTQ4Ljc2NCA1LjlDMTQ5LjAwNCA2LjA4NjY3IDE0OS4xMjQgNi40IDE0OS4xMjQgNi44NEMxNDkuMTI0IDcuMjY2NjcgMTQ5LjAwNCA3LjU4IDE0OC43NjQgNy43OEMxNDguNTI0IDcuOTY2NjcgMTQ4LjI0NCA4LjA2IDE0Ny45MjQgOC4wNkMxNDcuNTc3IDguMDYgMTQ3LjI4NCA3Ljk2NjY3IDE0Ny4wNDQgNy43OEMxNDYuODE3IDcuNTggMTQ2LjcwNCA3LjI2NjY3IDE0Ni43MDQgNi44NEMxNDYuNzA0IDYuNCAxNDYuODE3IDYuMDg2NjcgMTQ3LjA0NCA1LjlDMTQ3LjI4NCA1LjcxMzMzIDE0Ny41NzcgNS42MiAxNDcuOTI0IDUuNjJaTTE1Ni4xNzMgMTguOThDMTU2LjQ1MyAxOC45OCAxNTYuNzM5IDE4Ljk1MzMgMTU3LjAzMyAxOC45QzE1Ny4zMjYgMTguODQ2NyAxNTcuNTc5IDE4Ljc4NjcgMTU3Ljc5MyAxOC43MlYyMC4zMkMxNTcuNTY2IDIwLjQyNjcgMTU3LjI1OSAyMC41MTMzIDE1Ni44NzMgMjAuNThDMTU2LjQ4NiAyMC42NiAxNTYuMDk5IDIwLjcgMTU1LjcxMyAyMC43QzE1NS4xMjYgMjAuNyAxNTQuNTg2IDIwLjYgMTU0LjA5MyAyMC40QzE1My42MTMgMjAuMiAxNTMuMjI2IDE5Ljg1MzMgMTUyLjkzMyAxOS4zNkMxNTIuNjM5IDE4Ljg2NjcgMTUyLjQ5MyAxOC4xOCAxNTIuNDkzIDE3LjNWMTEuMzRIMTUwLjk5M1YxMC4zOEwxNTIuNTczIDkuNThMMTUzLjMxMyA3LjNIMTU0LjYxM1Y5LjcySDE1Ny42OTNWMTEuMzRIMTU0LjYxM1YxNy4yNkMxNTQuNjEzIDE3Ljg0NjcgMTU0Ljc1MyAxOC4yOCAxNTUuMDMzIDE4LjU2QzE1NS4zMjYgMTguODQgMTU1LjcwNiAxOC45OCAxNTYuMTczIDE4Ljk4Wk0xNTguMzA5IDkuNzJIMTYwLjU4OUwxNjIuODI5IDE1Ljg0QzE2Mi45NDkgMTYuMTQ2NyAxNjMuMDU2IDE2LjQ0NjcgMTYzLjE0OSAxNi43NEMxNjMuMjQyIDE3LjAzMzMgMTYzLjMyMiAxNy4zMjY3IDE2My4zODkgMTcuNjJDMTYzLjQ2OSAxNy45IDE2My41MjkgMTguMTggMTYzLjU2OSAxOC40NkgxNjMuNjQ5QzE2My43MTYgMTguMTEzMyAxNjMuODIyIDE3LjcwNjcgMTYzLjk2OSAxNy4yNEMxNjQuMTE2IDE2Ljc2IDE2NC4yNjkgMTYuMjg2NyAxNjQuNDI5IDE1LjgyTDE2Ni41NDkgOS43MkgxNjguODI5TDE2NC4yMDkgMjEuOTZDMTYzLjk1NiAyMi42NTMzIDE2My42NDIgMjMuMjQ2NyAxNjMuMjY5IDIzLjc0QzE2Mi44OTYgMjQuMjQ2NyAxNjIuNDQ5IDI0LjYzMzMgMTYxLjkyOSAyNC45QzE2MS40MjIgMjUuMTY2NyAxNjAuODIyIDI1LjMgMTYwLjEyOSAyNS4zQzE1OS43OTYgMjUuMyAxNTkuNTA5IDI1LjI4IDE1OS4yNjkgMjUuMjRDMTU5LjAyOSAyNS4yMTMzIDE1OC44MjIgMjUuMTggMTU4LjY0OSAyNS4xNFYyMy40NkMxNTguNzk2IDIzLjQ4NjcgMTU4Ljk2OSAyMy41MTMzIDE1OS4xNjkgMjMuNTRDMTU5LjM4MiAyMy41NjY3IDE1OS42MDIgMjMuNTggMTU5LjgyOSAyMy41OEMxNjAuMjQyIDIzLjU4IDE2MC41OTYgMjMuNSAxNjAuODg5IDIzLjM0QzE2MS4xOTYgMjMuMTggMTYxLjQ0OSAyMi45NTMzIDE2MS42NDkgMjIuNjZDMTYxLjg2MiAyMi4zNjY3IDE2Mi4wNDIgMjIuMDMzMyAxNjIuMTg5IDIxLjY2TDE2Mi42MjkgMjAuNUwxNTguMzA5IDkuNzJaTTc1LjA0OTggMzcuMjJDNzUuMDQ5OCAzOC44MiA3NC43NDk4IDQwLjE2IDc0LjE0OTggNDEuMjRDNzMuNTQ5OCA0Mi4zMiA3Mi42ODMyIDQzLjEzMzMgNzEuNTQ5OCA0My42OEM3MC40Mjk4IDQ0LjIyNjcgNjkuMDc2NSA0NC41IDY3LjQ4OTggNDQuNUg2My40ODk4VjMwLjIySDY3LjkwOThDNjkuMzYzMiAzMC4yMiA3MC42MjMyIDMwLjQ4NjcgNzEuNjg5OCAzMS4wMkM3Mi43NTY1IDMxLjU1MzMgNzMuNTgzMiAzMi4zNCA3NC4xNjk4IDMzLjM4Qzc0Ljc1NjUgMzQuNDA2NyA3NS4wNDk4IDM1LjY4NjcgNzUuMDQ5OCAzNy4yMlpNNzIuNzg5OCAzNy4yOEM3Mi43ODk4IDM2LjA4IDcyLjU5NjUgMzUuMDkzMyA3Mi4yMDk4IDM0LjMyQzcxLjgyMzIgMzMuNTQ2NyA3MS4yNDk4IDMyLjk3MzMgNzAuNDg5OCAzMi42QzY5Ljc0MzIgMzIuMjI2NyA2OC44MzY1IDMyLjA0IDY3Ljc2OTggMzIuMDRINjUuNjQ5OFY0Mi42OEg2Ny4zODk4QzY5LjE4OTggNDIuNjggNzAuNTM2NSA0Mi4yMjY3IDcxLjQyOTggNDEuMzJDNzIuMzM2NSA0MC40MTMzIDcyLjc4OTggMzkuMDY2NyA3Mi43ODk4IDM3LjI4Wk04Mi4wOTc4IDMzLjUyQzgzLjQ1NzggMzMuNTIgODQuNDcxMSAzMy44MiA4NS4xMzc4IDM0LjQyQzg1LjgwNDUgMzUuMDA2NyA4Ni4xMzc4IDM1LjkzMzMgODYuMTM3OCAzNy4yVjQ0LjVIODQuNjM3OEw4NC4yMTc4IDQzSDg0LjEzNzhDODMuODMxMSA0My4zODY3IDgzLjUxMTEgNDMuNzA2NyA4My4xNzc4IDQzLjk2QzgyLjg1NzggNDQuMjEzMyA4Mi40ODQ1IDQ0LjQgODIuMDU3OCA0NC41MkM4MS42NDQ1IDQ0LjY0IDgxLjEzNzggNDQuNyA4MC41Mzc4IDQ0LjdDNzkuODk3OCA0NC43IDc5LjMxNzggNDQuNTg2NyA3OC43OTc4IDQ0LjM2Qzc4LjI5MTEgNDQuMTIgNzcuODkxMSA0My43NiA3Ny41OTc4IDQzLjI4Qzc3LjMwNDUgNDIuNzg2NyA3Ny4xNTc4IDQyLjE3MzMgNzcuMTU3OCA0MS40NEM3Ny4xNTc4IDQwLjM0NjcgNzcuNTcxMSAzOS41MTMzIDc4LjM5NzggMzguOTRDNzkuMjM3OCAzOC4zNjY3IDgwLjUxMTEgMzguMDUzMyA4Mi4yMTc4IDM4TDg0LjA1NzggMzcuOTRWMzcuMzRDODQuMDU3OCAzNi41NCA4My44Nzc4IDM1Ljk4IDgzLjUxNzggMzUuNjZDODMuMTU3OCAzNS4zNCA4Mi42NTExIDM1LjE4IDgxLjk5NzggMzUuMThDODEuNDM3OCAzNS4xOCA4MC45MDQ1IDM1LjI2IDgwLjM5NzggMzUuNDJDNzkuODkxMSAzNS41OCA3OS40MTExIDM1Ljc3MzMgNzguOTU3OCAzNkw3OC4yNzc4IDM0LjQ2Qzc4Ljc4NDUgMzQuMTkzMyA3OS4zNjQ1IDMzLjk3MzMgODAuMDE3OCAzMy44QzgwLjY4NDUgMzMuNjEzMyA4MS4zNzc4IDMzLjUyIDgyLjA5NzggMzMuNTJaTTgyLjU5NzggMzkuMzZDODEuMzcxMSAzOS40MTMzIDgwLjUxNzggMzkuNjIgODAuMDM3OCAzOS45OEM3OS41NzExIDQwLjMyNjcgNzkuMzM3OCA0MC44MiA3OS4zMzc4IDQxLjQ2Qzc5LjMzNzggNDIuMDIgNzkuNTA0NSA0Mi40MjY3IDc5LjgzNzggNDIuNjhDODAuMTg0NSA0Mi45MzMzIDgwLjYxNzggNDMuMDYgODEuMTM3OCA0My4wNkM4MS45Nzc4IDQzLjA2IDgyLjY3MTEgNDIuODI2NyA4My4yMTc4IDQyLjM2QzgzLjc2NDUgNDEuODkzMyA4NC4wMzc4IDQxLjE5MzMgODQuMDM3OCA0MC4yNlYzOS4zMkw4Mi41OTc4IDM5LjM2Wk05My4yODIyIDQyLjk4QzkzLjU2MjIgNDIuOTggOTMuODQ4OSA0Mi45NTMzIDk0LjE0MjIgNDIuOUM5NC40MzU1IDQyLjg0NjcgOTQuNjg4OSA0Mi43ODY3IDk0LjkwMjIgNDIuNzJWNDQuMzJDOTQuNjc1NSA0NC40MjY3IDk0LjM2ODkgNDQuNTEzMyA5My45ODIyIDQ0LjU4QzkzLjU5NTUgNDQuNjYgOTMuMjA4OSA0NC43IDkyLjgyMjIgNDQuN0M5Mi4yMzU1IDQ0LjcgOTEuNjk1NSA0NC42IDkxLjIwMjIgNDQuNEM5MC43MjIyIDQ0LjIgOTAuMzM1NSA0My44NTMzIDkwLjA0MjIgNDMuMzZDODkuNzQ4OSA0Mi44NjY3IDg5LjYwMjIgNDIuMTggODkuNjAyMiA0MS4zVjM1LjM0SDg4LjEwMjJWMzQuMzhMODkuNjgyMiAzMy41OEw5MC40MjIyIDMxLjNIOTEuNzIyMlYzMy43Mkg5NC44MDIyVjM1LjM0SDkxLjcyMjJWNDEuMjZDOTEuNzIyMiA0MS44NDY3IDkxLjg2MjIgNDIuMjggOTIuMTQyMiA0Mi41NkM5Mi40MzU1IDQyLjg0IDkyLjgxNTUgNDIuOTggOTMuMjgyMiA0Mi45OFpNMTAxLjIzOCAzMy41MkMxMDIuNTk4IDMzLjUyIDEwMy42MTIgMzMuODIgMTA0LjI3OCAzNC40MkMxMDQuOTQ1IDM1LjAwNjcgMTA1LjI3OCAzNS45MzMzIDEwNS4yNzggMzcuMlY0NC41SDEwMy43NzhMMTAzLjM1OCA0M0gxMDMuMjc4QzEwMi45NzIgNDMuMzg2NyAxMDIuNjUyIDQzLjcwNjcgMTAyLjMxOCA0My45NkMxMDEuOTk4IDQ0LjIxMzMgMTAxLjYyNSA0NC40IDEwMS4xOTggNDQuNTJDMTAwLjc4NSA0NC42NCAxMDAuMjc4IDQ0LjcgOTkuNjc4NCA0NC43Qzk5LjAzODQgNDQuNyA5OC40NTg0IDQ0LjU4NjcgOTcuOTM4NCA0NC4zNkM5Ny40MzE4IDQ0LjEyIDk3LjAzMTggNDMuNzYgOTYuNzM4NCA0My4yOEM5Ni40NDUxIDQyLjc4NjcgOTYuMjk4NCA0Mi4xNzMzIDk2LjI5ODQgNDEuNDRDOTYuMjk4NCA0MC4zNDY3IDk2LjcxMTggMzkuNTEzMyA5Ny41Mzg0IDM4Ljk0Qzk4LjM3ODQgMzguMzY2NyA5OS42NTE4IDM4LjA1MzMgMTAxLjM1OCAzOEwxMDMuMTk4IDM3Ljk0VjM3LjM0QzEwMy4xOTggMzYuNTQgMTAzLjAxOCAzNS45OCAxMDIuNjU4IDM1LjY2QzEwMi4yOTggMzUuMzQgMTAxLjc5MiAzNS4xOCAxMDEuMTM4IDM1LjE4QzEwMC41NzggMzUuMTggMTAwLjA0NSAzNS4yNiA5OS41Mzg0IDM1LjQyQzk5LjAzMTggMzUuNTggOTguNTUxOCAzNS43NzMzIDk4LjA5ODQgMzZMOTcuNDE4NCAzNC40NkM5Ny45MjUxIDM0LjE5MzMgOTguNTA1MSAzMy45NzMzIDk5LjE1ODQgMzMuOEM5OS44MjUxIDMzLjYxMzMgMTAwLjUxOCAzMy41MiAxMDEuMjM4IDMzLjUyWk0xMDEuNzM4IDM5LjM2QzEwMC41MTIgMzkuNDEzMyA5OS42NTg0IDM5LjYyIDk5LjE3ODQgMzkuOThDOTguNzExOCA0MC4zMjY3IDk4LjQ3ODQgNDAuODIgOTguNDc4NCA0MS40NkM5OC40Nzg0IDQyLjAyIDk4LjY0NTEgNDIuNDI2NyA5OC45Nzg0IDQyLjY4Qzk5LjMyNTEgNDIuOTMzMyA5OS43NTg0IDQzLjA2IDEwMC4yNzggNDMuMDZDMTAxLjExOCA0My4wNiAxMDEuODEyIDQyLjgyNjcgMTAyLjM1OCA0Mi4zNkMxMDIuOTA1IDQxLjg5MzMgMTAzLjE3OCA0MS4xOTMzIDEwMy4xNzggNDAuMjZWMzkuMzJMMTAxLjczOCAzOS4zNlpNMTEwLjY2MyAzMi45NkMxMTAuNjYzIDMzLjQgMTEwLjY0OSAzMy44MiAxMTAuNjIzIDM0LjIyQzExMC42MDkgMzQuNjA2NyAxMTAuNTg5IDM0LjkxMzMgMTEwLjU2MyAzNS4xNEgxMTAuNjYzQzExMC45NjkgMzQuNjg2NyAxMTEuMzgzIDM0LjMwNjcgMTExLjkwMyAzNEMxMTIuNDIzIDMzLjY5MzMgMTEzLjA5NiAzMy41NCAxMTMuOTIzIDMzLjU0QzExNS4yMTYgMzMuNTQgMTE2LjI1NiAzNC4wMDY3IDExNy4wNDMgMzQuOTRDMTE3Ljg0MyAzNS44NzMzIDExOC4yNDMgMzcuMjYgMTE4LjI0MyAzOS4xQzExOC4yNDMgNDAuMzQgMTE4LjA2MyA0MS4zNzMzIDExNy43MDMgNDIuMkMxMTcuMzQzIDQzLjAyNjcgMTE2LjgzNiA0My42NTMzIDExNi4xODMgNDQuMDhDMTE1LjUyOSA0NC40OTMzIDExNC43NjkgNDQuNyAxMTMuOTAzIDQ0LjdDMTEzLjA2MyA0NC43IDExMi4zODkgNDQuNTUzMyAxMTEuODgzIDQ0LjI2QzExMS4zNzYgNDMuOTUzMyAxMTAuOTY5IDQzLjU5MzMgMTEwLjY2MyA0My4xOEgxMTAuNTAzTDExMC4xMDMgNDQuNUgxMDguNTQzVjI5LjNIMTEwLjY2M1YzMi45NlpNMTEzLjQyMyAzNS4yNkMxMTIuNzI5IDM1LjI2IDExMi4xODMgMzUuMzkzMyAxMTEuNzgzIDM1LjY2QzExMS4zODMgMzUuOTI2NyAxMTEuMDk2IDM2LjMzMzMgMTEwLjkyMyAzNi44OEMxMTAuNzQ5IDM3LjQyNjcgMTEwLjY2MyAzOC4xMiAxMTAuNjYzIDM4Ljk2VjM5LjEyQzExMC42NjMgNDAuMzYgMTEwLjg2MyA0MS4zMTMzIDExMS4yNjMgNDEuOThDMTExLjY2MyA0Mi42MzMzIDExMi4zOTYgNDIuOTYgMTEzLjQ2MyA0Mi45NkMxMTQuMzE2IDQyLjk2IDExNC45NjMgNDIuNjI2NyAxMTUuNDAzIDQxLjk2QzExNS44NDMgNDEuMjkzMyAxMTYuMDYzIDQwLjMzMzMgMTE2LjA2MyAzOS4wOEMxMTYuMDYzIDM3LjgxMzMgMTE1Ljg0MyAzNi44NiAxMTUuNDAzIDM2LjIyQzExNC45NjMgMzUuNTggMTE0LjMwMyAzNS4yNiAxMTMuNDIzIDM1LjI2Wk0xMjUuMTI1IDMzLjUyQzEyNi40ODUgMzMuNTIgMTI3LjQ5OCAzMy44MiAxMjguMTY1IDM0LjQyQzEyOC44MzIgMzUuMDA2NyAxMjkuMTY1IDM1LjkzMzMgMTI5LjE2NSAzNy4yVjQ0LjVIMTI3LjY2NUwxMjcuMjQ1IDQzSDEyNy4xNjVDMTI2Ljg1OCA0My4zODY3IDEyNi41MzggNDMuNzA2NyAxMjYuMjA1IDQzLjk2QzEyNS44ODUgNDQuMjEzMyAxMjUuNTEyIDQ0LjQgMTI1LjA4NSA0NC41MkMxMjQuNjcyIDQ0LjY0IDEyNC4xNjUgNDQuNyAxMjMuNTY1IDQ0LjdDMTIyLjkyNSA0NC43IDEyMi4zNDUgNDQuNTg2NyAxMjEuODI1IDQ0LjM2QzEyMS4zMTggNDQuMTIgMTIwLjkxOCA0My43NiAxMjAuNjI1IDQzLjI4QzEyMC4zMzIgNDIuNzg2NyAxMjAuMTg1IDQyLjE3MzMgMTIwLjE4NSA0MS40NEMxMjAuMTg1IDQwLjM0NjcgMTIwLjU5OCAzOS41MTMzIDEyMS40MjUgMzguOTRDMTIyLjI2NSAzOC4zNjY3IDEyMy41MzggMzguMDUzMyAxMjUuMjQ1IDM4TDEyNy4wODUgMzcuOTRWMzcuMzRDMTI3LjA4NSAzNi41NCAxMjYuOTA1IDM1Ljk4IDEyNi41NDUgMzUuNjZDMTI2LjE4NSAzNS4zNCAxMjUuNjc4IDM1LjE4IDEyNS4wMjUgMzUuMThDMTI0LjQ2NSAzNS4xOCAxMjMuOTMyIDM1LjI2IDEyMy40MjUgMzUuNDJDMTIyLjkxOCAzNS41OCAxMjIuNDM4IDM1Ljc3MzMgMTIxLjk4NSAzNkwxMjEuMzA1IDM0LjQ2QzEyMS44MTIgMzQuMTkzMyAxMjIuMzkyIDMzLjk3MzMgMTIzLjA0NSAzMy44QzEyMy43MTIgMzMuNjEzMyAxMjQuNDA1IDMzLjUyIDEyNS4xMjUgMzMuNTJaTTEyNS42MjUgMzkuMzZDMTI0LjM5OCAzOS40MTMzIDEyMy41NDUgMzkuNjIgMTIzLjA2NSAzOS45OEMxMjIuNTk4IDQwLjMyNjcgMTIyLjM2NSA0MC44MiAxMjIuMzY1IDQxLjQ2QzEyMi4zNjUgNDIuMDIgMTIyLjUzMiA0Mi40MjY3IDEyMi44NjUgNDIuNjhDMTIzLjIxMiA0Mi45MzMzIDEyMy42NDUgNDMuMDYgMTI0LjE2NSA0My4wNkMxMjUuMDA1IDQzLjA2IDEyNS42OTggNDIuODI2NyAxMjYuMjQ1IDQyLjM2QzEyNi43OTIgNDEuODkzMyAxMjcuMDY1IDQxLjE5MzMgMTI3LjA2NSA0MC4yNlYzOS4zMkwxMjUuNjI1IDM5LjM2Wk0xMzkuNTkgNDEuNDZDMTM5LjU5IDQyLjE2NjcgMTM5LjQxNiA0Mi43NiAxMzkuMDcgNDMuMjRDMTM4LjcyMyA0My43MiAxMzguMjIzIDQ0LjA4NjcgMTM3LjU3IDQ0LjM0QzEzNi45MTYgNDQuNTggMTM2LjEzIDQ0LjcgMTM1LjIxIDQ0LjdDMTM0LjQ1IDQ0LjcgMTMzLjc5NiA0NC42NCAxMzMuMjUgNDQuNTJDMTMyLjcxNiA0NC40MTMzIDEzMi4yMjMgNDQuMjUzMyAxMzEuNzcgNDQuMDRWNDIuMThDMTMyLjI1IDQyLjQwNjcgMTMyLjgwMyA0Mi42MTMzIDEzMy40MyA0Mi44QzEzNC4wNTYgNDIuOTczMyAxMzQuNjcgNDMuMDYgMTM1LjI3IDQzLjA2QzEzNi4wNyA0My4wNiAxMzYuNjQzIDQyLjkzMzMgMTM2Ljk5IDQyLjY4QzEzNy4zNSA0Mi40MjY3IDEzNy41MyA0Mi4wODY3IDEzNy41MyA0MS42NkMxMzcuNTMgNDEuNDIgMTM3LjQ2MyA0MS4yMDY3IDEzNy4zMyA0MS4wMkMxMzcuMTk2IDQwLjgyIDEzNi45NDMgNDAuNjIgMTM2LjU3IDQwLjQyQzEzNi4yMSA0MC4yMDY3IDEzNS42NzYgMzkuOTY2NyAxMzQuOTcgMzkuN0MxMzQuMjkgMzkuNDIgMTMzLjcxIDM5LjE0NjcgMTMzLjIzIDM4Ljg4QzEzMi43NSAzOC42IDEzMi4zODMgMzguMjczMyAxMzIuMTMgMzcuOUMxMzEuODc2IDM3LjUxMzMgMTMxLjc1IDM3LjAyIDEzMS43NSAzNi40MkMxMzEuNzUgMzUuNDg2NyAxMzIuMTIzIDM0Ljc3MzMgMTMyLjg3IDM0LjI4QzEzMy42MyAzMy43NzMzIDEzNC42MyAzMy41MiAxMzUuODcgMzMuNTJDMTM2LjUyMyAzMy41MiAxMzcuMTM2IDMzLjU4NjcgMTM3LjcxIDMzLjcyQzEzOC4yOTYgMzMuODQgMTM4Ljg2MyAzNC4wMjY3IDEzOS40MSAzNC4yOEwxMzguNzEgMzUuOUMxMzguNDAzIDM1Ljc1MzMgMTM4LjA4MyAzNS42MzMzIDEzNy43NSAzNS41NEMxMzcuNDMgMzUuNDMzMyAxMzcuMTAzIDM1LjM0NjcgMTM2Ljc3IDM1LjI4QzEzNi40NSAzNS4yMTMzIDEzNi4xMTYgMzUuMTggMTM1Ljc3IDM1LjE4QzEzNS4xMyAzNS4xOCAxMzQuNjQzIDM1LjI4IDEzNC4zMSAzNS40OEMxMzMuOTc2IDM1LjY4IDEzMy44MSAzNS45NiAxMzMuODEgMzYuMzJDMTMzLjgxIDM2LjU3MzMgMTMzLjg4MyAzNi43OTMzIDEzNC4wMyAzNi45OEMxMzQuMTkgMzcuMTY2NyAxMzQuNDYzIDM3LjM1MzMgMTM0Ljg1IDM3LjU0QzEzNS4yMzYgMzcuNzI2NyAxMzUuNzYzIDM3Ljk1MzMgMTM2LjQzIDM4LjIyQzEzNy4wOTYgMzguNDczMyAxMzcuNjYzIDM4LjczMzMgMTM4LjEzIDM5QzEzOC42MSAzOS4yNjY3IDEzOC45NyAzOS41OTMzIDEzOS4yMSAzOS45OEMxMzkuNDYzIDQwLjM2NjcgMTM5LjU5IDQwLjg2IDEzOS41OSA0MS40NlpNMTQ2LjM1NyAzMy41MkMxNDcuMzA0IDMzLjUyIDE0OC4xMTcgMzMuNzIgMTQ4Ljc5NyAzNC4xMkMxNDkuNDc3IDM0LjUwNjcgMTQ5Ljk5NyAzNS4wNjY3IDE1MC4zNTcgMzUuOEMxNTAuNzMgMzYuNTMzMyAxNTAuOTE3IDM3LjQgMTUwLjkxNyAzOC40VjM5LjU2SDE0My42NzdDMTQzLjcwNCA0MC42NjY3IDE0My45OSA0MS41MTMzIDE0NC41MzcgNDIuMUMxNDUuMDk3IDQyLjY4NjcgMTQ1Ljg3NyA0Mi45OCAxNDYuODc3IDQyLjk4QzE0Ny41NyA0Mi45OCAxNDguMTg0IDQyLjkyIDE0OC43MTcgNDIuOEMxNDkuMjY0IDQyLjY2NjcgMTQ5LjgyNCA0Mi40NzMzIDE1MC4zOTcgNDIuMjJWNDMuOThDMTQ5Ljg2NCA0NC4yMiAxNDkuMzE3IDQ0LjQgMTQ4Ljc1NyA0NC41MkMxNDguMjEgNDQuNjQgMTQ3LjU1NyA0NC43IDE0Ni43OTcgNDQuN0MxNDUuNzU3IDQ0LjcgMTQ0LjgzNyA0NC40OTMzIDE0NC4wMzcgNDQuMDhDMTQzLjIzNyA0My42NjY3IDE0Mi42MSA0My4wNTMzIDE0Mi4xNTcgNDIuMjRDMTQxLjcxNyA0MS40MTMzIDE0MS40OTcgNDAuNCAxNDEuNDk3IDM5LjJDMTQxLjQ5NyAzNy45ODY3IDE0MS42OTcgMzYuOTYgMTQyLjA5NyAzNi4xMkMxNDIuNTEgMzUuMjggMTQzLjA3NyAzNC42NCAxNDMuNzk3IDM0LjJDMTQ0LjUzIDMzLjc0NjcgMTQ1LjM4NCAzMy41MiAxNDYuMzU3IDMzLjUyWk0xNDYuMzU3IDM1LjE2QzE0NS41OTcgMzUuMTYgMTQ0Ljk4NCAzNS40MDY3IDE0NC41MTcgMzUuOUMxNDQuMDY0IDM2LjM5MzMgMTQzLjc5NyAzNy4wOTMzIDE0My43MTcgMzhIMTQ4Ljc5N0MxNDguNzk3IDM3LjQ0IDE0OC43MSAzNi45NDY3IDE0OC41MzcgMzYuNTJDMTQ4LjM2NCAzNi4wOTMzIDE0OC4wOTcgMzUuNzYgMTQ3LjczNyAzNS41MkMxNDcuMzc3IDM1LjI4IDE0Ni45MTcgMzUuMTYgMTQ2LjM1NyAzNS4xNloiIGZpbGw9IiMxNTZGNzciLz4KPHBhdGggZD0iTTE1NC44MiAzNC41VjI5LjgzNTlIMTU2LjUxMlYyOC44NjMzSDE1MS45NDlWMjkuODM1OUgxNTMuNjQxVjM0LjVIMTU0LjgyWk0xNjMuNTIzIDM0LjVWMjguODYzM0gxNjIuMTM3TDE2MC41NzQgMzIuNzVIMTYwLjUwNEwxNTguOTQ1IDI4Ljg2MzNIMTU3LjU1NVYzNC41SDE1OC42NDhWMzAuNjgzNkgxNTguNzExTDE2MC4xNDggMzQuMjIyN0gxNjAuOTM0TDE2Mi4zNjcgMzAuNjgzNkgxNjIuNDNWMzQuNUgxNjMuNTIzWiIgZmlsbD0iIzE1NkY3NyIvPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zMjI5XzEyMjA3MSI+CjxyZWN0IHdpZHRoPSI1MyIgaGVpZ2h0PSI1MyIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNTg5ODQ0IDAuNSkiLz4KPC9jbGlwUGF0aD4KPGNsaXBQYXRoIGlkPSJjbGlwMV8zMjI5XzEyMjA3MSI+CjxyZWN0IHdpZHRoPSIzMS4wNTE4IiBoZWlnaHQ9IjMzIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEuNTg5OCA5LjUpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
}
.header-container .logo.simple {
  height: 55px;
  flex: 0 0 47px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA0OCAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTYuMzY3MiIgeT0iOSIgd2lkdGg9IjYuMzg3MSIgaGVpZ2h0PSIxOCIgcng9IjEuMTYxMjkiIGZpbGw9IiMyRDg0ODkiLz4KPHBhdGggZD0iTTI0LjQ5OCA5LjEwODAzQzI0LjQ5OCA5LjA0ODM2IDI0LjU0NjQgOSAyNC42MDYxIDlWOUMyOC4wNzM5IDkgMzAuODg1MSAxMS44MTEyIDMwLjg4NTEgMTUuMjc5MVYyMC43MjA5QzMwLjg4NTEgMjQuMTg4OCAyOC4wNzM5IDI3IDI0LjYwNjEgMjdWMjdDMjQuNTQ2NCAyNyAyNC40OTggMjYuOTUxNiAyNC40OTggMjYuODkyVjkuMTA4MDNaIiBmaWxsPSIjMkQ4NDg5Ii8+CjxyZWN0IHg9IjMyLjYyNSIgeT0iOSIgd2lkdGg9IjYuMzg3MSIgaGVpZ2h0PSIxOCIgcng9IjEuMTYxMjkiIGZpbGw9IiMyRDg0ODkiLz4KPHJlY3QgeD0iMC4xMDkzNzUiIHk9IjkiIHdpZHRoPSI2LjM4NzEiIGhlaWdodD0iMTgiIHJ4PSIxLjE2MTI5IiBmaWxsPSIjMkQ4NDg5Ii8+CjxwYXRoIGQ9Ik04LjI0MDIzIDkuMTA4MDNDOC4yNDAyMyA5LjA0ODM3IDguMjg4NiA5IDguMzQ4MjYgOUgxMC4xMjczQzEyLjYxMjYgOSAxNC42MjczIDExLjAxNDcgMTQuNjI3MyAxMy41VjEzLjVDMTQuNjI3MyAxNS45ODUzIDEyLjYxMjYgMTggMTAuMTI3MyAxOEg4LjM0ODI2QzguMjg4NiAxOCA4LjI0MDIzIDE3Ljk1MTYgOC4yNDAyMyAxNy44OTJWOS4xMDgwM1oiIGZpbGw9IiMyRDg0ODkiLz4KPHBhdGggZD0iTTQwLjc2MTcgMTguMDc5N0M0MC43NjE3IDE4LjAyIDQwLjgxMDEgMTcuOTcxNyA0MC44Njk3IDE3Ljk3MTdINDIuNjQ4OEM0NS4xMzQxIDE3Ljk3MTcgNDcuMTQ4OCAxOS45ODY0IDQ3LjE0ODggMjIuNDcxN1YyMi40NzE3QzQ3LjE0ODggMjQuOTU3IDQ1LjEzNDEgMjYuOTcxNyA0Mi42NDg4IDI2Ljk3MTdINDAuODY5N0M0MC44MTAxIDI2Ljk3MTcgNDAuNzYxNyAyNi45MjMzIDQwLjc2MTcgMjYuODYzN1YxOC4wNzk3WiIgZmlsbD0iIzJEODQ4OSIvPgo8L3N2Zz4K);
  background-position: center;
}
.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 #074A53;
  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 .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: 32px;
  height: 34px;
  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,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzMiAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjc5MjggMTEuMDg4TDIyLjY2MTIgMTAuMTg0MkMyMi42OTMyIDEwLjE2ODkgMjIuNzIxMiAxMC4xNDU4IDIyLjc0MjcgMTAuMTE2OUMyMi43NjQxIDEwLjA4ODEgMjIuNzc4NSAxMC4wNTQzIDIyLjc4NDMgMTAuMDE4NkMyMi43OTAyIDkuOTgyODcgMjIuNzg3NSA5Ljk0NjI4IDIyLjc3NjUgOS45MTJDMjIuNzY1NCA5Ljg3NzcyIDIyLjc0NjQgOS44NDY4IDIyLjcyMSA5LjgyMTk0TDIxLjU5NjYgOC43NDc4QzIxLjU3MDUgOC43MjM3NiAyMS41MzkgOC43MDY1OCAyMS41MDQ5IDguNjk3NzFDMjEuNDcwOCA4LjY4ODg0IDIxLjQzNTEgOC42ODg1NCAyMS40MDA3IDguNjk2ODRDMjEuMzY2NCA4LjcwNTEzIDIxLjMzNDQgOC43MjE3OCAyMS4zMDc1IDguNzQ1MzdDMjEuMjgwNiA4Ljc2ODk3IDIxLjI1OTYgOC43OTg4MiAyMS4yNDYzIDguODMyNEwyMC41MDIzIDEwLjgxMDRDMjAuNDg3NCAxMC44NTE1IDIwLjQ4NDcgMTAuODk2IDIwLjQ5NDQgMTAuOTM4NUMyMC41MDQxIDEwLjk4MSAyMC41MjU5IDExLjAxOTUgMjAuNTU2OSAxMS4wNDkyQzIwLjU4OCAxMS4wNzg5IDIwLjYyNjkgMTEuMDk4NCAyMC42Njg5IDExLjEwNTNDMjAuNzEwOSAxMS4xMTIyIDIwLjc1NCAxMS4xMDYyIDIwLjc5MjggMTEuMDg4WiIgZmlsbD0iI0JGQkZCRiIvPgo8cGF0aCBkPSJNMjIuMDc3NCAxMi45MDYxTDI0LjEyNDYgMTIuNjY1OEMyNC4xNTk4IDEyLjY2MTkgMjQuMTkzNyAxMi42NDkxIDI0LjIyMzEgMTIuNjI4NkMyNC4yNTI1IDEyLjYwODIgMjQuMjc2NiAxMi41ODA2IDI0LjI5MzMgMTIuNTQ4NEMyNC4zMSAxMi41MTYyIDI0LjMxODcgMTIuNDgwMyAyNC4zMTg4IDEyLjQ0MzlDMjQuMzE4OCAxMi40MDc1IDI0LjMxMDEgMTIuMzcxNyAyNC4yOTM1IDEyLjMzOTdMMjMuNTY3NSAxMC45NDkxQzIzLjU1MTQgMTAuOTE2OSAyMy41Mjc2IDEwLjg4OTUgMjMuNDk4NCAxMC44NjkyQzIzLjQ2OTIgMTAuODQ5IDIzLjQzNTUgMTAuODM2NiAyMy40MDAzIDEwLjgzMzJDMjMuMzY1MSAxMC44Mjk4IDIzLjMyOTYgMTAuODM1NSAyMy4yOTY5IDEwLjg0OTdDMjMuMjY0MyAxMC44NjQgMjMuMjM1NiAxMC44ODY0IDIzLjIxMzUgMTAuOTE0OEwyMS44ODY5IDEyLjU0NTlDMjEuODU5NSAxMi41ODAyIDIxLjg0MjcgMTIuNjIyIDIxLjgzODUgMTIuNjY2QzIxLjgzNDMgMTIuNzEgMjEuODQzIDEyLjc1NDEgMjEuODYzNSAxMi43OTI4QzIxLjg4NCAxMi44MzE1IDIxLjkxNTIgMTIuODYzIDIxLjk1MzMgMTIuODgzMUMyMS45OTE0IDEyLjkwMzMgMjIuMDM0NiAxMi45MTEzIDIyLjA3NzQgMTIuOTA2MVoiIGZpbGw9IiNCRkJGQkYiLz4KPHBhdGggZD0iTTIyLjcxNzEgMTUuMDY0NEwyNC43MjggMTUuNTEyN0MyNC43NjQzIDE1LjUyMjkgMjQuODAyNiAxNS41MjMxIDI0LjgzOTIgMTUuNTEzNEMyNC44NzU3IDE1LjUwMzcgMjQuOTA5MiAxNS40ODQzIDI0LjkzNjMgMTUuNDU3MkMyNC45NjM1IDE1LjQzMDEgMjQuOTgzMyAxNS4zOTYyIDI0Ljk5MzggMTUuMzU5QzI1LjAwNDMgMTUuMzIxNyAyNS4wMDUxIDE1LjI4MjQgMjQuOTk2MiAxNS4yNDQ4TDI0Ljc0NzEgMTMuNjg2QzI0Ljc0MTMgMTMuNjUwNCAyNC43MjcyIDEzLjYxNjkgMjQuNzA1OSAxMy41ODgzQzI0LjY4NDcgMTMuNTU5NyAyNC42NTY5IDEzLjUzNyAyNC42MjUgMTMuNTIyQzI0LjU5MzEgMTMuNTA3IDI0LjU1ODEgMTMuNTAwMyAyNC41MjMgMTMuNTAyNEMyNC40ODc5IDEzLjUwNDUgMjQuNDUzNyAxMy41MTU0IDI0LjQyMzUgMTMuNTM0MUwyMi42NjIgMTQuNjVDMjIuNjIyMSAxNC42NzEzIDIyLjU4OTYgMTQuNzA0NiAyMi41Njg5IDE0Ljc0NTZDMjIuNTQ4MSAxNC43ODY1IDIyLjU0MDMgMTQuODMyOSAyMi41NDYzIDE0Ljg3ODRDMjIuNTUyNCAxNC45MjM5IDIyLjU3MjEgMTQuOTY2MiAyMi42MDI3IDE0Ljk5OTZDMjIuNjMzMyAxNS4wMzI5IDIyLjY3MzMgMTUuMDU1NSAyMi43MTcxIDE1LjA2NDRaIiBmaWxsPSIjQkZCRkJGIi8+CjxwYXRoIGQ9Ik0yMi42NDgyIDE3LjMxNDdMMjQuNDA3OSAxOC40MDM1QzI0LjQzNzggMTguNDIyIDI0LjQ3MTYgMTguNDMyNyAyNC41MDY1IDE4LjQzNDdDMjQuNTQxMyAxOC40MzY3IDI0LjU3NjIgMTguNDMgMjQuNjA4MiAxOC40MTUxQzI0LjY0MDEgMTguNDAwMyAyNC42NjgxIDE4LjM3NzcgMjQuNjg5NyAxOC4zNDkzQzI0LjcxMTQgMTguMzIxIDI0LjcyNiAxOC4yODc3IDI0LjczMjUgMTguMjUyNEwyNC45ODE1IDE2LjcwM0MyNC45ODk4IDE2LjY2NTMgMjQuOTg4MyAxNi42MjYgMjQuOTc3MyAxNi41ODkyQzI0Ljk2NjIgMTYuNTUyMyAyNC45NDYgMTYuNTE5MSAyNC45MTg1IDE2LjQ5MjlDMjQuODkxMSAxNi40NjY3IDI0Ljg1NzQgMTYuNDQ4NCAyNC44MjA4IDE2LjQzOTdDMjQuNzg0MiAxNi40MzEgMjQuNzQ2IDE2LjQzMjQgMjQuNzA5OSAxNi40NDM2TDIyLjY5OSAxNi45MTc3QzIyLjY2MDMgMTYuOTMxIDIyLjYyNTkgMTYuOTU1MiAyMi41OTk5IDE2Ljk4NzZDMjIuNTczOSAxNy4wMiAyMi41NTczIDE3LjA1OTIgMjIuNTUyIDE3LjEwMDdDMjIuNTQ2NyAxNy4xNDIyIDIyLjU1MjkgMTcuMTg0MyAyMi41Njk5IDE3LjIyMjJDMjIuNTg3IDE3LjI2MDEgMjIuNjE0MSAxNy4yOTIxIDIyLjY0ODIgMTcuMzE0N1oiIGZpbGw9IiNCRkJGQkYiLz4KPHBhdGggZD0iTTIxLjg3OTMgMTkuNDMyNEwyMy4xOTcxIDIxLjA0NzhDMjMuMjE5NyAyMS4wNzUyIDIzLjI0ODUgMjEuMDk2NSAyMy4yODEgMjEuMTA5OEMyMy4zMTM1IDIxLjEyMzEgMjMuMzQ4NyAyMS4xMjgxIDIzLjM4MzYgMjEuMTI0M0MyMy40MTg1IDIxLjEyMDQgMjMuNDUyIDIxLjEwOCAyMy40ODEzIDIxLjA4NzlDMjMuNTEwNiAyMS4wNjc4IDIzLjUzNDcgMjEuMDQwOCAyMy41NTE2IDIxLjAwOTFMMjQuMjgyMiAxOS42MTA1QzI0LjI5ODMgMTkuNTc4MyAyNC4zMDY4IDE5LjU0MjYgMjQuMzA2NyAxOS41MDY0QzI0LjMwNjcgMTkuNDcwMyAyNC4yOTgyIDE5LjQzNDcgMjQuMjgyIDE5LjQwMjhDMjQuMjY1NyAxOS4zNzA4IDI0LjI0MjIgMTkuMzQzNCAyNC4yMTM0IDE5LjMyMjhDMjQuMTg0NiAxOS4zMDIyIDI0LjE1MTQgMTkuMjg5MSAyNC4xMTY1IDE5LjI4NDVMMjIuMDY1NSAxOS4wNzA1QzIyLjAyMjcgMTkuMDY1MSAyMS45NzkyIDE5LjA3MzMgMjEuOTQwOCAxOS4wOTRDMjEuOTAyNSAxOS4xMTQ2IDIxLjg3MTEgMTkuMTQ2OCAyMS44NTA4IDE5LjE4NjFDMjEuODMwNiAxOS4yMjU1IDIxLjgyMjUgMTkuMjcwMSAyMS44Mjc1IDE5LjMxNDFDMjEuODMyNiAxOS4zNTgxIDIxLjg1MDcgMTkuMzk5NCAyMS44NzkzIDE5LjQzMjRaIiBmaWxsPSIjQkZCRkJGIi8+CjxwYXRoIGQ9Ik0yMC40ODUxIDIxLjE4NjZMMjEuMjI5NCAyMy4xNjA4QzIxLjI0MTggMjMuMTk0NCAyMS4yNjIxIDIzLjIyNDIgMjEuMjg4NSAyMy4yNDc2QzIxLjMxNDkgMjMuMjcxIDIxLjM0NjYgMjMuMjg3MyAyMS4zODA4IDIzLjI5NUMyMS40MTQ5IDIzLjMwMjggMjEuNDUwNSAyMy4zMDE3IDIxLjQ4NDIgMjMuMjkxOEMyMS41MTggMjMuMjgyIDIxLjU0ODkgMjMuMjYzOCAyMS41NzQzIDIzLjIzODdMMjIuNzAxOSAyMi4xNTE0QzIyLjcyODIgMjIuMTI3IDIyLjc0ODIgMjIuMDk2NCAyMi43NjAxIDIyLjA2MjJDMjIuNzcyIDIyLjAyOCAyMi43NzU1IDIxLjk5MTQgMjIuNzcwMiAyMS45NTU2QzIyLjc2NDkgMjEuOTE5OSAyMi43NTEgMjEuODg2MSAyMi43Mjk3IDIxLjg1NzRDMjIuNzA4NCAyMS44Mjg2IDIyLjY4MDUgMjEuODA1OCAyMi42NDg0IDIxLjc5MTFMMjAuNzgyIDIwLjkwOTRDMjAuNzQzNCAyMC44OTA2IDIwLjcwMDEgMjAuODg0MSAyMC42NTc2IDIwLjg5MDZDMjAuNjE1MiAyMC44OTcyIDIwLjU3NTUgMjAuOTE2NiAyMC41NDM3IDIwLjk0NjNDMjAuNTExOCAyMC45NzYxIDIwLjQ4OTMgMjEuMDE0OCAyMC40Nzg4IDIxLjA1NzZDMjAuNDY4NCAyMS4xMDA0IDIwLjQ3MDYgMjEuMTQ1MyAyMC40ODUxIDIxLjE4NjZaIiBmaWxsPSIjQkZCRkJGIi8+CjxwYXRoIGQ9Ik0xOC42MjI0IDIyLjM5NEwxOC43MDQ1IDI0LjUwNjFDMTguNzA2MSAyNC41NDIyIDE4LjcxNjIgMjQuNTc3MyAxOC43MzQgMjQuNjA4NEMxOC43NTE4IDI0LjYzOTQgMTguNzc2NyAyNC42NjU1IDE4LjgwNjcgMjQuNjg0MkMxOC44MzY2IDI0LjcwMyAxOC44NzA2IDI0LjcxNCAxOC45MDU3IDI0LjcxNjFDMTguOTQwOSAyNC43MTgzIDE4Ljk3NiAyNC43MTE2IDE5LjAwODIgMjQuNjk2NkwyMC40MTUzIDI0LjAzODhDMjAuNDQ3NCAyNC4wMjM1IDIwLjQ3NTQgMjQuMDAwNCAyMC40OTY4IDIzLjk3MTZDMjAuNTE4MyAyMy45NDI3IDIwLjUzMjYgMjMuOTA4OSAyMC41Mzg1IDIzLjg3MzJDMjAuNTQ0NCAyMy44Mzc1IDIwLjU0MTcgMjMuODAwOSAyMC41MzA2IDIzLjc2NjZDMjAuNTE5NiAyMy43MzIzIDIwLjUwMDUgMjMuNzAxNCAyMC40NzUxIDIzLjY3NjZMMTguOTg4NCAyMi4yMTk1QzE4Ljk1NzIgMjIuMTg4NyAxOC45MTc2IDIyLjE2ODMgMTguODc0NyAyMi4xNjFDMTguODMxOSAyMi4xNTM3IDE4Ljc4NzggMjIuMTU5OSAxOC43NDgyIDIyLjE3ODhDMTguNzA4NyAyMi4xOTc2IDE4LjY3NTUgMjIuMjI4MyAxOC42NTMxIDIyLjI2NjdDMTguNjMwNiAyMi4zMDUxIDE4LjYxOTkgMjIuMzQ5NSAxOC42MjI0IDIyLjM5NFoiIGZpbGw9IiNCRkJGQkYiLz4KPHBhdGggZD0iTTE2LjQ4NTEgMjIuOTIzNEwxNS44OTgzIDI0Ljk1NzJDMTUuODgzOCAyNC45OTQgMTUuODc5MyAyNS4wMzQxIDE1Ljg4NTQgMjUuMDczMUMxNS44OTE0IDI1LjExMjIgMTUuOTA3NiAyNS4xNDg3IDE1LjkzMjQgMjUuMTc4OUMxNS45NTcyIDI1LjIwOSAxNS45ODk1IDI1LjIzMTYgMTYuMDI2IDI1LjI0NDJDMTYuMDYyNSAyNS4yNTY4IDE2LjEwMTYgMjUuMjU4OSAxNi4xMzkzIDI1LjI1MDNMMTcuNjcyOCAyNS4wOTA1QzE3LjcwNzkgMjUuMDg2OCAxNy43NDE2IDI1LjA3NDMgMTcuNzcxMSAyNS4wNTQyQzE3LjgwMDYgMjUuMDM0IDE3LjgyNDggMjUuMDA2OCAxNy44NDE4IDI0Ljk3NDlDMTcuODU4NyAyNC45NDMgMTcuODY3OCAyNC45MDczIDE3Ljg2ODIgMjQuODcxMUMxNy44Njg3IDI0LjgzNDkgMTcuODYwNSAyNC43OTkxIDE3Ljg0NDQgMjQuNzY3TDE2Ljg5NTIgMjIuODk1OEMxNi44ODA4IDIyLjg1IDE2Ljg1MiAyMi44MTA1IDE2LjgxMzIgMjIuNzgzNUMxNi43NzQ0IDIyLjc1NjUgMTYuNzI3OSAyMi43NDM2IDE2LjY4MSAyMi43NDY4QzE2LjYzNDEgMjIuNzQ5OSAxNi41ODk0IDIyLjc2OSAxNi41NTM5IDIyLjgwMDlDMTYuNTE4NSAyMi44MzI5IDE2LjQ5NDMgMjIuODc2IDE2LjQ4NTEgMjIuOTIzNFoiIGZpbGw9IiNCRkJGQkYiLz4KPHBhdGggZD0iTTE0LjMwMDQgMjIuNzE4M0wxMy4xMDg4IDI0LjQ1MjFDMTMuMDg4MiAyNC40ODE4IDEzLjA3NDkgMjQuNTE2MSAxMy4wNzAyIDI0LjU1MjFDMTMuMDY1NSAyNC41ODgxIDEzLjA2OTQgMjQuNjI0NyAxMy4wODE2IDI0LjY1ODZDMTMuMDkzOSAyNC42OTI2IDEzLjExNDEgMjQuNzIyOSAxMy4xNDA1IDI0Ljc0NjhDMTMuMTY2OCAyNC43NzA4IDEzLjE5ODYgMjQuNzg3NyAxMy4yMzI5IDI0Ljc5NkwxNC43MzUxIDI1LjE1MTVDMTQuNzcxMSAyNS4xNjEzIDE0LjgwOTEgMjUuMTYxNiAxNC44NDU0IDI1LjE1MjJDMTQuODgxNyAyNS4xNDI4IDE0LjkxNTEgMjUuMTI0IDE0Ljk0MjUgMjUuMDk3N0MxNC45Njk5IDI1LjA3MTQgMTQuOTkwMyAyNS4wMzg0IDE1LjAwMTkgMjUuMDAxOEMxNS4wMTM1IDI0Ljk2NTMgMTUuMDE1OCAyNC45MjY0IDE1LjAwODcgMjQuODg4N0wxNC42OTgxIDIyLjc5OTVDMTQuNjkxOCAyMi43NTQ0IDE0LjY3MiAyMi43MTI2IDE0LjY0MTYgMjIuNjc5NkMxNC42MTEyIDIyLjY0NjcgMTQuNTcxNSAyMi42MjQzIDE0LjUyOCAyMi42MTU0QzE0LjQ4NDYgMjIuNjA2NSAxNC40Mzk0IDIyLjYxMTYgMTQuMzk4NyAyMi42MzAxQzE0LjM1OCAyMi42NDg1IDE0LjMyMzcgMjIuNjc5MyAxNC4zMDA0IDIyLjcxODNaIiBmaWxsPSIjQkZCRkJGIi8+CjxwYXRoIGQ9Ik0xMi4yOTkxIDIxLjc5OTdMMTAuNjQ0OSAyMy4wNjU0QzEwLjYxNjMgMjMuMDg2OSAxMC41OTMyIDIzLjExNTIgMTAuNTc3NiAyMy4xNDc5QzEwLjU2MiAyMy4xODA2IDEwLjU1NDUgMjMuMjE2NyAxMC41NTU2IDIzLjI1M0MxMC41NTY3IDIzLjI4OTMgMTAuNTY2NSAyMy4zMjQ2IDEwLjU4NDEgMjMuMzU2QzEwLjYwMTcgMjMuMzg3MyAxMC42MjY1IDIzLjQxMzcgMTAuNjU2NSAyMy40MzI4TDExLjk2NTUgMjQuMjY0MUMxMS45OTUxIDI0LjI4MzUgMTIuMDI5MSAyNC4yOTUgMTIuMDY0MyAyNC4yOTc1QzEyLjA5OTUgMjQuMyAxMi4xMzQ4IDI0LjI5MzUgMTIuMTY3IDI0LjI3ODRDMTIuMTk5MiAyNC4yNjM0IDEyLjIyNzMgMjQuMjQwNCAxMi4yNDg4IDI0LjIxMTVDMTIuMjcwMyAyNC4xODI2IDEyLjI4NDUgMjQuMTQ4NyAxMi4yOSAyNC4xMTI5TDEyLjY1NjcgMjIuMDMxM0MxMi42NzUzIDIxLjk4MzIgMTIuNjc3MSAyMS45MzAxIDEyLjY2MTcgMjEuODgxQzEyLjY0NjMgMjEuODMyIDEyLjYxNDcgMjEuNzkwMiAxMi41NzIzIDIxLjc2MjhDMTIuNTI5OSAyMS43MzUzIDEyLjQ3OTUgMjEuNzI0IDEyLjQyOTYgMjEuNzMwN0MxMi4zNzk3IDIxLjczNzUgMTIuMzMzNiAyMS43NjE4IDEyLjI5OTEgMjEuNzk5N1oiIGZpbGw9IiNCRkJGQkYiLz4KPHBhdGggZD0iTTEwLjcwMDMgMjAuMjY1TDguNzMxNDYgMjAuOTA1MUM4LjY5Nzc0IDIwLjkxNjIgOC42NjcxNCAyMC45MzU3IDguNjQyMzMgMjAuOTYxN0M4LjYxNzUzIDIwLjk4NzggOC41OTkyOCAyMS4wMTk2IDguNTg5MTkgMjEuMDU0NUM4LjU3OTEgMjEuMDg5MyA4LjU3NzQ4IDIxLjEyNjEgOC41ODQ0NyAyMS4xNjE3QzguNTkxNDUgMjEuMTk3MiA4LjYwNjg0IDIxLjIzMDMgOC42MjkyNyAyMS4yNTgyTDkuNjAwMTYgMjIuNDc5M0M5LjYyMjQ5IDIyLjUwNzQgOS42NTEyNiAyMi41MjkzIDkuNjgzOTIgMjIuNTQzMkM5LjcxNjU4IDIyLjU1NzEgOS43NTIxMiAyMi41NjI1IDkuNzg3NDEgMjIuNTU4OUM5LjgyMjcxIDIyLjU1NTQgOS44NTY2NyAyMi41NDI5IDkuODg2MjkgMjIuNTIyN0M5LjkxNTkyIDIyLjUwMjUgOS45NDAzIDIyLjQ3NTIgOS45NTcyOSAyMi40NDMxTDEwLjk0NzYgMjAuNTkwM0MxMC45NzAzIDIwLjU1MTggMTAuOTgxMSAyMC41MDcyIDEwLjk3ODUgMjAuNDYyNEMxMC45NzYgMjAuNDE3NiAxMC45NjAzIDIwLjM3NDcgMTAuOTMzNSAyMC4zMzk0QzEwLjkwNjcgMjAuMzA0MiAxMC44NzAxIDIwLjI3ODIgMTAuODI4NSAyMC4yNjQ5QzEwLjc4NjggMjAuMjUxNiAxMC43NDIxIDIwLjI1MTYgMTAuNzAwMyAyMC4yNjVaIiBmaWxsPSIjQkZCRkJGIi8+CjxwYXRoIGQ9Ik05LjY2ODIzIDE4LjI4NjFMNy42MDk0NSAxOC4yNDI4QzcuNTc0MzUgMTguMjQyMSA3LjUzOTU0IDE4LjI1MDEgNy41MDgwNCAxOC4yNjYzQzcuNDc2NTQgMTguMjgyNSA3LjQ0OTMgMTguMzA2MyA3LjQyODY4IDE4LjMzNTZDNy40MDgwNiAxOC4zNjUgNy4zOTQ2OSAxOC4zOTkgNy4zODk3MiAxOC40MzQ4QzcuMzg0NzUgMTguNDcwNSA3LjM4ODMzIDE4LjUwNjkgNy40MDAxNiAxOC41NDA4TDcuOTM2NjcgMjAuMDIzQzcuOTQ5MjIgMjAuMDU2MyA3Ljk2OTQ3IDIwLjA4NiA3Ljk5NTcxIDIwLjEwOTVDOC4wMjE5NCAyMC4xMzI5IDguMDUzMzYgMjAuMTQ5NSA4LjA4NzI4IDIwLjE1NzdDOC4xMjEyMSAyMC4xNjU5IDguMTU2NjMgMjAuMTY1NSA4LjE5MDUgMjAuMTU2NUM4LjIyNDM3IDIwLjE0NzYgOC4yNTU2OSAyMC4xMzAzIDguMjgxNzYgMjAuMTA2M0w5LjgwNjczIDE4LjY3QzkuODM4MjggMTguNjQgOS44NjA0OSAxOC42MDExIDkuODcwNTQgMTguNTU4M0M5Ljg4MDYgMTguNTE1NCA5Ljg3ODA0IDE4LjQ3MDUgOS44NjMxOSAxOC40Mjk0QzkuODQ4MzQgMTguMzg4MiA5LjgyMTg3IDE4LjM1MjYgOS43ODcxNSAxOC4zMjcxQzkuNzUyNDQgMTguMzAxNiA5LjcxMTA0IDE4LjI4NzMgOS42NjgyMyAxOC4yODYxWiIgZmlsbD0iI0JGQkZCRiIvPgo8cGF0aCBkPSJNOS4zMTU2OCAxNi4wNjQzTDcuMzgzMDMgMTUuMzM5NkM3LjM0OTk3IDE1LjMyNzcgNy4zMTQ1NCAxNS4zMjQ0IDcuMjc5ODEgMTUuMzI5OEM3LjI0NTA4IDE1LjMzNTIgNy4yMTIxIDE1LjM0OTIgNy4xODM3MSAxNS4zNzA2QzcuMTU1MzIgMTUuMzkyIDcuMTMyMzkgMTUuNDIwMiA3LjExNjkgMTUuNDUyNkM3LjEwMTQxIDE1LjQ4NTEgNy4wOTM4MyAxNS41MjA5IDcuMDk0ODEgMTUuNTU2OUw3LjEzNjUzIDE3LjEzNzdDNy4xMzY2NCAxNy4xNzQgNy4xNDU1NiAxNy4yMDk2IDcuMTYyNDkgMTcuMjQxM0M3LjE3OTQxIDE3LjI3MyA3LjIwMzgxIDE3LjI5OTggNy4yMzM0NiAxNy4zMTkzQzcuMjYzMTIgMTcuMzM4OCA3LjI5NzA4IDE3LjM1MDMgNy4zMzIyOSAxNy4zNTI4QzcuMzY3NSAxNy4zNTU0IDcuNDAyODUgMTcuMzQ4OSA3LjQzNTEgMTcuMzMzOEw5LjMyNTg1IDE2LjQ3MjRDOS4zNjQ0MyAxNi40NTQgOS4zOTY5OCAxNi40MjQ1IDkuNDE5NDYgMTYuMzg3NEM5LjQ0MTk0IDE2LjM1MDQgOS40NTMzNCAxNi4zMDc0IDkuNDUyMjUgMTYuMjYzOUM5LjQ1MTE3IDE2LjIyMDQgOS40Mzc2NCAxNi4xNzgyIDkuNDEzMzUgMTYuMTQyOEM5LjM4OTA2IDE2LjEwNzMgOS4zNTUxIDE2LjA4IDkuMzE1NjggMTYuMDY0M1oiIGZpbGw9IiNCRkJGQkYiLz4KPHBhdGggZD0iTTkuNjc3ODggMTMuODMzOEw4LjA3OTQ2IDEyLjUxMTFDOC4wNTIxIDEyLjQ4ODYgOC4wMTk3NCAxMi40NzM0IDcuOTg1MjEgMTIuNDY2N0M3Ljk1MDY4IDEyLjQ2IDcuOTE1MDEgMTIuNDYyMSA3Ljg4MTMzIDEyLjQ3MjhDNy44NDc2NSAxMi40ODM1IDcuODE2OTYgMTIuNTAyNSA3Ljc5MTk0IDEyLjUyODFDNy43NjY5MiAxMi41NTM3IDcuNzQ4MzMgMTIuNTg1MiA3LjczNzc4IDEyLjYxOTdMNy4yODIxNyAxNC4xMzQyQzcuMjcxMDggMTQuMTY4OSA3LjI2ODYyIDE0LjIwNTkgNy4yNzUwNSAxNC4yNDE4QzcuMjgxNDggMTQuMjc3NiA3LjI5NjU4IDE0LjMxMTIgNy4zMTg5NiAxNC4zMzkzQzcuMzQxMzQgMTQuMzY3NSA3LjM3MDMgMTQuMzg5NCA3LjQwMzE2IDE0LjQwM0M3LjQzNjAzIDE0LjQxNjYgNy40NzE3NiAxNC40MjE1IDcuNTA3MDcgMTQuNDE3Mkw5LjU1ODU0IDE0LjIyODJDOS42MDE2NCAxNC4yMjQ0IDkuNjQyNzYgMTQuMjA3NSA5LjY3NjU2IDE0LjE3OTZDOS43MTAzNyAxNC4xNTE3IDkuNzM1MzEgMTQuMTE0IDkuNzQ4MTYgMTQuMDcxNkM5Ljc2MTAyIDE0LjAyOTEgOS43NjEyIDEzLjk4MzcgOS43NDg2NiAxMy45NDEzQzkuNzM2MTMgMTMuODk4OSA5LjcxMTQ3IDEzLjg2MTQgOS42Nzc4OCAxMy44MzM4WiIgZmlsbD0iI0JGQkZCRiIvPgo8cGF0aCBkPSJNMTAuNzE5NyAxMS44Mzk5TDkuNjI1NzUgMTAuMDU1OEM5LjYwNzI1IDEwLjAyNDggOS41ODE1NyA5Ljk5OTA1IDkuNTUwOTggOS45ODA4QzkuNTIwMzkgOS45NjI1NCA5LjQ4NTgzIDkuOTUyMzUgOS40NTAzNyA5Ljk1MTEyQzkuNDE0OSA5Ljk0OTg5IDkuMzc5NjMgOS45NTc2NiA5LjM0NzY2IDkuOTczNzVDOS4zMTU2OSA5Ljk4OTgzIDkuMjg4MDEgMTAuMDEzNyA5LjI2NzA5IDEwLjA0MzNMOC4zNjE4NSAxMS4zMzI3QzguMzQxMjIgMTEuMzYyMyA4LjMyNzk1IDExLjM5NjYgOC4zMjMyMSAxMS40MzI2QzguMzE4NDcgMTEuNDY4NiA4LjMyMjM5IDExLjUwNTIgOC4zMzQ2NCAxMS41MzkyQzguMzQ2ODkgMTEuNTczMSA4LjM2NzA5IDExLjYwMzQgOC4zOTM0NiAxMS42Mjc0QzguNDE5ODQgMTEuNjUxMyA4LjQ1MTU4IDExLjY2ODIgOC40ODU5MSAxMS42NzY2TDEwLjQ4NTEgMTIuMTcxNEMxMC41MjY3IDEyLjE4MzEgMTAuNTcwOSAxMi4xODE0IDEwLjYxMTggMTIuMTY2NUMxMC42NTI3IDEyLjE1MTcgMTAuNjg4MiAxMi4xMjQ0IDEwLjcxMzggMTIuMDg4NEMxMC43MzkzIDEyLjA1MjMgMTAuNzUzNSAxMi4wMDkyIDEwLjc1NDYgMTEuOTY0OEMxMC43NTU2IDExLjkyMDQgMTAuNzQzNSAxMS44NzY4IDEwLjcxOTcgMTEuODM5OVoiIGZpbGw9IiNCRkJGQkYiLz4KPHBhdGggZD0iTTEyLjMyNDkgMTAuMjkzM0wxMS44NjU2IDguMjUwNjdDMTEuODU3NiA4LjIxNTQ1IDExLjg0MTQgOC4xODI4MyAxMS44MTgzIDguMTU1NjVDMTEuNzk1MiA4LjEyODQ4IDExLjc2NTkgOC4xMDc1NiAxMS43MzMxIDguMDk0NzZDMTEuNzAwMiA4LjA4MTk1IDExLjY2NDcgOC4wNzc2NCAxMS42Mjk3IDguMDgyMTlDMTEuNTk0NyA4LjA4Njc1IDExLjU2MTIgOC4xMDAwMyAxMS41MzIyIDguMTIwODhMMTAuMjczMSA5LjA0NTlDMTAuMjQ0IDkuMDY2NjggMTAuMjIwNCA5LjA5NDUyIDEwLjIwNDQgOS4xMjY5M0MxMC4xODg0IDkuMTU5MzMgMTAuMTgwNCA5LjE5NTI4IDEwLjE4MTMgOS4yMzE1QzEwLjE4MjIgOS4yNjc3MiAxMC4xOTE4IDkuMzAzMDggMTAuMjA5NCA5LjMzNDM3QzEwLjIyNyA5LjM2NTY3IDEwLjI1MTkgOS4zOTE5MiAxMC4yODE5IDkuNDEwNzRMMTIuMDEzOSAxMC41NDEzQzEyLjA1MDQgMTAuNTYwNyAxMi4wOTE3IDEwLjU2OSAxMi4xMzI5IDEwLjU2NUMxMi4xNzQgMTAuNTYxMSAxMi4yMTMzIDEwLjU0NTEgMTIuMjQ2IDEwLjUxOUMxMi4yNzg3IDEwLjQ5MjkgMTIuMzAzNSAxMC40NTc4IDEyLjMxNzUgMTAuNDE3OEMxMi4zMzE1IDEwLjM3NzcgMTIuMzM0IDEwLjMzNDUgMTIuMzI0OSAxMC4yOTMzWiIgZmlsbD0iI0JGQkZCRiIvPgo8cGF0aCBkPSJNMTQuMzI4NyA5LjM1MDQ4TDE0LjUyODUgNy4yNDA0NkMxNC41MzM2IDcuMjAyNDUgMTQuNTI5MSA3LjE2MzggMTQuNTE1NiA3LjEyODE3QzE0LjUwMjEgNy4wOTI1NCAxNC40OCA3LjA2MTEgMTQuNDUxMyA3LjAzNjgzQzE0LjQyMjYgNy4wMTI1NSAxNC4zODgyIDYuOTk2MjIgMTQuMzUxNiA2Ljk4OTQxQzE0LjMxNDkgNi45ODI1OSAxNC4yNzcxIDYuOTg1NSAxNC4yNDE2IDYuOTk3ODZMMTIuNzYyNSA3LjQ2MTE1QzEyLjcyODQgNy40NzEzMSAxMi42OTczIDcuNDkwMDUgMTIuNjcyIDcuNTE1NjdDMTIuNjQ2NiA3LjU0MTI4IDEyLjYyNzkgNy41NzI5NiAxMi42MTc1IDcuNjA3ODFDMTIuNjA3IDcuNjQyNjYgMTIuNjA1MiA3LjY3OTU4IDEyLjYxMjIgNy43MTUxOUMxMi42MTkzIDcuNzUwOCAxMi42MzQ5IDcuNzgzOTcgMTIuNjU3NiA3LjgxMTY4TDEzLjkzNjkgOS40NTg0QzEzLjk2MjIgOS40OTUzMSAxMy45OTc5IDkuNTIzMzIgMTQuMDM5MyA5LjUzODY0QzE0LjA4MDYgOS41NTM5NiAxNC4xMjU3IDkuNTU1ODcgMTQuMTY4MyA5LjU0NDEyQzE0LjIxMSA5LjUzMjM3IDE0LjI0OTIgOS41MDc1MiAxNC4yNzc5IDkuNDcyOUMxNC4zMDY1IDkuNDM4MjggMTQuMzI0MyA5LjM5NTU2IDE0LjMyODcgOS4zNTA0OFoiIGZpbGw9IiNCRkJGQkYiLz4KPHBhdGggZD0iTTE2LjUwODUgOS4xMzIzM0wxNy4zNzUyIDcuMjAzNDVDMTcuMzg5OCA3LjE3MDE5IDE3LjM5NjIgNy4xMzM4MSAxNy4zOTM5IDcuMDk3NTJDMTcuMzkxNiA3LjA2MTIzIDE3LjM4MDYgNy4wMjYxNCAxNy4zNjIgNi45OTUzNkMxNy4zNDMzIDYuOTY0NTggMTcuMzE3NSA2LjkzOTA1IDE3LjI4NjkgNi45MjEwMkMxNy4yNTYyIDYuOTAyOTggMTcuMjIxNyA2Ljg5Mjk5IDE3LjE4NjMgNi44OTE5NEwxNS42NDg4IDYuODM4MjNDMTUuNjExNCA2LjgzNDkgMTUuNTczNyA2Ljg0MTUgMTUuNTM5MyA2Ljg1NzM4QzE1LjUwNSA2Ljg3MzI2IDE1LjQ3NTEgNi44OTc5IDE1LjQ1MjYgNi45Mjg5NUMxNS40MyA2Ljk1OTk5IDE1LjQxNTYgNi45OTY0IDE1LjQxMDYgNy4wMzQ2OUMxNS40MDU2IDcuMDcyOTggMTUuNDEwMiA3LjExMTg3IDE1LjQyNDEgNy4xNDc2NEwxNi4xMjEzIDkuMTM0NTdDMTYuMTM5MSA5LjE3MTU2IDE2LjE2NjYgOS4yMDI2MyAxNi4yMDA4IDkuMjI0MjdDMTYuMjM1IDkuMjQ1OSAxNi4yNzQ0IDkuMjU3MjQgMTYuMzE0NyA5LjI1NzAxQzE2LjM1NSA5LjI1Njc4IDE2LjM5NDUgOS4yNDQ5OCAxNi40Mjg3IDkuMjIyOTRDMTYuNDYzIDkuMjAwOTEgMTYuNDkwNiA5LjE2OTUyIDE2LjUwODUgOS4xMzIzM1oiIGZpbGw9IiNCRkJGQkYiLz4KPHBhdGggZD0iTTE4LjY2MjUgOS42MTkxNEwyMC4wNzA1IDguMDY1ODdDMjAuMDk0MSA4LjAzODgyIDIwLjExMTEgOC4wMDYzOSAyMC4xMiA3Ljk3MTMxQzIwLjEyODkgNy45MzYyMiAyMC4xMjk0IDcuODk5NTIgMjAuMTIxNiA3Ljg2NDI5QzIwLjExMzggNy44MjkwNyAyMC4wOTc4IDcuNzk2MzYgMjAuMDc1MSA3Ljc2ODkyQzIwLjA1MjMgNy43NDE0OCAyMC4wMjM0IDcuNzIwMTEgMTkuOTkwOCA3LjcwNjYzTDE4LjU1MDcgNy4xNDg1QzE4LjUxNzggNy4xMzU2OSAxOC40ODIyIDcuMTMxNCAxOC40NDcyIDcuMTM2QzE4LjQxMjEgNy4xNDA2MSAxOC4zNzg2IDcuMTUzOTYgMTguMzQ5NiA3LjE3NDlDMTguMzIwNiA3LjE5NTgzIDE4LjI5NzEgNy4yMjM3MiAxOC4yODA5IDcuMjU2MUMxOC4yNjQ4IDcuMjg4NDkgMTguMjU2NiA3LjMyNDM4IDE4LjI1NzEgNy4zNjA2NEwxOC4yODQyIDkuNDgzMDZDMTguMjg1NiA5LjUyNzU1IDE4LjI5OTkgOS41NzA1IDE4LjMyNTUgOS42MDYzQzE4LjM1MSA5LjY0MjA5IDE4LjM4NjUgOS42NjkwOSAxOC40MjczIDkuNjgzNzdDMTguNDY4MSA5LjY5ODQ1IDE4LjUxMjQgOS43MDAxNCAxOC41NTQzIDkuNjg4NjFDMTguNTk2MyA5LjY3NzA4IDE4LjYzNCA5LjY1Mjg3IDE4LjY2MjUgOS42MTkxNFoiIGZpbGw9IiNCRkJGQkYiLz4KPHBhdGggZD0iTTE3LjU1NDcgMTQuNjYyNEwxOS40MjU2IDEzLjc1NTdDMTkuNDU3NyAxMy43NDA4IDE5LjQ4NTYgMTMuNzE3OSAxOS41MDcgMTMuNjg5MkMxOS41Mjg0IDEzLjY2MDQgMTkuNTQyNiAxMy42MjY4IDE5LjU0ODMgMTMuNTkxMUMxOS41NTM5IDEzLjU1NTUgMTkuNTUwOSAxMy41MTkxIDE5LjUzOTUgMTMuNDg1MUMxOS41MjgxIDEzLjQ1MTEgMTkuNTA4NiAxMy40MjA2IDE5LjQ4MjkgMTMuMzk2M0wxOC4zNTg1IDEyLjMyMjJDMTguMzMyOSAxMi4yOTc4IDE4LjMwMTggMTIuMjgwMiAxOC4yNjggMTIuMjcwOUMxOC4yMzQxIDEyLjI2MTcgMTguMTk4NiAxMi4yNjExIDE4LjE2NDMgMTIuMjY5MUMxOC4xMzAxIDEyLjI3NzIgMTguMDk4MiAxMi4yOTM3IDE4LjA3MTQgMTIuMzE3MkMxOC4wNDQ2IDEyLjM0MDcgMTguMDIzOCAxMi4zNzA1IDE4LjAxMDcgMTIuNDA0TDE3LjI2NDIgMTQuMzg0OEMxNy4yNDkzIDE0LjQyNTkgMTcuMjQ2NiAxNC40NzA0IDE3LjI1NjMgMTQuNTEyOUMxNy4yNjYgMTQuNTU1NCAxNy4yODc4IDE0LjU5MzkgMTcuMzE4OCAxNC42MjM2QzE3LjM0OTkgMTQuNjUzMiAxNy4zODg4IDE0LjY3MjggMTcuNDMwOCAxNC42Nzk3QzE3LjQ3MjggMTQuNjg2NiAxNy41MTU5IDE0LjY4MDYgMTcuNTU0NyAxNC42NjI0WiIgZmlsbD0iI0JGQkZCRiIvPgo8cGF0aCBkPSJNMTguMDQzOCAxNi4xNTkxTDE5Ljk3NjMgMTYuODc4NEMyMC4wMDkzIDE2Ljg5MDggMjAuMDQ0OCAxNi44OTQ2IDIwLjA3OTcgMTYuODg5NkMyMC4xMTQ2IDE2Ljg4NDYgMjAuMTQ3OCAxNi44NzA5IDIwLjE3NjUgMTYuODQ5N0MyMC4yMDUyIDE2LjgyODUgMjAuMjI4NCAxNi44MDA1IDIwLjI0NDIgMTYuNzY4MUMyMC4yNjAxIDE2LjczNTcgMjAuMjY4IDE2LjY5OTggMjAuMjY3MiAxNi42NjM3TDIwLjIyNTUgMTUuMDgyOUMyMC4yMjcxIDE1LjA0MzcgMjAuMjE4NyAxNS4wMDQ4IDIwLjIwMTIgMTQuOTcwMUMyMC4xODM2IDE0LjkzNTQgMjAuMTU3NiAxNC45MDYxIDIwLjEyNTUgMTQuODg1QzIwLjA5MzUgMTQuODYzOSAyMC4wNTY2IDE0Ljg1MTggMjAuMDE4NCAxNC44NDk5QzE5Ljk4MDMgMTQuODQ3OSAxOS45NDIzIDE0Ljg1NjMgMTkuOTA4MSAxNC44NzRMMTguMDE5OSAxNS43MzI3QzE3Ljk3NzMgMTUuNzUwNyAxNy45NDEyIDE1Ljc4MTkgMTcuOTE2NyAxNS44MjE5QzE3Ljg5MjEgMTUuODYyIDE3Ljg4MDMgMTUuOTA4OCAxNy44ODMgMTUuOTU1OEMxNy44ODU2IDE2LjAwMjkgMTcuOTAyNSAxNi4wNDc4IDE3LjkzMTQgMTYuMDg0M0MxNy45NjAyIDE2LjEyMDcgMTcuOTk5NiAxNi4xNDY5IDE4LjA0MzggMTYuMTU5MVoiIGZpbGw9IiNCRkJGQkYiLz4KPHBhdGggZD0iTTE3LjM1MTUgMTcuNTc4NEwxOC4xOTk1IDE5LjQ5OTdDMTguMjE0MSAxOS41MzI1IDE4LjIzNjQgMTkuNTYxMSAxOC4yNjQzIDE5LjU4MjlDMTguMjkyMyAxOS42MDQ3IDE4LjMyNSAxOS42MTkyIDE4LjM1OTggMTkuNjI1QzE4LjM5NDUgMTkuNjMwOCAxOC40MzAxIDE5LjYyNzcgMTguNDYzNiAxOS42MTYxQzE4LjQ5NyAxOS42MDQ1IDE4LjUyNzMgMTkuNTg0NyAxOC41NTE3IDE5LjU1ODRMMTkuNjA1OCAxOC4zOTU1QzE5LjYzMDQgMTguMzY5MiAxOS42NDg0IDE4LjMzNzIgMTkuNjU4MiAxOC4zMDIxQzE5LjY2OCAxOC4yNjcxIDE5LjY2OTIgMTguMjMwMiAxOS42NjE5IDE4LjE5NDdDMTkuNjU0NSAxOC4xNTkyIDE5LjYzODggMTguMTI2MiAxOS42MTYgMTguMDk4NUMxOS41OTMyIDE4LjA3MDkgMTkuNTY0MSAxOC4wNDk0IDE5LjUzMTMgMTguMDM2MUwxNy42MjM0IDE3LjI2MTdDMTcuNTgxOCAxNy4yNDM3IDE3LjUzNTYgMTcuMjM5NyAxNy40OTEzIDE3LjI1MDJDMTcuNDQ3MSAxNy4yNjA3IDE3LjQwNzIgMTcuMjg1MiAxNy4zNzcxIDE3LjMyMDJDMTcuMzQ3IDE3LjM1NTMgMTcuMzI4MyAxNy4zOTkxIDE3LjMyMzcgMTcuNDQ1NEMxNy4zMTkyIDE3LjQ5MTcgMTcuMzI4OSAxNy41MzgzIDE3LjM1MTUgMTcuNTc4NFoiIGZpbGw9IiNCRkJGQkYiLz4KPHBhdGggZD0iTTE1Ljg4MjcgMTguMDc4NkwxNS4xNDY3IDIwLjA1OUMxNS4xMzM5IDIwLjA5MjkgMTUuMTI5NSAyMC4xMjk1IDE1LjEzMzcgMjAuMTY1NEMxNS4xMzc5IDIwLjIwMTQgMTUuMTUwNyAyMC4yMzU3IDE1LjE3MDkgMjAuMjY1M0MxNS4xOTEgMjAuMjk0OSAxNS4yMTggMjAuMzE5IDE1LjI0OTQgMjAuMzM1M0MxNS4yODA4IDIwLjM1MTcgMTUuMzE1NyAyMC4zNTk4IDE1LjM1MSAyMC4zNTlMMTYuOTAxNiAyMC4zMjU3QzE2LjkzNjYgMjAuMzI0MyAxNi45NzA4IDIwLjMxNDMgMTcuMDAxMyAyMC4yOTY1QzE3LjAzMTcgMjAuMjc4NiAxNy4wNTc2IDIwLjI1MzQgMTcuMDc2NiAyMC4yMjMxQzE3LjA5NTYgMjAuMTkyOCAxNy4xMDcyIDIwLjE1ODIgMTcuMTEwNCAyMC4xMjI0QzE3LjExMzUgMjAuMDg2NiAxNy4xMDgyIDIwLjA1MDYgMTcuMDk0OCAyMC4wMTc1TDE2LjI4ODIgMTguMDcyOUMxNi4yNzQ2IDE4LjAyODYgMTYuMjQ3NCAxNy45OSAxNi4yMTA4IDE3Ljk2MjlDMTYuMTc0MSAxNy45MzU4IDE2LjEyOTkgMTcuOTIxNSAxNi4wODQ1IDE3LjkyMjFDMTYuMDM5MiAxNy45MjI3IDE1Ljk5NTEgMTcuOTM4MyAxNS45NTg4IDE3Ljk2NjRDMTUuOTIyNSAxNy45OTQ2IDE1Ljg5NTggMTguMDMzOSAxNS44ODI3IDE4LjA3ODZaIiBmaWxsPSIjQkZCRkJGIi8+CjxwYXRoIGQ9Ik0xNC41MTMyIDE3LjM2MjlMMTIuNjMwNiAxOC4yMzIyQzEyLjU5ODEgMTguMjQ2OSAxMi41Njk2IDE4LjI2OTYgMTIuNTQ3NiAxOC4yOTgyQzEyLjUyNTYgMTguMzI2OCAxMi41MTA3IDE4LjM2MDUgMTIuNTA0MyAxOC4zOTYzQzEyLjQ5NzggMTguNDMyMSAxMi41MDAxIDE4LjQ2ODkgMTIuNTEwOCAxOC41MDM1QzEyLjUyMTUgMTguNTM4MSAxMi41NDAzIDE4LjU2OTQgMTIuNTY1NiAxOC41OTQ2TDEzLjY3MjEgMTkuNjg4NEMxMy42OTc0IDE5LjcxMyAxMy43MjgxIDE5LjczMDkgMTMuNzYxNyAxOS43NDA2QzEzLjc5NTMgMTkuNzUwMiAxMy44MzA3IDE5Ljc1MTMgMTMuODY0OSAxOS43NDM4QzEzLjg5OTEgMTkuNzM2MyAxMy45MzExIDE5LjcyMDQgMTMuOTU4MiAxOS42OTc0QzEzLjk4NTIgMTkuNjc0NSAxNC4wMDY0IDE5LjY0NTIgMTQuMDIwMSAxOS42MTJMMTQuNzkzMyAxNy42NDFDMTQuODA2NyAxNy42MDExIDE0LjgwODggMTcuNTU4MSAxNC43OTk0IDE3LjUxNzJDMTQuNzg5OSAxNy40NzYzIDE0Ljc2OTMgMTcuNDM5MSAxNC43Mzk5IDE3LjQwOTlDMTQuNzEwNSAxNy4zODA3IDE0LjY3MzYgMTcuMzYwOCAxNC42MzM1IDE3LjM1MjVDMTQuNTkzMyAxNy4zNDQyIDE0LjU1MTYgMTcuMzQ3OCAxNC41MTMyIDE3LjM2MjlaIiBmaWxsPSIjQkZCRkJGIi8+CjxwYXRoIGQ9Ik0xNC4wNTA2IDE1Ljg1MTJMMTIuMTMyNyAxNS4wOTM0QzEyLjA5OTggMTUuMDgwMSAxMi4wNjQyIDE1LjA3NTMgMTIuMDI5IDE1LjA3OTVDMTEuOTkzOCAxNS4wODM3IDExLjk2IDE1LjA5NjcgMTEuOTMwNyAxNS4xMTc0QzExLjkwMTUgMTUuMTM4MSAxMS44Nzc1IDE1LjE2NTkgMTEuODYxMSAxNS4xOTgzQzExLjg0NDYgMTUuMjMwNiAxMS44MzYxIDE1LjI2NjYgMTEuODM2NCAxNS4zMDNMMTEuODQ5MiAxNi44ODc2QzExLjg0OTQgMTYuOTI0IDExLjg1ODMgMTYuOTU5OCAxMS44NzUxIDE2Ljk5MTdDMTEuODkxOSAxNy4wMjM2IDExLjkxNjIgMTcuMDUwNyAxMS45NDU3IDE3LjA3MDZDMTEuOTc1MiAxNy4wOTA2IDEyLjAwOTEgMTcuMTAyNyAxMi4wNDQ0IDE3LjEwNTlDMTIuMDc5NiAxNy4xMDkxIDEyLjExNTIgMTcuMTAzNCAxMi4xNDggMTcuMDg5MkwxNC4wNDAyIDE2LjI3NjNDMTQuMDg1MiAxNi4yNjM1IDE0LjEyNSAxNi4yMzYyIDE0LjE1MzcgMTYuMTk4NEMxNC4xODI1IDE2LjE2MDYgMTQuMTk4NiAxNi4xMTQ0IDE0LjE5OTggMTYuMDY2NkMxNC4yMDEgMTYuMDE4OCAxNC4xODcxIDE1Ljk3MiAxNC4xNjAyIDE1LjkzMzJDMTQuMTMzMyAxNS44OTQ0IDE0LjA5NDkgMTUuODY1NiAxNC4wNTA2IDE1Ljg1MTJaIiBmaWxsPSIjQkZCRkJGIi8+CjxwYXRoIGQ9Ik0xNC43NzE1IDE0LjQ0ODdMMTMuOTU0NSAxMi41MUMxMy45NDA2IDEyLjQ3NyAxMy45MTkgMTIuNDQ4MSAxMy44OTE2IDEyLjQyNTdDMTMuODY0MyAxMi40MDM0IDEzLjgzMTkgMTIuMzg4MiAxMy43OTc1IDEyLjM4MTZDMTMuNzYzIDEyLjM3NTEgMTMuNzI3NSAxMi4zNzcyIDEzLjY5MzkgMTIuMzg3OUMxMy42NjAzIDEyLjM5ODYgMTMuNjI5NyAxMi40MTc1IDEzLjYwNDcgMTIuNDQzMUwxMi41MjA3IDEzLjU3NzRDMTIuNDk1OSAxMy42MDMzIDEyLjQ3NzYgMTMuNjM1IDEyLjQ2NzUgMTMuNjY5OEMxMi40NTczIDEzLjcwNDYgMTIuNDU1NiAxMy43NDEzIDEyLjQ2MjQgMTMuNzc2OEMxMi40NjkyIDEzLjgxMjIgMTIuNDg0NCAxMy44NDU0IDEyLjUwNjcgMTMuODczM0MxMi41Mjg5IDEzLjkwMTMgMTIuNTU3NSAxMy45MjMyIDEyLjU5IDEzLjkzN0wxNC40OTA5IDE0Ljc0MTVDMTQuNTMwNCAxNC43NTc3IDE0LjU3MzcgMTQuNzYxNCAxNC42MTU0IDE0Ljc1MjNDMTQuNjU3MSAxNC43NDMyIDE0LjY5NTQgMTQuNzIxNyAxNC43MjU0IDE0LjY5MDRDMTQuNzU1NCAxNC42NTkxIDE0Ljc3NTggMTQuNjE5NSAxNC43ODQgMTQuNTc2NUMxNC43OTIyIDE0LjUzMzUgMTQuNzg3OCAxNC40ODkgMTQuNzcxNSAxNC40NDg3WiIgZmlsbD0iI0JGQkZCRiIvPgo8cGF0aCBkPSJNMTYuMjQ3NyAxMy45ODAyTDE3LjAxODQgMTIuMDEyQzE3LjAzMjEgMTEuOTc4MiAxNy4wMzc0IDExLjk0MTUgMTcuMDM0IDExLjkwNTFDMTcuMDMwNiAxMS44Njg4IDE3LjAxODUgMTEuODM0IDE2Ljk5ODggMTEuODAzN0MxNi45NzkxIDExLjc3MzUgMTYuOTUyNCAxMS43NDg4IDE2LjkyMSAxMS43MzE4QzE2Ljg4OTcgMTEuNzE0OCAxNi44NTQ3IDExLjcwNiAxNi44MTkxIDExLjcwNjNMMTUuMjgzOCAxMS43MjI4QzE1LjI0ODQgMTEuNzIzIDE1LjIxMzYgMTEuNzMyIDE1LjE4MjMgMTEuNzQ5MkMxNS4xNTExIDExLjc2NjQgMTUuMTI0MyAxMS43OTEyIDE1LjEwNDUgMTEuODIxNEMxNS4wODQ2IDExLjg1MTUgMTUuMDcyMiAxMS44ODYyIDE1LjA2ODQgMTEuOTIyNEMxNS4wNjQ2IDExLjk1ODUgMTUuMDY5NSAxMS45OTUgMTUuMDgyNiAxMi4wMjg2TDE1Ljg0NzMgMTMuOTgwM0MxNS44NjMxIDE0LjAyMTMgMTUuODkwNSAxNC4wNTY0IDE1LjkyNiAxNC4wODExQzE1Ljk2MTUgMTQuMTA1OCAxNi4wMDM1IDE0LjExOSAxNi4wNDY1IDE0LjExOUMxNi4wODk1IDE0LjExOSAxNi4xMzE3IDE0LjEwNTggMTYuMTY3NSAxNC4wODExQzE2LjIwMzQgMTQuMDU2MyAxNi4yMzEzIDE0LjAyMTIgMTYuMjQ3NyAxMy45ODAyWiIgZmlsbD0iI0JGQkZCRiIvPgo8Y2lyY2xlIGN4PSIxNi4xNTIzIiBjeT0iMTYuMTUyMyIgcj0iMTEuOTAyMyIgc3Ryb2tlPSIjQkZCRkJGIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K);
}
.header-container .navigation-item i.notification-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzMiAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljk4NzQgMTAuMDI4M0MxNi40MjU2IDkuMjc5MyAxNi44MzY0IDguNjEzNTEgMTcuMjE5OCA3LjkxOTk4QzE4LjEyMzYgNi40MjE5NCAxOS4zMjg1IDUuMzk1NTEgMjEuMDI2NSA1LjAwNzEzQzIyLjg2MTMgNC41OTEwMSAyNC40NzcxIDUuMDYyNjEgMjUuODQ2NCA2LjMxMDk3QzI4LjI4MzggOC41MDI1NCAyOC44MDQxIDEyLjEzNjcgMjcuMTMzNiAxNC45OTRDMjYuMTIwMyAxNi43MTQgMjQuOTE1MyAxOC4yMzk4IDIzLjYyODIgMTkuNzM3OEMyMS42MjkgMjIuMDY4MSAxNy40Mzg5IDI1LjkyNDEgMTYuMjg4NyAyNy4wMDYxQzE2LjEyNDQgMjcuMTcyNSAxNS44NTA1IDI3LjE3MjUgMTUuNjg2MiAyNy4wMDYxQzE0LjM3MTcgMjUuNzg1NCA5LjU1MTcxIDIxLjIwODEgNy42MzQ2OSAxOC44Nzc4QzYuNjQ4NzkgMTcuNjg0OSA1LjcxNzY2IDE2LjQzNjYgNC45MjM0NyAxNS4xMDVDMy4zMzUwNyAxMi40Njk2IDMuNjA4OTQgOS4yMjM4MiA1LjYwODEyIDYuODY1OEM3Ljc3MTYyIDQuMzEzNTkgMTEuNDk2MSA0LjIwMjYzIDEzLjgyMzkgNi42MTYxM0MxNC4zNzE3IDcuMTcwOTYgMTQuNzU1MSA3LjgzNjc1IDE1LjEzODUgOC41MDI1NEMxNS4zODQ5IDkuMDAxODkgMTUuNjg2MiA5LjUwMTI0IDE1Ljk4NzQgMTAuMDI4M1oiIHN0cm9rZT0iI0JGQkZCRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8L3N2Zz4K);
}
.header-container .navigation-item i.menu-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzMiAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNSIgeT0iOCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIuNSIgcng9IjEuMjUiIGZpbGw9IiNCRkJGQkYiLz4KPHJlY3QgeD0iNSIgeT0iMTUiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyLjUiIHJ4PSIxLjI1IiBmaWxsPSIjQkZCRkJGIi8+CjxyZWN0IHg9IjUiIHk9IjIyIiB3aWR0aD0iMjIiIGhlaWdodD0iMi41IiByeD0iMS4yNSIgZmlsbD0iI0JGQkZCRiIvPgo8L3N2Zz4K);
}
.header-container .navigation-item label {
  display: inline-block;
  color: white;
  font-size: 18px;
  font-weight: 500;
  vertical-align: middle;
  margin-left: 4px;
  pointer-events: none;
}
.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 #0E2D31;
  background-color: #BE525D;
  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+CjxzdG9wIG9mZnNldD0iMC4yMDMxMjUiIHN0b3AtY29sb3I9IiM0NEE4QUUiLz4KPHN0b3Agb2Zmc2V0PSIwLjg4NjM3NyIgc3RvcC1jb2xvcj0iIzJEODQ4OSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMjc2NV8xMDg4ODYiIHgxPSIxMy40OTYxIiB5MT0iNS4yMjkxNSIgeDI9IjI4LjA0OTgiIHkyPSIxMC43NTUxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4yMDMxMjUiIHN0b3AtY29sb3I9IiM0NEE4QUUiLz4KPHN0b3Agb2Zmc2V0PSIwLjg4NjM3NyIgc3RvcC1jb2xvcj0iIzJEODQ4OSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfMjc2NV8xMDg4ODYiIHgxPSI1LjYzNjY5IiB5MT0iOS45MzQ4OCIgeDI9IjE5LjIyNzIiIHkyPSIxNi4zODUyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4yMDMxMjUiIHN0b3AtY29sb3I9IiM0NEE4QUUiLz4KPHN0b3Agb2Zmc2V0PSIwLjg4NjM3NyIgc3RvcC1jb2xvcj0iIzJEODQ4OSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI3NjVfMTA4ODg2Ij4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjM0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+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,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzMiAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI3NjVfMTA4OTIyKSI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMjc2NV8xMDg5MjIpIj4KPGNpcmNsZSBjeD0iMTYuMTUyMyIgY3k9IjE2LjE1MjMiIHI9IjEyLjY1MjMiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yNzY1XzEwODkyMikiLz4KPHBhdGggZD0iTTIwLjc5MjggMTEuMDg4TDIyLjY2MTIgMTAuMTg0MkMyMi42OTMyIDEwLjE2ODkgMjIuNzIxMiAxMC4xNDU4IDIyLjc0MjcgMTAuMTE2OUMyMi43NjQxIDEwLjA4ODEgMjIuNzc4NSAxMC4wNTQzIDIyLjc4NDMgMTAuMDE4NkMyMi43OTAyIDkuOTgyODcgMjIuNzg3NSA5Ljk0NjI4IDIyLjc3NjUgOS45MTJDMjIuNzY1NCA5Ljg3NzcyIDIyLjc0NjQgOS44NDY4IDIyLjcyMSA5LjgyMTk0TDIxLjU5NjYgOC43NDc4QzIxLjU3MDUgOC43MjM3NiAyMS41MzkgOC43MDY1OCAyMS41MDQ5IDguNjk3NzFDMjEuNDcwOCA4LjY4ODg0IDIxLjQzNTEgOC42ODg1NCAyMS40MDA3IDguNjk2ODRDMjEuMzY2NCA4LjcwNTEzIDIxLjMzNDQgOC43MjE3OCAyMS4zMDc1IDguNzQ1MzdDMjEuMjgwNiA4Ljc2ODk3IDIxLjI1OTYgOC43OTg4MiAyMS4yNDYzIDguODMyNEwyMC41MDIzIDEwLjgxMDRDMjAuNDg3NCAxMC44NTE1IDIwLjQ4NDcgMTAuODk2IDIwLjQ5NDQgMTAuOTM4NUMyMC41MDQxIDEwLjk4MSAyMC41MjU5IDExLjAxOTUgMjAuNTU2OSAxMS4wNDkyQzIwLjU4OCAxMS4wNzg5IDIwLjYyNjkgMTEuMDk4NCAyMC42Njg5IDExLjEwNTNDMjAuNzEwOSAxMS4xMTIyIDIwLjc1NCAxMS4xMDYyIDIwLjc5MjggMTEuMDg4WiIgZmlsbD0iIzExMTYxNyIvPgo8cGF0aCBkPSJNMjIuMDc3NCAxMi45MDYxTDI0LjEyNDYgMTIuNjY1OEMyNC4xNTk4IDEyLjY2MTkgMjQuMTkzNyAxMi42NDkxIDI0LjIyMzEgMTIuNjI4NkMyNC4yNTI1IDEyLjYwODIgMjQuMjc2NiAxMi41ODA2IDI0LjI5MzMgMTIuNTQ4NEMyNC4zMSAxMi41MTYyIDI0LjMxODcgMTIuNDgwMyAyNC4zMTg4IDEyLjQ0MzlDMjQuMzE4OCAxMi40MDc1IDI0LjMxMDEgMTIuMzcxNyAyNC4yOTM1IDEyLjMzOTdMMjMuNTY3NSAxMC45NDkxQzIzLjU1MTQgMTAuOTE2OSAyMy41Mjc2IDEwLjg4OTUgMjMuNDk4NCAxMC44NjkyQzIzLjQ2OTIgMTAuODQ5IDIzLjQzNTUgMTAuODM2NiAyMy40MDAzIDEwLjgzMzJDMjMuMzY1MSAxMC44Mjk4IDIzLjMyOTYgMTAuODM1NSAyMy4yOTY5IDEwLjg0OTdDMjMuMjY0MyAxMC44NjQgMjMuMjM1NiAxMC44ODY0IDIzLjIxMzUgMTAuOTE0OEwyMS44ODY5IDEyLjU0NTlDMjEuODU5NSAxMi41ODAyIDIxLjg0MjcgMTIuNjIyIDIxLjgzODUgMTIuNjY2QzIxLjgzNDMgMTIuNzEgMjEuODQzIDEyLjc1NDEgMjEuODYzNSAxMi43OTI4QzIxLjg4NCAxMi44MzE1IDIxLjkxNTIgMTIuODYzIDIxLjk1MzMgMTIuODgzMUMyMS45OTE0IDEyLjkwMzMgMjIuMDM0NiAxMi45MTEzIDIyLjA3NzQgMTIuOTA2MVoiIGZpbGw9IiMxMTE2MTciLz4KPHBhdGggZD0iTTIyLjcxNzEgMTUuMDY0NEwyNC43MjggMTUuNTEyN0MyNC43NjQzIDE1LjUyMjkgMjQuODAyNiAxNS41MjMxIDI0LjgzOTIgMTUuNTEzNEMyNC44NzU3IDE1LjUwMzcgMjQuOTA5MiAxNS40ODQzIDI0LjkzNjMgMTUuNDU3MkMyNC45NjM1IDE1LjQzMDEgMjQuOTgzMyAxNS4zOTYyIDI0Ljk5MzggMTUuMzU5QzI1LjAwNDMgMTUuMzIxNyAyNS4wMDUxIDE1LjI4MjQgMjQuOTk2MiAxNS4yNDQ4TDI0Ljc0NzEgMTMuNjg2QzI0Ljc0MTMgMTMuNjUwNCAyNC43MjcyIDEzLjYxNjkgMjQuNzA1OSAxMy41ODgzQzI0LjY4NDcgMTMuNTU5NyAyNC42NTY5IDEzLjUzNyAyNC42MjUgMTMuNTIyQzI0LjU5MzEgMTMuNTA3IDI0LjU1ODEgMTMuNTAwMyAyNC41MjMgMTMuNTAyNEMyNC40ODc5IDEzLjUwNDUgMjQuNDUzNyAxMy41MTU0IDI0LjQyMzUgMTMuNTM0MUwyMi42NjIgMTQuNjVDMjIuNjIyMSAxNC42NzEzIDIyLjU4OTYgMTQuNzA0NiAyMi41Njg5IDE0Ljc0NTZDMjIuNTQ4MSAxNC43ODY1IDIyLjU0MDMgMTQuODMyOSAyMi41NDYzIDE0Ljg3ODRDMjIuNTUyNCAxNC45MjM5IDIyLjU3MjEgMTQuOTY2MiAyMi42MDI3IDE0Ljk5OTZDMjIuNjMzMyAxNS4wMzI5IDIyLjY3MzMgMTUuMDU1NSAyMi43MTcxIDE1LjA2NDRaIiBmaWxsPSIjMTExNjE3Ii8+CjxwYXRoIGQ9Ik0yMi42NDgyIDE3LjMxNDdMMjQuNDA3OSAxOC40MDM1QzI0LjQzNzggMTguNDIyIDI0LjQ3MTYgMTguNDMyNyAyNC41MDY1IDE4LjQzNDdDMjQuNTQxMyAxOC40MzY3IDI0LjU3NjIgMTguNDMgMjQuNjA4MiAxOC40MTUxQzI0LjY0MDEgMTguNDAwMyAyNC42NjgxIDE4LjM3NzcgMjQuNjg5NyAxOC4zNDkzQzI0LjcxMTQgMTguMzIxIDI0LjcyNiAxOC4yODc3IDI0LjczMjUgMTguMjUyNEwyNC45ODE1IDE2LjcwM0MyNC45ODk4IDE2LjY2NTMgMjQuOTg4MyAxNi42MjYgMjQuOTc3MyAxNi41ODkyQzI0Ljk2NjIgMTYuNTUyMyAyNC45NDYgMTYuNTE5MSAyNC45MTg1IDE2LjQ5MjlDMjQuODkxMSAxNi40NjY3IDI0Ljg1NzQgMTYuNDQ4NCAyNC44MjA4IDE2LjQzOTdDMjQuNzg0MiAxNi40MzEgMjQuNzQ2IDE2LjQzMjQgMjQuNzA5OSAxNi40NDM2TDIyLjY5OSAxNi45MTc3QzIyLjY2MDMgMTYuOTMxIDIyLjYyNTkgMTYuOTU1MiAyMi41OTk5IDE2Ljk4NzZDMjIuNTczOSAxNy4wMiAyMi41NTczIDE3LjA1OTIgMjIuNTUyIDE3LjEwMDdDMjIuNTQ2NyAxNy4xNDIyIDIyLjU1MjkgMTcuMTg0MyAyMi41Njk5IDE3LjIyMjJDMjIuNTg3IDE3LjI2MDEgMjIuNjE0MSAxNy4yOTIxIDIyLjY0ODIgMTcuMzE0N1oiIGZpbGw9IiMxMTE2MTciLz4KPHBhdGggZD0iTTIxLjg3OTMgMTkuNDMyNEwyMy4xOTcxIDIxLjA0NzhDMjMuMjE5NyAyMS4wNzUyIDIzLjI0ODUgMjEuMDk2NSAyMy4yODEgMjEuMTA5OEMyMy4zMTM1IDIxLjEyMzEgMjMuMzQ4NyAyMS4xMjgxIDIzLjM4MzYgMjEuMTI0M0MyMy40MTg1IDIxLjEyMDQgMjMuNDUyIDIxLjEwOCAyMy40ODEzIDIxLjA4NzlDMjMuNTEwNiAyMS4wNjc4IDIzLjUzNDcgMjEuMDQwOCAyMy41NTE2IDIxLjAwOTFMMjQuMjgyMiAxOS42MTA1QzI0LjI5ODMgMTkuNTc4MyAyNC4zMDY4IDE5LjU0MjYgMjQuMzA2NyAxOS41MDY0QzI0LjMwNjcgMTkuNDcwMyAyNC4yOTgyIDE5LjQzNDcgMjQuMjgyIDE5LjQwMjhDMjQuMjY1NyAxOS4zNzA4IDI0LjI0MjIgMTkuMzQzNCAyNC4yMTM0IDE5LjMyMjhDMjQuMTg0NiAxOS4zMDIyIDI0LjE1MTQgMTkuMjg5MSAyNC4xMTY1IDE5LjI4NDVMMjIuMDY1NSAxOS4wNzA1QzIyLjAyMjcgMTkuMDY1MSAyMS45NzkyIDE5LjA3MzMgMjEuOTQwOCAxOS4wOTRDMjEuOTAyNSAxOS4xMTQ2IDIxLjg3MTEgMTkuMTQ2OCAyMS44NTA4IDE5LjE4NjFDMjEuODMwNiAxOS4yMjU1IDIxLjgyMjUgMTkuMjcwMSAyMS44Mjc1IDE5LjMxNDFDMjEuODMyNiAxOS4zNTgxIDIxLjg1MDcgMTkuMzk5NCAyMS44NzkzIDE5LjQzMjRaIiBmaWxsPSIjMTExNjE3Ii8+CjxwYXRoIGQ9Ik0yMC40ODUxIDIxLjE4NjZMMjEuMjI5NCAyMy4xNjA4QzIxLjI0MTggMjMuMTk0NCAyMS4yNjIxIDIzLjIyNDIgMjEuMjg4NSAyMy4yNDc2QzIxLjMxNDkgMjMuMjcxIDIxLjM0NjYgMjMuMjg3MyAyMS4zODA4IDIzLjI5NUMyMS40MTQ5IDIzLjMwMjggMjEuNDUwNSAyMy4zMDE3IDIxLjQ4NDIgMjMuMjkxOEMyMS41MTggMjMuMjgyIDIxLjU0ODkgMjMuMjYzOCAyMS41NzQzIDIzLjIzODdMMjIuNzAxOSAyMi4xNTE0QzIyLjcyODIgMjIuMTI3IDIyLjc0ODIgMjIuMDk2NCAyMi43NjAxIDIyLjA2MjJDMjIuNzcyIDIyLjAyOCAyMi43NzU1IDIxLjk5MTQgMjIuNzcwMiAyMS45NTU2QzIyLjc2NDkgMjEuOTE5OSAyMi43NTEgMjEuODg2MSAyMi43Mjk3IDIxLjg1NzRDMjIuNzA4NCAyMS44Mjg2IDIyLjY4MDUgMjEuODA1OCAyMi42NDg0IDIxLjc5MTFMMjAuNzgyIDIwLjkwOTRDMjAuNzQzNCAyMC44OTA2IDIwLjcwMDEgMjAuODg0MSAyMC42NTc2IDIwLjg5MDZDMjAuNjE1MiAyMC44OTcyIDIwLjU3NTUgMjAuOTE2NiAyMC41NDM3IDIwLjk0NjNDMjAuNTExOCAyMC45NzYxIDIwLjQ4OTMgMjEuMDE0OCAyMC40Nzg4IDIxLjA1NzZDMjAuNDY4NCAyMS4xMDA0IDIwLjQ3MDYgMjEuMTQ1MyAyMC40ODUxIDIxLjE4NjZaIiBmaWxsPSIjMTExNjE3Ii8+CjxwYXRoIGQ9Ik0xOC42MjI0IDIyLjM5NEwxOC43MDQ1IDI0LjUwNjFDMTguNzA2MSAyNC41NDIyIDE4LjcxNjIgMjQuNTc3MyAxOC43MzQgMjQuNjA4NEMxOC43NTE4IDI0LjYzOTQgMTguNzc2NyAyNC42NjU1IDE4LjgwNjcgMjQuNjg0MkMxOC44MzY2IDI0LjcwMyAxOC44NzA2IDI0LjcxNCAxOC45MDU3IDI0LjcxNjFDMTguOTQwOSAyNC43MTgzIDE4Ljk3NiAyNC43MTE2IDE5LjAwODIgMjQuNjk2NkwyMC40MTUzIDI0LjAzODhDMjAuNDQ3NCAyNC4wMjM1IDIwLjQ3NTQgMjQuMDAwNCAyMC40OTY4IDIzLjk3MTZDMjAuNTE4MyAyMy45NDI3IDIwLjUzMjYgMjMuOTA4OSAyMC41Mzg1IDIzLjg3MzJDMjAuNTQ0NCAyMy44Mzc1IDIwLjU0MTcgMjMuODAwOSAyMC41MzA2IDIzLjc2NjZDMjAuNTE5NiAyMy43MzIzIDIwLjUwMDUgMjMuNzAxNCAyMC40NzUxIDIzLjY3NjZMMTguOTg4NCAyMi4yMTk1QzE4Ljk1NzIgMjIuMTg4NyAxOC45MTc2IDIyLjE2ODMgMTguODc0NyAyMi4xNjFDMTguODMxOSAyMi4xNTM3IDE4Ljc4NzggMjIuMTU5OSAxOC43NDgyIDIyLjE3ODhDMTguNzA4NyAyMi4xOTc2IDE4LjY3NTUgMjIuMjI4MyAxOC42NTMxIDIyLjI2NjdDMTguNjMwNiAyMi4zMDUxIDE4LjYxOTkgMjIuMzQ5NSAxOC42MjI0IDIyLjM5NFoiIGZpbGw9IiMxMTE2MTciLz4KPHBhdGggZD0iTTE2LjQ4NTEgMjIuOTIzNEwxNS44OTgzIDI0Ljk1NzJDMTUuODgzOCAyNC45OTQgMTUuODc5MyAyNS4wMzQxIDE1Ljg4NTQgMjUuMDczMUMxNS44OTE0IDI1LjExMjIgMTUuOTA3NiAyNS4xNDg3IDE1LjkzMjQgMjUuMTc4OUMxNS45NTcyIDI1LjIwOSAxNS45ODk1IDI1LjIzMTYgMTYuMDI2IDI1LjI0NDJDMTYuMDYyNSAyNS4yNTY4IDE2LjEwMTYgMjUuMjU4OSAxNi4xMzkzIDI1LjI1MDNMMTcuNjcyOCAyNS4wOTA1QzE3LjcwNzkgMjUuMDg2OCAxNy43NDE2IDI1LjA3NDMgMTcuNzcxMSAyNS4wNTQyQzE3LjgwMDYgMjUuMDM0IDE3LjgyNDggMjUuMDA2OCAxNy44NDE4IDI0Ljk3NDlDMTcuODU4NyAyNC45NDMgMTcuODY3OCAyNC45MDczIDE3Ljg2ODIgMjQuODcxMUMxNy44Njg3IDI0LjgzNDkgMTcuODYwNSAyNC43OTkxIDE3Ljg0NDQgMjQuNzY3TDE2Ljg5NTIgMjIuODk1OEMxNi44ODA4IDIyLjg1IDE2Ljg1MiAyMi44MTA1IDE2LjgxMzIgMjIuNzgzNUMxNi43NzQ0IDIyLjc1NjUgMTYuNzI3OSAyMi43NDM2IDE2LjY4MSAyMi43NDY4QzE2LjYzNDEgMjIuNzQ5OSAxNi41ODk0IDIyLjc2OSAxNi41NTM5IDIyLjgwMDlDMTYuNTE4NSAyMi44MzI5IDE2LjQ5NDMgMjIuODc2IDE2LjQ4NTEgMjIuOTIzNFoiIGZpbGw9IiMxMTE2MTciLz4KPHBhdGggZD0iTTE0LjMwMDQgMjIuNzE4M0wxMy4xMDg4IDI0LjQ1MjFDMTMuMDg4MiAyNC40ODE4IDEzLjA3NDkgMjQuNTE2MSAxMy4wNzAyIDI0LjU1MjFDMTMuMDY1NSAyNC41ODgxIDEzLjA2OTQgMjQuNjI0NyAxMy4wODE2IDI0LjY1ODZDMTMuMDkzOSAyNC42OTI2IDEzLjExNDEgMjQuNzIyOSAxMy4xNDA1IDI0Ljc0NjhDMTMuMTY2OCAyNC43NzA4IDEzLjE5ODYgMjQuNzg3NyAxMy4yMzI5IDI0Ljc5NkwxNC43MzUxIDI1LjE1MTVDMTQuNzcxMSAyNS4xNjEzIDE0LjgwOTEgMjUuMTYxNiAxNC44NDU0IDI1LjE1MjJDMTQuODgxNyAyNS4xNDI4IDE0LjkxNTEgMjUuMTI0IDE0Ljk0MjUgMjUuMDk3N0MxNC45Njk5IDI1LjA3MTQgMTQuOTkwMyAyNS4wMzg0IDE1LjAwMTkgMjUuMDAxOEMxNS4wMTM1IDI0Ljk2NTMgMTUuMDE1OCAyNC45MjY0IDE1LjAwODcgMjQuODg4N0wxNC42OTgxIDIyLjc5OTVDMTQuNjkxOCAyMi43NTQ0IDE0LjY3MiAyMi43MTI2IDE0LjY0MTYgMjIuNjc5NkMxNC42MTEyIDIyLjY0NjcgMTQuNTcxNSAyMi42MjQzIDE0LjUyOCAyMi42MTU0QzE0LjQ4NDYgMjIuNjA2NSAxNC40Mzk0IDIyLjYxMTYgMTQuMzk4NyAyMi42MzAxQzE0LjM1OCAyMi42NDg1IDE0LjMyMzcgMjIuNjc5MyAxNC4zMDA0IDIyLjcxODNaIiBmaWxsPSIjMTExNjE3Ii8+CjxwYXRoIGQ9Ik0xMi4yOTkxIDIxLjc5OTdMMTAuNjQ0OSAyMy4wNjU0QzEwLjYxNjMgMjMuMDg2OSAxMC41OTMyIDIzLjExNTIgMTAuNTc3NiAyMy4xNDc5QzEwLjU2MiAyMy4xODA2IDEwLjU1NDUgMjMuMjE2NyAxMC41NTU2IDIzLjI1M0MxMC41NTY3IDIzLjI4OTMgMTAuNTY2NSAyMy4zMjQ2IDEwLjU4NDEgMjMuMzU2QzEwLjYwMTcgMjMuMzg3MyAxMC42MjY1IDIzLjQxMzcgMTAuNjU2NSAyMy40MzI4TDExLjk2NTUgMjQuMjY0MUMxMS45OTUxIDI0LjI4MzUgMTIuMDI5MSAyNC4yOTUgMTIuMDY0MyAyNC4yOTc1QzEyLjA5OTUgMjQuMyAxMi4xMzQ4IDI0LjI5MzUgMTIuMTY3IDI0LjI3ODRDMTIuMTk5MiAyNC4yNjM0IDEyLjIyNzMgMjQuMjQwNCAxMi4yNDg4IDI0LjIxMTVDMTIuMjcwMyAyNC4xODI2IDEyLjI4NDUgMjQuMTQ4NyAxMi4yOSAyNC4xMTI5TDEyLjY1NjcgMjIuMDMxM0MxMi42NzUzIDIxLjk4MzIgMTIuNjc3MSAyMS45MzAxIDEyLjY2MTcgMjEuODgxQzEyLjY0NjMgMjEuODMyIDEyLjYxNDcgMjEuNzkwMiAxMi41NzIzIDIxLjc2MjhDMTIuNTI5OSAyMS43MzUzIDEyLjQ3OTUgMjEuNzI0IDEyLjQyOTYgMjEuNzMwN0MxMi4zNzk3IDIxLjczNzUgMTIuMzMzNiAyMS43NjE4IDEyLjI5OTEgMjEuNzk5N1oiIGZpbGw9IiMxMTE2MTciLz4KPHBhdGggZD0iTTEwLjcwMDMgMjAuMjY1TDguNzMxNDYgMjAuOTA1MUM4LjY5Nzc0IDIwLjkxNjIgOC42NjcxNCAyMC45MzU3IDguNjQyMzMgMjAuOTYxN0M4LjYxNzUzIDIwLjk4NzggOC41OTkyOCAyMS4wMTk2IDguNTg5MTkgMjEuMDU0NUM4LjU3OTEgMjEuMDg5MyA4LjU3NzQ4IDIxLjEyNjEgOC41ODQ0NyAyMS4xNjE3QzguNTkxNDUgMjEuMTk3MiA4LjYwNjg0IDIxLjIzMDMgOC42MjkyNyAyMS4yNTgyTDkuNjAwMTYgMjIuNDc5M0M5LjYyMjQ5IDIyLjUwNzQgOS42NTEyNiAyMi41MjkzIDkuNjgzOTIgMjIuNTQzMkM5LjcxNjU4IDIyLjU1NzEgOS43NTIxMiAyMi41NjI1IDkuNzg3NDEgMjIuNTU4OUM5LjgyMjcxIDIyLjU1NTQgOS44NTY2NyAyMi41NDI5IDkuODg2MjkgMjIuNTIyN0M5LjkxNTkyIDIyLjUwMjUgOS45NDAzIDIyLjQ3NTIgOS45NTcyOSAyMi40NDMxTDEwLjk0NzYgMjAuNTkwM0MxMC45NzAzIDIwLjU1MTggMTAuOTgxMSAyMC41MDcyIDEwLjk3ODUgMjAuNDYyNEMxMC45NzYgMjAuNDE3NiAxMC45NjAzIDIwLjM3NDcgMTAuOTMzNSAyMC4zMzk0QzEwLjkwNjcgMjAuMzA0MiAxMC44NzAxIDIwLjI3ODIgMTAuODI4NSAyMC4yNjQ5QzEwLjc4NjggMjAuMjUxNiAxMC43NDIxIDIwLjI1MTYgMTAuNzAwMyAyMC4yNjVaIiBmaWxsPSIjMTExNjE3Ii8+CjxwYXRoIGQ9Ik05LjY2ODIzIDE4LjI4NjFMNy42MDk0NSAxOC4yNDI4QzcuNTc0MzUgMTguMjQyMSA3LjUzOTU0IDE4LjI1MDEgNy41MDgwNCAxOC4yNjYzQzcuNDc2NTQgMTguMjgyNSA3LjQ0OTMgMTguMzA2MyA3LjQyODY4IDE4LjMzNTZDNy40MDgwNiAxOC4zNjUgNy4zOTQ2OSAxOC4zOTkgNy4zODk3MiAxOC40MzQ4QzcuMzg0NzUgMTguNDcwNSA3LjM4ODMzIDE4LjUwNjkgNy40MDAxNiAxOC41NDA4TDcuOTM2NjcgMjAuMDIzQzcuOTQ5MjIgMjAuMDU2MyA3Ljk2OTQ3IDIwLjA4NiA3Ljk5NTcxIDIwLjEwOTVDOC4wMjE5NCAyMC4xMzI5IDguMDUzMzYgMjAuMTQ5NSA4LjA4NzI4IDIwLjE1NzdDOC4xMjEyMSAyMC4xNjU5IDguMTU2NjMgMjAuMTY1NSA4LjE5MDUgMjAuMTU2NUM4LjIyNDM3IDIwLjE0NzYgOC4yNTU2OSAyMC4xMzAzIDguMjgxNzYgMjAuMTA2M0w5LjgwNjczIDE4LjY3QzkuODM4MjggMTguNjQgOS44NjA0OSAxOC42MDExIDkuODcwNTQgMTguNTU4M0M5Ljg4MDYgMTguNTE1NCA5Ljg3ODA0IDE4LjQ3MDUgOS44NjMxOSAxOC40Mjk0QzkuODQ4MzQgMTguMzg4MiA5LjgyMTg3IDE4LjM1MjYgOS43ODcxNSAxOC4zMjcxQzkuNzUyNDQgMTguMzAxNiA5LjcxMTA0IDE4LjI4NzMgOS42NjgyMyAxOC4yODYxWiIgZmlsbD0iIzExMTYxNyIvPgo8cGF0aCBkPSJNOS4zMTU2OCAxNi4wNjQzTDcuMzgzMDMgMTUuMzM5NkM3LjM0OTk3IDE1LjMyNzcgNy4zMTQ1NCAxNS4zMjQ0IDcuMjc5ODEgMTUuMzI5OEM3LjI0NTA4IDE1LjMzNTIgNy4yMTIxIDE1LjM0OTIgNy4xODM3MSAxNS4zNzA2QzcuMTU1MzIgMTUuMzkyIDcuMTMyMzkgMTUuNDIwMiA3LjExNjkgMTUuNDUyNkM3LjEwMTQxIDE1LjQ4NTEgNy4wOTM4MyAxNS41MjA5IDcuMDk0ODEgMTUuNTU2OUw3LjEzNjUzIDE3LjEzNzdDNy4xMzY2NCAxNy4xNzQgNy4xNDU1NiAxNy4yMDk2IDcuMTYyNDkgMTcuMjQxM0M3LjE3OTQxIDE3LjI3MyA3LjIwMzgxIDE3LjI5OTggNy4yMzM0NiAxNy4zMTkzQzcuMjYzMTIgMTcuMzM4OCA3LjI5NzA4IDE3LjM1MDMgNy4zMzIyOSAxNy4zNTI4QzcuMzY3NSAxNy4zNTU0IDcuNDAyODUgMTcuMzQ4OSA3LjQzNTEgMTcuMzMzOEw5LjMyNTg1IDE2LjQ3MjRDOS4zNjQ0MyAxNi40NTQgOS4zOTY5OCAxNi40MjQ1IDkuNDE5NDYgMTYuMzg3NEM5LjQ0MTk0IDE2LjM1MDQgOS40NTMzNCAxNi4zMDc0IDkuNDUyMjUgMTYuMjYzOUM5LjQ1MTE3IDE2LjIyMDQgOS40Mzc2NCAxNi4xNzgyIDkuNDEzMzUgMTYuMTQyOEM5LjM4OTA2IDE2LjEwNzMgOS4zNTUxIDE2LjA4IDkuMzE1NjggMTYuMDY0M1oiIGZpbGw9IiMxMTE2MTciLz4KPHBhdGggZD0iTTkuNjc3ODggMTMuODMzOEw4LjA3OTQ2IDEyLjUxMTFDOC4wNTIxIDEyLjQ4ODYgOC4wMTk3NCAxMi40NzM0IDcuOTg1MjEgMTIuNDY2N0M3Ljk1MDY4IDEyLjQ2IDcuOTE1MDEgMTIuNDYyMSA3Ljg4MTMzIDEyLjQ3MjhDNy44NDc2NSAxMi40ODM1IDcuODE2OTYgMTIuNTAyNSA3Ljc5MTk0IDEyLjUyODFDNy43NjY5MiAxMi41NTM3IDcuNzQ4MzMgMTIuNTg1MiA3LjczNzc4IDEyLjYxOTdMNy4yODIxNyAxNC4xMzQyQzcuMjcxMDggMTQuMTY4OSA3LjI2ODYyIDE0LjIwNTkgNy4yNzUwNSAxNC4yNDE4QzcuMjgxNDggMTQuMjc3NiA3LjI5NjU4IDE0LjMxMTIgNy4zMTg5NiAxNC4zMzkzQzcuMzQxMzQgMTQuMzY3NSA3LjM3MDMgMTQuMzg5NCA3LjQwMzE2IDE0LjQwM0M3LjQzNjAzIDE0LjQxNjYgNy40NzE3NiAxNC40MjE1IDcuNTA3MDcgMTQuNDE3Mkw5LjU1ODU0IDE0LjIyODJDOS42MDE2NCAxNC4yMjQ0IDkuNjQyNzYgMTQuMjA3NSA5LjY3NjU2IDE0LjE3OTZDOS43MTAzNyAxNC4xNTE3IDkuNzM1MzEgMTQuMTE0IDkuNzQ4MTYgMTQuMDcxNkM5Ljc2MTAyIDE0LjAyOTEgOS43NjEyIDEzLjk4MzcgOS43NDg2NiAxMy45NDEzQzkuNzM2MTMgMTMuODk4OSA5LjcxMTQ3IDEzLjg2MTQgOS42Nzc4OCAxMy44MzM4WiIgZmlsbD0iIzExMTYxNyIvPgo8cGF0aCBkPSJNMTAuNzE5NyAxMS44Mzk5TDkuNjI1NzUgMTAuMDU1OEM5LjYwNzI1IDEwLjAyNDggOS41ODE1NyA5Ljk5OTA1IDkuNTUwOTggOS45ODA4QzkuNTIwMzkgOS45NjI1NCA5LjQ4NTgzIDkuOTUyMzUgOS40NTAzNyA5Ljk1MTEyQzkuNDE0OSA5Ljk0OTg5IDkuMzc5NjMgOS45NTc2NiA5LjM0NzY2IDkuOTczNzVDOS4zMTU2OSA5Ljk4OTgzIDkuMjg4MDEgMTAuMDEzNyA5LjI2NzA5IDEwLjA0MzNMOC4zNjE4NSAxMS4zMzI3QzguMzQxMjIgMTEuMzYyMyA4LjMyNzk1IDExLjM5NjYgOC4zMjMyMSAxMS40MzI2QzguMzE4NDcgMTEuNDY4NiA4LjMyMjM5IDExLjUwNTIgOC4zMzQ2NCAxMS41MzkyQzguMzQ2ODkgMTEuNTczMSA4LjM2NzA5IDExLjYwMzQgOC4zOTM0NiAxMS42Mjc0QzguNDE5ODQgMTEuNjUxMyA4LjQ1MTU4IDExLjY2ODIgOC40ODU5MSAxMS42NzY2TDEwLjQ4NTEgMTIuMTcxNEMxMC41MjY3IDEyLjE4MzEgMTAuNTcwOSAxMi4xODE0IDEwLjYxMTggMTIuMTY2NUMxMC42NTI3IDEyLjE1MTcgMTAuNjg4MiAxMi4xMjQ0IDEwLjcxMzggMTIuMDg4NEMxMC43MzkzIDEyLjA1MjMgMTAuNzUzNSAxMi4wMDkyIDEwLjc1NDYgMTEuOTY0OEMxMC43NTU2IDExLjkyMDQgMTAuNzQzNSAxMS44NzY4IDEwLjcxOTcgMTEuODM5OVoiIGZpbGw9IiMxMTE2MTciLz4KPHBhdGggZD0iTTEyLjMyNDkgMTAuMjkzM0wxMS44NjU2IDguMjUwNjdDMTEuODU3NiA4LjIxNTQ1IDExLjg0MTQgOC4xODI4MyAxMS44MTgzIDguMTU1NjVDMTEuNzk1MiA4LjEyODQ4IDExLjc2NTkgOC4xMDc1NiAxMS43MzMxIDguMDk0NzZDMTEuNzAwMiA4LjA4MTk1IDExLjY2NDcgOC4wNzc2NCAxMS42Mjk3IDguMDgyMTlDMTEuNTk0NyA4LjA4Njc1IDExLjU2MTIgOC4xMDAwMyAxMS41MzIyIDguMTIwODhMMTAuMjczMSA5LjA0NTlDMTAuMjQ0IDkuMDY2NjggMTAuMjIwNCA5LjA5NDUyIDEwLjIwNDQgOS4xMjY5M0MxMC4xODg0IDkuMTU5MzMgMTAuMTgwNCA5LjE5NTI4IDEwLjE4MTMgOS4yMzE1QzEwLjE4MjIgOS4yNjc3MiAxMC4xOTE4IDkuMzAzMDggMTAuMjA5NCA5LjMzNDM3QzEwLjIyNyA5LjM2NTY3IDEwLjI1MTkgOS4zOTE5MiAxMC4yODE5IDkuNDEwNzRMMTIuMDEzOSAxMC41NDEzQzEyLjA1MDQgMTAuNTYwNyAxMi4wOTE3IDEwLjU2OSAxMi4xMzI5IDEwLjU2NUMxMi4xNzQgMTAuNTYxMSAxMi4yMTMzIDEwLjU0NTEgMTIuMjQ2IDEwLjUxOUMxMi4yNzg3IDEwLjQ5MjkgMTIuMzAzNSAxMC40NTc4IDEyLjMxNzUgMTAuNDE3OEMxMi4zMzE1IDEwLjM3NzcgMTIuMzM0IDEwLjMzNDUgMTIuMzI0OSAxMC4yOTMzWiIgZmlsbD0iIzExMTYxNyIvPgo8cGF0aCBkPSJNMTQuMzI4NyA5LjM1MDQ4TDE0LjUyODUgNy4yNDA0NkMxNC41MzM2IDcuMjAyNDUgMTQuNTI5MSA3LjE2MzggMTQuNTE1NiA3LjEyODE3QzE0LjUwMjEgNy4wOTI1NCAxNC40OCA3LjA2MTEgMTQuNDUxMyA3LjAzNjgzQzE0LjQyMjYgNy4wMTI1NSAxNC4zODgyIDYuOTk2MjIgMTQuMzUxNiA2Ljk4OTQxQzE0LjMxNDkgNi45ODI1OSAxNC4yNzcxIDYuOTg1NSAxNC4yNDE2IDYuOTk3ODZMMTIuNzYyNSA3LjQ2MTE1QzEyLjcyODQgNy40NzEzMSAxMi42OTczIDcuNDkwMDUgMTIuNjcyIDcuNTE1NjdDMTIuNjQ2NiA3LjU0MTI4IDEyLjYyNzkgNy41NzI5NiAxMi42MTc1IDcuNjA3ODFDMTIuNjA3IDcuNjQyNjYgMTIuNjA1MiA3LjY3OTU4IDEyLjYxMjIgNy43MTUxOUMxMi42MTkzIDcuNzUwOCAxMi42MzQ5IDcuNzgzOTcgMTIuNjU3NiA3LjgxMTY4TDEzLjkzNjkgOS40NTg0QzEzLjk2MjIgOS40OTUzMSAxMy45OTc5IDkuNTIzMzIgMTQuMDM5MyA5LjUzODY0QzE0LjA4MDYgOS41NTM5NiAxNC4xMjU3IDkuNTU1ODcgMTQuMTY4MyA5LjU0NDEyQzE0LjIxMSA5LjUzMjM3IDE0LjI0OTIgOS41MDc1MiAxNC4yNzc5IDkuNDcyOUMxNC4zMDY1IDkuNDM4MjggMTQuMzI0MyA5LjM5NTU2IDE0LjMyODcgOS4zNTA0OFoiIGZpbGw9IiMxMTE2MTciLz4KPHBhdGggZD0iTTE2LjUwODUgOS4xMzIzM0wxNy4zNzUyIDcuMjAzNDVDMTcuMzg5OCA3LjE3MDE5IDE3LjM5NjIgNy4xMzM4MSAxNy4zOTM5IDcuMDk3NTJDMTcuMzkxNiA3LjA2MTIzIDE3LjM4MDYgNy4wMjYxNCAxNy4zNjIgNi45OTUzNkMxNy4zNDMzIDYuOTY0NTggMTcuMzE3NSA2LjkzOTA1IDE3LjI4NjkgNi45MjEwMkMxNy4yNTYyIDYuOTAyOTggMTcuMjIxNyA2Ljg5Mjk5IDE3LjE4NjMgNi44OTE5NEwxNS42NDg4IDYuODM4MjNDMTUuNjExNCA2LjgzNDkgMTUuNTczNyA2Ljg0MTUgMTUuNTM5MyA2Ljg1NzM4QzE1LjUwNSA2Ljg3MzI2IDE1LjQ3NTEgNi44OTc5IDE1LjQ1MjYgNi45Mjg5NUMxNS40MyA2Ljk1OTk5IDE1LjQxNTYgNi45OTY0IDE1LjQxMDYgNy4wMzQ2OUMxNS40MDU2IDcuMDcyOTggMTUuNDEwMiA3LjExMTg3IDE1LjQyNDEgNy4xNDc2NEwxNi4xMjEzIDkuMTM0NTdDMTYuMTM5MSA5LjE3MTU2IDE2LjE2NjYgOS4yMDI2MyAxNi4yMDA4IDkuMjI0MjdDMTYuMjM1IDkuMjQ1OSAxNi4yNzQ0IDkuMjU3MjQgMTYuMzE0NyA5LjI1NzAxQzE2LjM1NSA5LjI1Njc4IDE2LjM5NDUgOS4yNDQ5OCAxNi40Mjg3IDkuMjIyOTRDMTYuNDYzIDkuMjAwOTEgMTYuNDkwNiA5LjE2OTUyIDE2LjUwODUgOS4xMzIzM1oiIGZpbGw9IiMxMTE2MTciLz4KPHBhdGggZD0iTTE4LjY2MjUgOS42MTkxNEwyMC4wNzA1IDguMDY1ODdDMjAuMDk0MSA4LjAzODgyIDIwLjExMTEgOC4wMDYzOSAyMC4xMiA3Ljk3MTMxQzIwLjEyODkgNy45MzYyMiAyMC4xMjk0IDcuODk5NTIgMjAuMTIxNiA3Ljg2NDI5QzIwLjExMzggNy44MjkwNyAyMC4wOTc4IDcuNzk2MzYgMjAuMDc1MSA3Ljc2ODkyQzIwLjA1MjMgNy43NDE0OCAyMC4wMjM0IDcuNzIwMTEgMTkuOTkwOCA3LjcwNjYzTDE4LjU1MDcgNy4xNDg1QzE4LjUxNzggNy4xMzU2OSAxOC40ODIyIDcuMTMxNCAxOC40NDcyIDcuMTM2QzE4LjQxMjEgNy4xNDA2MSAxOC4zNzg2IDcuMTUzOTYgMTguMzQ5NiA3LjE3NDlDMTguMzIwNiA3LjE5NTgzIDE4LjI5NzEgNy4yMjM3MiAxOC4yODA5IDcuMjU2MUMxOC4yNjQ4IDcuMjg4NDkgMTguMjU2NiA3LjMyNDM4IDE4LjI1NzEgNy4zNjA2NEwxOC4yODQyIDkuNDgzMDZDMTguMjg1NiA5LjUyNzU1IDE4LjI5OTkgOS41NzA1IDE4LjMyNTUgOS42MDYzQzE4LjM1MSA5LjY0MjA5IDE4LjM4NjUgOS42NjkwOSAxOC40MjczIDkuNjgzNzdDMTguNDY4MSA5LjY5ODQ1IDE4LjUxMjQgOS43MDAxNCAxOC41NTQzIDkuNjg4NjFDMTguNTk2MyA5LjY3NzA4IDE4LjYzNCA5LjY1Mjg3IDE4LjY2MjUgOS42MTkxNFoiIGZpbGw9IiMxMTE2MTciLz4KPHBhdGggZD0iTTE3LjU1NDcgMTQuNjYyNEwxOS40MjU2IDEzLjc1NTdDMTkuNDU3NyAxMy43NDA4IDE5LjQ4NTYgMTMuNzE3OSAxOS41MDcgMTMuNjg5MkMxOS41Mjg0IDEzLjY2MDQgMTkuNTQyNiAxMy42MjY4IDE5LjU0ODMgMTMuNTkxMUMxOS41NTM5IDEzLjU1NTUgMTkuNTUwOSAxMy41MTkxIDE5LjUzOTUgMTMuNDg1MUMxOS41MjgxIDEzLjQ1MTEgMTkuNTA4NiAxMy40MjA2IDE5LjQ4MjkgMTMuMzk2M0wxOC4zNTg1IDEyLjMyMjJDMTguMzMyOSAxMi4yOTc4IDE4LjMwMTggMTIuMjgwMiAxOC4yNjggMTIuMjcwOUMxOC4yMzQxIDEyLjI2MTcgMTguMTk4NiAxMi4yNjExIDE4LjE2NDMgMTIuMjY5MUMxOC4xMzAxIDEyLjI3NzIgMTguMDk4MiAxMi4yOTM3IDE4LjA3MTQgMTIuMzE3MkMxOC4wNDQ2IDEyLjM0MDcgMTguMDIzOCAxMi4zNzA1IDE4LjAxMDcgMTIuNDA0TDE3LjI2NDIgMTQuMzg0OEMxNy4yNDkzIDE0LjQyNTkgMTcuMjQ2NiAxNC40NzA0IDE3LjI1NjMgMTQuNTEyOUMxNy4yNjYgMTQuNTU1NCAxNy4yODc4IDE0LjU5MzkgMTcuMzE4OCAxNC42MjM2QzE3LjM0OTkgMTQuNjUzMiAxNy4zODg4IDE0LjY3MjggMTcuNDMwOCAxNC42Nzk3QzE3LjQ3MjggMTQuNjg2NiAxNy41MTU5IDE0LjY4MDYgMTcuNTU0NyAxNC42NjI0WiIgZmlsbD0iIzExMTYxNyIvPgo8cGF0aCBkPSJNMTguMDQzOCAxNi4xNTkxTDE5Ljk3NjMgMTYuODc4NEMyMC4wMDkzIDE2Ljg5MDggMjAuMDQ0OCAxNi44OTQ2IDIwLjA3OTcgMTYuODg5NkMyMC4xMTQ2IDE2Ljg4NDYgMjAuMTQ3OCAxNi44NzA5IDIwLjE3NjUgMTYuODQ5N0MyMC4yMDUyIDE2LjgyODUgMjAuMjI4NCAxNi44MDA1IDIwLjI0NDIgMTYuNzY4MUMyMC4yNjAxIDE2LjczNTcgMjAuMjY4IDE2LjY5OTggMjAuMjY3MiAxNi42NjM3TDIwLjIyNTUgMTUuMDgyOUMyMC4yMjcxIDE1LjA0MzcgMjAuMjE4NyAxNS4wMDQ4IDIwLjIwMTIgMTQuOTcwMUMyMC4xODM2IDE0LjkzNTQgMjAuMTU3NiAxNC45MDYxIDIwLjEyNTUgMTQuODg1QzIwLjA5MzUgMTQuODYzOSAyMC4wNTY2IDE0Ljg1MTggMjAuMDE4NCAxNC44NDk5QzE5Ljk4MDMgMTQuODQ3OSAxOS45NDIzIDE0Ljg1NjMgMTkuOTA4MSAxNC44NzRMMTguMDE5OSAxNS43MzI3QzE3Ljk3NzMgMTUuNzUwNyAxNy45NDEyIDE1Ljc4MTkgMTcuOTE2NyAxNS44MjE5QzE3Ljg5MjEgMTUuODYyIDE3Ljg4MDMgMTUuOTA4OCAxNy44ODMgMTUuOTU1OEMxNy44ODU2IDE2LjAwMjkgMTcuOTAyNSAxNi4wNDc4IDE3LjkzMTQgMTYuMDg0M0MxNy45NjAyIDE2LjEyMDcgMTcuOTk5NiAxNi4xNDY5IDE4LjA0MzggMTYuMTU5MVoiIGZpbGw9IiMxMTE2MTciLz4KPHBhdGggZD0iTTE3LjM1MTUgMTcuNTc4NEwxOC4xOTk1IDE5LjQ5OTdDMTguMjE0MSAxOS41MzI1IDE4LjIzNjQgMTkuNTYxMSAxOC4yNjQzIDE5LjU4MjlDMTguMjkyMyAxOS42MDQ3IDE4LjMyNSAxOS42MTkyIDE4LjM1OTggMTkuNjI1QzE4LjM5NDUgMTkuNjMwOCAxOC40MzAxIDE5LjYyNzcgMTguNDYzNiAxOS42MTYxQzE4LjQ5NyAxOS42MDQ1IDE4LjUyNzMgMTkuNTg0NyAxOC41NTE3IDE5LjU1ODRMMTkuNjA1OCAxOC4zOTU1QzE5LjYzMDQgMTguMzY5MiAxOS42NDg0IDE4LjMzNzIgMTkuNjU4MiAxOC4zMDIxQzE5LjY2OCAxOC4yNjcxIDE5LjY2OTIgMTguMjMwMiAxOS42NjE5IDE4LjE5NDdDMTkuNjU0NSAxOC4xNTkyIDE5LjYzODggMTguMTI2MiAxOS42MTYgMTguMDk4NUMxOS41OTMyIDE4LjA3MDkgMTkuNTY0MSAxOC4wNDk0IDE5LjUzMTMgMTguMDM2MUwxNy42MjM0IDE3LjI2MTdDMTcuNTgxOCAxNy4yNDM3IDE3LjUzNTYgMTcuMjM5NyAxNy40OTEzIDE3LjI1MDJDMTcuNDQ3MSAxNy4yNjA3IDE3LjQwNzIgMTcuMjg1MiAxNy4zNzcxIDE3LjMyMDJDMTcuMzQ3IDE3LjM1NTMgMTcuMzI4MyAxNy4zOTkxIDE3LjMyMzcgMTcuNDQ1NEMxNy4zMTkyIDE3LjQ5MTcgMTcuMzI4OSAxNy41MzgzIDE3LjM1MTUgMTcuNTc4NFoiIGZpbGw9IiMxMTE2MTciLz4KPHBhdGggZD0iTTE1Ljg4MjcgMTguMDc4NkwxNS4xNDY3IDIwLjA1OUMxNS4xMzM5IDIwLjA5MjkgMTUuMTI5NSAyMC4xMjk1IDE1LjEzMzcgMjAuMTY1NEMxNS4xMzc5IDIwLjIwMTQgMTUuMTUwNyAyMC4yMzU3IDE1LjE3MDkgMjAuMjY1M0MxNS4xOTEgMjAuMjk0OSAxNS4yMTggMjAuMzE5IDE1LjI0OTQgMjAuMzM1M0MxNS4yODA4IDIwLjM1MTcgMTUuMzE1NyAyMC4zNTk4IDE1LjM1MSAyMC4zNTlMMTYuOTAxNiAyMC4zMjU3QzE2LjkzNjYgMjAuMzI0MyAxNi45NzA4IDIwLjMxNDMgMTcuMDAxMyAyMC4yOTY1QzE3LjAzMTcgMjAuMjc4NiAxNy4wNTc2IDIwLjI1MzQgMTcuMDc2NiAyMC4yMjMxQzE3LjA5NTYgMjAuMTkyOCAxNy4xMDcyIDIwLjE1ODIgMTcuMTEwNCAyMC4xMjI0QzE3LjExMzUgMjAuMDg2NiAxNy4xMDgyIDIwLjA1MDYgMTcuMDk0OCAyMC4wMTc1TDE2LjI4ODIgMTguMDcyOUMxNi4yNzQ2IDE4LjAyODYgMTYuMjQ3NCAxNy45OSAxNi4yMTA4IDE3Ljk2MjlDMTYuMTc0MSAxNy45MzU4IDE2LjEyOTkgMTcuOTIxNSAxNi4wODQ1IDE3LjkyMjFDMTYuMDM5MiAxNy45MjI3IDE1Ljk5NTEgMTcuOTM4MyAxNS45NTg4IDE3Ljk2NjRDMTUuOTIyNSAxNy45OTQ2IDE1Ljg5NTggMTguMDMzOSAxNS44ODI3IDE4LjA3ODZaIiBmaWxsPSIjMTExNjE3Ii8+CjxwYXRoIGQ9Ik0xNC41MTMyIDE3LjM2MjlMMTIuNjMwNiAxOC4yMzIyQzEyLjU5ODEgMTguMjQ2OSAxMi41Njk2IDE4LjI2OTYgMTIuNTQ3NiAxOC4yOTgyQzEyLjUyNTYgMTguMzI2OCAxMi41MTA3IDE4LjM2MDUgMTIuNTA0MyAxOC4zOTYzQzEyLjQ5NzggMTguNDMyMSAxMi41MDAxIDE4LjQ2ODkgMTIuNTEwOCAxOC41MDM1QzEyLjUyMTUgMTguNTM4MSAxMi41NDAzIDE4LjU2OTQgMTIuNTY1NiAxOC41OTQ2TDEzLjY3MjEgMTkuNjg4NEMxMy42OTc0IDE5LjcxMyAxMy43MjgxIDE5LjczMDkgMTMuNzYxNyAxOS43NDA2QzEzLjc5NTMgMTkuNzUwMiAxMy44MzA3IDE5Ljc1MTMgMTMuODY0OSAxOS43NDM4QzEzLjg5OTEgMTkuNzM2MyAxMy45MzExIDE5LjcyMDQgMTMuOTU4MiAxOS42OTc0QzEzLjk4NTIgMTkuNjc0NSAxNC4wMDY0IDE5LjY0NTIgMTQuMDIwMSAxOS42MTJMMTQuNzkzMyAxNy42NDFDMTQuODA2NyAxNy42MDExIDE0LjgwODggMTcuNTU4MSAxNC43OTk0IDE3LjUxNzJDMTQuNzg5OSAxNy40NzYzIDE0Ljc2OTMgMTcuNDM5MSAxNC43Mzk5IDE3LjQwOTlDMTQuNzEwNSAxNy4zODA3IDE0LjY3MzYgMTcuMzYwOCAxNC42MzM1IDE3LjM1MjVDMTQuNTkzMyAxNy4zNDQyIDE0LjU1MTYgMTcuMzQ3OCAxNC41MTMyIDE3LjM2MjlaIiBmaWxsPSIjMTExNjE3Ii8+CjxwYXRoIGQ9Ik0xNC4wNTA2IDE1Ljg1MTJMMTIuMTMyNyAxNS4wOTM0QzEyLjA5OTggMTUuMDgwMSAxMi4wNjQyIDE1LjA3NTMgMTIuMDI5IDE1LjA3OTVDMTEuOTkzOCAxNS4wODM3IDExLjk2IDE1LjA5NjcgMTEuOTMwNyAxNS4xMTc0QzExLjkwMTUgMTUuMTM4MSAxMS44Nzc1IDE1LjE2NTkgMTEuODYxMSAxNS4xOTgzQzExLjg0NDYgMTUuMjMwNiAxMS44MzYxIDE1LjI2NjYgMTEuODM2NCAxNS4zMDNMMTEuODQ5MiAxNi44ODc2QzExLjg0OTQgMTYuOTI0IDExLjg1ODMgMTYuOTU5OCAxMS44NzUxIDE2Ljk5MTdDMTEuODkxOSAxNy4wMjM2IDExLjkxNjIgMTcuMDUwNyAxMS45NDU3IDE3LjA3MDZDMTEuOTc1MiAxNy4wOTA2IDEyLjAwOTEgMTcuMTAyNyAxMi4wNDQ0IDE3LjEwNTlDMTIuMDc5NiAxNy4xMDkxIDEyLjExNTIgMTcuMTAzNCAxMi4xNDggMTcuMDg5MkwxNC4wNDAyIDE2LjI3NjNDMTQuMDg1MiAxNi4yNjM1IDE0LjEyNSAxNi4yMzYyIDE0LjE1MzcgMTYuMTk4NEMxNC4xODI1IDE2LjE2MDYgMTQuMTk4NiAxNi4xMTQ0IDE0LjE5OTggMTYuMDY2NkMxNC4yMDEgMTYuMDE4OCAxNC4xODcxIDE1Ljk3MiAxNC4xNjAyIDE1LjkzMzJDMTQuMTMzMyAxNS44OTQ0IDE0LjA5NDkgMTUuODY1NiAxNC4wNTA2IDE1Ljg1MTJaIiBmaWxsPSIjMTExNjE3Ii8+CjxwYXRoIGQ9Ik0xNC43NzE1IDE0LjQ0ODdMMTMuOTU0NSAxMi41MUMxMy45NDA2IDEyLjQ3NyAxMy45MTkgMTIuNDQ4MSAxMy44OTE2IDEyLjQyNTdDMTMuODY0MyAxMi40MDM0IDEzLjgzMTkgMTIuMzg4MiAxMy43OTc1IDEyLjM4MTZDMTMuNzYzIDEyLjM3NTEgMTMuNzI3NSAxMi4zNzcyIDEzLjY5MzkgMTIuMzg3OUMxMy42NjAzIDEyLjM5ODYgMTMuNjI5NyAxMi40MTc1IDEzLjYwNDcgMTIuNDQzMUwxMi41MjA3IDEzLjU3NzRDMTIuNDk1OSAxMy42MDMzIDEyLjQ3NzYgMTMuNjM1IDEyLjQ2NzUgMTMuNjY5OEMxMi40NTczIDEzLjcwNDYgMTIuNDU1NiAxMy43NDEzIDEyLjQ2MjQgMTMuNzc2OEMxMi40NjkyIDEzLjgxMjIgMTIuNDg0NCAxMy44NDU0IDEyLjUwNjcgMTMuODczM0MxMi41Mjg5IDEzLjkwMTMgMTIuNTU3NSAxMy45MjMyIDEyLjU5IDEzLjkzN0wxNC40OTA5IDE0Ljc0MTVDMTQuNTMwNCAxNC43NTc3IDE0LjU3MzcgMTQuNzYxNCAxNC42MTU0IDE0Ljc1MjNDMTQuNjU3MSAxNC43NDMyIDE0LjY5NTQgMTQuNzIxNyAxNC43MjU0IDE0LjY5MDRDMTQuNzU1NCAxNC42NTkxIDE0Ljc3NTggMTQuNjE5NSAxNC43ODQgMTQuNTc2NUMxNC43OTIyIDE0LjUzMzUgMTQuNzg3OCAxNC40ODkgMTQuNzcxNSAxNC40NDg3WiIgZmlsbD0iIzExMTYxNyIvPgo8cGF0aCBkPSJNMTYuMjQ3NyAxMy45ODAyTDE3LjAxODQgMTIuMDEyQzE3LjAzMjEgMTEuOTc4MiAxNy4wMzc0IDExLjk0MTUgMTcuMDM0IDExLjkwNTFDMTcuMDMwNiAxMS44Njg4IDE3LjAxODUgMTEuODM0IDE2Ljk5ODggMTEuODAzN0MxNi45NzkxIDExLjc3MzUgMTYuOTUyNCAxMS43NDg4IDE2LjkyMSAxMS43MzE4QzE2Ljg4OTcgMTEuNzE0OCAxNi44NTQ3IDExLjcwNiAxNi44MTkxIDExLjcwNjNMMTUuMjgzOCAxMS43MjI4QzE1LjI0ODQgMTEuNzIzIDE1LjIxMzYgMTEuNzMyIDE1LjE4MjMgMTEuNzQ5MkMxNS4xNTExIDExLjc2NjQgMTUuMTI0MyAxMS43OTEyIDE1LjEwNDUgMTEuODIxNEMxNS4wODQ2IDExLjg1MTUgMTUuMDcyMiAxMS44ODYyIDE1LjA2ODQgMTEuOTIyNEMxNS4wNjQ2IDExLjk1ODUgMTUuMDY5NSAxMS45OTUgMTUuMDgyNiAxMi4wMjg2TDE1Ljg0NzMgMTMuOTgwM0MxNS44NjMxIDE0LjAyMTMgMTUuODkwNSAxNC4wNTY0IDE1LjkyNiAxNC4wODExQzE1Ljk2MTUgMTQuMTA1OCAxNi4wMDM1IDE0LjExOSAxNi4wNDY1IDE0LjExOUMxNi4wODk1IDE0LjExOSAxNi4xMzE3IDE0LjEwNTggMTYuMTY3NSAxNC4wODExQzE2LjIwMzQgMTQuMDU2MyAxNi4yMzEzIDE0LjAyMTIgMTYuMjQ3NyAxMy45ODAyWiIgZmlsbD0iIzExMTYxNyIvPgo8L2c+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8yNzY1XzEwODkyMiIgeD0iLTEuNSIgeT0iMS41IiB3aWR0aD0iMzUuMzA0NyIgaGVpZ2h0PSIzNS4zMDQ3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjMiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMi41Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjA3OTY4NzUgMCAwIDAgMCAwLjQ3NTU5NCAwIDAgMCAwIDAuNTYyNSAwIDAgMCAwLjIgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yNzY1XzEwODkyMiIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18yNzY1XzEwODkyMiIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzI3NjVfMTA4OTIyIiB4MT0iNS44NDMwMiIgeTE9IjEuMDY2ODYiIHgyPSIzMS4zMjY0IiB5Mj0iMzEuMjY5NCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBvZmZzZXQ9IjAuMjAzMTI1IiBzdG9wLWNvbG9yPSIjNDRBOEFFIi8+CjxzdG9wIG9mZnNldD0iMC44ODYzNzciIHN0b3AtY29sb3I9IiMyRDg0ODkiLz4KPC9saW5lYXJHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNzY1XzEwODkyMiI+CjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIzNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
}
.header-container .navigation-item.active i.notification-icon,
.header-container .navigation-item:hover i.notification-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzMiAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI3NjVfMTA4OTUyKSI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMjc2NV8xMDg5NTIpIj4KPHBhdGggZD0iTTE1Ljk4NzQgMTAuMDMyMkMxNi40MjU2IDkuMjgzMjEgMTYuODM2NCA4LjYxNzQyIDE3LjIxOTggNy45MjM4OEMxOC4xMjM2IDYuNDI1ODUgMTkuMzI4NSA1LjM5OTQxIDIxLjAyNjUgNS4wMTEwM0MyMi44NjEzIDQuNTk0OTEgMjQuNDc3MSA1LjA2NjUyIDI1Ljg0NjQgNi4zMTQ4OEMyOC4yODM4IDguNTA2NDUgMjguODA0MSAxMi4xNDA2IDI3LjEzMzYgMTQuOTk3OUMyNi4xMjAzIDE2LjcxNzkgMjQuOTE1MyAxOC4yNDM3IDIzLjYyODIgMTkuNzQxN0MyMS42MjkgMjIuMDcyIDE3LjQzODkgMjUuOTI4MSAxNi4yODg3IDI3LjAxQzE2LjEyNDQgMjcuMTc2NCAxNS44NTA1IDI3LjE3NjQgMTUuNjg2MiAyNy4wMUMxNC4zNzE3IDI1Ljc4OTMgOS41NTE3MSAyMS4yMTIgNy42MzQ2OSAxOC44ODE3QzYuNjQ4NzkgMTcuNjg4OSA1LjcxNzY2IDE2LjQ0MDUgNC45MjM0NyAxNS4xMDg5QzMuMzM1MDggMTIuNDczNSAzLjYwODk0IDkuMjI3NzMgNS42MDgxMiA2Ljg2OTcxQzcuNzcxNjIgNC4zMTc1IDExLjQ5NjEgNC4yMDY1MyAxMy44MjM5IDYuNjIwMDRDMTQuMzcxNyA3LjE3NDg2IDE0Ljc1NTEgNy44NDA2NiAxNS4xMzg1IDguNTA2NDVDMTUuMzg0OSA5LjAwNTggMTUuNjg2MiA5LjUwNTE0IDE1Ljk4NzQgMTAuMDMyMloiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yNzY1XzEwODk1MikiLz4KPC9nPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMjc2NV8xMDg5NTIiIHg9Ii0xLjEwMzUyIiB5PSIyLjg2MzI4IiB3aWR0aD0iMzQuMjA5IiBoZWlnaHQ9IjMyLjI3MzQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMyIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyLjUiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMDc5Njg3NSAwIDAgMCAwIDAuNDc1NTk0IDAgMCAwIDAgMC41NjI1IDAgMCAwIDAuMiAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzI3NjVfMTA4OTUyIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI3NjVfMTA4OTUyIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjc2NV8xMDg5NTIiIHgxPSI2LjEzNzk4IiB5MT0iMi43MjE3OSIgeDI9IjI4LjE4MDUiIHkyPSIzMS4xMTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjIwMzEyNSIgc3RvcC1jb2xvcj0iIzQ0QThBRSIvPgo8c3RvcCBvZmZzZXQ9IjAuODg2Mzc3IiBzdG9wLWNvbG9yPSIjMkQ4NDg5Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjc2NV8xMDg5NTIiPgo8cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
}
.header-container .navigation-item.active i.menu-icon,
.header-container .navigation-item:hover i.menu-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzMiAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8yNzY1XzEwODk1NCkiPgo8cmVjdCB4PSI1IiB5PSI4IiB3aWR0aD0iMjIiIGhlaWdodD0iMi41IiByeD0iMS4yNSIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzI3NjVfMTA4OTU0KSIvPgo8L2c+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIxX2RfMjc2NV8xMDg5NTQpIj4KPHJlY3QgeD0iNSIgeT0iMTUiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyLjUiIHJ4PSIxLjI1IiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMjc2NV8xMDg5NTQpIi8+CjwvZz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjJfZF8yNzY1XzEwODk1NCkiPgo8cmVjdCB4PSI1IiB5PSIyMiIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIuNSIgcng9IjEuMjUiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl8yNzY1XzEwODk1NCkiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzI3NjVfMTA4OTU0IiB4PSIwIiB5PSI2IiB3aWR0aD0iMzIiIGhlaWdodD0iMTIuNSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIzIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIuNSIvPgo8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMC4wNzk2ODc1IDAgMCAwIDAgMC40NzU1OTQgMCAwIDAgMCAwLjU2MjUgMCAwIDAgMC4yIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjc2NV8xMDg5NTQiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjc2NV8xMDg5NTQiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjFfZF8yNzY1XzEwODk1NCIgeD0iMCIgeT0iMTMiIHdpZHRoPSIzMiIgaGVpZ2h0PSIxMi41IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjMiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMi41Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjA3OTY4NzUgMCAwIDAgMCAwLjQ3NTU5NCAwIDAgMCAwIDAuNTYyNSAwIDAgMCAwLjIgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yNzY1XzEwODk1NCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18yNzY1XzEwODk1NCIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMl9kXzI3NjVfMTA4OTU0IiB4PSIwIiB5PSIyMCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjEyLjUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMyIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyLjUiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMDc5Njg3NSAwIDAgMCAwIDAuNDc1NTk0IDAgMCAwIDAgMC41NjI1IDAgMCAwIDAuMiAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzI3NjVfMTA4OTU0Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI3NjVfMTA4OTU0IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjc2NV8xMDg5NTQiIHgxPSI3LjAzNzA0IiB5MT0iNy43NTk2MiIgeDI9IjcuNTIyMzUiIHkyPSIxMi44MjEzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4yMDMxMjUiIHN0b3AtY29sb3I9IiM0NEE4QUUiLz4KPHN0b3Agb2Zmc2V0PSIwLjg4NjM3NyIgc3RvcC1jb2xvcj0iIzJEODQ4OSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMjc2NV8xMDg5NTQiIHgxPSI3LjAzNzA0IiB5MT0iMTQuNzU5NiIgeDI9IjcuNTIyMzUiIHkyPSIxOS44MjEzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4yMDMxMjUiIHN0b3AtY29sb3I9IiM0NEE4QUUiLz4KPHN0b3Agb2Zmc2V0PSIwLjg4NjM3NyIgc3RvcC1jb2xvcj0iIzJEODQ4OSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfMjc2NV8xMDg5NTQiIHgxPSI3LjAzNzA0IiB5MT0iMjEuNzU5NiIgeDI9IjcuNTIyMzUiIHkyPSIyNi44MjEzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4yMDMxMjUiIHN0b3AtY29sb3I9IiM0NEE4QUUiLz4KPHN0b3Agb2Zmc2V0PSIwLjg4NjM3NyIgc3RvcC1jb2xvcj0iIzJEODQ4OSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
}
.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: #2D8489;
}
.header-container .navigation-item.active label,
.header-container .navigation-item:hover label {
  color: #2D8489;
}
.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: #2D8489;
  font-weight: 500;
}
.header-container .login-btn {
  height: 40px;
  padding: 0 39px;
  line-height: 40px;
  margin-left: 41px;
  color: white;
  border-radius: 40px;
  background-color: #2D8489;
  cursor: pointer;
  font-size: 18px;
  white-space: nowrap;
}
.header-container .login-btn > svg {
  margin-right: 4px;
  font-size: 18px !important;
}
.header-container .login-btn .loading-wrapper svg {
  font-size: 35px !important;
}
.header-container .login-btn .loading-wrapper svg rect {
  fill: white !important;
}
.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 .progress {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  transform: translateY(50%);
}
.user-operator {
  background: #111617;
  border: 2px solid #0B3940;
  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: #0E2D31;
}
.user-operator .user-operator-item:hover {
  background-color: #0B3940;
  border-radius: 15px;
}
.user-operator .user-operator-item:hover label {
  color: #6AA5A4;
}
.user-operator .user-operator-item:hover svg {
  fill: #6AA5A4;
}
.user-operator .user-operator-item:hover svg path {
  stroke: #6AA5A4 !important;
}
.user-operator .user-operator-item:hover svg.help-icon g path {
  stroke: transparent !important;
  fill: #111617;
}
.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='%232D8489'/%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='%23111617'/%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='%232D8489' 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='%232D8489'/%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='%230B3940'/%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='%232D8489' 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: #111617;
  border-radius: 0 0 16px 16px;
  overflow-y: auto;
}
.settings .userinfo {
  display: block;
  background-color: #101D20;
  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: #101D20;
  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 #0B3940;
}
.settings .cell .cell-item {
  position: relative;
  display: flex;
  color: #D9D9D9;
  align-items: center;
  font-size: 16px;
  padding: 12px;
  background-color: #101D20;
}
.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 #0E2D31;
  background-color: #BE525D;
  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: #101D20;
}
.settings .cell .cell-item1 {
  position: relative;
  display: block;
  color: #8C8C8C;
  font-size: 14px;
  padding: 6px 12px;
  background-color: #101D20;
}
.settings .cell:nth-last-child(2) {
  border-bottom: 1px solid #0B3940;
}
.settings .logout-btn {
  margin-top: 16px;
  text-align: center;
  padding: 14px 12px;
  font-size: 16px;
  color: #8C8C8C;
  background-color: #101D20;
  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: #035B66;
}
.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: #B4C4C6;
}
.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;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCA2NSAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMjMuMjAwNiIgeT0iNSIgd2lkdGg9IjguMzI4NzkiIGhlaWdodD0iMjMuNDcyIiByeD0iMS41MTQzMyIgZmlsbD0iIzA3NEE1MyIvPgo8cGF0aCBkPSJNMzMuODAwOCA2LjU4NjQ0QzMzLjgwMDggNi41MTk0OCAzMy44MDA4IDYuNDg2IDMzLjgwMTkgNi40NTc3QzMzLjgzMTUgNS42NjU4MiAzNC40NjY3IDUuMDMwNjkgMzUuMjU4NSA1LjAwMTA2QzM1LjI4NjggNSAzNS4zMjAzIDUgMzUuMzg3MyA1QzM1LjY3MTggNSAzNS44MTQxIDUgMzUuOTM0NCA1LjAwNDVDMzkuMjk5OSA1LjEzMDQzIDQxLjk5OTIgNy44Mjk3MyA0Mi4xMjUxIDExLjE5NTJDNDIuMTI5NiAxMS4zMTU1IDQyLjEyOTYgMTEuNDU3OCA0Mi4xMjk2IDExLjc0MjRWMjEuNzI5N0M0Mi4xMjk2IDIyLjAxNDIgNDIuMTI5NiAyMi4xNTY1IDQyLjEyNTEgMjIuMjc2OEM0MS45OTkyIDI1LjY0MjMgMzkuMjk5OSAyOC4zNDE2IDM1LjkzNDQgMjguNDY3NUMzNS44MTQxIDI4LjQ3MiAzNS42NzE4IDI4LjQ3MiAzNS4zODczIDI4LjQ3MkMzNS4zMjAzIDI4LjQ3MiAzNS4yODY4IDI4LjQ3MiAzNS4yNTg1IDI4LjQ3MUMzNC40NjY3IDI4LjQ0MTQgMzMuODMxNSAyNy44MDYyIDMzLjgwMTkgMjcuMDE0M0MzMy44MDA4IDI2Ljk4NiAzMy44MDA4IDI2Ljk1MjYgMzMuODAwOCAyNi44ODU2VjYuNTg2NDRaIiBmaWxsPSIjMDc0QTUzIi8+CjxyZWN0IHg9IjQ0LjQwMTEiIHk9IjUiIHdpZHRoPSI4LjMyODc5IiBoZWlnaHQ9IjIzLjQ3MiIgcng9IjEuNTE0MzMiIGZpbGw9IiMwNzRBNTMiLz4KPHJlY3QgeD0iMiIgeT0iNSIgd2lkdGg9IjguMzI4NzkiIGhlaWdodD0iMjMuNDcyIiByeD0iMS41MTQzMyIgZmlsbD0iIzA3NEE1MyIvPgo8cGF0aCBkPSJNMTIuNjAwMyA2LjU4NjQ0QzEyLjYwMDMgNi41MTk0OCAxMi42MDAzIDYuNDg2IDEyLjYwMTMgNi40NTc3QzEyLjYzMSA1LjY2NTgyIDEzLjI2NjEgNS4wMzA2OSAxNC4wNTggNS4wMDEwNkMxNC4wODYzIDUgMTQuMTE5OCA1IDE0LjE4NjcgNUgxNC40OTMyQzE4LjA0NzYgNSAyMC45MjkxIDcuODgxNDQgMjAuOTI5MSAxMS40MzU5QzIwLjkyOTEgMTQuOTkwMyAxOC4wNDc2IDE3Ljg3MTggMTQuNDkzMiAxNy44NzE4SDE0LjE4NjdDMTQuMTE5OCAxNy44NzE4IDE0LjA4NjMgMTcuODcxOCAxNC4wNTggMTcuODcwN0MxMy4yNjYxIDE3Ljg0MTEgMTIuNjMxIDE3LjIwNTkgMTIuNjAxMyAxNi40MTQxQzEyLjYwMDMgMTYuMzg1OCAxMi42MDAzIDE2LjM1MjMgMTIuNjAwMyAxNi4yODUzVjYuNTg2NDRaIiBmaWxsPSIjMDc0QTUzIi8+CjxwYXRoIGQ9Ik01NS4wMTA5IDE3LjE0OTJDNTUuMDEwOSAxNy4wODIyIDU1LjAxMDkgMTcuMDQ4NyA1NS4wMTE5IDE3LjAyMDRDNTUuMDQxNiAxNi4yMjg2IDU1LjY3NjcgMTUuNTkzNCA1Ni40Njg2IDE1LjU2MzhDNTYuNDk2OSAxNS41NjI3IDU2LjUzMDMgMTUuNTYyNyA1Ni41OTczIDE1LjU2MjdINTYuOTAzOEM2MC40NTgyIDE1LjU2MjcgNjMuMzM5NyAxOC40NDQyIDYzLjMzOTcgMjEuOTk4NkM2My4zMzk3IDI1LjU1MzEgNjAuNDU4MiAyOC40MzQ1IDU2LjkwMzggMjguNDM0NUg1Ni41OTczQzU2LjUzMDMgMjguNDM0NSA1Ni40OTY5IDI4LjQzNDUgNTYuNDY4NiAyOC40MzM1QzU1LjY3NjcgMjguNDAzOCA1NS4wNDE2IDI3Ljc2ODcgNTUuMDExOSAyNi45NzY4QzU1LjAxMDkgMjYuOTQ4NSA1NS4wMTA5IDI2LjkxNSA1NS4wMTA5IDI2Ljg0ODFWMTcuMTQ5MloiIGZpbGw9IiMwNzRBNTMiLz4KPG1hc2sgaWQ9Im1hc2swXzEzNDhfNTk2NTIiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjIiIHk9IjUiIHdpZHRoPSI2MiIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjIzLjIwMDYiIHk9IjUiIHdpZHRoPSI4LjMyODc5IiBoZWlnaHQ9IjIzLjQ3MiIgcng9IjEuNTE0MzMiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xMzQ4XzU5NjUyKSIvPgo8cGF0aCBkPSJNMzMuODAwOCA2LjU4NjQ0QzMzLjgwMDggNi41MTk0OCAzMy44MDA4IDYuNDg2IDMzLjgwMTkgNi40NTc3QzMzLjgzMTUgNS42NjU4MiAzNC40NjY3IDUuMDMwNjkgMzUuMjU4NSA1LjAwMTA2QzM1LjI4NjggNSAzNS4zMjAzIDUgMzUuMzg3MyA1QzM1LjY3MTggNSAzNS44MTQxIDUgMzUuOTM0NCA1LjAwNDVDMzkuMjk5OSA1LjEzMDQzIDQxLjk5OTIgNy44Mjk3MyA0Mi4xMjUxIDExLjE5NTJDNDIuMTI5NiAxMS4zMTU1IDQyLjEyOTYgMTEuNDU3OCA0Mi4xMjk2IDExLjc0MjRWMjEuNzI5N0M0Mi4xMjk2IDIyLjAxNDIgNDIuMTI5NiAyMi4xNTY1IDQyLjEyNTEgMjIuMjc2OEM0MS45OTkyIDI1LjY0MjMgMzkuMjk5OSAyOC4zNDE2IDM1LjkzNDQgMjguNDY3NUMzNS44MTQxIDI4LjQ3MiAzNS42NzE4IDI4LjQ3MiAzNS4zODczIDI4LjQ3MkMzNS4zMjAzIDI4LjQ3MiAzNS4yODY4IDI4LjQ3MiAzNS4yNTg1IDI4LjQ3MUMzNC40NjY3IDI4LjQ0MTQgMzMuODMxNSAyNy44MDYyIDMzLjgwMTkgMjcuMDE0M0MzMy44MDA4IDI2Ljk4NiAzMy44MDA4IDI2Ljk1MjYgMzMuODAwOCAyNi44ODU2VjYuNTg2NDRaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMTM0OF81OTY1MikiLz4KPHJlY3QgeD0iNDQuNDAxMSIgeT0iNSIgd2lkdGg9IjguMzI4NzkiIGhlaWdodD0iMjMuNDcyIiByeD0iMS41MTQzMyIgZmlsbD0idXJsKCNwYWludDJfbGluZWFyXzEzNDhfNTk2NTIpIi8+CjxyZWN0IHg9IjIiIHk9IjUiIHdpZHRoPSI4LjMyODc5IiBoZWlnaHQ9IjIzLjQ3MiIgcng9IjEuNTE0MzMiIGZpbGw9InVybCgjcGFpbnQzX2xpbmVhcl8xMzQ4XzU5NjUyKSIvPgo8cGF0aCBkPSJNMTIuNjAwMyA2LjU4NjQ0QzEyLjYwMDMgNi41MTk0OCAxMi42MDAzIDYuNDg2IDEyLjYwMTMgNi40NTc3QzEyLjYzMSA1LjY2NTgyIDEzLjI2NjEgNS4wMzA2OSAxNC4wNTggNS4wMDEwNkMxNC4wODYzIDUgMTQuMTE5OCA1IDE0LjE4NjcgNUgxNC40OTMyQzE4LjA0NzYgNSAyMC45MjkxIDcuODgxNDQgMjAuOTI5MSAxMS40MzU5QzIwLjkyOTEgMTQuOTkwMyAxOC4wNDc2IDE3Ljg3MTggMTQuNDkzMiAxNy44NzE4SDE0LjE4NjdDMTQuMTE5OCAxNy44NzE4IDE0LjA4NjMgMTcuODcxOCAxNC4wNTggMTcuODcwN0MxMy4yNjYxIDE3Ljg0MTEgMTIuNjMxIDE3LjIwNTkgMTIuNjAxMyAxNi40MTQxQzEyLjYwMDMgMTYuMzg1OCAxMi42MDAzIDE2LjM1MjMgMTIuNjAwMyAxNi4yODUzVjYuNTg2NDRaIiBmaWxsPSJ1cmwoI3BhaW50NF9saW5lYXJfMTM0OF81OTY1MikiLz4KPHBhdGggZD0iTTU1LjAxMDkgMTcuMTQ5MkM1NS4wMTA5IDE3LjA4MjIgNTUuMDEwOSAxNy4wNDg3IDU1LjAxMTkgMTcuMDIwNEM1NS4wNDE2IDE2LjIyODYgNTUuNjc2NyAxNS41OTM0IDU2LjQ2ODYgMTUuNTYzOEM1Ni40OTY5IDE1LjU2MjcgNTYuNTMwMyAxNS41NjI3IDU2LjU5NzMgMTUuNTYyN0g1Ni45MDM4QzYwLjQ1ODIgMTUuNTYyNyA2My4zMzk3IDE4LjQ0NDIgNjMuMzM5NyAyMS45OTg2QzYzLjMzOTcgMjUuNTUzMSA2MC40NTgyIDI4LjQzNDUgNTYuOTAzOCAyOC40MzQ1SDU2LjU5NzNDNTYuNTMwMyAyOC40MzQ1IDU2LjQ5NjkgMjguNDM0NSA1Ni40Njg2IDI4LjQzMzVDNTUuNjc2NyAyOC40MDM4IDU1LjA0MTYgMjcuNzY4NyA1NS4wMTE5IDI2Ljk3NjhDNTUuMDEwOSAyNi45NDg1IDU1LjAxMDkgMjYuOTE1IDU1LjAxMDkgMjYuODQ4MVYxNy4xNDkyWiIgZmlsbD0idXJsKCNwYWludDVfbGluZWFyXzEzNDhfNTk2NTIpIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8xMzQ4XzU5NjUyKSI+CjxwYXRoIGQ9Ik0yMS44ODc1IDcuMzg0NzRDMjEuODg3NSA2LjUzNjY0IDIxLjg4NzUgNi4xMTI1OSAyMi4wNTI2IDUuNzg4NjZDMjIuMTk3OCA1LjUwMzcyIDIyLjQyOTQgNS4yNzIwNiAyMi43MTQ0IDUuMTI2ODdDMjMuMDM4MyA0Ljk2MTgyIDIzLjQ2MjQgNC45NjE4MiAyNC4zMTA1IDQuOTYxODJIMjcuNzkzNEMyOC42NDE1IDQuOTYxODIgMjkuMDY1NiA0Ljk2MTgyIDI5LjM4OTUgNS4xMjY4N0MyOS42NzQ0IDUuMjcyMDYgMjkuOTA2MSA1LjUwMzcyIDMwLjA1MTMgNS43ODg2NkMzMC4yMTYzIDYuMTEyNTkgMzAuMjE2MyA2LjUzNjY0IDMwLjIxNjMgNy4zODQ3NEwzMC4yMTYzIDI0LjAyMzJDMzAuMjE2MyAyNC44NzEzIDMwLjIxNjMgMjUuMjk1MyAzMC4wNTEzIDI1LjYxOTNDMjkuOTA2MSAyNS45MDQyIDI5LjY3NDQgMjYuMTM1OSAyOS4zODk1IDI2LjI4MTFDMjkuMDY1NiAyNi40NDYxIDI4LjY0MTUgMjYuNDQ2MSAyNy43OTM0IDI2LjQ0NjFIMjQuMzEwNUMyMy40NjI0IDI2LjQ0NjEgMjMuMDM4MyAyNi40NDYxIDIyLjcxNDQgMjYuMjgxMUMyMi40Mjk1IDI2LjEzNTkgMjIuMTk3OCAyNS45MDQyIDIyLjA1MjYgMjUuNjE5M0MyMS44ODc2IDI1LjI5NTMgMjEuODg3NiAyNC44NzEzIDIxLjg4NzYgMjQuMDIzMkwyMS44ODc1IDcuMzg0NzRaIiBmaWxsPSJ1cmwoI3BhaW50Nl9saW5lYXJfMTM0OF81OTY1MikiLz4KPHBhdGggZD0iTTMyLjQ4NzggNC41NjA1QzMyLjQ4NzggNC40OTM1NCAzMi40ODc4IDQuNDYwMDYgMzIuNDg4OSA0LjQzMTc2QzMyLjUxODUgMy42Mzk4OCAzMy4xNTM3IDMuMDA0NzUgMzMuOTQ1NSAyLjk3NTEyQzMzLjk3MzggMi45NzQwNiAzNC4wMDczIDIuOTc0MDYgMzQuMDc0MyAyLjk3NDA2QzM0LjM1ODggMi45NzQwNiAzNC41MDExIDIuOTc0MDYgMzQuNjIxNCAyLjk3ODU2QzM3Ljk4NjkgMy4xMDQ0OSA0MC42ODYyIDUuMzE0NjcgNDAuODEyMSA4LjY4MDE4QzQwLjgxNjYgOC44MDA0NiA0MC44MTY2IDkuMDg1NTEgNDAuODE2NiA5LjM3MDA3VjE5LjcwMzhDNDAuODE2NiAxOS45ODgzIDQwLjgxNjYgMjAuMTMwNiA0MC44MTIxIDIwLjI1MDlDNDAuNjg2MiAyMy42MTY0IDM3Ljk4NjkgMjYuMzE1NyAzNC42MjE0IDI2LjQ0MTZDMzQuNTAxMSAyNi40NDYxIDM0LjM1ODggMjYuNDQ2MSAzNC4wNzQzIDI2LjQ0NjFDMzQuMDA3MyAyNi40NDYxIDMzLjk3MzggMjYuNDQ2MSAzMy45NDU1IDI2LjQ0NUMzMy4xNTM3IDI2LjQxNTQgMzIuNTE4NSAyNS43ODAzIDMyLjQ4ODkgMjQuOTg4NEMzMi40ODc4IDI0Ljk2MDEgMzIuNDg3OCAyNC45MjY2IDMyLjQ4NzggMjQuODU5N1Y0LjU2MDVaIiBmaWxsPSJ1cmwoI3BhaW50N19saW5lYXJfMTM0OF81OTY1MikiLz4KPHBhdGggZD0iTTQzLjA4ODEgNy4zODQ3NEM0My4wODgxIDYuNTM2NjQgNDMuMDg4MSA2LjExMjU5IDQzLjI1MzEgNS43ODg2NkM0My4zOTgzIDUuNTAzNzIgNDMuNjMgNS4yNzIwNiA0My45MTQ5IDUuMTI2ODdDNDQuMjM4OSA0Ljk2MTgyIDQ0LjY2MjkgNC45NjE4MiA0NS41MTEgNC45NjE4Mkg0OC45OTRDNDkuODQyMSA0Ljk2MTgyIDUwLjI2NjEgNC45NjE4MiA1MC41OSA1LjEyNjg3QzUwLjg3NSA1LjI3MjA2IDUxLjEwNjYgNS41MDM3MiA1MS4yNTE4IDUuNzg4NjZDNTEuNDE2OSA2LjExMjU5IDUxLjQxNjkgNi41MzY2NCA1MS40MTY5IDcuMzg0NzRMNTEuNDE2OSAyNC4wMjMyQzUxLjQxNjkgMjQuODcxMyA1MS40MTY5IDI1LjI5NTMgNTEuMjUxOCAyNS42MTkzQzUxLjEwNjcgMjUuOTA0MiA1MC44NzUgMjYuMTM1OSA1MC41OTAxIDI2LjI4MTFDNTAuMjY2MSAyNi40NDYxIDQ5Ljg0MjEgMjYuNDQ2MSA0OC45OTQgMjYuNDQ2MUg0NS41MTFDNDQuNjYyOSAyNi40NDYxIDQ0LjIzODkgMjYuNDQ2MSA0My45MTQ5IDI2LjI4MTFDNDMuNjMgMjYuMTM1OSA0My4zOTgzIDI1LjkwNDIgNDMuMjUzMiAyNS42MTkzQzQzLjA4ODEgMjUuMjk1MyA0My4wODgxIDI0Ljg3MTMgNDMuMDg4MSAyNC4wMjMyTDQzLjA4ODEgNy4zODQ3NFoiIGZpbGw9InVybCgjcGFpbnQ4X2xpbmVhcl8xMzQ4XzU5NjUyKSIvPgo8cGF0aCBkPSJNMC42ODY5ODEgNy4zODQ3NEMwLjY4Njk4MSA2LjUzNjY0IDAuNjg2OTgxIDYuMTEyNTkgMC44NTIwMzMgNS43ODg2NkMwLjk5NzIxNiA1LjUwMzcyIDEuMjI4ODggNS4yNzIwNiAxLjUxMzgyIDUuMTI2ODdDMS44Mzc3NSA0Ljk2MTgyIDIuMjYxOCA0Ljk2MTgyIDMuMTA5OSA0Ljk2MTgySDYuNTkyODVDNy40NDA5NSA0Ljk2MTgyIDcuODY1IDQuOTYxODIgOC4xODg5MyA1LjEyNjg3QzguNDczODcgNS4yNzIwNiA4LjcwNTU0IDUuNTAzNzIgOC44NTA3MiA1Ljc4ODY2QzkuMDE1NzcgNi4xMTI1OSA5LjAxNTc3IDYuNTM2NjQgOS4wMTU3NyA3LjM4NDc0TDkuMDE1NzkgMjQuMDIzMkM5LjAxNTc5IDI0Ljg3MTMgOS4wMTU3OSAyNS4yOTUzIDguODUwNzQgMjUuNjE5M0M4LjcwNTU1IDI1LjkwNDIgOC40NzM4OSAyNi4xMzU5IDguMTg4OTUgMjYuMjgxMUM3Ljg2NTAyIDI2LjQ0NjEgNy40NDA5NyAyNi40NDYxIDYuNTkyODcgMjYuNDQ2MUgzLjEwOTkyQzIuMjYxODIgMjYuNDQ2MSAxLjgzNzc3IDI2LjQ0NjEgMS41MTM4MyAyNi4yODExQzEuMjI4OSAyNi4xMzU5IDAuOTk3MjM0IDI1LjkwNDIgMC44NTIwNSAyNS42MTkzQzAuNjg2OTk5IDI1LjI5NTMgMC42ODY5OTkgMjQuODcxMyAwLjY4Njk5OSAyNC4wMjMyTDAuNjg2OTgxIDcuMzg0NzRaIiBmaWxsPSJ1cmwoI3BhaW50OV9saW5lYXJfMTM0OF81OTY1MikiLz4KPHBhdGggZD0iTTExLjI4NzMgNC41NjA1QzExLjI4NzMgNC40OTM1NCAxMS4yODczIDQuNDYwMDYgMTEuMjg4MyA0LjQzMTc2QzExLjMxOCAzLjYzOTg4IDExLjk1MzEgMy4wMDQ3NSAxMi43NDUgMi45NzUxMkMxMi43NzMzIDIuOTc0MDYgMTIuODA2OCAyLjk3NDA2IDEyLjg3MzcgMi45NzQwNkgxMy4xODAyQzE2LjczNDYgMi45NzQwNiAxOS42MTYxIDUuNTA5MTYgMTkuNjE2MSA5LjA2MzZDMTkuNjE2MSAxMi42MTggMTYuNzM0NiAxNS44NDU4IDEzLjE4MDIgMTUuODQ1OEgxMi44NzM3QzEyLjgwNjggMTUuODQ1OCAxMi43NzMzIDE1Ljg0NTggMTIuNzQ1IDE1Ljg0NDhDMTEuOTUzMSAxNS44MTUxIDExLjMxOCAxNS4xOCAxMS4yODgzIDE0LjM4ODFDMTEuMjg3MyAxNC4zNTk4IDExLjI4NzMgMTQuMzI2MyAxMS4yODczIDE0LjI1OTRWNC41NjA1WiIgZmlsbD0idXJsKCNwYWludDEwX2xpbmVhcl8xMzQ4XzU5NjUyKSIvPgo8cGF0aCBkPSJNNTMuNjk3OCAxNS4xMjMyQzUzLjY5NzggMTUuMDU2MyA1My42OTc4IDE1LjAyMjggNTMuNjk4OSAxNC45OTQ1QzUzLjcyODUgMTQuMjAyNiA1NC4zNjM3IDEzLjU2NzUgNTUuMTU1NiAxMy41Mzc4QzU1LjE4MzkgMTMuNTM2OCA1NS4yMTczIDEzLjUzNjggNTUuMjg0MyAxMy41MzY4SDU1LjU5MDhDNTkuMTQ1MiAxMy41MzY4IDYyLjAyNjYgMTYuNDE4MiA2Mi4wMjY2IDE5Ljk3MjdDNjIuMDI2NiAyMy41MjcxIDU5LjE0NTIgMjYuNDA4NSA1NS41OTA4IDI2LjQwODVINTUuMjg0M0M1NS4yMTczIDI2LjQwODUgNTUuMTgzOSAyNi40MDg1IDU1LjE1NTYgMjYuNDA3NUM1NC4zNjM3IDI2LjM3NzkgNTMuNzI4NSAyNS43NDI3IDUzLjY5ODkgMjQuOTUwOEM1My42OTc4IDI0LjkyMjUgNTMuNjk3OCAyNC44ODkxIDUzLjY5NzggMjQuODIyMVYxNS4xMjMyWiIgZmlsbD0idXJsKCNwYWludDExX2xpbmVhcl8xMzQ4XzU5NjUyKSIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTM0OF81OTY1MiIgeDE9IjI1Ljc0NTUiIHkxPSIyNS4zNDI0IiB4Mj0iMzQuMDIyOSIgeTI9IjIzLjc0MjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzQxQUVBQyIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzMjZDQkUiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzEzNDhfNTk2NTIiIHgxPSIzNi4zNDU4IiB5MT0iMjUuMzQyNCIgeDI9IjQ0LjYyMzIiIHkyPSIyMy43NDIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0MUFFQUMiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzI2Q0JFIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhcl8xMzQ4XzU5NjUyIiB4MT0iNDYuOTQ2IiB5MT0iMjUuMzQyNCIgeDI9IjU1LjIyMzQiIHkyPSIyMy43NDIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0MUFFQUMiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzI2Q0JFIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQzX2xpbmVhcl8xMzQ4XzU5NjUyIiB4MT0iNC41NDQ5MSIgeTE9IjI1LjM0MjQiIHgyPSIxMi44MjIzIiB5Mj0iMjMuNzQyMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNDFBRUFDIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzMyNkNCRSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50NF9saW5lYXJfMTM0OF81OTY1MiIgeDE9IjE1LjE0NTIiIHkxPSIxNi4xNTU1IiB4Mj0iMjIuNzgyNyIgeTI9IjEzLjQ2MjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzQxQUVBQyIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzMjZDQkUiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDVfbGluZWFyXzEzNDhfNTk2NTIiIHgxPSI1Ny41NTU4IiB5MT0iMjYuNzE4MyIgeDI9IjY1LjE5MzMiIHkyPSIyNC4wMjU2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0MUFFQUMiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzI2Q0JFIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ2X2xpbmVhcl8xMzQ4XzU5NjUyIiB4MT0iNzkuNjY1MSIgeTE9IjI2LjkxNjciIHgyPSItOS41IiB5Mj0iMTUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzBCNjhCNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM2OTlCM0QiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDdfbGluZWFyXzEzNDhfNTk2NTIiIHgxPSI3OS42NjUxIiB5MT0iMjYuOTE2NyIgeDI9Ii05LjUiIHkyPSIxNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMEI2OEI1Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzY5OUIzRCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50OF9saW5lYXJfMTM0OF81OTY1MiIgeDE9Ijc5LjY2NTEiIHkxPSIyNi45MTY3IiB4Mj0iLTkuNSIgeTI9IjE1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwQjY4QjUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjk5QjNEIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ5X2xpbmVhcl8xMzQ4XzU5NjUyIiB4MT0iNzkuNjY1MSIgeTE9IjI2LjkxNjciIHgyPSItOS41IiB5Mj0iMTUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzBCNjhCNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM2OTlCM0QiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDEwX2xpbmVhcl8xMzQ4XzU5NjUyIiB4MT0iNzkuNjY1MSIgeTE9IjI2LjkxNjciIHgyPSItOS41IiB5Mj0iMTUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzBCNjhCNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM2OTlCM0QiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDExX2xpbmVhcl8xMzQ4XzU5NjUyIiB4MT0iNzkuNjY1MSIgeTE9IjI2LjkxNjciIHgyPSItOS41IiB5Mj0iMTUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzBCNjhCNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM2OTlCM0QiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K);
    background-position: left center;
    background-size: contain;
  }
  .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: 0 18px;
    margin-left: 14px;
    font-size: 12px;
    background-color: transparent;
    border: 1px solid #2D8489;
  }
  .header-container .login-btn > svg {
    font-size: 14px;
  }
}

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

.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: #0E2D31;
  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;
}
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: 1152px;
  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 (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%;
  }
}

.collection-item-1 {
  position: relative;
  display: block;
  padding: 16px;
  background-color: #101D20;
  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: #99BABE;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 99px;
  background-color: #0E2D31;
}
.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: #2D8489;
}
.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: #99BABE;
  background-color: #0E2D31;
  border-radius: 999px;
  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: #F0F0F0;
  background-color: #2D8489;
}
.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: #2D8489;
  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: #101D20;
  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: #6AA5A4;
  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: #101D20;
  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: #101D20;
  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 #0E2D31;
}
.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, #0E2D31 -20.01%, #101D20 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 #2D8489;
  background-color: #2D8489;
}
.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: #0B3940;
}
.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: #074A53;
}
.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;
  }
}

.top-story-page .left-side .left-side-list {
  border: 1px solid #0B3940;
  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: #0E2D31;
  border-radius: 20px;
}
.top-story-page .left-side .left-side-item.active a,
.top-story-page .left-side .left-side-item:hover a {
  color: #6AA5A4;
}
.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: #B4C4C6;
}
.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: #101D20;
  }
  .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: #0E2D31;
  }
  .top-story-page .left-side .left-side-item.active a {
    color: #6AA5A4;
  }
  .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;
  }
}

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

.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 #0E2D31;
  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: #0E2D31;
  border-color: currentcolor;
}
.rc-pagination-item:focus,
.rc-pagination-item:hover {
  border-color: #0B3940;
}
.rc-pagination-item {
  border-color: #0B3940;
  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: #0B3940;
}
.rc-pagination-item-active a {
  height: 100%;
  color: #F0F0F0;
  background-color: #0B3940;
}
.rc-pagination-item-active:focus,
.rc-pagination-item-active:hover {
  border-color: #0B3940;
}
.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: #0B3940 !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: #111617;
  border-color: #035B66;
}
.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: #0B3940;
  color: #6AA5A4;
}
.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: #DEBDA5;
  white-space: pre-line;
  border-radius: 8px;
  word-break: break-word;
  background: #035B66;
  border: 1px solid #DEBDA5;
}
.sl-form .sl-form-item .sl-form-field-label {
  display: block;
  text-align: center;
  color: #B4C4C6;
  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 #035B66;
  border-radius: 8px;
  padding: 0 16px;
  color: #B4C4C6;
  background-color: transparent;
}
.sl-form .sl-form-item textarea {
  display: block;
  width: 100%;
  height: 192px;
  margin-top: 8px;
  border: 1px solid #035B66;
  border-radius: 8px;
  padding: 16px;
  color: #B4C4C6;
  resize: none;
  outline: none;
  background-color: transparent;
}
.sl-form .sl-form-item .selector {
  margin-top: 8px;
  border: 1px solid #035B66;
  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, #0B3940 0%, #101D20 100%);
  border: 1px solid #035B66;
  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: #BE525D;
}
.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='%23BE525D' 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 #035B66;
  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;
}

.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: #156F77;
  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='%23111617' 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: #6AA5A4;
}
.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='%236AA5A4' 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 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: #101D20;
  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: #6AA5A4;
  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: #111617;
  z-index: 999999999;
  overflow: hidden;
}
.breakdown-container .header {
  color: #99BABE;
  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(14, 45, 49, 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: #DEBDA5 !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: #DEBDA5;
  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: #074A53;
  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: #0E2D31;
}
.vote-detail .type2 {
  position: relative;
  display: flex;
  width: 100%;
  margin-top: 16px;
  padding: 11px 12px;
  border-radius: 8px;
  background-color: #0E2D31;
}
.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: #101D20;
  border-radius: 8px;
}
.vote-detail .vote-detail-func {
  flex: 1 1;
}
.vote-detail .vote-detail-func .letter {
  display: block;
  color: #DEBDA5;
  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(14, 45, 49, 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: #DEBDA5 !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: #DEBDA5;
  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: #074A53;
  border-radius: 14px;
}
.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 #0B3940;
}
.vote-detail .breakdown-btn svg {
  transform: translateY(6px);
}
@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;
  }
}

.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: #111617;
}
.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 p {
  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 .join {
  display: block;
  margin-top: 8px;
  text-align: right;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
.personality-header .join a {
  color: #2D8489;
  cursor: pointer;
}
.personality-header .join svg {
  transform: translateY(2px);
  color: #2D8489 !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: #101D20;
  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: #035B66;
}
.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: #DEBDA5;
}
.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: #6AA5A4;
}
.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 #2D8489;
  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: #035B66;
  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: #B4C4C6;
  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 #2D8489;
  color: #2D8489;
}
.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: #0B3940;
  border-radius: 16px;
}
.profile-list-filter-drawer {
  z-index: 9999999999;
}

.profile .profile-filter {
  background-color: #111617;
}
.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 #2D8489;
  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: #2D8489 !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 #0B3940;
  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: #074A53;
  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: #2D8489;
}
.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: #111617;
}
.profile .filter-from-mobile .more-filter {
  margin-left: 16px;
  font-size: 16px;
  color: #8C8C8C;
  cursor: pointer;
}
.profile .filter-from-mobile .more-filter.expand {
  color: #2D8489;
}
.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: #111617;
  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 #0E2D31;
}
.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: #074A53;
  color: #F0F0F0;
}
.profile .community {
  position: relative;
  margin-top: 18px;
  border: 2px solid #035B66;
  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: #111617;
  padding: 0 2px;
  font-size: 12px;
  border-radius: 8px;
}
.profile .community .community-title {
  font-size: 24px;
  color: #2D8489;
}
.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: #101D20;
}
.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: #111617;
}
.profile .add-container .add-btn {
  display: inline-block;
  color: #C8BAAA;
  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 .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: #6AA5A4;
  background-color: #0B3940;
}
.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: #6AA5A4;
}
@media (max-width: 1024px) {
  .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 16px;
  }
  .profile .profile-filter {
    display: none;
  }
  .profile .profile-personality-filter {
    margin-top: 8px;
    padding-left: 0;
  }
  .profile .profile-personality-filter .selector:not(.personality-16) {
    width: 160px;
  }
  .profile .add-container .add-btn {
    margin-top: 12px;
  }
  .profile .join-discussion {
    margin-bottom: 24px;
    margin-left: 0;
  }
  .profile .filter-from-mobile {
    display: block;
  }
  .profile .pc-recommend {
    display: none;
  }
  .profile .community {
    margin-top: 0;
  }
  .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;
  }
}

.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: #111617;
}
.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: #0E2D31;
}
.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: #0E2D31;
  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: #B4C4C6;
  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;
  padding-left: 16px;
  color: #99BABE;
}
.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: #0E2D31;
}
.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: #074A53;
  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: #074A53;
  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 #0E2D31;
  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: #F0F0F0;
  background-color: #074A53;
}
.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 #0B3940;
  border-radius: 17px;
  padding: 6px 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  color: #2D8489;
  cursor: pointer;
}
.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: #101D20;
}
.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: #074A53;
}
.comment-wrapper .local-search-page .local-search-result {
  background-color: #111617;
}
@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 #0E2D31;
    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;
  }
}

.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: #101D20;
  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: #111617;
}
.profile-detail .vote .vote-count {
  display: inline-block;
  margin-left: 16px;
}
.profile-detail .vote .vote-count h2 {
  display: inline-block;
  font-size: 20px;
  line-height: 24px;
  color: #99BABE;
  vertical-align: middle;
}
.profile-detail .vote .vote-count svg {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  transform: translateY(-3px);
  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: #2D8489;
}
.profile-detail .vote .vote-btn:after {
  content: '';
  clear: both;
}
.profile-detail .comment-wrapper {
  margin-top: 32px;
}
.profile-detail .relate-profile {
  padding: 8px 0;
  border-radius: 16px;
  border: 1px solid #0B3940;
}
.profile-detail .relate-profile .relate-profile-title {
  color: #99BABE;
  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: #0E2D31;
}
.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 #0B3940;
  background-color: #111617;
}
.profile-detail .community-discussion .community-discussion-title {
  color: #99BABE;
  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: #F5F5F5;
  border: 1px solid #2D8489;
  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: #F5F5F5;
  background-color: #2D8489;
}
.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(11, 57, 64, 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: #0B3940;
}
.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 {
  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: #2D8489;
  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: #101D20;
  border: 1px dashed #0B3940;
  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: #2D8489;
  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: #101D20;
  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 #035B66;
}
.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 #035B66;
  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 #035B66;
}
.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 .vote-btn {
    margin-right: 16px;
    padding: 5px 6px !important;
  }
  .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 h2 {
    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: 0;
    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;
  }
  .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;
  }
}

.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 #2D8489;
  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: #035B66;
}
.suggestion-module .suggestion-module-filter .selector svg path {
  fill: #035B66;
}
.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: #111617;
}
.faq .rc-tabs-tab-btn {
  outline: none;
}

.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 #035B66;
}
.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, #0E2D31 -20.01%, #101D20 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: #101D20;
  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 #0B3940;
  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: #2D8489;
  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;
  }
}

.user-card {
  position: relative;
  display: flex;
  padding: 16px;
  background: #101D20;
  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;
  }
}

.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 {
  background-color: #074A53;
  color: #F0F0F0;
}
.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: #F0F0F0;
  background-color: #074A53;
}
.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: #2D8489;
}
.search-page .search-container-title {
  flex-basis: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #B4C4C6;
  margin-bottom: 14px;
}
.search-page .view-other-type {
  margin-top: 16px;
  flex-basis: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #B4C4C6;
  text-align: center;
  border: 1.5px solid #101D20;
  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='%23B4C4C6' 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: #101D20;
  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;
  }
}

.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: #101D20;
  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: #035B66;
}
.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: #B4C4C6;
  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: #035B66;
}
.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 #035B66;
}
.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: #035B66;
}
.post-module .post-module-filter1 .selector svg path {
  fill: #035B66;
}
.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: #101D20;
  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 #0E2D31;
}
.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: #0E2D31;
}
.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 #035B66;
}
.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: #035B66;
}
.vote-module .vote-module-filter1 .selector svg path {
  fill: #035B66;
}
.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 #035B66;
}
.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 #035B66;
}
.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: #101D20;
  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: #0E2D31;
}
.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: #101D20;
  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: #B4C4C6;
  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 #0E2D31;
}
@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: #101D20;
    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("/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: #99BABE;
  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: #101D20;
  background-image: url("/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: #101D20;
}
.person .person-top .person-top-level .chat-btn {
  float: right;
  margin-right: 8px;
  width: 90px;
  height: 32px;
  right: 130px;
  border: 1px solid #2D8489;
  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: #99BABE;
  font-size: 12px;
  border: 1px solid #2D8489;
  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: #2D8489;
  border: 1px solid #2D8489;
  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: #99BABE !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 #101D20;
  position: relative;
}
.person .person-top .avatar-container .personality-page {
  display: block;
  background: rgba(109, 109, 109, 0.3);
  border: 1px solid #2D8489;
  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: #035B66;
  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 #0B3940;
  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: #2D8489;
}
.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='%232D8489'/%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: #0B3940;
  transform: translateY(-50%);
}
.person .person-left .points .points-item {
  margin-top: 14px;
}
.person .on-boarding .prompt {
  color: #2D8489;
  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: #101D20;
  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: #0B3940;
}
.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%, #111617 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: #2D8489;
}
.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: #111617;
}
.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: #074A53;
}
.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: #035B66;
}
.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: #BE525D;
}
.person-dropdown-menu-list li:hover {
  background-color: #074A53;
}
@media (max-width: 768px) {
  .person .person-top {
    background-image: url("/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: #111617;
  }
  .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 #111617;
  }
  .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;
  }
}

.ignore-users .ignore-user-title {
  font-size: 16px;
  color: #99BABE;
}
.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 #0B3940;
  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: #0E2D31;
}
.setting .setting-sider .setting-sider-item:hover label,
.setting .setting-sider .setting-sider-item.active label {
  color: #6AA5A4;
}
.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 #0B3940;
  }
}

.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: #111617;
  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: #B4C4C6;
}
.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;
}
.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 .subcategory-card:after,
.mobile-search-page .search-context .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");
}
.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: #B4C4C6;
}
.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-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: #0E2D31;
}
.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: #2D8489;
}
.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;
  }
}

.board-tool .back-btn {
  display: none;
}
.board-tool .left-side .title {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: #B4C4C6;
  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: #101D20;
  border-radius: 16px;
}
.board-tool .tools .board-block .block-content a svg {
  font-size: 32px;
  color: #2D8489;
}
.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: #DEBDA5;
  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 #0B3940;
    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: #0B3940;
  }
  .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: #101D20;
  }
  .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: #035B66;
  }
  .board-tool .left-side .tools .board-block .block-content a.active {
    background-color: #0E2D31;
  }
  .board-tool .left-side .tools .board-block .block-content a.active svg {
    color: #2D8489;
  }
  .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: #0B3940;
  }
  .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: #101D20;
  }
  .board-tool .left-side .audit-log:hover label {
    color: #BFBFBF;
  }
  .board-tool .left-side .audit-log:hover svg {
    color: #035B66;
  }
  .board-tool .left-side .audit-log.active {
    background-color: #0E2D31;
  }
  .board-tool .left-side .audit-log.active svg {
    color: #2D8489;
  }
  .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;
  }
}

.create-post {
  padding: 16px 18px;
  border: 1px solid #0B3940;
  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 #035B66 !important;
  background-color: transparent !important;
}

.topic-box {
  padding: 8px 0;
  border: 1.5px solid #0B3940;
  border-radius: 16px;
  overflow: hidden;
  background-color: #111617;
}
.topic-box .topic-box-title {
  color: #B4C4C6;
  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: #B4C4C6;
  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: #F0F0F0;
  background-color: #2D8489;
  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 #101D20;
  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, #CEA05A 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: #111617;
}
.community-page .feed-type label {
  position: relative;
  font-size: 20px;
  color: #99BABE;
  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: #2D8489;
}
.community-page .feed-type .feed-type-items-container {
  padding: 10px 0;
  background-color: #111617;
}
.community-page .feed-type .feed-type-items-container .feed-type-items {
  border-radius: 16px;
  background-color: #0E2D31;
}
.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: #F0F0F0;
  background: #074A53;
  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: #DEBDA5;
}
.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 #0E2D31;
    border-radius: 8px;
    background-color: #111617;
  }
  .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: #074A53;
    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, #CEA05A 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: #111617;
}
.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: #DEBDA5;
  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 #0B3940;
  border-radius: 16px;
  margin-bottom: 16px;
}
.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: #2D8489;
  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='%232D8489'/%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 #0B3940;
}
.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 #0B3940;
  border-radius: 8px;
  background-color: #111617;
}
.post-page .feed-type label {
  padding: 5px 16px;
  color: #8C8C8C;
  font-size: 18px;
  cursor: pointer;
}
.post-page .feed-type label.active {
  background: #074A53;
  border-radius: 8px;
  color: #F0F0F0;
}
.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: #F0F0F0;
  background-color: #074A53;
}
.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 #0B3940;
  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%, #111617 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;
  }
}