.userStatus{flex:1;width:100%;max-width:1200px;min-height:calc(100vh - 150px);font-family:var(--primary-font)}@media only screen and (max-width:1024px){.userStatus{min-height:auto;margin-bottom:-68px}}.userStatusTitle{padding:10px 0 12px;font-family:var(--primary-font);font-size:24px;font-weight:700;line-height:32px}@media only screen and (max-width:600px){.userStatusTitle{width:100vw;padding:10px 12px 12px;margin-left:calc(-50vw + 50%)}}.userStatusCard{overflow:hidden;background:var(--color-white);border:1px solid var(--color-grey-50);border-radius:8px}.userStatusCard .tabList{max-width:calc(100% - 48px);margin:24px 24px 16px;border-bottom:1px solid var(--color-grey-50);border-radius:0}.userStatusCard .tabPanels{align-items:stretch;min-height:auto;background-color:initial}.userStatusCard .tabPanel{padding:0}.userStatusCard .tabItem{min-width:auto;padding:4px 16px 12px;font-size:14px;font-weight:600}.userStatusCard .tabItemOutline{border-bottom:2px solid!important;border-image-source:var(--color-gradient-normal)!important;border-image-slice:1!important}@media only screen and (max-width:1024px){.userStatusCard .tabList{max-width:calc(100% - 48px);margin:24px 24px 16px}}@media only screen and (max-width:600px){.userStatusCard{width:100vw;margin-bottom:24px;margin-left:calc(-50vw + 50%);border:none;border-radius:0}.userStatusCard .tabList{max-width:100%;padding:0;margin:12px}.userStatusCard .tabItem{flex:0 0 auto;padding:4px 16px 12px}}.userStatusTable{align-items:center;justify-content:center;width:100%;min-width:600px;height:100%;table-layout:fixed;border-collapse:collapse;background:var(--color-white)}.userStatusTable th{font-weight:600}.userStatusTable td,.userStatusTable th{height:50px;padding:0 16px;font-size:12px;font-style:normal;line-height:16px;text-align:left;letter-spacing:.02em}.userStatusTable td{font-weight:500;color:var(--color-grey-800);border-top:1px solid var(--color-grey-50)}.userStatusTable td:first-child,.userStatusTable th:first-child{width:160px}.userStatusTable td:nth-child(2),.userStatusTable td:nth-child(3),.userStatusTable td:nth-child(4),.userStatusTable td:nth-child(5),.userStatusTable th:nth-child(2),.userStatusTable th:nth-child(3),.userStatusTable th:nth-child(4),.userStatusTable th:nth-child(5){width:248px}.userStatusTable td:first-child{text-align:left}.userStatusTable tr:last-child{border-bottom:1px solid var(--color-grey-50)}.userStatusTable .accountStatusBold{font-size:10px;line-height:14px;color:var(--color-grey-600)}.userStatusTable .accountStatusBadge{gap:4px;width:69px;height:22px;padding:4px 8px;background:var(--color-grey-50);border:1px solid var(--color-grey-200);border-radius:24px}.userStatusTable .accountStatusBadge svg{width:12px;height:12px}.userStatusTable .accountStatusBadge[data-tag=default] svg{color:var(--color-grey-600)}.userStatusTable .accountStatusBadge[data-tag=vip]{background:var(--color-primary-100);border-color:var(--color-primary-500)}.userStatusTable .accountStatusBadge[data-tag=vip] .accountStatusBold,.userStatusTable .accountStatusBadge[data-tag=vip] svg{color:var(--color-primary-500)}.userStatusTable .accountStatusBadge[data-tag=pro]{background:var(--color-info-100);border-color:var(--color-info-500)}.userStatusTable .accountStatusBadge[data-tag=pro] .accountStatusBold,.userStatusTable .accountStatusBadge[data-tag=pro] svg{color:var(--color-info-500)}.userStatusTable .accountStatusBadge[data-tag=elite]{background:var(--color-success-100);border-color:var(--color-success-500)}.userStatusTable .accountStatusBadge[data-tag=elite] .accountStatusBold{color:var(--color-success-600)}.userStatusTable .accountStatusBadge[data-tag=elite] svg{color:var(--color-success-700)}@media only screen and (max-width:1024px){.userStatusTable td,.userStatusTable th{height:50px;padding:0 16px}.userStatusTable td:first-child,.userStatusTable th:first-child{width:120px}.userStatusTable td:nth-child(2),.userStatusTable td:nth-child(n+3),.userStatusTable th:nth-child(2),.userStatusTable th:nth-child(n+3){width:140px}}@media only screen and (max-width:768px){.userStatusTable .accountStatusBadge{width:auto}.userStatusTable .accountStatusBadge[data-title=START]{width:69px;height:22px}.userStatusTable .accountStatusBadge[data-title="VIP 1"]{width:63px;height:22px;padding:4px 8px}.userStatusTable .accountStatusBadge[data-title="VIP 1"] .accountStatusBold{font-size:10px;line-height:14px}.userStatusTable .accountStatusBadge[data-title="VIP 1"] svg{width:12px;height:12px}.userStatusTable td,.userStatusTable th{height:50px;padding:0 16px}.userStatusTable td:first-child,.userStatusTable th:first-child{width:120px}.userStatusTable td:nth-child(2),.userStatusTable td:nth-child(n+3),.userStatusTable th:nth-child(2),.userStatusTable th:nth-child(n+3){width:140px}}@media only screen and (max-width:600px){.userStatusTable th{height:50px;padding:17px 16px}.userStatusTable td{height:auto}.userStatusTable td:first-child,.userStatusTable th:first-child{width:140px}.userStatusTable td:nth-child(2),.userStatusTable td:nth-child(n+3),.userStatusTable th:nth-child(2),.userStatusTable th:nth-child(n+3){width:180px}}.userStatusFuturesTable td:first-child,.userStatusFuturesTable th:first-child{width:160px}.userStatusFuturesTable td:nth-child(2),.userStatusFuturesTable th:nth-child(2){width:248px}.userStatusFuturesTable td:nth-child(3),.userStatusFuturesTable td:nth-child(4),.userStatusFuturesTable th:nth-child(3),.userStatusFuturesTable th:nth-child(4){width:372px;text-align:center}@media only screen and (max-width:1024px){.userStatusFuturesTable th{white-space:normal}.userStatusFuturesTable td:first-child,.userStatusFuturesTable th:first-child{width:120px}.userStatusFuturesTable td:nth-child(2),.userStatusFuturesTable th:nth-child(2){width:140px}.userStatusFuturesTable td:nth-child(3),.userStatusFuturesTable td:nth-child(4),.userStatusFuturesTable th:nth-child(3),.userStatusFuturesTable th:nth-child(4){width:210px}}.userStatusWrapTable{padding:0 24px 24px}@media only screen and (max-width:1024px){.userStatusWrapTable[\:has\(\.userStatusFuturesTable\)]{padding:0 24px 24px}.userStatusWrapTable:has(.userStatusFuturesTable){padding:0 24px 24px}}@media only screen and (max-width:600px){.userStatusWrapTable[\:has\(\.userStatusFuturesTable\)]{padding:0;overflow:hidden}.userStatusWrapTable:has(.userStatusFuturesTable){padding:0;overflow:hidden}}@media only screen and (max-width:600px){.userStatusWrapTable{padding:0}}@media only screen and (max-width:1024px){.userStatusWrapTable{overflow-x:auto}}@media only screen and (max-width:600px){.userStatusTable{min-width:0}.userStatusTable .accountStatusBadge{width:auto;height:22px}.userStatusTable .accountStatusBadge svg{width:12px;height:12px}.userStatusTable .accountStatusBadge[data-title=START]{width:70px;height:22px}.userStatusTable .accountStatusBadge[data-title="VIP 1"]{width:61px;height:22px}.userStatusTable .accountStatusBadge[data-title="VIP 1"] .accountStatusBold{font-size:10px;line-height:14px}.userStatusTable .accountStatusBadge[data-title="VIP 1"] svg{width:12px;height:12px}.userStatusTable thead{display:none}.userStatusTable tr{height:158px;padding:2px 0}.userStatusTable tbody tr{display:flex;flex-direction:column;border-top:1px solid var(--color-grey-50)}.userStatusTable tbody tr:first-child{border-top:none}.userStatusTable td{width:100%!important;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;white-space:normal;border-top:none}.userStatusTable td:before{flex-shrink:0;margin-right:12px;font-weight:500;color:var(--color-grey-800);content:attr(data-label)}.userStatusTable td:nth-child(n+3):before{color:var(--color-grey-500)}.userStatusTable td:nth-child(n+3){padding:4px 12px}.userStatusTable td:nth-child(3){padding-top:8px}.userStatusTable td:last-child{padding-bottom:12px}}.statusTableDescription{display:flex;flex-direction:column;gap:14px;font-size:14px;font-style:normal;line-height:16px}.userStatusNote a{font-weight:600;color:var(--color-primary-700);text-decoration:none;transition:all .3s ease-in-out}.userStatusNote a:hover{color:var(--color-primary-600);text-decoration:underline}.accountStatusBadge{display:inline-flex;gap:5px;align-items:center;justify-content:center;padding:7px 8px 6px;border:2px solid var(--primary-color);border-radius:30px;text-transform:uppercase}.accountStatusBadge svg{margin-top:-1px}.accountStatusBold{font-weight:600;font-size:14px;line-height:24px}.tabList{display:flex;flex-direction:row;align-items:center;width:100%;border-bottom:1px solid var(--system-color-lighten);border-radius:10px 10px 0 0;scroll-snap-type:x mandatory}.tabList[\:has\(\.swiper\)]{border-bottom:none}.tabList:has(.swiper){border-bottom:none}.tabList::-webkit-scrollbar{height:2px}.tabList::-webkit-scrollbar-track{background-color:initial}.tabList::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}@media only screen and (max-width:414px){.tabList{padding:0 15px}}.tabItem{position:relative;z-index:1;width:-moz-fit-content;width:fit-content;min-width:100px;padding:17px 15px 14px;font-family:var(--primary-font);font-size:15px;font-weight:400;line-height:20px;color:var(--system-color-light);text-align:center;white-space:nowrap;cursor:pointer;background-color:initial;border:0;transition:color .3s ease;scroll-snap-align:center}@media only screen and (max-width:414px){.tabItem{flex:1 0 auto;padding:14px 10px 10px;font-size:12px}}.tabItem.focus-visible{outline:1px solid var(--primary-color-light);outline-offset:-1px}.tabItem:focus-visible{outline:1px solid var(--primary-color-light);outline-offset:-1px}.tabItem.isOutlined{outline:none}.tabItemActive{color:var(--primary-color)}.tabPanels{display:flex;flex-direction:column;align-items:center;min-height:200px;background-color:var(--primary-content)}.tabPanels::-webkit-scrollbar{width:10px;background-color:var(--v2-system-color-light)}.tabPanels::-webkit-scrollbar-track{background-color:initial}.tabPanels::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.tabPanel{padding:20px 0}.tabItemOutline{bottom:0;height:2px;border-bottom:2px solid #ffffff}.tabItemBubble,.tabItemOutline{position:absolute;left:0;width:100%}.tabItemBubble{bottom:5%;height:90%;border-radius:22px}.tabItemBubble,.tabItemSoftSquare{z-index:-1;background-color:var(--primary-color)}.tabItemSoftSquare{position:absolute;bottom:12%;left:-20%;width:140%;height:70%;padding:10px;border-radius:10px}.spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:60vh}