._boxCosmic_h7w8c_1 {
  width: 100%;
  z-index: 3; /* set as a 'base': on the contrast to the 'Modal'*/
}
._boxAround_h7w8c_5 {
  width: 100%;
  z-index: 3; /* set as a 'base': on the contrast to the 'Modal'*/
}

._comWithinSign_h7w8c_10{
  width: 100%;
  z-index: 3; /* set as a 'base': on the contrast to the 'Modal'*/
}

._boxNavAround_h7w8c_15 {
  box-sizing: border-box;
  padding: 3.8vh 0.5vw 0;
}

._boxNavOptions_h7w8c_20 {
  min-width: 4.2vw;
  min-height: 7.6vh;
  position: fixed;
  top: 2vh;
  left: 2.7vw;
  box-sizing: border-box;
  z-index: 1;
}

._boxNavOptionsFrame_h7w8c_30 {
  min-width: 10vw; /* follow boxContentFilledLeft*/
  height: 100%;
  position: fixed;
  z-index: 2; /* set here no matter the children set or not(like boxNavOptions) */
}

._boxNavOptionsSelf_h7w8c_37 {
  background-color: #fff8f7;
}

._boxNavOptionsCosmic_h7w8c_41 {
  min-width: 4.2vw;
  min-height: 7.6vh;
  position: fixed;
  bottom: 31.59vh; /* base on position of IndexShare at Index */
  left: 2.7vw;
  box-sizing: border-box;
  z-index: 1;
}

._boxAroundContent_h7w8c_51 {
  display: flex;
  justify-content: space-around;
  width: 100%;
}

._boxAroundContentCenter_h7w8c_57 {
  min-width: 67vw;
}

._boxContentFilledLeft_h7w8c_61 {
  min-width: 10vw;
}

._boxContentFilledLeftSelf_h7w8c_65 { /* after boxContentFilledLeft */
  min-width: 11.38%;
}

._boxContentFilledRight_h7w8c_69 {
  min-width: 21.64vw;
}

._boxContentFilledRightSelf_h7w8c_73 { /* after boxContentFilledRight */
  min-width: 20.5%;
}

._boxSelfContent_h7w8c_77 {
  box-sizing: border-box;
}

._boxWithinSign_h7w8c_81 {
  width: 70vw;
  margin-left: 10vw;
  margin-right: 20vw;
}

._boxNavCosmic_h7w8c_87 {
  width: 100%;
  margin-bottom: 6.3vh;
  z-index: 3;
}

._boxNavCosmicJust_h7w8c_93 {
  flex: 1;
  width: 157.656px; /* this, is the width of the bottome sentence: 'Cornerth. All Rights Reserved.' */
  margin-bottom: 7.6vh;
}

@media screen and (min-width:1110px) {
  ._boxNavAround_h7w8c_15 {
    width: 20vw;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
  }

  ._boxNavAroundBgColor_h7w8c_108 {
    background-color: #fff8f7;
  }

  ._boxNavWithinSelf_h7w8c_112 { /* must 'after' the boxNavAround */
    background-color: transparent;
  }

  ._boxNavWithinCosmic_h7w8c_116 { /* must 'after' the boxNavAround */
    background-color: transparent;
  }

}

@media screen and (max-width:1110px) and (min-width: 860px) {
  ._boxAroundContentCenter_h7w8c_57 {
    width: calc(342px * 2 + 1.38vw * 4 + 1.38vw);
    min-width: 69.7vw; /*calc(32vw + 30.8vw + 1.38vw * 4 + 1.38vw)*/
  }

  ._boxContentFilledLeft_h7w8c_61 {
    min-width: 2.7vw;
  }

  ._boxContentFilledRight_h7w8c_69 {
    min-width: 11.5vw;
  }

  ._boxNavAround_h7w8c_15 {
    width: 11vw;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
  }

  ._boxNavAroundBgColor_h7w8c_108 {
    background-color: transparent;
  }

  ._boxNavWithinSelf_h7w8c_112 { /* must 'after' the boxNavAround */
    background-color: transparent;
  }

  ._boxNavWithinCosmic_h7w8c_116 { /* must 'after' the boxNavAround */
    width: 11vw;
    background-color: transparent;
  }

  ._boxNavOptionsFrame_h7w8c_30 {
    min-width: unset;
  }

  ._boxNavOptionsSelf_h7w8c_37 {
    background-color: unset;
  }
}

@media screen and (max-width:860px) {
  ._boxAroundUnitOpen_h7w8c_167 {
    position: absolute;
  }

  ._boxAroundContentCenter_h7w8c_57 {
    width: 94.24vw;
    max-width: 790px;
    min-width: unset;
    min-height: 87vh;
  }

  ._boxContentFilledLeft_h7w8c_61 {
    width: 0;
    min-width: 0; /* overlap basic setting, the 'width' is not enough for the min-width---which has higher priority*/
  }

  ._boxContentFilledRight_h7w8c_69 {
    width: 0;
    min-width: 0; /* overlap basic setting, the 'width' is not enough for the min-width---which has higher priority*/
  }

  ._boxNavAround_h7w8c_15 {
    width: 100%;
    position: sticky;
    padding: 6.46vh 0.5vw 2.66vh;
  }

  ._boxNavAroundBgColor_h7w8c_108 {
    background-color: #fff8f7;
  }

  ._boxNavWithinSelf_h7w8c_112 { /* must 'after' the boxNavAround */
    background-color: #fff8f7;
  }

  ._boxNavWithinCosmic_h7w8c_116 { /* must 'after' the boxNavAround */
    width: 100%;
    height: unset;
    position: sticky;
    bottom: unset;
    background-color: #fff8f7;
  }

  ._boxNavOptions_h7w8c_20 {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: unset;
    position: sticky;
    top: 0;
    left: 0;
    padding: 2.53vh 0 0;
  }

  ._boxNavOptionsFrame_h7w8c_30 {
    min-width: unset; /* back to NavOptions */
    height: unset; /* back to NavOptions */
    position: relative;
  }

  ._boxNavOptionsSelf_h7w8c_37 {
    background-color: unset;
  }

  ._boxNavOptionsCosmic_h7w8c_41 {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: unset;
    position: sticky;
    top: 0;
    bottom: unset;
    left: 0;
    padding-top: 2.53vh;
  }

  ._boxWithinSign_h7w8c_81 {
    min-height: calc(85.94vh - 67px);
    margin: 0 auto;
  }
}
._comNavWithin_xivze_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

._boxLogo_xivze_11 {
  width: 73%;
  max-width: 27vw;
  min-width: 9vw;
  box-sizing: border-box;
  margin-bottom: 2.66vh;
  mix-blend-mode: darken;
  text-align: center;
  cursor: pointer;
}

._boxFooter_xivze_22 {
  position: relative;
  margin-bottom: 2.66vh;
}

._boxRightsClaim_xivze_27 {
  margin-top: 3rem;
  text-align: center;
}

._comNavWithinSelf_xivze_32 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

._comNavWithinCosmic_xivze_39 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 90.52px;
  height: 100%;
  float: right;
}

._boxNavLink_xivze_48 {
  display: inline-block;
  box-sizing: border-box;
  border: solid 1px #a3a3a3;
  border-radius: 8px;
  padding: 4px 13px 6px;
}

._boxNavLinkMouseon_xivze_56 {
  border: solid 1px #444444;
}

._boxSvgArrow_xivze_60 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-right: 1rem;
}

._spanNavLink_xivze_67 {
  display: inline-block;
  cursor: pointer;
}

@media screen and (max-width:1110px) {
  ._boxRightsClaim_xivze_27 {
    text-align: right;
    margin-top: 16px;
  }
}

@media screen and (max-width:860px) {
  ._smallDisplayBox_xivze_80 {
    display: block;
  }

  ._smallDisplayNone_xivze_84 {
    display: none;
  }

  ._boxLogo_xivze_11 {
    margin-bottom: 5.32vh;
  }
}
._comNavOption_1uoqw_1 {

}

._boxNavOptionsSmall_1uoqw_5 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 2.88vw;
}

._boxNavSmall_1uoqw_11 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
}

._selfCom_NavOptions_svg__1uoqw_18 {
  position: relative;
  cursor: pointer;
}

._selfCom_NavOptions_ToolBox__1uoqw_23 {
  min-width: 180px;
  max-width: 80vw;
  position: absolute;
  top: 120%;
  box-sizing: border-box;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 0 4px 0 rgba(84, 84, 84, 0.45);
  background-color: #FFFFFF;
  cursor: default; /* block the 'pointer' setting inherit from parent*/
}

._boxHiddenLayer_1uoqw_36 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

._boxToolBoxExplore_1uoqw_44 {
  top: unset;
  bottom: 126%;
  left: -9%;
}

._boxOlist_1uoqw_50 {
  padding: 0 0 0.5rem 1rem;
  margin: 0 0 2rem;
  border-bottom: solid 1px #d8d8d8;
  list-style: none;
}

._boxLiItem_1uoqw_57 {
  margin-bottom: 1rem;
  cursor: pointer;
}

._boxLogout_1uoqw_62 {
  padding-left: 1rem;
}

._boxLogo_1uoqw_62 {
  width: 82px;
  position: absolute;
  transform: translate(0, -14px);
  box-sizing: border-box;
  cursor: pointer;
}

._boxBackBtn_1uoqw_74 {
  display: flex;
  align-items: baseline;
  position: relative;
  padding: 0 8px 0 0;
}

._boxSvgArrow_1uoqw_81 {
  display: inline-flex;
  justify-content: center;
  align-items: flex-end;
}

._boxLinkSwitchMouseOn_1uoqw_87 {
  width: 100%;
  height: 28px;
  position: absolute;
  top: 47%;
  transform: translate(0, -50%);
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #d8d8d8;
}

._boxSignupin_1uoqw_98 {
  display: block;
  box-sizing: border-box;
  padding: 5px 10px;
  border: 1.5px solid #a3a3a3;
  border-radius: 4px;
}

._boxSignupinMouseon_1uoqw_106 {
  border: 1.5px solid #444444;
}

._spanBtnText_1uoqw_110 {
  display: inline-block;
  position: relative;
}

@media screen and (max-width:860px) {
  ._comNavOption_1uoqw_1 {
    width: 100%;
  }

  ._selfCom_NavOptions_ToolBox__1uoqw_23{
    top: 136%;
    left: unset;
    right: 0;
  }

  ._boxToolBoxExplore_1uoqw_44 { /* back to selfCom_NavOptions_ToolBox_ */
    top: 136%;
    bottom: unset;
    left: unset;
  }
}
._comExplore_kdnax_1 {
  max-width: 99vw;
  box-sizing: border-box;
}

@media screen and (max-width:860px) {

}
._comWithinSign_136ql_1 {
  width: 100%;
}

._boxSignProcess_136ql_5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  position: relative;
  padding: 3.8vh 0 1.9vh;
}

._boxForm_136ql_14 {
  display: flex;
  flex-direction: column;
  width: 335px;
  max-width: 98vw;
}

._boxNav_136ql_21 {
  width: 100%;
  margin-bottom: 30px;
}

._boxTitle_136ql_26 {
  width: 100%;
  margin-bottom: 30px;
}

._boxIntro_136ql_31 {
  display: inline-flex;
  justify-content: space-between;
  align-self: center;
  width: 100%;
  margin-top: 6rem;
}

._comInvitation_136ql_39 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 400px;
  max-width: 98vw;
  padding-top: 11vh;
  margin-bottom: 7.6vh;
}

._comInvitation_136ql_39 p {
  margin: 8px 0;
}
._boxRow_iidr3_1 {
  position: relative;
  margin: 12px 0;
}

._boxTitle_iidr3_6 {
  margin: 8px 0;
}

._boxSelfTitle_iidr3_10 {
  display: flex;
  position: relative;
}

._boxTitleText_iidr3_15 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media screen and (min-width:860px) {
  ._boxSelfTitle_iidr3_10 {
    margin: 4.06vh 0 0;
  }
}

@media screen and (max-width:860px) {
  ._boxSelfTitle_iidr3_10 {
    margin: 2.79vh 0 0;
  }
}
._boxNail_59kh0_1 {
  box-sizing: border-box;
  margin: 8px 0;
  border-radius: 8px;
  box-shadow: 0 0 4px 0 rgba(84, 84, 84, 0.45);
  background-color: #FFFFFF;
  overflow: hidden;
}

._custNailWide_59kh0_10 {
  width: 100%;
}

._custFocusNailWide_59kh0_14 {
  width: 72%;
}

/* keep after the boxNail*/
._custNailWideEmpty_59kh0_19 {
  width: 100%;
  height: 289px;
  min-height: 36.6vh;
  box-shadow: unset;
  background-color: rgba(217, 232, 255, 0.15);
}

@media screen and (max-width:860px) {
  ._boxNail_59kh0_1 {
    width: 100%;
  }

  ._custNailWide_59kh0_10 {
    width: unset;
  }

  ._custFocusNailWide_59kh0_14 {
    width: 100%;
  }
}
._frameFixedWidth_vgvcj_1 {
  width: 520px;
  max-width: 90vw;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%,-50%);
  box-sizing: border-box;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);;
  border-radius: 4px;
  background-color: white;
}

._frameDialog_vgvcj_14 {
  display: flex;
  justify-content: center;
  align-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  min-height: 24rem;
  box-sizing: border-box;
  padding: 4rem 10% 3rem;
}

._boxCornerButton_vgvcj_25 {
  box-sizing: border-box;
  padding: 10px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align: center;
  cursor: pointer;
}

._spanButton_vgvcj_34 {

}
._comSinDialog_1cw2v_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  min-height: 24rem;
  box-sizing: border-box;
  padding: 4rem 10% 3rem;
}

._boxMessage_1cw2v_11 {
  overflow: auto;
}

._boxfoot_1cw2v_15 {
  margin: 3rem 0 0;
}

._spanMessage_1cw2v_19 {

}
._comSinCloseDialog_1riya_1 {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  width: 100%;
  min-height: 24rem;
  box-sizing: border-box;
  padding: 2rem 10% 3rem;
}

._boxMessage_1riya_12 {

}

._boxButton_1riya_16 {

}

._boxTop_1riya_20 {
  position: absolute;
  top: 0;
  right: 5%;
}

._spanMessage_1riya_26 {

}
._comBooleanDialog_1az8p_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  min-height: 24rem;
  box-sizing: border-box;
  padding: 4rem 10% 3rem;
}

._boxMessage_1az8p_11 {
  overflow: auto;
}

._boxfoot_1az8p_15 {
  margin: 3rem 0 0;
}

._spanMessage_1az8p_19 {

}
._comAtNode_e0z9v_1 {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

._boxRow_e0z9v_7 {
  position: relative;
  margin: 12px 0;
}

._boxTitle_e0z9v_12 {
  margin: 8px 0;
}

._boxTopTitle_e0z9v_16 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin: 7.61vh 0 5.07vh;
}

._boxFeedNav_e0z9v_24 {
  width: 100%;
  margin: 20px 0 -4px;
  position: relative;
}

._boxNodeTitle_e0z9v_30 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

@media screen and (max-width:860px) {

}
._comAroundWrapper_f79xz_1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 92vh; /* from height of NavOptions on small screen */
  position: relative;
  box-sizing: border-box;
}

._boxRow_f79xz_11 {
  position: relative;
  margin: 12px 0;
}

._boxFooter_f79xz_16 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top: 28px;
  margin-bottom: 36vh;
}

._boxTitle_f79xz_25 {
  margin: 8px 0;
}

._boxUnit_f79xz_29 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

._boxModule_f79xz_36{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

._boxModuleItem_f79xz_42 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

._boxFooterBtn_f79xz_49 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 78%;
  min-width: 274px;
  min-height: 28.6vh;
  padding: 32px 0 0;
}

._boxSetBtnSign_f79xz_60 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._spanFooterHint_f79xz_66 {
  margin: 8px 0;
}

._spanLink_f79xz_70 {
  display: inline-block;
  border-bottom: solid 0.75px transparent;
}

._spanLinkMouse_f79xz_75 {
  border-bottom: solid 0.75px #545454;
}

@media screen and (max-width:860px) {
  ._boxModuleSmall_f79xz_80 {
    justify-content: center;
    width: 100vw;
    max-width: 556px;
  }

  ._boxModuleItem_f79xz_42 {
    flex-direction: column;
    align-items: flex-start;
  }

  ._boxFooter_f79xz_16 {
    margin-bottom: 19vh;
  }
}
._comPathProject_190it_1 {
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  padding-top: 5.07vh;
}

._boxRow_190it_9 {
  position: relative;
  margin: 12px 0;
}

._boxTitle_190it_14 {
  margin: 8px 0;
}

._boxNavTop_190it_18 {
  display: flex;
  justify-content: flex-end;
  position: relative;
  padding: 1.4vh 0 0;
}

._boxRowNav_190it_25 {
  display: flex;
  flex-direction: column;
  margin: 12px 0 0;
}

._boxNavFeed_190it_31 {
  margin: -2px 0 0;
}

@media screen and (max-width:860px) {

}
._comSeeUser_vqkq1_1 {
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  padding-top: 5.07vh;
}

._boxRow_vqkq1_9 {
  position: relative;
  margin: 12px 0;
}

@media screen and (max-width:860px) {

}
._boxUnitFrame_1tbt8_1 {
  width: 100%;
  height: 100vh;
  position: relative;
  box-sizing: border-box;
}

._boxUnitSignFrame_1tbt8_8 {
  width: 100%;
  position: relative;
}

._boxUnitContent_1tbt8_13 {
  width: 100%;
  height: 100%;
}

@media screen and (max-width:860px) {
  ._boxUnitFrame_1tbt8_1 {
    height: unset;
    padding: 6.7vh 0 0; /* top from NavOptions in small screen */
  }

  ._boxUnitContent_1tbt8_13 {
    height: unset;
  }
}
::placeholder {
  color: #a3a3a3;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #a3a3a3;
}

._fontTitleSmall_3d4q2_9 {
  font-size: 1.2rem;
  line-height: 1.5;
}

._fontTitle_3d4q2_9 {
  font-size: 2.4rem;
}

._fontSubtitle_3d4q2_18 {
  font-size: 1.6rem;
}

._fontSubtitle_h5_3d4q2_22 {
  font-size: 1.6rem;
  line-height: 1.5;
}

._fontBold_3d4q2_27 {
  font-size: 1.4rem;
  font-weight: bold;
}

._fontContentPlain_3d4q2_32 {
  font-size: 1.4rem;
}

._fontContent_3d4q2_32 {
  font-size: 1.4rem;
  line-height: 1.5;
}


._colorWhite_3d4q2_42 {
  color: #FFFFFF;
}

._colorOrange_3d4q2_46 {
  color: #eb584e;
}

._colorStandard_3d4q2_50 {
  color: #ff8168;
}

._colorWhiteGrey_3d4q2_54 {
  color: #d8d8d8;
}

._colorGrey_3d4q2_58 {
  color: #a3a3a3;
}

._colorDarkGrey_3d4q2_62 {
  color: #979797;
}

._colorLightGrey_3d4q2_66 {
  color: #b8b8b8;
}

._colorEditBlack_3d4q2_70 {
  color: #545454;
}

._colorEditLightBlack_3d4q2_74 {
  color: #757575;
}

._colorDescripBlack_3d4q2_78 {
  color: #444444;
}

._colorSignBlack_3d4q2_82 {
  color: #3c4144;
}

._colorBlack_3d4q2_86 {
  color: #000000;
}

._colorBlack85_3d4q2_90 {
  color: rgba(0,0,0,0.85);
}
._boxUnitFrame_vmph0_1 {
  width: 100%;
  height: 100vh;
  position: relative;
  box-sizing: border-box;
}

._boxUnitSignFrame_vmph0_8 {
  width: 100%;
  position: relative;
}

._boxUnitContent_vmph0_13 {
  width: 100%;
  height: 100%;
}

._boxHiddenContent_vmph0_18 {
  display: none;
  position: absolute;
}

@media screen and (max-width:860px) {
  ._boxUnitFrame_vmph0_1 {
    height: unset;
    padding: 6.7vh 0 0; /* top from NavOptions in small screen */
  }

  ._boxUnitContent_vmph0_13 {
    height: unset;
  }

}
._boxUnitFrame_sbq97_1 {
  width: 100%;
  height: 100vh;
  position: relative;
  box-sizing: border-box;
}

._boxUnitSignFrame_sbq97_8 {
  width: 100%;
  position: relative;
}

._boxUnitContent_sbq97_13 {
  width: 100%;
  height: 100%;
}

@media screen and (max-width:1110px) and (min-width: 860px) {

}

@media screen and (max-width:860px) {
  ._boxUnitFrame_sbq97_1 {
    height: unset;
    padding: 6.7vh 0 0; /* top from NavOptions in small screen */
  }

  ._boxUnitContent_sbq97_13 {
    height: unset;
  }
}
._comAroundWrapper_spdlg_1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 92vh; /* from height of NavOptions on small screen */
  position: relative;
  box-sizing: border-box;
}

._boxRow_spdlg_11 {
  position: relative;
  margin: 12px 0;
}

._boxRowTop_spdlg_16 { /* should after .boxRow */
  padding-top: 4px;
}

._boxFooter_spdlg_20 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2rem;
}

._spanFooterHint_spdlg_27 {
  margin: 8px 0;
}

._boxNavFeed_spdlg_31 {
  width: 100%;
  top: 0;
  background-color: #FDFDFC;
}

._boxMainContent_spdlg_37 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 82%;
  position: sticky;
  z-index: 0;
}

._boxNavContent_spdlg_46 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #FDFDFC;
  z-index: 1;
}

._boxFeed_spdlg_55 {
  min-height: 75vh;
}

._boxIndexTitle_spdlg_59 {
  text-align: center;
}

._boxIndexShare_spdlg_63 {
  width: 100%;
  max-width: 335px;
}

@media screen and (min-width: 860px) {
  ._comAroundWrapper_spdlg_1 {
    padding: 22.54vh 0 0;
  }

  ._boxNavFeed_spdlg_31 {
    padding: 7vh 0 16px;
  }

  ._boxFooter_spdlg_20 {
    margin-bottom: 18vh;
  }

  ._boxIndexTitle_spdlg_59 {
    margin-bottom: 6rem;
  }
}

@media screen and (max-width:860px) {
  ._comAroundWrapper_spdlg_1 {
    padding: 15.46vh 0 0;
  }

  ._boxFooter_spdlg_20 {
    width: 100%;
    margin-bottom: 24vh;
  }

  ._boxNavFeed_spdlg_31 {
    padding: 2.28vh 0 16px;
  }

  ._boxIndexTitle_spdlg_59 {
    margin-bottom: 10.15vh;
  }

}
._comAtNode_dp7o7_1 {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

._boxRow_dp7o7_7 {
  position: relative;
  margin: 12px 0;
}

._boxTitle_dp7o7_12 {
  margin: 8px 0;
}

._boxTopTitle_dp7o7_16 {
  position: relative;
  margin: 7.61vh 0 5.07vh;
}

._boxFeedNav_dp7o7_21 {
  width: 100%;
  margin: 20px 0 -4px;
  position: relative;
}

._boxNodeTitle_dp7o7_27 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  width: 100%;
}

._boxNavTop_dp7o7_34 {
  display: flex;
  justify-content: flex-end;
  position: relative;
  padding: 1.4vh 0 0;
}

._boxDecoBottom_dp7o7_41 {
  height: 2.66vh;
  width: 80%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #FCFCFC;
}

@media screen and (max-width:860px) {

}
._comSigninForm_oo3ux_1 {
  width: 100%;
}

._boxInput_oo3ux_5 {
  position: relative;
}

._inputSign_oo3ux_9 {
  width: 100%;
  box-sizing: border-box;
  padding: 1.2rem 2rem;
  margin-bottom: 1rem;
  border: solid 1px #979797;
  border-radius: 5px;
}

._inputSignError_oo3ux_18 {
  border: solid 1px #eb584e;
}

._boxInputMes_oo3ux_22 {
  width: 100%;
  max-width: 25vw;
  position: absolute;
  right: 105.97%;
  top: 50%;
  transform: translate(0, -50%);
}

._boxWarning_oo3ux_31 {
  width: 100%;
  text-align: right;
  margin-top: 15px;
}

._boxSubmit_oo3ux_37 {
  width: 100%;
  height: 45px;
  margin-top: 5rem;
  border-radius: 4px;
  background-color: #d8d8d8;
}

._boxSubmitAllow_oo3ux_45 {
  background-color: #ff8168;
  cursor: pointer;
}

._boxAssist_oo3ux_50 {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

._spanTag_oo3ux_56 {
  display: block;
  margin-bottom: 8px;
}

._spanAssist_oo3ux_61 {
  display: inline-block;
  border-bottom: 1px solid #FCFCFC;
  cursor: pointer;
}

._spanAssistOnMouse_oo3ux_67 {
  border-bottom: 1px solid #545454;
}

@media screen and (max-width:860px) {
  ._boxInputMes_oo3ux_22 {
    max-width: unset;
    position: unset;
    right: unset;
    top: unset;
    transform: unset;
    margin-bottom: 1rem;
  }
}
._comSignupForm_1li61_1 {
  width: 100%;
}

._boxInput_1li61_5 {
  position: relative;
  margin-bottom: 1rem;
}

._inputSign_1li61_10 {
  width: 100%;
  box-sizing: border-box;
  padding: 1.2rem 2rem;
  border: solid 1px #979797;
  border-radius: 5px;
}

._inputSignError_1li61_18 {
  border: solid 1px #eb584e;
}

._inputSignGender_1li61_22 {
  width: 2rem;
  height: 2rem;
  margin: 0;
  border: solid 1px #979797;
}

._boxInputMes_1li61_29 {
  width: 100%;
  max-width: 25vw;
  position: absolute;
  right: 105.97%;
  top: 50%;
  transform: translate(0, -50%);
}

._boxWarning_1li61_38 {
  width: 100%;
  text-align: right;
}

._boxSubmit_1li61_43 {
  width: 100%;
  height: 45px;
  margin-top: 5rem;
  border-radius: 4px;
  background-color: #d8d8d8;
}

._boxSubmitAllow_1li61_51 {
  background-color: #ff8168;
  cursor: pointer;
}

._boxAssist_1li61_56 {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

._boxAccount_1li61_62 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}

._boxAccountSet_1li61_68 {
  width: 48%;
}

._boxGender_1li61_72 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}

._boxGenderSet_1li61_79 {
  display: flex;
  align-items: center;
}

._boxGenderOther_1li61_84 {
  width: 100%;
  text-align: right;
  margin-top: 10px;
}

._spanTag_1li61_90 {
  display: block;
  margin-bottom: 8px;
}

._spanRadio_1li61_95 {
  display: inline-block;
  margin-left: 1.6rem;
}

._spanGenderSelect_1li61_100 {
  border: solid 1px #979797;
  border-radius: 5px;
  margin-left: 1.5rem;
}

._spanAssist_1li61_106 {
  display: inline-block;
  border-bottom: 1px solid #FCFCFC;
  cursor: pointer;
}

._spanAssistOnMouse_1li61_112 {
  border-bottom: 1px solid #545454;
}

@media screen and (max-width:860px) {
  ._boxInputMes_1li61_29 {
    max-width: unset;
    position: unset;
    right: unset;
    top: unset;
    transform: unset;
    margin-top: 1rem;
  }
}
._comAroundWrapper_1lnsb_1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 92vh; /* from height of NavOptions on small screen */
  position: relative;
  box-sizing: border-box;
}

._boxRow_1lnsb_11 {
  position: relative;
  margin: 12px 0;
}

._boxRowTop_1lnsb_16 { /* should after .boxRow */
  padding-top: 4px;
}

._boxTitle_1lnsb_20 {
  margin: 8px 0;
}

._spanFooterHint_1lnsb_24 {
  margin: 8px 0;
}

._boxNavFeed_1lnsb_28 {
  width: 100%;
  top: 0;
  background-color: #FDFDFC;
}

._boxMainContent_1lnsb_34 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 82%;
  position: sticky;
  z-index: 0;
}

._boxNavContent_1lnsb_43 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #FDFDFC;
  z-index: 1;
}

._boxFeed_1lnsb_52 {
  min-height: 75vh;
}

._boxIndexTitle_1lnsb_56 {
  text-align: center;
}

._boxSetBtnSign_1lnsb_60 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._boxIntro_1lnsb_66 {
  align-self: flex-start;
  display: flex;
  align-items: center;
  width: 74%;
  height: 26vh;
  min-width: 324px;
  max-width: 640px;
  margin: 16px 0 36px;
  padding-right: 2.38vw;
  text-align: left;
}

._boxIntroSet_1lnsb_79 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 14.2vh 0  11.67vh;
}

._boxFooter_1lnsb_86 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top: 28px;
  margin-bottom: 36vh;
}

._boxFooterBtn_1lnsb_95 {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 78%;
  min-width: 274px;
  min-height: 31.6vh;
  padding: 32px 0 0;
}


@media screen and (min-width: 860px) {
  ._comAroundWrapper_1lnsb_1 {
    padding: 24.54vh 0 0;
  }

  ._boxNavFeed_1lnsb_28 {
    padding: 8vh 0 16px;
  }

  ._boxIndexTitle_1lnsb_56 {
    margin-bottom: 6rem;
  }
}

@media screen and (max-width:860px) {
  ._comAroundWrapper_1lnsb_1 {
    padding: 18vh 0 0;
  }

  ._boxNavFeed_1lnsb_28 {
    padding: 5.32vh 0 16px;
  }

  ._boxIndexTitle_1lnsb_56 {
    margin-bottom: 5rem;
  }

  ._boxIntro_1lnsb_66 {
    padding: 0 2.38vw;
  }

  ._boxFooter_1lnsb_86 {
    margin-bottom: 19vh;
  }
}
._comNavSign_1pf5v_1 {
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 0 6px;
}

._boxLinkSelfAlign_1pf5v_10 {
  display: inline-block;
  position: absolute;
  right: 6px;
  padding-left: 25px;
  border-left: solid 1px #d8d8d8;
}

._spanLinkSign_1pf5v_18 {
  cursor: pointer;
}
._comSelfWrapper_1tgoq_1 {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

._boxTopTitle_1tgoq_7 {
  position: relative;
  margin: 6.59vh 0 2.5vh;
}


@media screen and (max-width:860px) {

}
._fontNodesTitle_tdu8g_1 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}

._fontContent_tdu8g_7 {
  font-size: 1.4rem;
  line-height: 1.5;
}

._fontBold_tdu8g_12 {
  font-size: 1.4rem;
  font-weight: bold;
}

._colorWhite_tdu8g_17 {
  color: #ffffff
}

._colorEditBlack_tdu8g_21 {
  color: #545454;
}

._colorEditLightBlack_tdu8g_25 {
  color: #757575;
}

._colorStandard_tdu8g_29 {
  color: #ff8168;
}

._colorGrey_tdu8g_33 {
  color: #a3a3a3;
}

._colorDarkGrey_tdu8g_37 {
  color: #979797;
}
._frame_1yqgi_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}

._frameOnMouse_1yqgi_9 {

}

._boxContent_1yqgi_13 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 249px;
  min-height: 31.6vh;
  position: relative;
}

._boxContentMobile_1yqgi_23 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 289px;
  position: relative;
}

._boxImg_1yqgi_31 {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 4px;
  background-color: rgba(217, 232, 255, 0.15);
  overflow: hidden;
}

._boxImgIconandBack_1yqgi_40 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background-image: linear-gradient(to right, transparent 74%, rgba(68,68,68, 0.95));
}

._boxImgIcon_1yqgi_40 {
  height: 16%;
  position: relative;
  box-sizing: border-box;
  margin:  6% 5% 0 0;
}

._boxPreview_1yqgi_60 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

._boxTitle_1yqgi_67 {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
}

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

._boxAuthor_1yqgi_80 {
  max-width: 100%;
  margin-bottom: 16px;
}

._boxTitlePin_1yqgi_85 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
}

._frameWide_1yqgi_93 {
  padding: 16px 5.26vw;
}

._frameNarrow_1yqgi_97 {
  padding: 16px 2.38vw;
}
._frame_c6b10_1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  box-sizing: border-box;
  padding: 0.69vw;
}

._frameOnMouse_c6b10_10 {

}

._boxContent_c6b10_14 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 342px;
  min-width: 32vw;
  height: 249px;
  min-height: 31.6vh;
  position: relative;
  margin: 0.69vw;
}

._boxImg_c6b10_26 {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 4px;
  background-color: rgba(217, 232, 255, 0.15);
  overflow: hidden;
}

._boxImgIconandBack_c6b10_35 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background-image: linear-gradient(to right, transparent 74%, rgba(68,68,68, 0.95));
}

._boxImgIcon_c6b10_35 {
  height: 16%;
  position: relative;
  box-sizing: border-box;
  margin:  6% 5% 0 0;
}

._boxPreview_c6b10_55 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 70.68%;
}

._boxTitle_c6b10_63 {
  display: flex;
  width: 100%;
  box-sizing: border-box;
}

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

._boxAuthor_c6b10_75 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

._boxTitlePin_c6b10_81 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
}

@media screen and (max-width:860px) {
  ._frmaeSmall_c6b10_90 {
    display: inline-block;
    width: 100%;
  }

  ._boxContent_c6b10_14 {
    width: 100%;
  }
}
._comNodesFeedNodes_dhhzi_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._boxRow_dhhzi_7 {
  position: relative;
  margin: 12px 0;
}

._boxTitle_dhhzi_12 {
  margin: 8px 0;
}

._boxModule_dhhzi_16{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

._boxModuleCenter_dhhzi_22{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

._boxModuleItem_dhhzi_28 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 10px 20px 9px;
  margin: 8px 6px;
  border: 2px solid #a3a3a3;
  border-radius: 16px;
  cursor: pointer;
}

._boxModuleItemMouseOn_dhhzi_42 {
  border: 2px solid #444444;
}

._boxFooter_dhhzi_46 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top: 28px;
  margin-bottom: 36vh;
}

._boxDecoLine_dhhzi_55 {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  height: 10px;
  position: relative;
  margin: 16px;
}

._spanModuleItem_dhhzi_64 {
  display: inline-block;
  border-bottom: solid 0.75px transparent;
  text-align: center;
  white-space: nowrap;
}

._spanModuleItemMouseOn_dhhzi_71 {
  border-bottom: solid 0.75px #444444;
}

._spanFooterHint_dhhzi_75 {
  margin: 8px 0;
}

._spanLinkNode_dhhzi_79 {
  display: inline-block;
  border-bottom: solid 1px transparent;
}

._spanLinkNodeMouse_dhhzi_84 {
  border-bottom: solid 1px #545454;
}

@media screen and (min-width:860px) {
  ._boxFeedContent_dhhzi_89 {
    width: 84%
  }
}

@media screen and (max-width:860px) {
  ._boxModuleSmall_dhhzi_95 {
    justify-content: center;
  }

  ._boxFooter_dhhzi_46 {
    margin-bottom: 19vh;
  }
}
._comSetBtnSign_5wx0z_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._boxRow_5wx0z_7 {
  position: relative;
  margin: 12px 0;
}


._boxIndexShare_5wx0z_13 {
  width: 100%;
  max-width: 335px;
}

._comBtnUpload_5wx0z_18 {
  display: block;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  border-radius: 8px;
  text-align: center;
  padding: 11px 7% 10px;
}

._btnBorder_5wx0z_28 {
  border: solid 2px #a3a3a3;
}

._comMouseEnter_5wx0z_32 {
  border: solid 2px rgba(84, 84, 84, 0.45);
  background-color: #FFFFFF;
}

._boxSigninhint_5wx0z_37 {
  margin-top: 8px;
  text-align: center;
}

._spanLink_5wx0z_42 {
  display: inline-block;
  border-bottom: solid 0.75px transparent;
}

._spanLinkMouse_5wx0z_47 {
  border-bottom: solid 0.75px #545454;
}

._spanWriter_5wx0z_51 {
  display: inline-flex;
  align-items: center;
  height: 4rem;
  padding-right: 2px;
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (min-width: 860px) {

}

@media screen and (max-width:860px) {

}
._comPathProjectFeed_8izco_1 {
  display: flex;
  flex-direction: column;
}

._boxRow_8izco_6 {
  position: relative;
  margin: 12px 0;
}

._comFeedEmpty_8izco_11 {
  width: 100%;
  padding-top: 6rem;
}

._boxTitle_8izco_16 {
  margin: 8px 0;
}

._boxModule_8izco_20{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

._boxModuleItem_8izco_26 {
  display: flex;
  flex-direction: column;
  position: relative;
}

._boxDescript_8izco_32 {
  width: 100%;
  text-align: center;
}

._boxEmptyDescript_8izco_37 {
  width: 100%;
  text-align: center;
}

._boxInvite_8izco_42 {
  padding-top: 22px;
  text-align: center;
}

._boxBtnInvite_8izco_47 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 6px 1.2rem 7px;
  border-radius: 4px;
  border: solid 1px #a3a3a3;
  cursor: pointer;
}

._boxBtnInviteActiv_8izco_57 {
  border: dashed 2px #ababab;
}

._boxFooter_8izco_61 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top: 4.4rem;
  margin-bottom: 35.6vh;
}

._spanFooterHint_8izco_70 {
  margin: 8px 0;
}

._spanBtnInvite_8izco_74 {
  white-space: nowrap;
}

@media screen and (max-width:860px) {
  ._boxRowModules_8izco_79 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  ._boxModuleSmall_8izco_85 {
    justify-content: center;
    width: 100vw;
  }

  ._boxModuleItem_8izco_26 {
    width: 100%;
  }

  ._boxFooter_8izco_61 {
    margin-bottom: 19vh;
  }
}
._comNavFeed_5y0ug_1 {
  display: flex;
}

._linkNavFeed_5y0ug_5 {
  margin-right: 15px;
  padding-right: 15px;
}
/* after linkNavFeed */
._linkNavFeedSide_5y0ug_10 {
  border-right: 1px solid #b8b8b8;
}

._linkNavFeedTabOn_5y0ug_14 {
  cursor: text;
}

._spanLink_5y0ug_18 {
  display: inline-block;
  border-bottom: 0.75px solid transparent;
}

._spanLinkMouseOn_5y0ug_23 {
  display: inline-block;
  border-bottom: 0.75px solid #545454;
}
._comTitlePath_13ihp_1 {
    display: flex;
    flex-direction: column;
}

._boxUpper_13ihp_6 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

._boxDescription_13ihp_12 {
  margin: 12.69vh 0 0;
}

._linkTitleText_13ihp_16 {
  display: inline-block;
  max-width: 68%;
  margin-right: 30px;
}

._boxSubtitle_13ihp_22 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

._boxSubtitleLeft_13ihp_28 {
  margin-right: 4px;
}

._boxSubtitleCenter_13ihp_32 {
  display: flex;
  align-items: center;
  margin: 0 2px;
}

._boxInspiredCount_13ihp_38 {
  margin-left: 4px;
}

._boxBtnShare_13ihp_42 {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

._boxIconCopy_13ihp_49 {
  width: 22px;
  height: 18px;
  text-align: center;
}

._boxModalEmit_13ihp_55 {
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translate(-50%, 0);
}

._boxHiddenText_13ihp_62 {
  position: absolute;
  left: 200%;
}

._boxProjectInfo_13ihp_67 {
  display: inline-block;
  max-width: 80%;
}

._boxSvgNetGlobe_13ihp_72 {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 5px;
}

._linkSetlink_13ihp_79 {
  display: inline-flex;
  align-items: center;
}

._spanLinkSetlink_13ihp_84 {
  display: inline-block;
  width: 196px;
  border-bottom: solid 1px transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

._spanLinkSetlinkMouse_13ihp_93 {
  border-bottom: solid 1px #444444;
}

._spanKey_13ihp_97 {
  margin-right: 4px;
}

@media screen and (max-width:860px) {
  ._boxProjectInfo_13ihp_67 {
    max-width: 100%; /* overwritten 'max-width' in normal width */
  }

  ._boxDescription_13ihp_12 {
    margin: 10.15vh 0 0;
  }

  ._boxInspiredCount_13ihp_38 {
    margin-left: 0;
  }

  ._boxSubtitle_13ihp_22 {
    margin-top: 16px;
  }

  ._boxSubtitleCenter_13ihp_32 {
    margin: 0 4px 0 2px;
  }
}
._comSubcatesList_4y8q3_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._boxSubcatesList_4y8q3_7 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

._boxListItem_4y8q3_15 {
  width: 48%;
  min-width: 32.92vw; /* refer to NailFeed, 30.16 + 1.38*2; max-width the same */
  max-width: 99vw;
  height: 329px; /* refer to NailFeed, 289px + 20px*2 */
  min-height: 36.675vh;
  position: relative;
  box-sizing: border-box;
  margin: 8px 0;
}

._boxSubcateIntro_4y8q3_26 {
  align-self: center;
  width: 100%;
  min-height: 70vh;
  margin: 4px 0;
}

._boxTitleSubcate_4y8q3_33 {
  width: 100%;
  margin: 0 0 4px;
}


._boxFooter_4y8q3_39 {
  width: 100%;
  position: relative;
  padding-top: 2rem;
  margin-bottom: 36vh;
}


@media screen and (max-width:860px) {
  ._boxListItem_4y8q3_15 {
    width: 100%;
  }

  ._boxSubcateIntro_4y8q3_26 {
    width: 100%;
  }

  ._boxFooter_4y8q3_39 {
    margin-bottom: 14vh;
  }
}
._comSteps_vyddn_1 {
  display: flex;
  flex-direction: column;
}

._boxRow_vyddn_6 {
  position: relative;
  margin: 12px 0;
}

._boxFooter_vyddn_11 {
  position: relative;
  padding-top: 4.4rem;
  margin-bottom: 35.6vh;
}

._boxMap_vyddn_17 {
  align-self: center;
  width: 100%;
  margin-top: 8px;
}


@media screen and (min-width:860px) {
  ._boxMap_vyddn_17 {
    height: 82vh;
  }
}

@media screen and (max-width:860px) {
  ._boxFooter_vyddn_11 {
    margin-bottom: 14vh;
  }
}
._comUserFeed_np231_1 {
  display: flex;
  flex-direction: column;
}

._boxRow_np231_6 {
  position: relative;
  margin: 12px 0;
}

._comFeedEmpty_np231_11 {
  width: 100%;
  padding-top: 6rem;
}

._boxTitle_np231_16 {
  margin: 8px 0;
}

._boxModule_np231_20{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

._boxModuleItem_np231_26 {
  display: flex;
  flex-direction: column;
  position: relative;
}

._boxDescript_np231_32 {
  width: 100%;
  text-align: center;
}

._boxEmptyDescript_np231_37 {
  width: 100%;
  text-align: center;
}

._boxInvite_np231_42 {
  padding: 22px 0 20px;
  text-align: center;
}

._boxBtnInvite_np231_47 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 6px 1.2rem 7px;
  border-radius: 4px;
  border: solid 1px #a3a3a3;
  cursor: pointer;
}

._boxBtnInviteActiv_np231_57 {
  border: dashed 2px #ababab;
}

._boxFooter_np231_61 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top: 38px;
  margin-bottom: 36vh;
}

._boxFooterUnsign_np231_70 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 15vh; 
}

._boxFooterBtn_np231_77 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 78%;
  min-width: 274px;
  min-height: 28.6vh;
  padding: 32px 0 0;
}

._boxSetBtnSign_np231_88 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._spanFooterHint_np231_94 {
  margin: 8px 0;
}

._spanLink_np231_98 {
  display: inline-block;
  border-bottom: solid 0.75px transparent;
}

@media screen and (max-width:860px) {
  ._boxRowModules_np231_104 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  ._boxModuleSmall_np231_110 {
    justify-content: center;
    width: 100vw;
  }

  ._boxModuleItem_np231_26 {
    width: 100%;
  }

  ._boxFooter_np231_61 {
    margin-bottom: 19vh;
  }
}
._boxTitle_dk4ku_1 {
  margin: 8px 0;
}

._comTitleUser_dk4ku_5 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

._boxSubtitle_dk4ku_11 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 12px 0 8px;
}

._boxSubtitleRow_dk4ku_18 {
  display: flex;
}

._boxSubtitleLeft_dk4ku_22 {
  margin-right: 4px;
}

._boxSubtitleRight_dk4ku_26 {
  margin-left: 4px;
}

._boxSubtitleCenter_dk4ku_30 {
  display: flex;
  align-items: center;
  margin: 0 2px;
}

._boxLinkExpand_dk4ku_36 {
  display: inline-block;
  box-sizing: border-box;
  padding-left: 5px;
}

._boxDecoLine_dk4ku_42 {
  width: 100%;
  box-sizing: border-box;
  padding-top: 16px;
  border-bottom: 1.5px solid #f3b55a;
}

._spanBaseNode_dk4ku_49 {
  display: inline-block;
  border-bottom: solid 0.75px transparent;
}

._spanBaseNodeMouse_dk4ku_54 {
  border-bottom: solid 0.75px #545454;
}

._linkTitleText_dk4ku_58 {
  display: inline-block;
  position: relative;
}

._boxTitlePersonal_dk4ku_63 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

._spanKey_dk4ku_74 {
  margin-right: 4px;
}

@media screen and (max-width:860px) {
  ._boxTitlePersonal_dk4ku_63 {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }

  ._smallLineExpand_dk4ku_85 { /* used to mimic line height as .boxLinkExpand*/
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 8px;
  }

  ._spanBaseNode_dk4ku_49 {
    border-bottom: solid 0.75px #545454;
  }
}
._fontTitle_erxpn_1 {
  font-size: 2.4rem;
}

._fontSubtitle_erxpn_5 {
  font-size: 1.6rem;
}

._fontSubmit_erxpn_9 {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

._fontContent_erxpn_16 {
  font-size: 1.4rem;
  line-height: 1.5;
}

._fontDescript_erxpn_21 {
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.71;
  text-align: center;
  display: inline-block;
}

._colorWhite_erxpn_29 {
  color: #ffffff
}

._colorEditBlack_erxpn_33 {
  color: #545454;
}

._colorEditLightBlack_erxpn_37 {
  color: #757575;
}

._colorStandard_erxpn_41 {
  color: #ff8168;
}

._colorGrey_erxpn_45 {
  color: #a3a3a3;
}

._colorDarkGrey_erxpn_49 {
  color: #979797;
}
._comTheater_tnra8_1 {
  display: flex;
  align-items: flex-start;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-49.5%, -50%);
  box-sizing: border-box;
}

._boxTheaterLayers_tnra8_11 {
  width: 1008px;
  min-width: 70vw;
  max-width: 90vw;
  height: 710px;
  min-height: 90vh;
  max-height: 95vh;
  position: relative;
  box-sizing: border-box;
}

._boxTheaterLayersRegular_tnra8_22 {
  display: block;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

._boxTheaterLayersSmall_tnra8_29 {
  display: none;
}

._comLayersSmall_tnra8_33 {
  width: 100%;
}

._boxLayerSwitch_tnra8_37 {
  width: 112px;
  max-width: 10vw;
  height: 710px; /* height and max/min beneath refer to boxTheaterLayers */
  min-height: 90vh;
  max-height: 95vh;
  box-sizing: border-box;
  padding: 4.44vh 1rem 5vh; /* follow margin of .boxTitle & .boxBottom in LayerImgs */
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

._boxEntitySubcateTitle_tnra8_49 {
  position: relative;
}

._boxTheaterSubcate_tnra8_53 {

}


@media screen and (min-width:860px) {
  ._boxLayerSwitch_tnra8_37 {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
  }

  ._boxTheaterSubcate_tnra8_53 {
    max-height: 50%;
  }

  ._boxEntitySubcateTitle_tnra8_49 {
    padding: 4.44vh 1rem 5vh 0;
  }
}

@media screen and (max-width:860px) {
  ._comTheater_tnra8_1{
    display: block;
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
  }

  ._boxTheaterLayersRegular_tnra8_22 {
    display: none;
  }

  ._boxTheaterLayersSmall_tnra8_29 {
    display: block;
    height: unset;
    min-height: 72vh;
    max-height: unset;
    max-width: 100vw;
    border-radius: unset;
  }

  ._boxLayerSwitch_tnra8_37 {
    width: 100%;
    max-width: unset;
    height: unset;
    min-height: unset;
    padding: 5vh 5% 15vh;
  }

  ._boxTheaterSubcate_tnra8_53 {
    padding: 16px 0 0 ;
    box-shadow: 0 -4px 4px -4px #d8d8d8;
  }

  ._boxEntitySubcateTitle_tnra8_49 {
    background-color: rgba(84,84,84,0.8);
  }
}
._comCreateShare_16z9h_1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  cursor: pointer;
}

._comSharedEdit_16z9h_11 {
  width: 100%;
  height: 100%;
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
}

._comCreateRespond_16z9h_20 {

}

._boxEditinginCreate_16z9h_24 {
  width: 740px;
  height: 580px;
  min-width: 51.39%;
  max-width: 100vw;
  min-height: 70.94%;
  max-height: 95vh;
  /*max-height: 96vh; to see, if the editor has 560px height on small screen*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}

._comEditingPanel_16z9h_42 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

._boxContent_16z9h_52 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: center;
}

._boxContentWidth_16z9h_60 {
  width: 86.48%;
}

._boxNodesViewWidth_16z9h_64 {
  width: 86.48%;
}

._boxPanelHeight_16z9h_68 {
  height: 100%;
}

._boxParaViewHeight_16z9h_72 {
  height: 100%;
}

._boxPanelPadding_16z9h_76 {
  padding-top: 4.44vh;
  padding-bottom: 4.44vh;
}

._boxFrame_16z9h_81 {
  width: 100%;
  height: 71.36%;
  box-sizing: border-box;
  margin-bottom: 2.54vh;
  border-radius: 4px;
  overflow: hidden;
}

._boxSubmit_16z9h_90 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 2.54vh;
}

._boxAssiningNodes_16z9h_98 {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: flex-start;
}

._boxImgImport_16z9h_105 {
  width: 65%;
  height: 80%;
  position: absolute;
  left: 5%;
  top: 10%;
  box-sizing: border-box;
}

._boxNodesList_16z9h_114 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

._boxSubtitle_16z9h_120 {
  display: flex;
  justify-content: space-between;
}

._boxSubtitleGPS_16z9h_125 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

._boxAssignedNodes_16z9h_132 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

._boxNodesRowBtnLink_16z9h_138 {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

@media screen and (min-width:860px) {
  ._boxSubmit_16z9h_90 {
    align-items: center;
  }

  ._boxSubtitle_16z9h_120 {
    flex-direction: row-reverse;
    align-items: flex-start;
  }

  ._boxAssiningNodes_16z9h_98 {
    flex-direction: row-reverse;
  }
}

@media screen and (max-width:860px) {
  ._comEditingPanel_16z9h_42 {
    justify-content: space-around;
  }

  ._boxContentWidth_16z9h_60 {
    width: 92%;
  }

  ._boxEditinginCreate_16z9h_24 {
    height: unset;
    max-height: 98vh;
    overflow-y: scroll;
  }

  ._boxSubmit_16z9h_90 {
    align-items: flex-start;
  }

  ._boxSubtitle_16z9h_120 {
    flex-direction: column;
  }

  ._boxParaViewHeight_16z9h_72 {
    height: 560px;
  }

  ._boxFrame_16z9h_81 {
    height: 55.5vh;
  }
}
._comPathSubcate_13pne_1 {

}

._boxPathSubcateCenter_13pne_5 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-47.5%, -50%);
  box-sizing: border-box;
}

._comPathSubcateEnd_13pne_13 {
  display: flex;
  align-items: flex-start;
}

._comPathSubcateCover_13pne_18 {
  display: flex;
  align-items: flex-start;
}

._boxPathSubcateBackBoard_13pne_23 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: rgba(51, 51, 51, 0.97);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

._boxPathSubcatePlainBoard_13pne_35 {
  width: 50vw;
  height: 30vh;
}

._boxEndTitle_13pne_40 {
  display: flex;
  flex-direction: column;
  max-width: 70%;
  padding: 0 0 8px;
  text-align: center;
}

._boxEndGuiding_13pne_48 {
  max-width: 70%;
  padding: 2rem 0 0;
  margin: 0 0 2.8vh;
  text-align: center;
  border-top: solid 1.5px #f3b55a;
}

._rowSocialIcons_13pne_56 {
  display: flex;
  justify-content: center;
  margin: 0 0 16px;
}

._rowShareNext_13pne_62 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 28%;
  max-width: 400px;
  min-width: 270px;
}

._frameCopyBtn_13pne_71 {
  flex: 1;
  box-sizing: border-box;
  box-shadow: 4px 0 4px -4px #d8d8d8;
  text-align: center;
}

._boxHiddenText_13pne_78 {
  position: absolute;
  left: 200%;
}

._boxCopyBtn_13pne_83 {
  display: inline-flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  padding: 8px 25px 10px;
  border-radius: 4px;
  background-color: rgb(69, 135, 160);
}

._boxCopyBtnActiv_13pne_93 {
  background-color: #ff8168;
  cursor: pointer;
}

._boxIconLeft_13pne_98 {
  margin-right: 8px;
}

._boxIconCopy_13pne_102 {
  width: 22px;
  height: 18px;
  margin-right: 1rem;
  text-align: center;
}

._boxModalEmit_13pne_109 {
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translate(-50%, 0);
}

._frameNextBtn_13pne_116 {
  padding: 0 0 0 1.5rem;
}

._spanLinkSubcate_13pne_120 {
  display: inline-block;
  border-bottom: solid 1px transparent;
  color: #FFFFFF; /* the text color change as screen width change*/
}

._spanLinkSubcateMouse_13pne_126 {
  border-bottom: solid 1px #FFFFFF;
}

._boxCoverTtitle_13pne_130 {
  display: flex;
  flex-direction: column;
  max-width: 64%;
  padding: 0 0 8px;
  margin: 2vh 0 4rem;
  border-bottom: 1.5px solid #ff8168;
}

._boxCoverSubtitle_13pne_139 {
  max-width: 56%;
  max-height: 66px;
  text-align: center;
}

._rowContinue_13pne_145 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 4rem 0 5rem;
}

._boxNextBtn_13pne_152 {
  display: inline-flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  padding: 8px 34px;
  border-radius: 4px;
  background-color: rgb(69, 135, 160);
  overflow: hidden;
}

._boxNextBtnActiv_13pne_163 {
  background-color: #ff8168;
  cursor: pointer;
}

._boxHiddenBtnNext_13pne_168 {
  position: absolute;
  left: 110%;
  top: 110%;
}

._rowActionIcons_13pne_174 {
  display: flex;
  justify-content: center;
  align-items: center;
}

._frameCoverCopyBtn_13pne_180 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  position: relative;
  box-sizing: border-box;
}

._boxCoverCopyBtn_13pne_189 {
  display: inline-flex;
  align-items: center;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}

._boxSvgCoverCopy_13pne_198 {
  width: 24px;
  height: 20px;
  text-align: center;
}

@media screen and (min-width:860px) {
  ._boxCover_13pne_130 {
    width: 956px;
    max-width: 90vw;
    min-width: 70vw;
    height: 540px;
    max-height: 81vh;
  }

  ._boxEnd_13pne_40 {
    width: 1008px;
    min-width: 70vw;
    max-width: 90vw;
    height: 710px;
    min-height: 90vh;
    max-height: 95vh;
  }
}

@media screen and (max-width:860px) {
  ._boxPathSubcateCenter_13pne_5 {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
  }

  ._boxPathSubcatePlainBoard_13pne_35 {
    width: 100vw;
    margin: 20vh 0;
  }

  ._comPathSubcateEnd_13pne_13 {
    justify-content: center;
    min-height: 92vh;
  }

  ._comPathSubcateCover_13pne_18 {
    min-height: 110vh;
  }

  ._boxCover_13pne_130 {
    width: 100vw;
    min-height: 77vh;
    margin: 7vh 0 0;
  }

  ._boxEnd_13pne_40{
    width: 100vw;
    min-height: 84vh;
  }
}
._boxSvgNetGlobe_1nz40_1 {
  display: inline-block;
  height: 1.6rem;
  margin: 0 5px 0 0;
}

._linkOutbound_1nz40_7 {
  display: flex;
  align-items: center;
  max-width: 100%;
}

._spanOutbound_1nz40_13 {
  display: inline-block;
  max-width: 211px;
  box-sizing: border-box;
  border-bottom: solid 0.75px transparent;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._spanOutboundActiv_1nz40_23 {
  border-bottom: solid 0.75px #545454;
}

._spanOutboundFont_1nz40_27 {
  color: #545454;
}

._spanOutboundColorReverse_1nz40_31 {
  color: #FDFDFC;
}


@media screen and (max-width:860px) {

}
._comMessageInput_z48kb_1 {
  width: 100%;
  text-align: right;
}

._boxSvgIcon_z48kb_6 {
  display: inline-block;
  width: 2rem;
  height: 2rem;
}

._spanText_z48kb_12 {
  display: inline-block;
  max-width: calc( 100% - 2rem - 2rem); /* 100% - Icon width - margin right*/
  margin-right: 2rem;
}
._comp_10bh2_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 12px;
    border-radius: 18.5px;
    background-color: rgba(0,0,0,0.85);
    box-shadow: 0 0 8px 0 #c0d3f0;
    text-align: center;
}

._spanText_10bh2_12 {
    white-space: nowrap;
}

._animiFadeOut_10bh2_16 {
  animation: _fadeOut_10bh2_1 ease 1.2s 1.2s forwards;
  -webkit-animation: _fadeOut_10bh2_1 ease 1.2s 1.2s forwards;
  -moz-animation: _fadeOut_10bh2_1 ease 1.2s 1.2s forwards;
  -o-animation: _fadeOut_10bh2_1 ease 1.2s 1.2s forwards;
  -ms-animation: _fadeOut_10bh2_1 ease 1.2s 1.2s forwards;
}

@keyframes _fadeOut_10bh2_1 {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-moz-keyframes _fadeOut_10bh2_1 {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-webkit-keyframes _fadeOut_10bh2_1 {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-o-keyframes _fadeOut_10bh2_1 {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-ms-keyframes _fadeOut_10bh2_1 {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
._comMap_o8js7_1 {
  width: 100%;
  height: 100%;
}

._popupMain_o8js7_6 {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  cursor: pointer;
}

._popupNode_o8js7_13 {
  border-radius: 4px;
  cursor: pointer;
}

._spanpopupNode_o8js7_18 {
  display: inline-block;
  border-bottom: solid 0.75px transparent;
}

._spanpopupNodeMouse_o8js7_23 {
  border-bottom: solid 0.75px #545454;
}

@media screen and (max-width:860px) {
  ._comMap_o8js7_1 {
    height: 69vh;
  }
}
._boxMarkPreview_2ef70_1 {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

._boxMarkPreviewCounts_2ef70_7 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2.3rem;
}

._boxOvalCount_2ef70_13 {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: solid 3px #ffffff;
  border-radius: 50%;
  margin-left: 18px;
  cursor: default;
}
._comFocusBoardFeed_gypl5_1 {

}

._comFeedEmpty_gypl5_5 {
  width: 100%;
  padding-top: 6rem;
}

._boxRow_gypl5_10 {
  position: relative;
  margin: 12px 0;
}

._boxTitle_gypl5_15 {
  margin: 8px 0;
}

._boxModule_gypl5_19{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

._boxModuleItem_gypl5_25 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

._boxFocusNailSubtitle_gypl5_32 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-right: 2.76vw;
}

._boxSubtitleFlex_gypl5_41 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._boxFocusNailSubtitleUp_gypl5_47 {
  margin-bottom: 1rem;
  text-align: center;
}

._boxFocusNailSubtitleLow_gypl5_52 {
  text-align: center;
}

._boxDescript_gypl5_56 {
  width: 100%;
  text-align: center;
}

._boxEmptyDescript_gypl5_61 {
  width: 100%;
  text-align: center;
}

._boxFooter_gypl5_66 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top: 4.4rem;
  margin-bottom: 35.6vh;
}

._spanFocusSubtitleConnect_gypl5_75 {
  display: inline-block;
  margin-left: 1rem;
}

._spanBaseNode_gypl5_80 {
  display: inline-block;
  border-bottom: solid 0.75px transparent;
}

._spanBaseNodeMouse_gypl5_85 {
  border-bottom: solid 0.75px #545454;
}

@media screen and (max-width:860px) {
  ._comPathProjectFeed_gypl5_90 {
    flex-direction: column;
  }

  ._boxRowModules_gypl5_94 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  ._boxModuleSmall_gypl5_100 {
    justify-content: center;
    width: 100vw;
    max-width: 556px;
  }

  ._boxModuleItem_gypl5_25 {
    flex-direction: column;
    align-items: flex-start;
  }

  ._boxFocusNailSubtitle_gypl5_32 {
    justify-content: flex-start;
    height: unset;
    margin: 12px 0 8px;
    padding-left: 5.26vw;
  }

  ._boxSmallNoFlex_gypl5_118 {
    display: unset;
    align-items: unset;
  }

  ._boxFocusNailSubtitleUp_gypl5_47 {
    margin-bottom: unset;
    text-align: unset;
  }

  ._boxFocusNailSubtitleLow_gypl5_52 {
    display: none;
  }

  ._spanFocusSubtitleConnect_gypl5_75 {
    display: none;
  }
}
._comShareUpload_xbu44_1 {
  width: 100%;
}

@media screen and (max-width:860px) {

}
._boxTitle_1jr36_1 {
  margin: 8px 0;
}

._comNavFeed_1jr36_5 {
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: 100%;
  position: relative;
}

._boxLinks_1jr36_13 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

._boxLinksToPersonal_1jr36_20 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  max-width: 380px;
  box-sizing: border-box;
  padding: 0 65px;
}

._boxLinksToPublic_1jr36_30 {
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: 100%;
  max-width: 380px;
  box-sizing: border-box;
  margin-top: 10.15vh;
}

._boxLinksExplore_1jr36_40 {
  display: flex;
  align-items: baseline;
  justify-content: center;
  box-sizing: border-box;
}

._boxDecoLine_1jr36_47 {
  display: flex;
  box-sizing: border-box;
  height: 4px;
  position: relative;
  margin: 3.8vh 16px 5.07vh;
}

._spanLinkMouse_1jr36_55 {
  border-bottom: solid 0.75px #545454;
  cursor: pointer;
}

@media screen and (max-width:860px) {

}
._comAtNodeFeed_1mwyp_1 {
  display: flex;
  flex-direction: column;
}

._boxRow_1mwyp_6 {
  position: relative;
  margin: 12px 0;
}

._comFeedEmpty_1mwyp_11 {
  width: 100%;
  padding-top: 6rem;
}

._boxTitle_1mwyp_16 {
  margin: 8px 0;
}

._boxModule_1mwyp_20{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

._boxModuleItem_1mwyp_26 {
  display: flex;
  flex-direction: column;
  position: relative;
}

._boxDescript_1mwyp_32 {
  width: 100%;
  text-align: center;
}

._boxEmptyDescript_1mwyp_37 {
  width: 100%;
  text-align: center;
}

._boxInvite_1mwyp_42 {
  padding-top: 22px;
  text-align: center;
}

._boxBtnInvite_1mwyp_47 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 6px 1.2rem 7px;
  border-radius: 4px;
  border: solid 1px #a3a3a3;
  cursor: pointer;
}

._boxBtnInviteActiv_1mwyp_57 {
  border: dashed 2px #ababab;
}

._boxFooter_1mwyp_61 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top: 38px;
  margin-bottom: 36vh;
}

._spanFooterHint_1mwyp_70 {
  margin: 8px 0;
}



@media screen and (max-width:860px) {
  ._boxRowModules_1mwyp_77 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  ._boxModuleSmall_1mwyp_83 {
    justify-content: center;
    width: 100vw;
  }

  ._boxModuleItem_1mwyp_26 {
    width: 100%;
  }

  ._boxFooter_1mwyp_61 {
    margin-bottom: 19vh;
  }
}
._boxTitle_dmrnv_1 {
  margin: 8px 0;
}

._comNavNodes_dmrnv_5 {
  display: flex;
  align-items: center;
}

._spanLinkMouse_dmrnv_10 {
  border-bottom: solid 0.75px #b8b8b8;
  cursor: pointer;
}
._comFocusBoardFeed_1p4pw_1 {

}

._comFeedEmpty_1p4pw_5 {
  width: 100%;
  padding-top: 6rem;
}

._boxRow_1p4pw_10 {
  position: relative;
  margin: 12px 0;
}

._boxTitle_1p4pw_15 {
  margin: 8px 0;
}

._boxModule_1p4pw_19{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

._boxModuleItem_1p4pw_25 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

._boxFocusNailSubtitle_1p4pw_32 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-right: 2.76vw;
}

._boxSubtitleFlex_1p4pw_41 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._boxFocusNailSubtitleUp_1p4pw_47 {
  margin-bottom: 1rem;
  text-align: center;
}

._boxFocusNailSubtitleLow_1p4pw_52 {
  text-align: center;
}

._boxDescript_1p4pw_56 {
  width: 100%;
  text-align: center;
}

._boxEmptyDescript_1p4pw_61 {
  width: 100%;
  text-align: center;
}

._boxSetBtnSign_1p4pw_66 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._spanMessageFooterBtn_1p4pw_72 {
  display: block;
  margin: 0 0 16px;
  text-align: center;
}

._spanFocusSubtitleConnect_1p4pw_78 {
  display: inline-block;
  margin-left: 1rem;
}

._spanBaseNode_1p4pw_83 {
  display: inline-block;
  border-bottom: solid 0.75px transparent;
}

._spanBaseNodeMouse_1p4pw_88 {
  border-bottom: solid 0.75px #545454;
}

@media screen and (max-width:860px) {
  ._comPathProjectFeed_1p4pw_93 {
    flex-direction: column;
  }

  ._boxRowModules_1p4pw_97 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  ._boxModuleSmall_1p4pw_103 {
    justify-content: center;
    width: 100vw;
    max-width: 556px;
  }

  ._boxModuleItem_1p4pw_25 {
    flex-direction: column;
    align-items: flex-start;
  }

  ._boxFocusNailSubtitle_1p4pw_32 {
    justify-content: flex-start;
    height: unset;
    margin: 12px 0 8px;
    padding-left: 5.26vw;
  }

  ._boxSmallNoFlex_1p4pw_121 {
    display: unset;
    align-items: unset;
  }

  ._boxFocusNailSubtitleUp_1p4pw_47 {
    margin-bottom: unset;
    text-align: unset;
  }

  ._boxFocusNailSubtitleLow_1p4pw_52 {
    display: none;
  }

  ._spanFocusSubtitleConnect_1p4pw_78 {
    display: none;
  }

}
._boxTitle_1oqgm_1 {
  margin: 8px 0;
}

._comNavFeed_1oqgm_5 {
  display: flex;
  align-items: baseline;
  justify-content: center;
  position: relative;
}

._boxLinks_1oqgm_12 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._boxDecoLine_1oqgm_18 {
  display: flex;
  box-sizing: border-box;
  height: 8px;
  position: relative;
  margin: 16px;
}

._boxIntro_1oqgm_26 {
  text-align: center;
}

._spanLinkMouse_1oqgm_30 {
  border-bottom: solid 0.75px #545454;
  cursor: pointer;
}

@media screen and (max-width:860px) {

}
._comSharedsFeed_1cvv7_1 {
  display: flex;
  flex-direction: column;
}

._comFeedEmpty_1cvv7_6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 3.8vh;
}

._boxRow_1cvv7_14 {
  position: relative;
  margin: 12px 0;
}

._boxTitle_1cvv7_19 {
  margin: 8px 0;
}

._boxModule_1cvv7_23{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

._boxModuleItem_1cvv7_29 {
  display: flex;
  flex-direction: column;
  position: relative;
}

._boxUpload_1cvv7_35 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 78%;
  height: 249px;
  min-width: 274px;
  min-height: 31.6vh;
  position: relative;
  padding: 0 0 32px;
}

._boxEmptyUpload_1cvv7_47 {
  width: 78%;
  min-width: 274px;
  max-width: 330px;
  padding: 8px 0 32px;
}

._boxDescript_1cvv7_54 {
  width: 100%;
  text-align: center;
}

._boxEmptyDescript_1cvv7_59 {
  width: 100%;
  text-align: center;
}

._boxFooter_1cvv7_64 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 28px;
  margin-bottom: 36vh;
}


._spanFooterHint_1cvv7_73 {
  margin: 8px 0;
}

._spanMessageUpload_1cvv7_77 {
  display: block;
  margin: 0 0 16px;
  text-align: center;
}

._boxLinksToPublic_1cvv7_83 {
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  margin: 20px 0 32px;
  box-sizing: border-box;
}

._spanLinkMouse_1cvv7_94 {
  border-bottom: solid 0.75px #545454;
  cursor: pointer;
}

@media screen and (max-width:860px) {
  ._boxRowModules_1cvv7_100 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  ._boxModuleSmall_1cvv7_106 {
    justify-content: center;
    width: 100%;
  }

  ._boxModuleItem_1cvv7_29 {
    width: 100%;
  }

  ._boxFooter_1cvv7_64 {
    margin-bottom: 19vh;
  }
}
._comFeedInspired_1d6xa_1 {
  display: flex;
  flex-direction: column;
}

._comFeedEmpty_1d6xa_6 {
  display: flex;
  align-items: center;
  padding-top: 3.8vh;
}

._boxRow_1d6xa_12 {
  position: relative;
  margin: 12px 0;
}

._boxTitle_1d6xa_17 {
  margin: 8px 0;
}

._boxModule_1d6xa_21{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

._boxModuleItem_1d6xa_27 {
  display: flex;
  flex-direction: column;
  position: relative;
}

._boxDescript_1d6xa_33 {
  width: 100%;
  text-align: center;
}

._boxEmptyDescript_1d6xa_38 {
  width: 72%;
  max-width: 200px;
  text-align: center;
}

._boxFooter_1d6xa_44 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 28px;
  margin-bottom: 36vh;
}

._boxEmptyIconInspired_1d6xa_52 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  margin-right: 15px;
}

._spanFooterHint_1d6xa_60 {
  margin: 8px 0;
}

@media screen and (min-width:860px) {
  ._comFeedEmpty_1d6xa_6 {
    justify-content: center;
    width: 100%;
  }
}

@media screen and (max-width:860px) {
  ._boxRowModules_1d6xa_72 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  ._boxModuleSmall_1d6xa_78 {
    justify-content: center;
    width: 100%;
  }

  ._boxModuleItem_1d6xa_27 {
    width: 100%;
  }

  ._boxFooter_1d6xa_44 {
    margin-bottom: 19vh;
  }

  ._comFeedEmpty_1d6xa_6 {
    width: 72%;
    justify-content: space-between;
  }
}
._comTabMap_12309_1 {
  display: flex;
  flex-direction: column;
}

._boxRow_12309_6 {
  position: relative;
  margin: 12px 0;
}

._boxTitle_12309_11 {
  margin: 8px 0;
}

._boxFooter_12309_15 {
  position: relative;
  padding-top: 4.4rem;
  margin-bottom: 35.6vh;
}

._boxMap_12309_21 {
  align-self: center;
  width: 100%;
  position: relative;
  margin-top: 8px;
}

._boxFilterSwitches_12309_28 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  position: relative;
  margin: 8px 0 5.07vh;
}

._boxEmptyDescript_12309_36 {
  width: 100%;
  text-align: center;
}

@media screen and (min-width:860px) {
  ._boxMap_12309_21 {
    height: 82vh;
  }
}

@media screen and (max-width:860px) {
  ._boxFooter_12309_15 {
    margin-bottom: 14vh;
  }
}
._comTabNodes_7qdhq_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._comFocusBoardFeed_7qdhq_7 {
  display: flex;
  flex-direction: column;
}

._comFeedEmpty_7qdhq_12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 3.8vh;
}

._boxRow_7qdhq_20 {
  position: relative;
  margin: 12px 0;
}

._boxTitle_7qdhq_25 {
  margin: 8px 0;
}

._boxModule_7qdhq_29{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

._boxModuleCenter_7qdhq_35{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

._boxModuleItem_7qdhq_41 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 67px;
  box-sizing: border-box;
  padding: 12px 20px 10px;
  margin: 8px 6px;
  border: 2px solid #a3a3a3;
  border-radius: 16px;
  cursor: pointer;
}

._boxModuleItemMouseOn_7qdhq_56 {
  border: 2px solid #4587A0;
}

._boxEmptyDescript_7qdhq_60 {
  width: 100%;
  text-align: center;
}

._boxEmptyNodesFeedIcon_7qdhq_65 {
  width: 27vw;
  height: 12vh;
  max-width: 127px;
  max-height: 86px;
  box-sizing: border-box;
  border: 3.2px solid #d8d8d8;
  border-radius: 16px;
}

._rowFilterTitle_7qdhq_75 {
  position: relative;
  padding-bottom: 2.538vh;
  border-bottom: 1px solid #d8d8d8;
}

._boxFilterNode_7qdhq_81 {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
}

._boxFilterSwitches_7qdhq_88 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  position: relative;
}

._linkBlock_7qdhq_95 {
  display: block;
}

._boxFooter_7qdhq_99 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top: 28px;
  margin-bottom: 36vh;
}

._boxSvgArrow_7qdhq_108 {
  width: 15px;
  height: 15px;
  padding: 2.5px 0;
  cursor: pointer;
}

._boxDecoLine_7qdhq_115 {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  height: 10px;
  position: relative;
  margin: 16px;
}

._spanModuleItem_7qdhq_124 {
  display: inline-block;
  border-bottom: solid 0.75px transparent;
  text-align: center;
  white-space: nowrap;
}

._spanModuleItemMouseOn_7qdhq_131 {
  border-bottom: solid 0.75px #545454;
}

._spanFooterHint_7qdhq_135 {
  margin: 8px 0;
}

._spanFilterCross_7qdhq_139 {
  display: inline-block;
  margin-right: 15px;
}

._spanLinkNode_7qdhq_144 {
  display: inline-block;
  border-bottom: solid 1px transparent;
}

._spanLinkNodeMouse_7qdhq_149 {
  border-bottom: solid 1px #545454;
}

@media screen and (min-width:860px) {
  ._boxFeedNodes_7qdhq_154 {
    width: 85%
  }

  ._boxFilterSwitches_7qdhq_88 {
    margin: 8px 0 5.07vh;
  }
}

@media screen and (max-width:860px) {
  ._boxModuleSmall_7qdhq_164 {
    justify-content: center;
  }

  ._boxFooter_7qdhq_99 {
    margin-bottom: 19vh;
  }

  ._boxFilterSwitches_7qdhq_88 {
    margin: 8px 0 2.53vh;
  }
}
._comTitleShareds_1xnzr_1 {
  display: flex;
  flex-direction: column;
}

._boxUpperRow_1xnzr_6 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 8px;
}

._boxBottomRow_1xnzr_14 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  align-items: baseline;
}

._rowTitleText_1xnzr_23 {
  display: flex;
  align-items: baseline;
}

._boxNavLink_1xnzr_28 {
  border-radius: 4px;
  cursor: default;
}

._boxNavLinkMouse_1xnzr_33 {
  padding: 5px 0;
  background-color: rgb(216,216,216,0.15);
  cursor: pointer;
}

._linkNavFeed_1xnzr_39 {
  flex: 1;
  padding: 16px 0;
  text-align: center;
}

._linkNavFeedCrrentTab_1xnzr_45 {
  border-bottom: 2px solid #ff8168
}

@media screen and (max-width:860px) {

}
._frame_1xjii_1 {
  display: block; /* due to it was at the tag <a> now */
  position: relative;
  box-sizing: border-box;
  padding: 1.38vw;
}

._frameOnMouse_1xjii_8 {

}

._boxContent_1xjii_12 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 342px;
  min-width: 30.16vw;
  height: 289px;
  min-height: 36.675vh;
  position: relative;
}

._boxImg_1xjii_23 {
  width: 100%;
  height: 84%;
  position: relative;
  border-radius: 4px;
  background-color: rgba(217, 232, 255, 0.15);
  overflow: hidden;
}

._boxImgIconandBack_1xjii_32 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background-image: linear-gradient(to right, transparent 74%, rgba(68,68,68, 0.95));
}

._boxImgIcon_1xjii_32 {
  height: 16%;
  position: relative;
  box-sizing: border-box;
  margin:  6% 5% 0 0;
}

._boxPreview_1xjii_52 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 61.93%;
}

._boxTitle_1xjii_60 {
  display: flex;
  width: 100%;
  box-sizing: border-box;
}

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

._boxAuthor_1xjii_72 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

._boxTitlePin_1xjii_78 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
}

@media screen and (max-width:860px) {
  ._frmaeSmall_1xjii_87 {
    display: inline-block;
    width: 100%;
  }

  ._boxContent_1xjii_12 {
    width: 100%;
  }
}
._comSignBlock_1454x_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  max-height: 158px;
  box-sizing: border-box;
}

._boxBtns_1454x_12 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

._boxNavBtn_1454x_19 {
  position: relative;
  box-sizing: border-box;
  padding: 1.2rem 2.4rem;
  border-radius: 4px;
  text-align: center;
  cursor: default;
}
._comSubcateIntro_x038a_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

._widthSubcateIntro_x038a_8 {
  width: 81%;
}

._widthSubcateIntroWide_x038a_12 {
  width: 100%;
}

._boxNodesFilter_x038a_16 {
  width: 100%;
  box-shadow: 5px 0 4px -5px rgba(0, 0, 0, 0.3), -5px 0 4px -5px rgba(0, 0, 0, 0.3);
  margin: 0;
}

._boxIntro_x038a_22 {
  display: flex;
  flex-direction: column;
}

._boxOverview_x038a_27 {
  display: flex;
  flex-direction: column;
  margin: 12px 0 0;
}

._boxOverviewTop_x038a_33 {
  display: flex;
  margin-bottom: 3rem;
}

._boxOverviewSecond_x038a_38 {
  display: flex;
  padding: 0 0 7.6vh;
  border-bottom: solid 1.5px #ff8168;
}

._boxOverviewLeft_x038a_44 {
  width: 56%;
}

._boxOverviewRight_x038a_48 {

}

._boxSubcateTitle_x038a_52 {

}

._boxDescription_x038a_56 {

}

._rowOpen_x038a_60 {
  margin: 0 0 20px;
}

._rowSocialIcons_x038a_64 {
  display: flex;
  justify-content: center;
  align-items: center;

}

._rowBtnMap_x038a_71 {
  display: flex;
  justify-content: center;

}

._boxSocialIconMargin_x038a_77 {
  margin-right: 8px;
}

._boxOpenBtn_x038a_81 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 8px 34px;
  border-radius: 4px;
  background-color: rgb(69, 135, 160);
  overflow: hidden;
}

._boxOpenBtnActiv_x038a_94 {
  background-color: #ff8168;
  cursor: pointer;
}

._boxBtnCopy_x038a_99 {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}

._boxIconCopy_x038a_109 {
  width: 22px;
  height: 20px;
  margin-right: 3px;
  text-align: center;
}

._boxModalEmit_x038a_116 {
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translate(-50%, 0);
}

._boxHiddenText_x038a_123 {
  position: absolute;
  left: 200%;
}

._boxImgUnits_x038a_128 {
  display: flex;
  flex-wrap: wrap;
  margin: 8px 0 0;
}

._boxImg_x038a_128 {
  width: 30.6%;
  height: 10vw;
  position: relative;
  margin: 8px 1%;
  cursor: pointer;
}

._boxImgMouseOff_x038a_142 {
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: 0 0 4px 0 rgba(84, 84, 84, 0.45);
  border-radius: 4px;
  overflow: hidden;
}

._boxImgMouseOn_x038a_151 {
  width: 110%;
  height: 105%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 4px 0 rgba(84, 84, 84, 0.45);
}

@media screen and (min-width:860px) {
  ._boxOverviewTop_x038a_33 {
    align-items: flex-start;
    justify-content: space-between;
  }

  ._boxOverviewSecond_x038a_38 {
    justify-content: space-between;
  }

  ._rowSocialIcons_x038a_64 {
    padding: 0 0 8px;
    border-bottom: 1.5px solid #d8d8d8
  }
}

@media screen and (max-width:860px) {
  ._widthSubcateIntro_x038a_8 {
    width: 100%;
  }

  ._widthSubcateIntroWide_x038a_12 {
    width: 100%;
  }

  ._boxOverviewTop_x038a_33 {
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 20px;
  }

  ._boxOverviewSecond_x038a_38 {
    flex-direction: column;
    align-items: center;
  }

  ._boxOverviewLeft_x038a_44 {
    width: 100%;
  }

  ._rowOpen_x038a_60 {
    margin: 0 0 30px;
  }

  ._boxDescription_x038a_56 {
    margin-bottom: 7.6vh; /* as .boxOverviewSecond */ 
  }

  ._boxImgUnits_x038a_128 {
    justify-content: space-between;
    width: 100%;
    margin: 12px 0 0;
  }

  ._boxImg_x038a_128 {
    width: 49%;
    height: 27vw;
    margin: 8px 0;
  }
}
._comSubcatesNail_fp0jw_1 {
  width: 100%;
  height: 100%;
  position: relative;
}

._linkSubcate_fp0jw_7 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

._linkSubcateMouseOver_fp0jw_14 {
  border-radius: 8px;
  box-shadow: 0 0 8px 0 rgb(84 84 84 / 45%);
  background-color: #FFFFFF;
}

._boxSubcateText_fp0jw_20 {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 1.38vw 1.38vw 0;
  margin-bottom: 16px;
  overflow: hidden;
}

._boxSubcateTitle_fp0jw_29 {
  max-width: 72%;
  margin-right: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._boxSubcateDescript_fp0jw_36 {
  height: 42px;
}

._boxImgsNail_fp0jw_40 {
  flex: 1;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 1.38vw;
  border-radius: 8px;
  box-shadow: 0 0 4px 0 rgba(84, 84, 84, 0.45);
  background-color: #FFFFFF;
  overflow: hidden;
}

._boxImgsNailMouseOver_fp0jw_52 {
  box-shadow: unset;
}

._boxImgsFrame_fp0jw_56 {
  display: flex;
  flex-wrap: wrap;
  width: 102%;
  height: 102%;
  position: relative;
  margin: 0 -1%;
  border-radius: 4px;
  overflow: hidden;
}

._boxImgContainer_fp0jw_67 {
  flex: 1;
  min-width: 32%;
  min-height: 48%;
  margin: 1%;
  background-color: rgba(217, 232, 255, 0.15);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
}


@media screen and (max-width:860px) {
  ._boxSubcateTitle_fp0jw_29 {
    padding: 1.38vh 1.38vh 0;
  }

  ._boxImgsNail_fp0jw_40 {
    padding: 1.38vh;
  }
}
._comTitleSubcate_e1bo5_1 {
  width: 100%;
}

._rowWithTitle_e1bo5_5 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

._boxResetLink_e1bo5_11 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

._linkBlock_e1bo5_17 {
  display: block;
}

._boxSvgArrow_e1bo5_21 {
  width: 15px;
  height: 15px;
  padding: 2.5px 0;
  cursor: pointer;
}

._boxIconFilterNode_e1bo5_28 {
  display: inline-block;
  width: 28px;
  height: 20px;
  box-sizing: border-box;
  text-align: right;
  cursor: pointer;
}

._spanLinkNode_e1bo5_37 {
  display: inline-block;
  border-bottom: solid 1px transparent;
}

._spanLinkNodeMouse_e1bo5_42 {
  border-bottom: solid 1px #545454;
}

@media screen and (max-width:860px) {

}
._comEntitySubcate_1tfc1_1 {
  display: flex;
}

._boxVisitRegister_1tfc1_5 {
  text-align: center;
}

._comEntitySubcateTitle_1tfc1_9 {

}

._linkBtnNext_1tfc1_13 {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

._spanLinkSubcate_1tfc1_19 {
  display: inline-block;
}

@media screen and (min-width:860px) {
  ._comEntitySubcate_1tfc1_1 {
    flex-direction: column-reverse;
  }

  ._boxVisitRegister_1tfc1_5 {
    margin-top: 12px;
  }

  ._linkBtnNext_1tfc1_13 {
    display: flex;
    justify-content: center;
    padding: 8px 0;
  }

  ._spanLinkSubcate_1tfc1_19 {
    writing-mode: tb-rl;
    text-orientation: sideways;
    transform: rotate(180deg);
    border-left: solid 1px transparent;
    color: #545454; /* the text color change as screen width change*/
  }

  ._spanLinkSubcateMouse_1tfc1_46 {
    border-left: solid 1px #545454;
  }
}

@media screen and (max-width:860px) {
  ._comEntitySubcate_1tfc1_1 {
    justify-content: space-between;
    align-items: center;
  }

  ._boxVisitRegister_1tfc1_5 {
    flex: 1;
  }

  ._comEntitySubcateTitle_1tfc1_9 {
    padding: 2.54vh 5% 2.03vh;
  }

  ._linkBtnNext_1tfc1_13 {
    height: 36px;
    margin-left: 16px;
    padding: 5px 2px 5px 6px;
  }

  ._spanLinkSubcate_1tfc1_19 {
    border-bottom: solid 1px transparent;
    color: #FFFFFF; /* the text color change as screen width change*/
  }

  ._spanLinkSubcateMouse_1tfc1_46 {
    border-bottom: solid 1px #FFFFFF;
  }

}
._markDisplayBlock_1fooa_1 {

}

._markDisplayBlock_1fooa_1 div {

}

._markDisplayBlockNowrap_1fooa_9 {

}

._markDisplayBlockNowrap_1fooa_9 div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._frame_1722m_1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  box-sizing: border-box;
  padding: 2.06%;
}

._frameOnMouse_1722m_10 {

}

._boxContent_1722m_14 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  max-width: 96.24vw;
  height: 26vh;
  min-height: 154px;
  position: relative;
}

._boxImg_1722m_25 {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 4px;
  background-color: rgba(217, 232, 255, 0.15);
  overflow: hidden;
}

._boxPreview_1722m_34 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 68.67%;
}

._boxTitle_1722m_42 {
  display: flex;
  width: 100%;
  box-sizing: border-box;
}

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

._boxAuthor_1722m_54 {
  display: flex;
  width: 100%;
}

._boxTitlePin_1722m_59 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
}

@media screen and (max-width:860px) {
  ._frmaeSmall_1722m_68 {
    display: inline-block;
  }
}
._comBtnUpload_zudt4_1 {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  border-radius: 8px;
  text-align: center;
  padding: 11px 7% 10px;
}

._btnBorderSmall_zudt4_10 {
  border: solid 2px #a3a3a3;
}

._btnBorderWide_zudt4_14 {
  border: solid 2px #a3a3a3;
}
._comMouseEnter_zudt4_17 {
  border: solid 2px rgba(84, 84, 84, 0.45);
  box-shadow: 0 0 4px 0 rgba(84, 84, 84, 0.45);
  background-color: #FFFFFF;
}

._comMouseEnterWideScreen_zudt4_23 {
  border: solid 2px rgba(84, 84, 84, 0.45);
  box-shadow: 0 0 4px 0 rgba(84, 84, 84, 0.45);
}

._boxWriter_zudt4_28 {

}

/* ref: https://codepen.io/geoffgraham/pen/jrWwWM */
._spanWriter_zudt4_33 {
  display: inline-flex;
  align-items: center;
  height: 4rem;
  padding-right: 2px;
  white-space: nowrap;
  overflow: hidden;
}

._spanWriterTyping_zudt4_42 {
  border-right: solid 3px #ff906c;
  animation: _blink-caret_zudt4_1 .7s step-end infinite;
}

/* The typewriter cursor effect */
@keyframes _blink-caret_zudt4_1 {
  from, to { border-color: transparent }
  50% { border-color: #ff906c }
}

@media screen and (max-width:860px) {

}
._comNodesFilter_puuwf_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._boxMap_puuwf_7 {
  align-self: center;
  width: 86%;
  height: 82vh;
  margin-top: 8px;
}

._comNodesImgs_puuwf_14 {
  display: flex;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 0 2%;
}

._boxNode_puuwf_22 {
  width: 20%;
  padding: 5vh 5% 1rem 2.5%;
  box-sizing: border-box;
  border-radius: 4px;
}

._boxNodeMouseon_puuwf_29 { /* must after boxNode */
  box-shadow: inset 0 0 8px 0 rgba(84, 84, 84 , 45%);
}

._boxUnits_puuwf_33 {
  display: flex;
  width: 80%;
  position: relative;
  flex-wrap: wrap;
}

._boxUnitImg_puuwf_40 {
  width: 29%;
  height: 10vw;
  position: relative;
  margin: 8px 1%;
  cursor: pointer;
}

._boxUnitImgMouseOff_puuwf_48 {
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: 0 0 4px 0 rgba(84, 84, 84, 0.45);
  border-radius: 4px;
  overflow: hidden;
}

._boxUnitImgMouseOn_puuwf_57 {
  width: 110%;
  height: 105%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 4px 0 rgba(84, 84, 84, 0.45);
}

._boxEmptyDescript_puuwf_67 {
  width: 100%;
  padding: 6rem 0;
  text-align: center;
}

@media screen and (max-width:1110px) and (min-width: 860px) {
  ._comNodesImgs_puuwf_14 {
    flex-direction: column;
    margin: 8px 0 0;
  }

  ._boxNode_puuwf_22 {
    width: 100%;
    padding: 0 2.5% 8px;
  }

  ._boxUnits_puuwf_33 {
    justify-content: space-between;
    width: 100%;
  }
}

@media screen and (max-width:860px) {
  ._comNodesImgs_puuwf_14 {
    flex-direction: column;
    margin: 8px 0 0;
  }

  ._boxNode_puuwf_22 {
    width: 100%;
    padding: 0 2.5% 8px;
  }

  ._boxUnits_puuwf_33 {
    justify-content: space-between;
    width: 100%;
  }

  ._boxUnitImg_puuwf_40 {
    width: 49%;
    height: 27vw;
    margin: 8px 0;
  }
}
._comFilterSwitch_2vgf9_1 {
  cursor: pointer;
}

._boxTitle_2vgf9_5 {
  margin: 8px 0;
}

._boxBtnOn_2vgf9_9 {
  background-color: #757575;
  padding: 6px 12px;
  border-radius: 16px;
}

._boxbtnOff_2vgf9_15{
  padding: 6px 12px;
  border-radius: 16px;
}

@media screen and (max-width:860px) {

}
._comSharedsFeed_119yr_1 {
  display: flex;
  flex-direction: column;
}

._comFeedEmpty_119yr_6 {
  width: 100%;
  padding-top: 6rem;
}

._boxRow_119yr_11 {
  position: relative;
  margin: 12px 0;
}

._boxTitle_119yr_16 {
  margin: 8px 0;
}

._boxModule_119yr_20{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

._boxModuleItem_119yr_26 {
  display: flex;
  flex-direction: column;
  position: relative;
}

._boxUpload_119yr_32 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 78%;
  height: 249px;
  min-width: 274px;
  min-height: 31.6vh;
  padding: 0 0 32px;
}

._boxDescript_119yr_43 {
  width: 100%;
  text-align: center;
}

._boxEmptyDescript_119yr_48 {
  width: 100%;
  text-align: center;
}

._boxInvite_119yr_53 {
  padding: 22px 0 20px;
  text-align: center;
}

._boxBtnInvite_119yr_58 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 6px 1.2rem 7px;
  border-radius: 4px;
  border: solid 1px #a3a3a3;
  cursor: pointer;
}

._boxBtnInviteActiv_119yr_68 {
  border: dashed 2px #ababab;
}

._boxFooter_119yr_72 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 28px;
  margin-bottom: 36vh;
}


._spanBtnInvite_119yr_81 {
  white-space: nowrap;
}

._spanFooterHint_119yr_85 {
  margin: 8px 0;
}

._spanMessageUpload_119yr_89 {
  display: block;
  margin: 0 0 16px;
  text-align: center;
}

@media screen and (max-width:860px) {
  ._boxRowModules_119yr_96 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  ._boxModuleSmall_119yr_102 {
    justify-content: center;
    width: 100%;
  }

  ._boxModuleSmallPik_119yr_107 {
    width: 100%;
  }

  ._boxModuleItem_119yr_26 {
    width: 100%;
  }

  ._boxModuleItemPik_119yr_115 {
    width: 49%;
  }

  ._boxFooter_119yr_72 {
    margin-bottom: 19vh;
  }
}
._boxFilter_1bro0_1 {
  display: inline-block;
  box-sizing: border-box;
}

._boxIconsFilter_1bro0_6 {
  height: 20px;
}

._boxIconFilterNode_1bro0_10 {
  display: inline-block;
  width: 28px;
  height: 20px;
  box-sizing: border-box;
  text-align: right;
  cursor: pointer;
}

@media screen and (max-width:860px) {

}
._comWrapper_s5zcz_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

._boxContentWidth_s5zcz_11 {
  width: 90%;
}

._boxTitle_s5zcz_15 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 4.44vh 0 2.54vh;
}

._boxFrame_s5zcz_23 {
  height: 72%;
  box-sizing: border-box;
}

._boxFrameAuthor_s5zcz_28 {
  display: flex;
}

._boxAuthorStatics_s5zcz_32 {
  align-items: flex-end;
  padding-left: 35px;
}

._boxBottom_s5zcz_37 {
  display: flex;
  position: relative;
  padding: 2.54vh 0 5vh;
}

._boxBottomLeft_s5zcz_43{
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  position: relative;
}

._boxBottomRight_s5zcz_50 {
  display: flex;
  align-items: center;
}

._boxBottomUpper_s5zcz_55 {
  margin-bottom: 5px;
}

._boxBottomLower_s5zcz_59 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

._boxBottomLeftFetch_s5zcz_65 {
  display: flex;
  align-items: center;
}

._boxLinkPrimerImg_s5zcz_70 {
  display: inline-block;
  width: 4.8rem;
  height: 4.8rem;
  position: relative;
  margin-left: 1rem;
  border-radius: 4px;
}

._btnBottomIcon_s5zcz_79 {
  width: 3rem;
  height: 3rem;
  position: relative;
  border-radius: 4px;
  margin-left: 1.5rem;
}

._btnSubmit_s5zcz_87 {
  width: 96px;
  height: 32px;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: default;
}

._comImgLayer_s5zcz_96 {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
}

._comImgsFrame_s5zcz_104 {
  flex: 1;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  background-color: rgba(217, 232, 255, 0.15);
  border-radius: 4px;
}

._boxImgLayer_s5zcz_113 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

._boxImg_s5zcz_113 {
  max-width: 100%;
  max-height: 100%;
}

._boxSmallRelative_s5zcz_127{
  display: none;
}

@media screen and (min-width:860px) {
  ._boxFrame_s5zcz_23 {
    width: 90%;
    border-radius: 4px;
    overflow: hidden;
  }

  ._comBottomPanel_s5zcz_138 {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
  }

  ._comImgsFrame_s5zcz_104 {
    border-radius: 4px;
  }
}

@media screen and (max-width:860px) {
  ._smallDisplayNone_s5zcz_151 {
    display: none;
  }

  ._boxFrame_s5zcz_23 {
    width: 100%;
    overflow: visible;
  }

  ._boxFrameAuthor_s5zcz_28 {
    flex-direction: column;
  }

  ._comBottomPanel_s5zcz_138 {
    flex-direction: column;
    width: 100%;
  }

  ._boxBottomRowLinks_s5zcz_169 {
    width: 100vw;
    box-sizing: border-box;
    margin: 1.27vh 0 0;
    padding: 10px 5%;
    background-color: rgba(217, 232, 255, 0.15);
  }

  ._boxBottomRowPanel_s5zcz_177 {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 2.54vh;
  }

  ._boxBottomRowAction_s5zcz_183 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    margin-top: 2.54vh;
  }

  ._boxBottomLeft_s5zcz_43 {
    flex-direction: column;
    align-items: flex-start;
  }

  ._btnBottomIcon_s5zcz_79 {
    width: unset;
    height: 2.4rem;
    position: relative;
    border-radius: 4px;
    margin-left: 1.5rem;
    padding-left: 5px;
  }

  ._btnIconInspired_s5zcz_206 {
    height: 38px;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    padding-left: 1rem;
  }

  ._boxSmallRelative_s5zcz_127{
    display: block;
    width: 100%;
    position: relative;
  }

  ._boxImgLayer_s5zcz_113 {
    display: flex;
    align-items: center;
    width: 100%;
    height: unset;
    min-height: 60vh;
    position: relative;
    top: unset;
    left: unset;
  }

  ._boxImg_s5zcz_113 {
    max-height: 60vh;
  }

  ._boxWhiteBack_s5zcz_235 {
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #FFFFFF;
    box-shadow: 0 -5px 10px -5px rgb(0 0 0 / 30%);
  }
}
._comNodesView_sf93r_1{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 10%;
}

._boxForm_sf93r_12 {
  width: 100%;
}

._boxNodesEditTitle_sf93r_16 {

}

._boxAssignedNodes_sf93r_20 {
  min-height: 39px;
}

._rowBtn_sf93r_24 {
  display: flex;
  justify-content: center;
  align-self: center;
}

._boxBtnDone_sf93r_30 {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  height: 32px;
  border-radius: 4px;
  padding: 2px 18px;
  border: solid 1.2px #ff8168;
  cursor: pointer;
}

._boxBtnCancel_sf93r_42 { /* actually follow the .boxBtnDone*/
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  height: 32px;
  border-radius: 4px;
  padding: 2px 18px;
  border: solid 1.2px transparent;
  cursor: pointer;
}

._mouseonBtnDone_sf93r_54 {
  background-color: #ff8168;
  border: solid 1.2px transparent;
}

._mouseonBtnCancel_sf93r_59 {
  background-color: #757575;
}

._seperationBottom_sf93r_63 {
  margin-bottom: 2.54vh;
}

._btnSideSeparation_sf93r_67 {
  margin-left: 1rem;
  margin-right: 1rem;
}

._boxInput_sf93r_72 {
  max-width: 90%;
  border-bottom: 1px solid #d8d8d8;
  padding: 0 1.4rem 0.4rem;
}

._boxInput_sf93r_72 input {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  border: none;
  outline: none;
  background-color: transparent;
  font: inherit;
}

._boxInputFocus_sf93r_88 {
  border-bottom: 1px solid #444444;
}

._boxSvgEditLink_sf93r_92 {
  height: 16px;
  cursor: pointer;
}

._spanOutbound_sf93r_97 {
  display: inline-block;
  max-width: 132px;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._comBtnLinkEdit_sf93r_106 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
._comContentEditor_185mv_1 {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
  background-image: linear-gradient(rgb(255, 253, 250), rgb(255, 249, 242));
}
._comAssignNodes_2vr6o_1 {
  position: relative;
}

._boxSubtitle_2vr6o_5 {
  margin-bottom: 1rem;
}

._boxListItem_2vr6o_9 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  height: 39px;
  box-sizing: border-box;
  border-radius: 4px;
  border: solid 1.2px #a3a3a3;
  padding: 2px 10px;
  cursor: default;
}

._chosenListItem_2vr6o_22 {
  background-color: #757575;
  border: solid 1.2px transparent;
}

._boxListDelete_2vr6o_27 {
  display: flex;
  align-items: flex-end;
  margin-left: 10px;
  padding: 5px;
  border-radius: 4px;
}

._mouseListDelete_2vr6o_35 {
  background-color: #FFFFFF;
  cursor: pointer;
}

._mouseListItem_2vr6o_40 {
  background-color: #ff8168;
  border: solid 1.2px transparent;
}

._spanListItem_2vr6o_45 {

}

._mouseSpanItem_2vr6o_49 {
  color: #FFFFFF;
}

._spanAddButton_2vr6o_53 {
  display: inline-block;
  border-bottom: solid 0.75px transparent;
  cursor: pointer;
}

._spanAddButtonMouse_2vr6o_59 {
  border-bottom: solid 0.75px #a3a3a3;
}

@media screen and (min-width:860px) {
  ._boxListItem_2vr6o_9 {
    margin: 0 1rem 0 0;
  }
}

@media screen and (max-width:860px) {
  ._boxListItem_2vr6o_9 {
    margin: 0 1rem 1rem 0;
  }
}
._comNodesView_1bimy_1{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 10%;
}

._boxForm_1bimy_12 {
  width: 100%;
}

._boxSearch_1bimy_16 {
  display: flex;
}

._boxSearchSet_1bimy_20 {
  margin-bottom: 40px;
}

._boxSearchRow_1bimy_24 {
  display: flex;
  align-items: center;
  width: 100%;
}


._boxNodesEditTitle_1bimy_31 {
  text-align: left;
}

._boxAssignedNodes_1bimy_35 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  min-height: 39px;
}

._boxNodeSearch_1bimy_43 {
  min-width: 260px;
}

._boxBtnDone_1bimy_47 {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  height: 32px;
  border-radius: 4px;
  padding: 2px 18px;
  border: solid 1.2px #ff8168;
  cursor: pointer;
}

._mouseonBtnDone_1bimy_59 {
  background-color: #ff8168;
  border: solid 1.2px transparent;
}

._boxHintItem_1bimy_64 {
  display: inline-flex;
  list-style: none;
  width: 64px;
  height: 40px;
  box-sizing: border-box;
  margin:  0 10px 0 0;
  border: dashed 2px #d8d8d8;
  border-radius: 4px;
  cursor: default;
}

._seperationBottom_1bimy_76 {
  margin-bottom: 2.54vh;
}

@media screen and (min-width:860px) {
  ._boxSearch_1bimy_16 {
    justify-content: space-between;
    align-items: stretch;
  }

  ._boxSearchSet_1bimy_20 {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

@media screen and (max-width:860px) {
  ._boxSearch_1bimy_16 {
    flex-direction: column;
  }
}
._comSubmit_qgd8m_1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

._boxButtons_qgd8m_9 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

._boxNavButtons_qgd8m_15 {
  display: inline-block;
  width: 96px;
  height: 32px;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: default;
}

._boxDate_qgd8m_25 {

}

@media screen and (min-width:860px) {
  ._boxNavButtonsCancel_qgd8m_30 {
    margin-bottom: 11px;
  }
}

@media screen and (max-width:860px) {
  ._boxNavButtonsCancel_qgd8m_30 {
    margin-bottom: 1rem;
  }
}
._comAuthorOptions_1msgx_1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}

._boxButtons_1msgx_8 {

}

._boxDate_1msgx_12 {

}
._comImgGpsKeep_1frv1_1 {
  display: flex;
}

._boxGps_1frv1_5 {
  display: flex;
}

._boxIconKeepify_1frv1_9 {
  display: flex;
  justify-content: center;
  width: 20px;
  height: 20px;
}
._frame_1s4z7_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 16px 0;
}

._frameOnMouse_1s4z7_10 {

}

._boxContent_1s4z7_14 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 28vh;
  position: relative;
}

._boxContentMobile_1s4z7_23 {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 0 1.38vw;
}

._boxImg_1s4z7_32 {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: rgba(217, 232, 255, 0.15);
  overflow: hidden;
}

._boxImgIconandBack_1s4z7_40 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background-image: linear-gradient(to right, transparent 74%, rgba(68,68,68, 0.95));
}

._boxImgIcon_1s4z7_40 {
  height: 16%;
  position: relative;
  box-sizing: border-box;
  margin:  6% 5% 0 0;
}

._boxMarkPreviewCounts_1s4z7_60 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}

._boxOvalCount_1s4z7_66 {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: solid 3px #ffffff;
  border-radius: 50%;
  margin-left: 1.25vw;
  cursor: default;
}
._comNodesExtensible_sy9xn_1 {
  display: flex;
  position: relative;
}

._boxListItem_sy9xn_6 {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-right: 1rem;
  list-style: none;
}

._spanNodeItem_sy9xn_14 {
  display: inline-block;
  border-bottom: solid 0.75px transparent;
}

._spanNodeItemMouse_sy9xn_19 {
  border-bottom: solid 0.75px #757575;
  cursor: pointer; /* there is some condition do not neew pointer, so set in this special class*/
}

@media screen and (min-width:860px) {
  ._spanNodeFont_sy9xn_25 {
    font-size: 2.4rem;
    color: #757575;
  }
}

@media screen and (max-width:860px) {
  ._comNodesExtensible_sy9xn_1 {
    flex-wrap: wrap;
  }

  ._spanNodeFont_sy9xn_25 {
    font-size: 2rem;
    color: #757575;
  }

}

._comImgUpload_1kmg4_2{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: #ff8168;
  cursor: pointer;
}

._spanText_1kmg4_13 {

}

._progressbar_1kmg4_17 {
  transition: width 4s cubic-bezier(0.2, 0.25, 0.5, 0.9);
  width: 0%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 2px;
  background-color: #545454;
}

._progressed_1kmg4_28 {
  width: 96%;
}
._fontTitle_1q2o9_1 {
  font-size: 2.4rem;
}

._fontSubtitle_1q2o9_5 {
  font-size: 1.6rem;
}

._fontSubmit_1q2o9_9 {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

._fontContent_1q2o9_16 {
  font-size: 1.4rem;
  line-height: 1.5;
}

._colorWhite_1q2o9_21 {
  color: #ffffff
}

._colorEditBlack_1q2o9_25 {
  color: #545454;
}

._colorEditLightBlack_1q2o9_29 {
  color: #757575;
}

._colorStandard_1q2o9_33 {
  color: #ff8168;
}

._colorGrey_1q2o9_37 {
  color: #a3a3a3;
}

._colorDarkGrey_1q2o9_41 {
  color: #979797;
}
._comAuthorPanel_ixdn3_1 {
  display: flex;
}

._boxSet_ixdn3_5 {
  position: relative;
  margin-top: 2rem;
  text-align: right;
}

._boxSetSubtitle_ixdn3_11 {
  margin: 5px 0 0 0;
}

._boxInspiredBulb_ixdn3_15 {
    display: inline-block;
    width: auto;
    height: 24px;
    position: absolute;
    left: 0;
    top: 5%;
}

._btnAuthorErase_ixdn3_24 {
  margin-right: 1rem;
}

@media screen and (max-width:860px) {
  ._comStaticsSmall_ixdn3_29 {

  }

  ._boxSet_ixdn3_5{
    display: inline-flex;
    margin: 2.54vh 0 0; /* overlap margin-top set in normal size*/
  }

  ._boxSetSubtitle_ixdn3_11 {
    margin: 0 0 0 5px;
  }

  ._comAuthorPanel_ixdn3_1 {
    flex-direction: column-reverse;
    margin-left: 1rem;
  }

  ._btnAuthorErase_ixdn3_24 {
    margin-right: 0;
    margin-top: 1rem;
  }

  ._boxInspiredAuthorBulb_ixdn3_52 {
    height: 36px;
  }
}
._comNodesSearch_st7ka_1 {
  
}
._boxDraggable_1dkop_1 {
  display: flex;
  width: 45%;
  min-width: 270px;
  max-height: 98%;
  position: absolute;
  overflow: visible;
}

._boxCircleGroup_1dkop_10 {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  border-radius: 4px;
}

._boxMarkBlock_1dkop_18 {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 2px 5px -2px #c0d3f0;
  background-color: rgba(255, 255, 255, 0.96);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

._boxBlockDraft_1dkop_28 {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 0 5% 5%;
  margin-top: 13.33%;
  overflow-y: auto;
}

._boxBlockInteract_1dkop_37 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 3% 5% 5%;
}

._boxDraftEditor_1dkop_46 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  position: relative;
}

._boxBlockSubmit_1dkop_55 {
  display: inline-block;
  width: 77px;
  height: 32px;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
}

._draggableCursor_1dkop_65 {
  cursor: move;
}

._draggableLight_1dkop_69 { /* after .boxMarkBlock */
  box-shadow: 0 0 6px 0 #fff8f7;
}

@media screen and (min-width:860px) {
  ._boxDraggableEditing_1dkop_74 {
    height: 98%;
  }

}

@media screen and (max-width:860px) {
  ._boxBlockDraft_1dkop_28 {
    margin-top: 30px;
  }

  ._boxBlockInteract_1dkop_37 {
    padding-top: 1rem;
  }

  ._boxBlockBack_1dkop_89 {
    position: absolute;
    top: 3.2%;
    right: 7%;
    cursor: pointer;
  }

  ._boxDraggable_1dkop_1 {
    width: 100%;
    max-height: 48vh;
    position: fixed;
    bottom: 0;
    overflow: visible;
  }

  ._boxDraggableEditing_1dkop_74 { /* must aafter boxDraggable */
    max-height: 100%;
    min-width: unset;
    position: absolute;
  }
}
._comNodeModuleInputDir_r3trh_1 {
  width: 100%;
  position: relative;
}

._boxInput_r3trh_6 {
  border-bottom: 1px solid #d8d8d8;
  padding: 0 1.4rem 0.4rem;
}

._boxInput_r3trh_6 input {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  border: none;
  outline: none;
  background-color: transparent;
  font: inherit;
}

._boxInputFocus_r3trh_21 {
  border-bottom: 1px solid #444444;
}

._boxList_r3trh_25 {
  width: 100%;
  min-height: 4rem;
  max-height: 23rem;
  position: absolute;
  box-sizing: border-box;
  padding: 0.4rem 1.7rem;
  background-color: #FFFFFF;
  box-shadow: -1px -2px 3px 1px #d8d8d8;
  border-radius: 0.42rem 0.42rem 0 0;
  list-style: none;
  z-index: 1;
  overflow: auto;
}

._boxListReversed_r3trh_40 {
  bottom: 105%;
  left: -2%;
}

._boxListRelative_r3trh_45 {
  position: relative;
}

._boxList_r3trh_25 li {
  margin: 0.8rem -1.7rem;
  padding: 0 1.7rem;
  cursor: pointer;
}

._boxLiFilled_r3trh_55 {
  background-color: rgba(0,0,0,0.09);
}
._fontListItem_gkuf2_1 {
  font-size: 1.6rem;
  line-height: 1.76;
}

._colorListItem_gkuf2_6 {
  color: #444444;
}
._comInspired_oehzr_1 {
  width: 100%;
  height: 100%;
  position: relative;
}

._boxSvgIcon_oehzr_7 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

._boxModalEmit_oehzr_16 {
  position: absolute;
  bottom: 120%;
  right: 0%;
}
._comBtnOpenMap_rjzum_1 {
  width: 100%;
  height: 100%;
  position: relative;
}

._boxSvgIcon_rjzum_7 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

._boxSmallDescrip_rjzum_16 {
  margin-left: 6px;
}
._comLinkCopy_k7p8y_1 {
  width: 100%;
  height: 100%;
  position: relative;
}

._boxSvgIcon_k7p8y_7 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

._boxSmallDescrip_k7p8y_16 {
  margin-left: 6px;
}

._boxModalEmit_k7p8y_20 {
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translate(-50%, 0);
}

._boxHiddenText_k7p8y_27 {
  position: absolute;
  left: 200%;
}
._boxBlockDraft_1sxjp_1 {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 0 5% 0 8%;
  margin-top: 10%;
  margin-bottom: 5%;
  overflow-y: auto;
}

._boxInteraction_1sxjp_11 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 0 5% 4%;
}

._boxDraftDisplay_1sxjp_20 {
  width: 100%;
  min-height: 87px;
  position: relative;
  cursor: text;
}

._boxSvgArrow_1sxjp_27 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 10px 32px;
  border-radius: 4px;
}

._boxSvgArrowMouseover_1sxjp_36 {
  box-shadow: 0 0 5px 0 #c0d3f0 inset;
  cursor: pointer;
}

@media screen and (max-width:860px) {
  ._boxBlockDraft_1sxjp_1 {
    margin-top: 13%;
  }
}