{"version":3,"file":"css/index.css","mappings":"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cACA,eACA,kBAEA,gBACA,uBAFA,kBAEA,CAEF,wIAEE,eADA,eACA,CAEF,yIAGE,cADA,eADA,eAEA,CACA,uKACE,aACA,oMACE,6DACA,6NACE,qBAEF,6NACE,oBAEF,6NACE,qBAEF,6NACE,qBAEF,6NACE,qBAEF,6NACE,sBAEF,6NACE,qBAEF,6NACE,sBAEF,6NACE,sBAEF,8NACE,sBAIN,8IACE,iBACA,kBACA,qJAME,mBADA,kBAJA,WAGA,WAGA,UALA,kBAMA,QACA,2BANA,SAMA,CAIN,uIAEE,mBACA,cAFA,aAGA,eACA,kBACA,2IACE,iBACA,eAGJ,6IACE,gBAOR,0DAGE,UADA,WADA,0BAEA,CAGJ,mCACE,iBACA,uEAGE,mBADA,aADA,gBAEA,CAEF,sEACE,yBACA,mBACA,aACA,sGAEE,mBADA,aAEA,mBACA,iHAKE,8BAJA,eAAc,CAGd,gBAHA,CAMF,sIACE,cAEA,eADA,gBAEA,YAEF,uIACE,cACA,eACA,wKACE,mBAEA,mBACA,cAEA,eADA,gBAHA,gBAIA,CAKR,wEACE,yBACA,mBAGA,mBADA,gBADA,YAEA,CACA,0GAEE,mBADA,aAEA,mBACA,6IAGE,cADA,eADA,eAEA,CAEF,gJAEE,mBAEA,cADA,eAFA,aAIA,eACA,iBACA,oJACE,iBAIN,6GAGE,eAFA,iBACA,eACA,CACA,gIAEE,WADA,SACA,CAEF,sIACE,uBAEF,sIACE,mBACA,mBAMR,wCACE,GACE,qCAEF,GACE,iCAIJ,yCACE,GACE,UAEF,GACE,WAIJ,yCACE,GACE,uBAEF,IACE,yBAEF,GACE,yBAKJ,2CACE,GACE,uDAEF,IACE,+DAEF,IACE,sDAEF,GACE,sBCpbJ,sCACE,kBACA,6EAGE,gBACA,cAHA,aACA,iBAEA,CACA,0GACE,cAEF,yGAEE,SADA,SAEA,2BAEF,8GAEE,MAAK,CADL,QACA,CAEF,+GAEE,OAAM,CADN,QACA,CAEF,sGACE,YACA,SACA,2BAEF,2GACE,YACA,OAEF,4GACE,YACA,QClCN,2BACE,kBACA,+BAKE,mBAGA,kBADA,2CANA,eAGA,aADA,YAGA,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","sources":["webpack://common/./layout/index.module.scss","webpack://common/./layout/header/index.module.scss","webpack://common/./components/Tooltip/index.module.scss","webpack://common/./components/Container/index.module.scss","webpack://common/./components/LoginWidget/index.module.scss","webpack://common/./components/Loading/index.module.scss","webpack://common/./components/MyLoading/index.module.scss","webpack://common/./components/SpinCommon/index.module.scss","webpack://common/./components/NeedInsKeplr/index.module.scss","webpack://common/./components/Button/index.module.scss","webpack://common/./components/Modal/index.module.scss","webpack://common/./components/Modal/_colors.scss","webpack://common/./components/Modal/_variables.scss","webpack://common/./components/Tabs/index.module.scss","webpack://common/./components/Rating/index.module.scss","webpack://common/./components/VerifiedStatus/index.module.scss","webpack://common/./components/Dropdown/index.module.scss","webpack://common/./components/CardMarket/index.module.scss","webpack://common/./components/ProcessRunAsyncAPI/index.module.scss","webpack://common/./components/DropdownCustom/index.module.scss","webpack://common/./layout/header/Notification/index.module.scss","webpack://common/./layout/header-mobile/index.module.scss","webpack://common/./layout/sidebar/index.module.scss","webpack://common/./pages/Login/index.module.scss"],"sourcesContent":[".common-layout {\n  .main-container {\n    max-width: 1470px;\n    margin-top: 65px;\n    margin-left: auto;\n    margin-right: auto;\n    padding-left: 15px;\n    padding-right: 15px;\n  }\n  .main {\n    display: flex;\n    margin: 0 -15px;\n    .content {\n      width: calc(100% - 280px);\n      padding: 40px 15px;\n      transition: all 0.3s ease-in-out;\n      &.sidebar-close {\n        width: calc(100% - 80px);\n      }\n    }\n  }\n}\n",".header {\n  background: #ffffff;\n  box-shadow: 0px 4px 4px rgba(214, 224, 239, 0.25);\n  padding: 8px 0;\n  position: fixed;\n  height: 65px;\n  width: 100%;\n  left: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  z-index: 1000;\n  .breadcrumb {\n    ul {\n      padding: 0;\n      margin: 0;\n      display: flex;\n      align-items: center;\n      li {\n        list-style: none;\n        display: flex;\n        align-items: center;\n        color: #b2b2b2;\n        font-size: 15px;\n        font-weight: 500;\n        &:last-child {\n          color: #181818;\n          pointer-events: none;\n        }\n        span {\n          margin: 0 5px;\n          color: #b2b2b2;\n        }\n        div {\n          cursor: pointer;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          max-width: 160px;\n        }\n      }\n    }\n  }\n  .box {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    max-width: 1470px;\n    width: 100%;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .logo {\n    width: 280px;\n    img {\n      max-width: 100%;\n      max-height: 50px;\n    }\n  }\n  .left {\n    display: flex;\n    align-items: center;\n  }\n  .right {\n    display: flex;\n    align-items: center;\n  }\n  .saved {\n    cursor: pointer;\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0px 1px 4px rgba(192, 176, 177, 0.25);\n    border-radius: 50%;\n    margin-right: 20px;\n  }\n  .user {\n    &-info {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n      img {\n        width: 36px;\n        height: 36px;\n        border-radius: 50%;\n        object-fit: cover;\n      }\n      > span {\n        font-weight: 600;\n        font-size: 16px;\n        color: #181818;\n        margin-left: 12px;\n      }\n      .icon-down {\n        width: 8px;\n        height: 8px;\n        border-right: 2px solid #777;\n        border-bottom: 2px solid #777;\n        transform: rotate(45deg);\n        margin-left: 10px;\n        margin-top: -3px;\n      }\n    }\n    .function {\n      cursor: initial;\n      padding: 16px;\n      min-width: 310px;\n      background: #ffffff;\n      box-shadow: 0px 4px 4px 0px #9ba6b740;\n      border-radius: 0px 0px 16px 16px;\n      .box-function {\n        background-color: #ef729f;\n        border-radius: 12px;\n        padding: 16px 16px 24px;\n        position: relative;\n        overflow: hidden;\n        .bg {\n          position: absolute;\n          top: 0px;\n          left: 0px;\n          width: 100%;\n          object-fit: contain;\n          height: 465px;\n          opacity: 20%;\n        }\n        .box-content {\n          position: relative;\n          z-index: 1;\n          .blance {\n            display: flex;\n            justify-content: space-between;\n            .money {\n              font-weight: 600;\n              font-size: 20px;\n              color: #fff;\n              p {\n                margin-bottom: 2px;\n                font-weight: 600;\n                font-size: 12px;\n                color: rgba(255, 255, 255, 0.8);\n              }\n            }\n            .plus {\n              background: rgba(255, 255, 255, 0.1);\n              width: 40px;\n              height: 40px;\n              border-radius: 50%;\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              color: #fff;\n              font-size: 25px;\n              cursor: pointer;\n            }\n          }\n          .fc-menu {\n            display: flex;\n            align-items: center;\n            margin-top: 20px;\n            cursor: pointer;\n            img {\n              width: 20px;\n              height: 20px;\n              object-fit: contain;\n            }\n            span {\n              margin-left: 8px;\n              font-weight: 600;\n              font-size: 14px;\n              line-height: 140%;\n              color: white;\n            }\n          }\n          .wallet {\n            background: rgba(255, 255, 255, 0.2);\n            border-radius: 8px;\n            padding: 8px 16px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            cursor: pointer;\n            margin-top: 15px;\n            span {\n              color: white;\n              font-size: 14px;\n            }\n            img {\n              width: 17px;\n              height: 17px;\n              object-fit: contain;\n            }\n          }\n        }\n      }\n      .footer {\n        display: flex;\n        justify-content: flex-end;\n        margin-top: 16px;\n        .logout {\n          display: inline-flex;\n          align-items: center;\n          font-weight: 600;\n          font-size: 14px;\n          color: #181818;\n          cursor: pointer;\n          span {\n            margin-left: 7px;\n          }\n          &:hover {\n            opacity: 0.7;\n          }\n        }\n        img {\n          width: 20px;\n          height: 20px;\n          margin-right: 8px;\n        }\n      }\n    }\n  }\n  .switch-project {\n    margin-right: 20px;\n    .box-icon {\n      background: #ffffff;\n      box-shadow: 0px 1px 4px rgba(192, 176, 177, 0.25);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 40px;\n      height: 40px;\n      cursor: pointer;\n    }\n    .switch-content {\n      width: 260px;\n      background: #fff;\n      box-shadow: 0px 4px 4px 0px rgb(155 166 183 / 25%);\n      border-radius: 0px 0px 16px 16px;\n      padding: 16px 20px;\n      .switch-title {\n        font-weight: 600;\n        font-size: 16px;\n        color: #181818;\n        margin-bottom: 12px;\n      }\n      .switch-footer {\n        padding: 18px 0 4px 0px;\n        display: flex;\n        justify-content: flex-end;\n        border-top: 1px solid #eef0f5;\n        margin-top: 8px;\n        a {\n          display: inline-flex;\n          align-items: center;\n          color: #3c8ff8;\n          font-weight: 600;\n          font-size: 14px;\n          &:hover {\n            opacity: 0.7;\n          }\n          img,\n          svg {\n            margin-left: 7px;\n          }\n        }\n      }\n      .project-list {\n        .project-item {\n          display: flex;\n          align-items: center;\n          width: 100%;\n          cursor: pointer;\n          position: relative;\n          text-decoration: none;\n          padding: 8px 0;\n          &:hover {\n            &::before {\n              display: block;\n            }\n          }\n          &::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -8px;\n            right: -8px;\n            bottom: 0;\n            background: #f2f3f6;\n            border-radius: 2px;\n            display: none;\n          }\n          .item-logo {\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            position: relative;\n            img,\n            svg {\n              max-width: 100%;\n            }\n          }\n          .item-name {\n            color: #181818;\n            position: relative;\n            font-weight: 400;\n            font-size: 14px;\n            margin-left: 10px;\n          }\n        }\n      }\n    }\n  }\n}\n",".tooltip {\n  position: relative;\n  &.hover {\n    &:hover {\n      .content {\n        opacity: 1;\n        visibility: visible;\n      }\n    }\n  }\n  &.click {\n    .content {\n      &.active {\n        opacity: 1;\n        visibility: visible;\n      }\n    }\n  }\n  .content {\n    position: absolute;\n    background: #fff;\n    z-index: 1;\n    border-radius: 4px;\n    padding: 5px 10px;\n    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);\n    font-size: 14px;\n    transition: all 0.3s ease-in-out;\n    opacity: 0;\n    visibility: hidden;\n    &.right {\n      left: calc(100% + 10px);\n      top: 50%;\n      transform: translateY(-50%);\n      &::before {\n        content: '';\n        width: 0;\n        height: 0;\n        border-top: 10px solid transparent;\n        border-bottom: 10px solid transparent;\n        border-right: 10px solid #fff;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        left: -6px;\n        z-index: -1;\n      }\n    }\n    &.top {\n      bottom: calc(100% + 10px);\n      left: 50%;\n      transform: translateX(-50%);\n      &::before {\n        content: '';\n        width: 0;\n        height: 0;\n        border-left: 10px solid transparent;\n        border-right: 10px solid transparent;\n        border-top: 10px solid #fff;\n        position: absolute;\n        left: 50%;\n        transform: translateX(-50%);\n        bottom: -6px;\n        z-index: -1;\n      }\n    }\n    &.bottom {\n      top: calc(100% + 10px);\n      left: 50%;\n      transform: translateX(-50%);\n      &::before {\n        content: '';\n        width: 0;\n        height: 0;\n        border-left: 10px solid transparent;\n        border-right: 10px solid transparent;\n        border-bottom: 10px solid #fff;\n        position: absolute;\n        left: 50%;\n        transform: translateX(-50%);\n        top: -6px;\n        z-index: -1;\n      }\n    }\n    &.left {\n      right: calc(100% + 10px);\n      top: 50%;\n      transform: translateY(-50%);\n      &::before {\n        content: '';\n        width: 0;\n        height: 0;\n        border-top: 10px solid transparent;\n        border-bottom: 10px solid transparent;\n        border-left: 10px solid #fff;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        right: -6px;\n        z-index: -1;\n      }\n    }\n  }\n}\n",".container {\n  padding-left: 15px;\n  padding-right: 15px;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 1400px;\n}\n",".widget-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  iframe {\n    border: 0px;\n  }\n}\n\n.widget-container.small {\n  iframe {\n    width: 160px;\n    height: 50px;\n  }\n}\n\n#__next {\n  overflow: hidden;\n}\n",".loader {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: calc(100vh - 300px);\n  .box {\n    animation: spin 1.2s infinite linear;\n    position: relative;\n    width: 28px;\n    height: 28px;\n    span {\n      display: block;\n      position: absolute;\n      width: 10px;\n      height: 10px;\n      background: #dc3571;\n      border-radius: 50%;\n      animation: spinMove 1s infinite linear alternate;\n      opacity: 0.3;\n      &:nth-child(1) {\n        top: 0;\n        left: 0;\n      }\n      &:nth-child(2) {\n        top: 0;\n        right: 0;\n        animation-delay: 0.4s;\n      }\n      &:nth-child(3) {\n        right: 0;\n        bottom: 0;\n        animation-delay: 0.8s;\n      }\n      &:nth-child(4) {\n        left: 0;\n        bottom: 0;\n        animation-delay: 1.2s;\n      }\n    }\n    &.small {\n      width: 15px;\n      height: 15px;\n      span {\n        width: 5px;\n        height: 5px;\n      }\n    }\n    &.large {\n      width: 38px;\n      height: 38px;\n      span {\n        width: 13px;\n        height: 13px;\n      }\n    }\n  }\n}\n\n@keyframes spin {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes spinMove {\n  100% {\n    opacity: 1;\n  }\n}\n",".loading-container-wrapper {\n  min-height: 400px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",".loader {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  .box {\n    animation: spin 1.2s infinite linear;\n    position: relative;\n    width: 28px;\n    height: 28px;\n    span {\n      display: block;\n      position: absolute;\n      width: 10px;\n      height: 10px;\n      background: #dc3571;\n      border-radius: 50%;\n      animation: spinMove 1s infinite linear alternate;\n      opacity: 0.3;\n      &:nth-child(1) {\n        top: 0;\n        left: 0;\n      }\n      &:nth-child(2) {\n        top: 0;\n        right: 0;\n        animation-delay: 0.4s;\n      }\n      &:nth-child(3) {\n        right: 0;\n        bottom: 0;\n        animation-delay: 0.8s;\n      }\n      &:nth-child(4) {\n        left: 0;\n        bottom: 0;\n        animation-delay: 1.2s;\n      }\n    }\n    &.small {\n      width: 15px;\n      height: 15px;\n      span {\n        width: 5px;\n        height: 5px;\n      }\n    }\n    &.large {\n      width: 38px;\n      height: 38px;\n      span {\n        width: 13px;\n        height: 13px;\n      }\n    }\n  }\n}\n\n@keyframes spin {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes spinMove {\n  100% {\n    opacity: 1;\n  }\n}\n",".modal-keplr {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  z-index: 100;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  .overlay {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n  }\n  .content {\n    background: #fff;\n    padding: 30px 30px;\n    position: relative;\n    max-width: calc(100% - 30px);\n    border-radius: 6px;\n    .head {\n      display: flex;\n      color: #181818;\n      font-size: 16px;\n      .icon {\n        font-size: 20px;\n        margin-right: 6px;\n      }\n    }\n    .footer {\n      display: flex;\n      justify-content: flex-end;\n      margin-top: 30px;\n      button {\n        color: #fff;\n        font-weight: 500;\n        height: 36px;\n        width: 100px;\n        border-radius: 4px;\n        cursor: pointer;\n        outline: none;\n        box-shadow: none;\n        border: none;\n        &:hover {\n          opacity: 0.8;\n        }\n      }\n    }\n  }\n}\n",".button-common {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n  box-shadow: none;\n  border: 1px solid #dc3571;\n  background: #dc3571;\n  border-radius: 6px;\n  color: #fff;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  font-family: 'Inter', sans-serif;\n  &:hover {\n    opacity: 0.7;\n  }\n  .rotate {\n    margin-right: 7px;\n    animation: loading 0.5s linear infinite;\n    display: none;\n  }\n  &.loading {\n    opacity: 0.7;\n    pointer-events: none;\n    cursor: wait;\n    .rotate {\n      display: block;\n    }\n  }\n  &.outline {\n    background: #fff;\n    color: #dc3571;\n  }\n  &.simple {\n    background: #fff;\n    color: #181818;\n    border: 1px solid #e8e8e8;\n  }\n  &.text {\n    background: none;\n    color: #dc3571;\n    border: none;\n    svg {\n      fill: #dc3571;\n    }\n  }\n  &.disable {\n    pointer-events: none;\n    cursor: not-allowed;\n    background: #c1c1c1;\n    border-color: #c1c1c1;\n  }\n}\n\n.size {\n  &-default {\n    padding: 6px 12px;\n    font-size: 14px;\n    svg {\n      margin-right: 4px;\n    }\n  }\n  &-large {\n    padding: 8px 16px;\n    font-size: 15px;\n    svg {\n      margin-right: 6px;\n    }\n  }\n}\n\n@keyframes loading {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n","@import './variables';\n@import './colors';\n\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100vh;\n  opacity: 0;\n  visibility: hidden;\n  z-index: 1001;\n  transition: 0.2s ease-in-out;\n  &.visible {\n    opacity: 1;\n    visibility: visible;\n    .mark {\n      opacity: 1;\n      visibility: visible;\n    }\n    .content {\n      opacity: 1;\n      visibility: visible;\n      transform: translateX(-50%) scale(1);\n    }\n    &.centered {\n      .content {\n        opacity: 1;\n        visibility: visible;\n        transform: translate(-50%, -50%) scale(1);\n      }\n    }\n  }\n  .mark {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.4);\n    transition: 0.2s ease-in-out;\n    opacity: 0;\n    visibility: hidden;\n  }\n  .content {\n    max-width: 100%;\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%) scale(0.7);\n    border: 1px solid;\n    border-color: $modal-border-color-default;\n    border-radius: $modal-border-radius-default;\n    background-color: $modal-bg-color-default;\n    transition: 0.2s ease-in-out;\n    opacity: 0;\n    visibility: hidden;\n    .titleWrapper {\n      padding: 12px 24px;\n      border-bottom: 1px solid #e8e8e8;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n    .close {\n      cursor: pointer;\n      font-size: 20px;\n      height: 20px;\n      color: #949494;\n    }\n    .title {\n      font-weight: $modal-title-fontweight-default;\n      color: $modal-title-color-default;\n      font-size: $modal-title-fontsize-default;\n      margin-bottom: 0;\n    }\n    .description {\n      font-weight: $modal-desc-fontweight-default;\n      font-size: $modal-desc-fontsize-default;\n      color: $modal-description-color-default;\n      line-height: $modal-desc-lineheight-default;\n    }\n  }\n  &.centered {\n    .content {\n      top: 50% !important;\n      left: 50% !important;\n      transform: translate(-50%, -50%) scale(0.7);\n    }\n  }\n\n  .footer {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    margin-top: 12px;\n  }\n}\n\n.childrenWrapper {\n  padding: 16px 24px 24px;\n}\n","//background\n$modal-bg-color-default: #ffffff;\n\n//border\n$modal-border-color-default: #e7e7e7;\n\n//text\n$modal-title-color-default: #333333;\n$modal-description-color-default: #333333;\n","//border\n$modal-border-radius-default: 8px;\n\n//font\n$modal-title-fontsize-default: 16px;\n$modal-title-fontweight-default: 600;\n$modal-title-marginbottom-default: 16px;\n$modal-desc-fontsize-default: 14px;\n$modal-desc-lineheight-default: 1.4;\n$modal-desc-fontweight-default: 400;\n\n//footer\n$modal-footer-margintop-default: 40px;\n",".tabs {\n  &-head {\n    display: inline-flex;\n    background: #ffffff;\n    box-shadow: 0px 2px 4px rgba(198, 195, 202, 0.25);\n    border-radius: 8px;\n    padding: 6px 12px;\n    .tab-item {\n      background: #fff;\n      color: #949494;\n      font-weight: 600;\n      font-size: 14px;\n      padding: 8px 20px;\n      border-radius: 8px;\n      cursor: pointer;\n      display: inline-flex;\n      align-items: center;\n      svg {\n        margin-right: 5px;\n        font-size: 16px;\n      }\n      &.active {\n        background: #ffeef3;\n        color: #dc3571;\n      }\n    }\n  }\n  &-content {\n    margin-top: 20px;\n  }\n}\n",".star-rating {\n  button {\n    background-color: transparent;\n    border: none;\n    outline: none;\n    cursor: pointer;\n  }\n  .on {\n    color: #000;\n  }\n  .off {\n    color: #ccc;\n  }\n}\n\n.star-display {\n  display: flex;\n  align-items: center;\n  .star-stack {\n    position: relative;\n    margin-right: 4px;\n    .star-stack-active {\n      position: absolute;\n      top: 0;\n      left: 0;\n      overflow: hidden;\n    }\n  }\n  .show {\n    display: block;\n  }\n  .hide {\n    display: none;\n  }\n  span {\n    font-size: 14px;\n    font-weight: normal;\n    color: #181818;\n    margin-right: 4px;\n  }\n}\n",".flex-container {\n  display: flex;\n  align-items: center;\n  span {\n    font-size: 14px;\n    color: #181818;\n    font-weight: 400;\n  }\n  svg {\n    margin-right: 6px;\n  }\n}\n",".dropdown {\n  cursor: pointer;\n  position: relative;\n  .trigger {\n    display: flex;\n    align-items: center;\n    padding: 6px 12px;\n    border-radius: 4px;\n    font-size: 14px;\n    z-index: 1;\n    span {\n      margin-right: 4px;\n    }\n  }\n  .overlay {\n    position: absolute;\n    opacity: 0;\n    visibility: hidden;\n    transition: all 0.1s ease-in-out;\n    z-index: 999;\n    &.show {\n      opacity: 1;\n      visibility: visible;\n    }\n  }\n}\n\n.dropdown-overlay {\n  padding: 4px 0;\n  background: #ffffff;\n  display: flex;\n  box-shadow: 0px 3px 8px 0px #e1e1e4;\n  z-index: -1;\n  min-width: 80px;\n  ul {\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    li {\n      list-style: none;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      padding: 0 12px;\n      &:hover {\n        background: #d7d7d755;\n      }\n      span {\n        font-size: 14px;\n      }\n    }\n  }\n}\n\n.overlay-bottom {\n  left: -4px;\n  top: 8px;\n  ul {\n    li {\n      display: flex;\n      justify-content: flex-start;\n      span {\n        text-align: left;\n      }\n    }\n  }\n}\n\n.overlay-top {\n  left: -4px;\n  bottom: 32px;\n  ul {\n    li {\n      display: flex;\n      justify-content: flex-start;\n      span {\n        text-align: left;\n      }\n    }\n  }\n}\n\n// .overlay-hide {\n//   display: none;\n// }\n",".card-market {\n  position: relative;\n  border-radius: 12px;\n  background: #fff;\n  cursor: pointer;\n  padding: 8px;\n  box-shadow: 0px 4px 4px rgba(207, 207, 207, 0.25);\n  transition: all 0.3s ease-in-out;\n  &:hover {\n    box-shadow: 0px 0px 25px rgba(207, 207, 207, 0.4);\n    .cart {\n      opacity: 1;\n      visibility: visible;\n    }\n  }\n  .cart {\n    opacity: 0;\n    z-index: 10;\n    visibility: hidden;\n    transition: all 0.2s ease-in-out;\n    background: #fff;\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    right: -10px;\n    bottom: -10px;\n    border-radius: 50%;\n    width: 56px;\n    height: 56px;\n    box-shadow: -1px 0px 11px rgba(137, 155, 217, 0.25);\n    &:hover {\n      background: #f0f0f0;\n    }\n  }\n  .thumbnail {\n    height: 70px;\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #f4f6fc;\n    img {\n      width: 100%;\n    }\n  }\n  .head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 12px;\n  }\n  .action {\n    position: relative;\n    margin-right: -12px;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    &:hover {\n      background: #f0f0f0;\n    }\n    &.active {\n      .list-action {\n        display: block;\n      }\n    }\n    .list-action {\n      min-width: 180px;\n      position: absolute;\n      z-index: 1;\n      left: 50%;\n      top: 100%;\n      transform: translateX(-50%);\n      display: none;\n      ul {\n        padding: 16px;\n        margin: 0;\n        background: #ffffff;\n        border: 0.5px solid #e8e8e8;\n        box-shadow: 0px 4px 4px rgba(207, 207, 207, 0.25);\n        border-radius: 12px;\n        li {\n          list-style: none;\n          cursor: pointer;\n          margin-bottom: 15px;\n          display: flex;\n          align-items: center;\n          font-size: 14px;\n          white-space: nowrap;\n          &:hover {\n            opacity: 0.7;\n          }\n          &:last-child {\n            margin-bottom: 0;\n          }\n          span {\n            margin-left: 7px;\n          }\n        }\n      }\n    }\n  }\n  &:hover {\n    .dark-overlay {\n      opacity: 1;\n      visibility: visible;\n      transition: all 0.2s ease-in-out;\n    }\n  }\n  .dark-overlay {\n    display: flex;\n    flex-direction: column-reverse;\n    opacity: 0;\n    visibility: hidden;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    top: 0;\n    left: 0;\n    background: #00000033;\n    z-index: 1;\n    transition: all 0.1s ease-in-out;\n    border-radius: 8px;\n  }\n  .category {\n    z-index: 1;\n    background: white;\n    width: 100%;\n    height: 148px;\n    padding: 12px 16px;\n    border-top: 1px solid #f5f5f5;\n    border-bottom-left-radius: 8px;\n    border-bottom-right-radius: 8px;\n    transition: all 0.1s ease-in-out;\n    .category-title {\n      font-weight: 600;\n      font-size: 14px;\n    }\n    .category-item {\n      display: flex;\n      align-items: center;\n      margin-top: 12px;\n      span {\n        background: #eaebed;\n        border-radius: 4px;\n        font-weight: 400;\n        font-size: 13px;\n        color: #595959;\n        padding: 4px 8px;\n        margin-right: 5px;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      .num {\n        font-size: 12px;\n        color: #595959;\n        background: #f3f3f3;\n        padding: 4px 8px;\n        border-radius: 4px;\n        font-weight: 400;\n      }\n    }\n  }\n  .content {\n    padding: 12px 8px 0px;\n    height: 155px;\n    .title {\n      color: #181818;\n      font-weight: 600;\n      font-size: 16px;\n      line-height: 24px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      display: -webkit-box;\n      margin-bottom: 5px;\n    }\n    .desc {\n      color: #777777;\n      font-size: 14px;\n      line-height: 22px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      display: -webkit-box;\n    }\n    .sub-content {\n      padding: 12px 0;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n  }\n  .footer {\n    display: flex;\n    align-items: center;\n    min-height: 18px;\n    padding: 16px 12px 8px;\n    border-top: 1px solid #f5f5f5;\n    .new-api {\n      display: flex;\n      span {\n        font-size: 12px;\n        color: #777777;\n        margin-left: 6px;\n      }\n    }\n    .dot {\n      background: #c4c4c4;\n      width: 3px;\n      height: 3px;\n      border-radius: 50%;\n      margin: 0 8px;\n    }\n    .status {\n      display: flex;\n      align-items: center;\n      color: #777777;\n      font-size: 12px;\n      svg {\n        color: #52c41a;\n        font-size: 14px;\n        margin-right: 3px;\n      }\n    }\n    .star {\n      display: flex;\n      align-items: center;\n      font-size: 12px;\n      color: #777777;\n      svg {\n        font-size: 14px;\n        margin-right: 3px;\n        color: #fbbf24;\n      }\n    }\n  }\n}\n",".process-api {\n  position: fixed;\n  bottom: 80px;\n  right: 20px;\n  z-index: 1001;\n  .icon {\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    background: #ffffff;\n    box-shadow: 0px 4px 8px 4px rgba(199, 205, 231, 0.25);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    &.running {\n      &::before {\n        content: '';\n        cursor: pointer;\n        position: absolute;\n        top: -1px;\n        right: -1px;\n        bottom: -1px;\n        left: -1px;\n        border-radius: 50%;\n        border-top: 1px solid #dc3571;\n        border-bottom: 1px solid #fff;\n        border-right: 1px solid #fff;\n        border-left: 1px solid #fff;\n        animation: loadingR 1.5s linear infinite;\n      }\n    }\n    .loader {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      .loader-x {\n        width: 25px;\n        height: 25px;\n        border-radius: 50%;\n        display: inline-block;\n        position: relative;\n        border: 5px solid;\n        animation: animloader 1s linear infinite alternate;\n      }\n    }\n    > svg {\n      cursor: pointer;\n    }\n    .ic-ani {\n      width: 35px;\n      height: 35px;\n      display: flex;\n      border-radius: 50%;\n      align-items: center;\n      justify-content: center;\n      background: #dc3571;\n      color: #eef0f5;\n      position: absolute;\n      transform: translate(0px, -60px);\n      font-size: 20px;\n      animation: Animate 1.6s forwards ease;\n    }\n    > span {\n      position: absolute;\n      top: 0px;\n      right: 0px;\n      width: 18px;\n      height: 18px;\n      border-radius: 50%;\n      font-size: 12px;\n      color: #fff;\n      background: #dc3571;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n  .process-wap {\n    background: #ffffff;\n    box-shadow: 4px 6px 16px 8px rgba(199, 205, 231, 0.32);\n    border-radius: 16px;\n    padding: 12px;\n    width: 280px;\n    .header-tab {\n      display: flex;\n      align-items: center;\n      position: relative;\n      padding-bottom: 12px;\n      &::before {\n        content: '';\n        height: 1px;\n        position: absolute;\n        bottom: 0;\n        left: -16px;\n        right: -16px;\n        background: #eef0f5;\n      }\n      .tab-item {\n        border: 1px solid #e6e9f1;\n        border-radius: 60px;\n        background: #fff;\n        font-weight: 600;\n        font-size: 14px;\n        color: #949494;\n        padding: 6px 16px;\n        margin-left: 8px;\n        cursor: pointer;\n        &.active {\n          background: #f0f0f0;\n          border-color: #f0f0f0;\n          color: #333;\n        }\n        &:hover {\n          color: #333;\n        }\n        &:first-child {\n          margin-left: 0;\n        }\n      }\n    }\n    .process-list {\n      display: none;\n      min-height: 300px;\n      .no-data {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 300px;\n        font-weight: 500;\n        color: #9e9e9e;\n      }\n      &.show {\n        display: block;\n      }\n      .box {\n        max-height: 300px;\n        overflow-y: auto;\n        padding-top: 12px;\n        &::-webkit-scrollbar {\n          width: 5px;\n          height: 5px;\n        }\n        &::-webkit-scrollbar-track {\n          background: transparent;\n        }\n        &::-webkit-scrollbar-thumb {\n          background: #d1d1d1;\n          border-radius: 10px;\n        }\n      }\n      &::before {\n        content: '';\n        width: 0;\n        height: 0;\n        border-left: 10px solid transparent;\n        border-right: 10px solid transparent;\n        border-top: 10px solid #ffffff;\n        position: absolute;\n        bottom: -10px;\n        right: 20px;\n      }\n      .item {\n        border: 1px solid #eef0f5;\n        border-radius: 12px;\n        padding: 12px 16px;\n        margin-bottom: 10px;\n        cursor: pointer;\n        transition: all 0.3s ease-in-out;\n        position: relative;\n        &:hover {\n          .item-close {\n            display: block;\n          }\n        }\n        .item-close {\n          position: absolute;\n          top: -10px;\n          right: 6px;\n          cursor: pointer;\n          font-size: 18px;\n          color: #555;\n          background: #fff;\n          width: 18px;\n          height: 18px;\n          border-radius: 50%;\n          display: none;\n        }\n        &.finish {\n          background: #eef9e8;\n          border-color: #69bc41;\n          .item-status {\n            color: #429d15;\n          }\n        }\n        &.failed {\n          background: #ffefef;\n          border-color: #ffacac;\n          .item-status {\n            color: #fa3c3c;\n            span {\n              color: #181818;\n              &::before {\n                color: #fa3c3c;\n              }\n            }\n          }\n        }\n        // &:hover {\n        //   background: #f2f3f6;\n        //   border-color: #f2f3f6;\n        // }\n        &-method {\n          color: #738088;\n          font-size: 13px;\n          margin-bottom: 4px;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n        &-title {\n          font-weight: 600;\n          font-size: 14px;\n        }\n        &-status {\n          font-weight: 400;\n          font-size: 13px;\n          color: #dc3571;\n          .loading {\n            display: flex;\n            .letter {\n              animation: loadingF 1.6s infinite linear;\n              &.l-1 {\n                animation-delay: 0.48s;\n              }\n              &.l-2 {\n                animation-delay: 0.6s;\n              }\n              &.l-3 {\n                animation-delay: 0.72s;\n              }\n              &.l-4 {\n                animation-delay: 0.84s;\n              }\n              &.l-5 {\n                animation-delay: 0.96s;\n              }\n              &.l-6 {\n                animation-delay: 1.08s;\n              }\n              &.l-7 {\n                animation-delay: 1.2s;\n              }\n              &.l-8 {\n                animation-delay: 1.32s;\n              }\n              &.l-9 {\n                animation-delay: 1.44s;\n              }\n              &.l-10 {\n                animation-delay: 1.56s;\n              }\n            }\n          }\n          span {\n            margin-left: 14px;\n            position: relative;\n            &::before {\n              content: '';\n              position: absolute;\n              width: 2px;\n              height: 2px;\n              border-radius: 50%;\n              background: #dc3571;\n              left: -9px;\n              top: 50%;\n              transform: translateY(-50%);\n            }\n          }\n        }\n        &-free {\n          display: flex;\n          align-items: center;\n          color: #738088;\n          font-size: 12px;\n          margin-bottom: 2px;\n          img {\n            margin-right: 7px;\n            max-width: 15px;\n          }\n        }\n        &:last-child {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n}\n.process-tooltip {\n  > div > div:first-child {\n    transform: translateY(100%);\n    right: 30px;\n    left: auto;\n  }\n}\n.modal-result {\n  min-height: 300px;\n  .modal-loading {\n    min-height: 300px;\n    display: flex;\n    align-items: center;\n  }\n  .info-service {\n    border: 1px solid #e6e9f1;\n    border-radius: 12px;\n    padding: 20px;\n    .info-item {\n      display: flex;\n      align-items: center;\n      margin-bottom: 12px;\n      &:last-child {\n        margin-bottom: 0;\n      }\n      &:last-child {\n        padding-top: 15px;\n        border-top: 1px dashed #e6e9f1;\n      }\n      .item-text {\n        color: #738088;\n        font-weight: 600;\n        font-size: 14px;\n        width: 150px;\n      }\n      .item-value {\n        color: #181818;\n        font-size: 14px;\n        &.item-status {\n          background: #eef9e8;\n          padding: 4px 10px;\n          border-radius: 32px;\n          color: #429d15;\n          font-weight: 600;\n          font-size: 12px;\n        }\n      }\n    }\n  }\n  .result-service {\n    border: 1px solid #e6e9f1;\n    border-radius: 12px;\n    padding: 20px;\n    margin-top: 15px;\n    margin-bottom: 20px;\n    .result-head {\n      display: flex;\n      align-items: center;\n      margin-bottom: 12px;\n      .result-title {\n        font-weight: 600;\n        font-size: 14px;\n        color: #181818;\n      }\n      .result-collapse {\n        display: flex;\n        align-items: center;\n        cursor: pointer;\n        color: #949494;\n        font-size: 13px;\n        margin-left: 15px;\n        svg {\n          margin-right: 4px;\n        }\n      }\n    }\n    .result-content {\n      max-height: 250px;\n      overflow-y: auto;\n      font-size: 14px;\n      &::-webkit-scrollbar {\n        width: 8px;\n        height: 8px;\n      }\n      &::-webkit-scrollbar-track {\n        background: transparent;\n      }\n      &::-webkit-scrollbar-thumb {\n        background: #d1d1d1;\n        border-radius: 10px;\n      }\n    }\n  }\n}\n\n@keyframes Animate {\n  0% {\n    transform: translate(0px, -60px) scale(1);\n  }\n  100% {\n    transform: translate(0px, 0px) scale(0);\n  }\n}\n\n@keyframes loadingF {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes loadingR {\n  0% {\n    transform: rotate(0deg);\n  }\n  50% {\n    transform: rotate(180deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n$lite: #9b9b9b;\n@keyframes animloader {\n  0% {\n    border-color: rgba($lite, 1) rgba($lite, 0) rgba($lite, 0) rgba($lite, 0);\n  }\n  33% {\n    border-color: rgba($lite, 1) rgba($lite, 1) rgba($lite, 0) rgba($lite, 0);\n  }\n  66% {\n    border-color: rgba($lite, 1) rgba($lite, 1) rgba($lite, 1) rgba($lite, 0);\n  }\n  100% {\n    border-color: rgba($lite, 1) rgba($lite, 1) rgba($lite, 1) rgba($lite, 1);\n  }\n}\n",".dropdown-custom {\n  position: relative;\n  .dropdown-content {\n    display: none;\n    position: absolute;\n    background: #fff;\n    color: #131313;\n    &.visible {\n      display: block;\n    }\n    &.bottom {\n      top: 100%;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n    &.bottom-left {\n      top: 100%;\n      left: 0;\n    }\n    &.bottom-right {\n      top: 100%;\n      right: 0;\n    }\n    &.top {\n      bottom: 100%;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n    &.top-left {\n      bottom: 100%;\n      left: 0;\n    }\n    &.top-right {\n      bottom: 100%;\n      right: 0;\n    }\n  }\n}\n",".noti {\n  margin-right: 25px;\n  &-box {\n    cursor: pointer;\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0px 1px 4px rgba(192, 176, 177, 0.25);\n    border-radius: 50%;\n    &-warning {\n      svg {\n        font-size: 18px;\n        color: #fbbf24;\n        position: absolute;\n        bottom: 0;\n        right: -4px;\n      }\n    }\n  }\n  &-head {\n    padding: 10px 15px;\n    border-bottom: 1px solid #ececec;\n    font-weight: 700;\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    .read-all {\n      display: flex;\n      align-items: center;\n      font-weight: 400;\n      cursor: pointer;\n      svg {\n        margin-right: 4px;\n      }\n    }\n  }\n  &-list {\n    height: 350px;\n    overflow-y: auto;\n    &::-webkit-scrollbar {\n      width: 6px;\n      background: transparent;\n    }\n    &::-webkit-scrollbar-thumb {\n      background-color: #9c9c9c;\n      border-radius: 4px;\n    }\n  }\n  &-empty {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    margin-top: 50px;\n    span {\n      font-size: 14px;\n      margin-top: 7px;\n    }\n  }\n  &-content {\n    border-radius: 5px;\n    width: 370px;\n    max-width: 100vw;\n    background: #fff;\n    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n    .noti-request-permission {\n      padding: 12px 16px;\n      background: #fff9e9;\n      display: flex;\n      justify-content: end;\n      align-items: flex-end;\n      font-size: 13px;\n      display: flex;\n      align-items: center;\n\n      button {\n        margin-top: 12px;\n      }\n\n      svg {\n        font-size: 45px;\n        color: #fbbf24;\n        margin-right: 16px;\n      }\n    }\n  }\n  &-item {\n    display: flex;\n    padding: 15px;\n    cursor: pointer;\n    transition: all 0.3s ease-in-out;\n    position: relative;\n    .not-read {\n      position: absolute;\n      right: 10px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: #0276fd;\n    }\n    &:hover {\n      background: rgba(2, 118, 253, 0.08);\n    }\n    .item-left {\n      width: 55px;\n      .box-avatar {\n        width: 45px;\n        height: 45px;\n        border-radius: 50%;\n        position: relative;\n        > img {\n          width: 100%;\n          height: 100%;\n          object-fit: cover;\n          border-radius: 50%;\n        }\n        .icon {\n          position: absolute;\n          bottom: 0px;\n          right: 0;\n          width: 16px;\n          height: 16px;\n          background: #000;\n          border-radius: 50%;\n          > img {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            border-radius: 50%;\n          }\n        }\n      }\n    }\n    .item-right {\n      width: calc(100% - 55px);\n      padding-right: 8px;\n      .date {\n        color: #747c85;\n        font-size: 13px;\n      }\n    }\n  }\n  &-has {\n    position: absolute;\n    top: -1px;\n    right: -3px;\n    width: 17px;\n    height: 17px;\n    background: red;\n    border: 1px solid #fff;\n    border-radius: 50%;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    font-size: 10px;\n  }\n}\n.contact {\n  &-order {\n    border: 1px solid #e6e9f1;\n    border-radius: 12px;\n    padding: 20px;\n    &-box {\n      border-bottom: 1px dashed #e6e9f1;\n      margin-bottom: 16px;\n      padding-bottom: 16px;\n      &:last-child {\n        border-bottom: none;\n        margin-bottom: 0;\n        padding-bottom: 0;\n      }\n    }\n    &-item {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      margin-bottom: 6px;\n      &:last-child {\n        margin-bottom: 0;\n      }\n      .field {\n        font-size: 14px;\n        color: #738088;\n      }\n      .content {\n        color: #000;\n        font-size: 12px;\n        font-weight: 600;\n      }\n    }\n  }\n  &-message {\n    margin-top: 20px;\n    > p {\n      margin-bottom: 7px;\n      color: #b2b2b2;\n      font-weight: 400;\n      font-size: 14px;\n    }\n    textarea {\n      border: 1px solid #e6e9f1;\n      border-radius: 8px;\n      height: 180px;\n      width: 100%;\n      padding: 12px 16px;\n      color: #333;\n      font-weight: 400;\n      outline: none;\n      box-shadow: none;\n      &::placeholder {\n        color: #949494;\n      }\n    }\n  }\n}\n",".header {\n  background: #ffffff;\n  box-shadow: 0px 4px 4px rgba(214, 224, 239, 0.25);\n  padding: 8px 0;\n  height: 65px;\n  width: 100%;\n  left: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n  z-index: 1000;\n  position: fixed;\n  .box {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    max-width: 1470px;\n    width: 100%;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .logo {\n    width: 280px;\n    img {\n      max-width: 100%;\n      max-height: 50px;\n    }\n  }\n  .left {\n    display: flex;\n    align-items: center;\n  }\n  .right {\n    display: flex;\n    align-items: center;\n  }\n}\n\n.mobile-menu {\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  z-index: 999;\n  width: 100%;\n  transition: all 0.2s ease-in-out;\n  border: none;\n  top: 0;\n  height: 100vh;\n  background: #000000bb;\n  .menu-box {\n    padding: 24px 0 0;\n    background: white;\n    display: flex;\n    flex-direction: column;\n  }\n  .tab-active {\n    background: #fff3f6;\n    padding: 16px 32px;\n    display: flex;\n    align-items: center;\n    span {\n      font-size: 18px;\n      margin-left: 12px;\n      font-weight: 600;\n      color: #181818;\n    }\n  }\n  .tab-inactive {\n    background: white;\n    padding: 16px 32px;\n    display: flex;\n    align-items: center;\n    span {\n      font-size: 18px;\n      margin-left: 12px;\n      font-weight: 600;\n      color: #949494;\n    }\n  }\n  .danger {\n    margin-top: 16px;\n    padding: 24px 32px 32px;\n    background: #333333;\n    display: flex;\n    flex-direction: column;\n    p {\n      margin: 16px 0 0;\n      font-size: 16px;\n      color: #e7e7e7;\n      span {\n        font-weight: 600;\n      }\n    }\n  }\n}\n\n.menu-show {\n  opacity: 1;\n  visibility: visible;\n  top: 59px;\n}\n",".sidebar {\n  width: 280px;\n  padding: 0 15px;\n  transition: all 0.3s ease-in-out;\n  &.sidebar-close {\n    width: 110px;\n    .collapse {\n      svg {\n        transform: rotateY(180deg);\n      }\n    }\n    .sidebar-menu {\n      width: 80px;\n      > ul {\n        > li {\n          padding: 13px 27px;\n          .item {\n            img {\n              width: 25px;\n              height: 25px;\n            }\n            span {\n              opacity: 0;\n              visibility: hidden;\n            }\n          }\n          > ul {\n            opacity: 0;\n            visibility: hidden;\n            height: 0;\n            margin: 0;\n          }\n          > svg {\n            opacity: 0;\n            visibility: hidden;\n          }\n        }\n      }\n    }\n  }\n  .sidebar-menu {\n    overflow-y: auto;\n    overflow-x: hidden;\n    background: #ffffff;\n    box-shadow: 3px 0px 4px rgba(234, 234, 234, 0.25);\n    position: relative;\n    height: 70%;\n    margin: 40px 0;\n    border-radius: 16px;\n    position: fixed;\n    width: 250px;\n    padding: 15px 0;\n    transition: all 0.3s ease-in-out;\n    ul {\n      padding: 0;\n      margin: 0;\n      li {\n        list-style: none;\n      }\n    }\n    > ul {\n      > li {\n        padding: 13px 30px;\n        cursor: pointer;\n        position: relative;\n        &.active {\n          > ul {\n            display: block;\n          }\n        }\n        > ul {\n          margin-top: 12px;\n          display: none;\n          position: relative;\n          &::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -30px;\n            right: -30px;\n            height: calc(100% + 13px);\n            background: #fff;\n          }\n          > li {\n            padding: 12px 0 12px 33px;\n            color: #949494;\n            font-weight: 600;\n            font-size: 14px;\n            position: relative;\n            white-space: nowrap;\n            &.active {\n              color: #ec5c90;\n            }\n          }\n        }\n        > svg {\n          position: absolute;\n          right: 20px;\n          top: 14px;\n          font-size: 22px;\n          color: #777777;\n          transition: all 0.3s ease-in-out;\n        }\n        &.active {\n          background: #fff3f6;\n          &::before {\n            content: '';\n            position: absolute;\n            height: 100%;\n            left: 0;\n            top: 0;\n            width: 3px;\n            background: #ec5c90;\n          }\n          .item {\n            span {\n              color: #181818;\n            }\n          }\n        }\n        .item {\n          display: flex;\n          align-items: center;\n          height: 25px;\n          img {\n            width: 22px;\n            margin-right: 12px;\n            transition: all 0.3s ease-in-out;\n            transition-delay: 0.1s;\n          }\n          span {\n            color: #949494;\n            font-weight: 600;\n            font-size: 15px;\n            transition: all 0.3s ease-in-out;\n            transition-delay: 0.1s;\n            white-space: nowrap;\n          }\n        }\n      }\n    }\n  }\n  .collapse {\n    padding: 6px 16px;\n    box-shadow: 0px 1.5px 4px 0px #9f9ce84d;\n    width: fit-content;\n    border-radius: 8px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    bottom: 15px;\n    right: 15px;\n    cursor: pointer;\n    color: #999999;\n    font-size: 18px;\n    svg {\n      transition: all 0.3s ease-in-out;\n    }\n  }\n}\n",".login-container {\n  width: 100%;\n  border-radius: 10px;\n  overflow: hidden;\n  font-size: 16px;\n  line-height: 1.2;\n  font-family: 'Inter', sans-serif;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: calc(100vh - 200px);\n\n  .cover-box {\n    width: 100%;\n    margin: 0 auto;\n    overflow: hidden;\n    position: relative;\n    min-height: calc(100vh - 200px);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 8px;\n    .row {\n      position: relative;\n      z-index: 2;\n    }\n\n    .left-box {\n      background-color: rgba(255, 255, 255, 0.7);\n      padding: 2rem 3rem;\n      backdrop-filter: blur(50px);\n      -webkit-backdrop-filter: blur(50px);\n      z-index: 999;\n\n      .title {\n        margin-top: 2rem;\n        font-size: 2rem;\n        font-weight: bold;\n      }\n\n      .content {\n        font-size: 1em;\n        font-weight: normal;\n        color: #999999;\n        margin: 1rem 0;\n        margin-bottom: 3rem;\n        max-width: 400px;\n      }\n\n      .upside {\n        margin-top: 3rem;\n\n        .title {\n          font-size: 1.5rem;\n          font-weight: normal;\n        }\n      }\n    }\n\n    .right-box {\n      padding: 2rem 3rem;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      .card-over {\n        background-color: rgba(255, 255, 255, 0.8);\n        max-width: 100%;\n        min-height: 250px;\n        border-radius: 24px;\n        padding: 2rem;\n        width: 510px;\n        button {\n          margin-top: 20px;\n          width: 100%;\n          margin-bottom: 10px;\n        }\n\n        .title {\n          font-size: 1.5rem;\n          margin-bottom: 10px;\n          font-weight: bold;\n          line-height: 1.1;\n          color: rgb(63, 62, 62);\n        }\n\n        .note {\n          margin: 16px 0px 24px 0px;\n          color: #bbbbbb;\n          font-size: 14px;\n          line-height: 1.4;\n        }\n      }\n    }\n  }\n\n  .ocean {\n    height: 5%;\n    width: 100%;\n    position: absolute;\n    bottom: -40px;\n    left: 0;\n    z-index: 1;\n    /* background: #015871; */\n  }\n\n  .cover-png {\n    background: url('https://gateway.ipfs.airight.io/ipfs/QmXQKuYUBsWzs35d1MyMGXJ6Kfit9irktqsjiCG9vLUhqs');\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    background-size: cover;\n    z-index: 0;\n  }\n\n  .wave {\n    background: url('https://gateway.ipfs.airight.io/ipfs/QmY4nyMTJbBbugN642ZZRm6VZw3sDqicEBw2YHM9xrXrZo') repeat-x;\n    position: absolute;\n    top: -198px;\n    width: 6400px;\n    height: 198px;\n    animation: wave 14s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;\n    transform: translate3d(0, 0, 0);\n  }\n\n  .wave:nth-of-type(2) {\n    top: -175px;\n    animation: wave 21s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;\n    opacity: 1;\n  }\n\n  .endWave {\n    display: none;\n  }\n\n  iframe {\n    border: none;\n    width: 100%;\n    height: 200px;\n  }\n}\n\n@keyframes wave {\n  0% {\n    margin-left: 0;\n  }\n  100% {\n    margin-left: -1600px;\n  }\n}\n@keyframes swell {\n  0%,\n  100% {\n    transform: translate3d(0, -25px, 0);\n  }\n  50% {\n    transform: translate3d(0, 5px, 0);\n  }\n}\n\n//Responsive\n\n@media (max-width: 991px) {\n  .login-container {\n    .ocean {\n      display: none;\n    }\n  }\n}\n\n@media (max-width: 767px) {\n  .login-container {\n    box-shadow: none;\n    .ocean {\n      display: none;\n    }\n    .cover-box {\n      .left-box {\n        backdrop-filter: none;\n        padding: 20px;\n      }\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}