.AccordionTrigger{display:flex;gap:5px;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;text-align:left;border-radius:5px;cursor:pointer}.AccordionTrigger svg.pointer{flex-shrink:0;transform:rotate(-90deg);transition:transform .2s ease}.AccordionTrigger[data-state=open] svg.pointer{transform:rotate(0)}.AccordionContent{overflow:hidden}.AccordionContent__content{padding:12px 16px;color:#b1bad3;font-size:14px}.AccordionContent[data-state=closed]{animation:accordionUp .2s ease-out}.AccordionContent[data-state=open]{animation:accordionDown .2s ease-out}.AccordionItem{background-color:#272c38;border-radius:5px}.AccordionItem:not(:last-of-type){margin-bottom:.5rem}@keyframes accordionDown{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordionUp{0%{height:var(--radix-accordion-content-height)}to{height:0}}.ClubModalPrivilegeTab{width:100%;max-height:356px;padding:0;overflow-y:scroll}.ClubModalPrivilegeTab__trigger{background-color:#2d3340;border-radius:5px}.ClubModalPrivilegeTab__trigger_content{display:flex;gap:10px;align-items:center}.ClubModalPrivilegeTab__trigger_content span{text-transform:capitalize}.ClubModalPrivilegeTab__content{background-color:#2d3340;border-top:1px solid #2f4553}.ClubModalPrivilegeTab__content ul{list-style-position:inside}.CardContainer{width:100%;min-width:240px;max-width:384px;padding:7px;background-image:linear-gradient(to bottom,#404858,#272d39);border-radius:10px;aspect-ratio:16/9}.CardContainer__wrapper{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:24px;background-color:#1c2028;border-style:solid;border-width:2px;border-radius:10px}.CardContainer__header{display:flex;align-items:center;justify-content:space-between}.CardContainer__header h3{margin:0;color:#fff;font-weight:600;font-size:18px}.CardContainer__header img{width:20px;height:20px}.CardContainer__header svg.icon{width:20px;height:20px}.CardContainer__body{display:flex;flex-direction:column;gap:10px}.CardContainer__body .Percentage{display:flex;gap:5px;align-items:center;justify-content:space-between}.CardContainer__body .Percentage__link{display:flex;gap:5px;align-items:center;font-weight:600;cursor:pointer;transition:.2s all ease}.CardContainer__body .Percentage__link:hover{transform:translate(8px)}.CardContainer__body .Percentage__text{margin-left:auto;color:#fff;font-weight:600}.CardContainer__body .Percentage div[data-state] .icon{fill:#738198}.CardContainer__body .Percentage div[data-state] .icon:hover{fill:#fff}.CardContainer__body .ProgressBar{position:relative;width:100%;height:12px;overflow:hidden;background-color:#272d39;border-radius:10px}.CardContainer__body .ProgressBar__fill{position:relative;width:100%;height:100%;background-color:#738198;border-radius:10px;box-shadow:0 10px 15px #0000001a}.CardContainer__body .ProgressBar__fill.bronze{background-color:#ab5d30}.CardContainer__body .ProgressBar__fill.silver{background-color:#4d7bcd}.CardContainer__body .ProgressBar__fill.gold{background-color:#ffd40e}.CardContainer__body .ProgressBar__fill.platinum{background-color:#077cfc}.CardContainer__body .ProgressBar__fill.diamond{background-color:#7625f4}.CardContainer__body .ProgressBar__fill.elite{background-color:#ff3c38}.CardContainer__body .Ranks{display:flex;align-items:center;justify-content:space-between}.CardContainer__body .Ranks div{display:flex;gap:5px;align-items:center}.CardContainer__body .Ranks__current,.CardContainer__body .Ranks__next{color:#fff;font-weight:600}.vip{width:100%}.ClubModalProgressTab{display:flex;flex-direction:column;gap:20px;align-items:center}.ClubModalProgressTab h2{margin:0 auto 0 0;color:#fff;font-size:18px}.ClubModalProgressTab__list{display:flex;flex-direction:column;gap:10px;align-self:start;list-style-type:none}.ClubModalProgressTab__listItem{display:flex;gap:10px;align-items:flex-start}.ClubModalProgressTab__listItem .icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#1c2028;border-radius:5px}.ClubModalProgressTab__listItem .icon svg{flex-shrink:0;width:14px;height:14px}.ClubModalProgressTab__listItem h3,.ClubModalProgressTab__listItem p{margin:0}.ClubModalProgressTab__listItem h3{color:#fff;font-size:14px}.ClubModalProgressTab__listItem p{font-size:14px}:root{--color-main-first: #047cfc;--color-main-second: #0064ff;--color-main-third: #79a6f8;--color-side-first: #219a19;--color-side-second: #187312;--color-side-third: #2dc53a;--color-side-fourth: #013e01;--color-side-second-first: #3e2b97;--color-side-second-second: #e8650b;--color-main-background: #20242d;--color-side-background: #1c2028;--color-third-background: #272d39;--color-fourth-background: #242932;--color-fifth-background: #2d3340;--color-sixth-background: #232833;--color-seventh-background: #2e3542;--color-eighth-background: #191d25;--color-nineth-background: #373e4c;--color-tenth-background: #3d4656;--color-eleventh-background: #343b48;--color-twelvth-background: #495465;--color-thirtieth-background: #242831;--color-text-first: #828f9a;--color-text-second: #748198;--color-text-third: #6b768a;--color-text-fourth: #aab0bd;--color-text-fivth: #5e6a7f;--color-text-sixth: #d8d8d8;--color-text-placeholder: #828f9a;--color-white: #fff;--color-black: #000}.ClubVipModal__wrapper{display:flex;flex-direction:column;gap:20px;align-items:center;padding:25px}.ClubVipModal__nav{display:flex;gap:5px;align-items:center;padding:5px;background-color:#1c2028;border-radius:5px}.ClubVipModal__navBtn{padding:13px 16px;border-radius:5px;cursor:pointer}.ClubVipModal__navBtn.active{background-color:#373e4c;transition:all .3s ease}.ClubVipModal__link{width:100%;padding:18px;text-align:center;transition:all .2s ease}.ClubVipModal__link:hover{color:#fff!important}