.invite-container[data-v-686297ed] {
  box-sizing: border-box;
  background: #05060A;
  padding-top: 1.5rem;
  height: 100vh;
  overflow: hidden;
}
.invite-container .navs[data-v-686297ed] {
  margin-bottom: 2rem;
}
.invite-container .content[data-v-686297ed] {
  position: relative;
  z-index: 2;
}
.invite-container .box[data-v-686297ed] {
  width: 21.4375rem;
  margin: 0 auto;
  height: 18.75rem;
  background: #191C21;
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.875rem;
}
.invite-container .box .code[data-v-686297ed] {
  background: linear-gradient(75.1deg, #F593F9 5.73%, #CA40E3 19.9%, #02D36B 88.14%);
  width: 11.25rem;
  height: 11.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.875rem;
  box-sizing: border-box;
  border-radius: 0.75rem;
}
.invite-container .box .code .codeinner[data-v-686297ed] {
  width: 10rem;
  height: 10rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgCAYAAACLz2ctAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAhTSURBVHgB7d2PURs7EMdxXSYF8CqIqQBSAdABqQBTAc8VABUAFWA6oANCBSEVcKng0YGf1tjJxNEKpKy1/vP9zGgghvP5jl/uLJ2814V3mkwmO/HLcWwHse3HNohtJwAhvMTWx/YU22Ns913Xvbxnwe6tX4jBG8QvZ7ENA4HD+41ju4xB7HO/pAZwdsQ7j+3fANS7jiEcaT9MBnB21HsIr6dZ4G/1sR2ljoYfFh+I4ZP3d4QPlgaxPcyy9ZvfjoAc+bBkfVg4Ei4G8DkQPixXH9vneS/55yk4hu8qED4s3yC8dm6npkfA2an3OQDt7MqpeH4EPA9AW9PhvW423vdfANqS94C7cgQ8DkB700u7H8Prtd13e3l5CU9PT2Gd7OzshP39/eTPvn79mnx8MBhM2yLr7T88PEw+3vf9tK0T2ceyrwscSAfk26TAw8PDJC64Vm04HKrboy0zHo+bbL9GXnPLfWTRZN8U+ian4EEAfAwkgMxwgZedDwFwRADhigDC1cdg6OrqSh3uaGE0GhUPkcSeW/Lxx8fHcHR09MfjMgzjSfav7Gcvsn9lP1sxDaDsHG1cq4XCMagp7fXe3d2pY4SeZBs997E1TsFwRQDhigDCFQGEK9NOiEYuqlu9oZcJAi3ehB8cHIRS9/f3yV5yq9esrb+GvN7UZAxrTQIo4Ts9PQ0WZMe0+GMOh8NpK6H9R5PXe3t7G5bt5ubG7D/6eDxuEkBOwXBFAOGKAMIVAYQrAghXWx/AruuSTa4Fp0gvU1tG64FKj1JbZttxBIQrAghXBBCuCCBcEUC4anIteJVp12jlum7q+rVcH9WWuby8TFYzkGvBJycnAX/a+gBqEw4kfDJ8skjCpH2ORIZuUgGU0JZObNgWnILhigDCFQGEKwIIV006IZafZd3b2wvrRqbJa9eJLWd3WxYF+PTpU2ihSQCPj4+nbVvJZzWkpbyWKLThWTGhFqdguCKAcEUA4YoAwhUBhCvTXrDUjaspkWal5vYJqRqAQrvmK9d6tWVkwsH5+fkfj0utwYuLi2BBtlFbfwvW9RFNA7hu9w8R2vicTB5IjdHJ72vLSPhSy1je7yM3priOOAXDFQGEKwIIVwQQroo7Ies4uzdX60/bFsuL8TX7rKY+obeaEZBuYnk1fAtID1QbBpFhm02qYN8Cp2C4IoBwRQDhigDCFQGEr0kDt7e3rresl+fSlD5X7OWqzyU/s1r/eDyeWKnZ/5rY01efS35WiiMgXBFAuCKAcEUA4YoAwpXpjGitPl5uRrB2D7maWb8yIzl1f7Oae57J5IHUhIAfP36or1mm5KfqANasX0rDle4DbftzctuSuq4t1Re0+ohV95abGNKGIVq1mmGAUDgMYj0M0WL7c8MwpdtvjVMwXBFAuCKAcEUA4cq0F2xZn056zqnes0z71tYjPdTSnmNuBnPquWo++yyf5dWWK51BnXuutTRZUdpkhJrJALlWuv5g3AstVdMLpxcMKAggXBFAuCKAcEUA4Wqj7hUnVeJT9ety9flK6wPKEMhoNArLdnNzk6ysn6vPN1LqM1qWh8ttv+z/0qG4jQqgtvG5P0BpfcBW5A9dOqbZYnwwV5+wpnglp2C4IoBwRQDhigDCVXEnRN7QtyiSrXUc5PHUncxzZJKCVp+v9LlqWNYHzO1/uR+f1gvOdba09aT2jWWPempSKHcxfFWbZWUC6yn5pawnI2gsJ2PkcAqGKwIIVwQQrgggXBFA+JpsuVDY08t9JECzyr3Q0nVYr58jIFwRQLgigHBFAOGKAMJV8WQEmXUr08XXicxsTtXtE1qtO03uhnyW9RFlAkPpa7u7u5u2RTXbL8+TmsAgs87Pzs6SyzSpD7hpkxEsWdZHrKlMUHObCE1NZYoanILhigDCFQGEKwIIV+b1AWtu225Feuiln03VpqpLjy7Vq8vV56v5XGxpfcKcmvVr69B67rnPBVf9/SeFvKek57S4WaD1KIBmVW/WmGtMRsDaIYBwRQDhigDCFQGEqybl2XL1+UpJV1/q0C3b9fV1sjKADM2k6gYKqZuXGqKRoRa5kWCKVp+w1a0YtG3R6hNaaxLA5+fnJuU8LOXu66GN3WljYBJabRktgK1orys1q2YZOAXDFQGEKwIIVwQQrjaqSHmN0rp9QqspKG/oUxMYtFp/NetvVZ9Rk+tQ1UxE2foAln7uQv74Ws9VhjS04RbL9XsHsPQ153AKhisCCFcEEK4IIFwRQLja+gB2XZds2rVQGYKQmeypVnNvOcv1a02GgbT1aE1bj/TytWVqeuccAeGKAMIVAYQrAghXBBCumlwLlh6V1fVD68oL2uuSi/6p2n25+nhafcAaMuHB6ppvzWvS1p+7FuxeH3AdKyNoaurjWdYHXNVGfUBsFAIIVwQQrgggXJn2gr9//x481dTH02hTz+VxrXdqWR9Qeq6p3quMAkhPvESupmHp+le6PuCqNssq+d71ATftZomcguGKAMIVAYQrCaDdO3egzIsEsA+Aj76LHZFx/ObkvUvkuvSrSrvlQg3r7deGQbRbTtQMw2hDKjXrz6kYhhlLAIfxm9sAtHcqAZTIPsfmd4cZbKt/PnRdJ8fZNuUwgV/Gkr1OvotHwUF4PQoCrezGAPbTcUD5Jn5Zr9ugY53dzDIXuvkjs/eC32IbBGB5+hi+3fk/fl4Jmb0XlMJ3fQCWow+vGfvpt0txs8Pil0AIYa+P7cv81DvXpX5z1il5CJyOYaOP7WgxfCI5GUF+cXaepmOCvyUZ+pwKn+jeWnp2NLwIBZfrsPXmY8vXWvDm3gzg3KyXfBzbYWx74fX0zNUTCAlcH5tcJH+M7X7WqX3T/xspCsFcMx2aAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
}
.invite-container .box .btn[data-v-686297ed] {
  margin-top: 0.875rem;
  width: 9.1875rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  background: linear-gradient(75.1deg, #F593F9 5.73%, #CA40E3 19.9%, #02D36B 88.14%);
}
.invite-container .box .btn .copy[data-v-686297ed] {
  width: 0.8125rem;
  height: 0.8125rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADmSURBVHgB7ZbhDYIwEIVfDQPABt1AN8ARdAIZwREcQSfADVwBJwAngBHYoL7GNuEP0BTaH4YveTmSa/Po9XIpMINSSlK1WkYpHIxaBonQ2F+CJ9xa6P07ROL/jBL7wTKmDKdBrhJCdFiJxJhIhppKB7meyrAS9kRXY9IYaT5YEWtkT/JguZ4IwNbem1F8o8R1oZ7C8CN3NaqoI1ViAS5GZ6qg9vDnPWvESaFn3n1uHUt7YOjHBrHzHTnwwm+UZaGN5FQyenv3Jl5Y6xz+dJNZ83Zr1XJuYx5iaMagOyeFHw07rhlLfgGh0Mr7WezvlgAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
  margin-right: 0.375rem;
}
.invite-container .cy-list[data-v-686297ed] {
  padding: 0 1rem;
  margin-top: 1.5rem;
}
.invite-container .cy-list .tabs[data-v-686297ed] {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.875rem;
  color: #fff;
}
.invite-container .cy-list .tabs .active[data-v-686297ed] {
  color: #fff;
  position: relative;
}
.invite-container .cy-list .tabs .active[data-v-686297ed]::after {
  content: '';
  position: absolute;
  background: linear-gradient(75.1deg, #F593F9 5.73%, #CA40E3 19.9%, #02D36B 88.14%);
  width: 1.5rem;
  height: 0.25rem;
  border-radius: 0.75rem;
  bottom: -0.625rem;
  left: 50%;
  transform: translateX(-50%);
}
.invite-container .cy-list .list[data-v-686297ed] {
  margin-top: 1.25rem;
  color: #fff;
  height: calc(100vh - 28.125rem);
  overflow: auto;
}
.invite-container .cy-list .list .list-item[data-v-686297ed] {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}