.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%;min-height:160px;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 rgba(0,0,0,.1)}.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}@media (max-width: 767px){.CardContainer__body{gap:0}.CardContainer__body .ProgressBar{margin:10px 0}}.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}.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}.popover-arrow{fill:#fff}.popover-arrow--start{left:30px!important}.popover-trigger .icon-down{margin-left:4px}.popover-trigger[data-state=open] .icon-down{transform:rotate(180deg)}.popover-search{display:flex;align-items:center;width:100%;padding:10px;color:rgba(0,0,0,.75);border-bottom:solid 1px #e1e1e1}.popover-search svg{width:13px;height:13px;margin-right:5px}.popover-search input{display:inline-block;flex:1 1 auto;all:unset;box-sizing:border-box;height:100%}.popover-content{overflow:hidden;background-color:#fff;border-radius:5px}.popover-content>div{max-height:300px;overflow:auto}.popover-content button{display:block;width:100%;padding:10px;color:rgba(0,0,0,.75);text-align:left;cursor:pointer}.popover-content button.active{background-color:#e1e1e1}@media (min-width: 901px){.popover-content button:hover{background-color:#e1e1e1}}.tab-btn{display:flex;align-items:center;justify-content:center;font-weight:500;border-radius:8px;cursor:pointer;transition:.3s}.tab-btn:disabled{opacity:.6;pointer-events:none}.tab-btn.primary{min-width:149px;height:37px;color:#b1bad3;font-size:14px;background-color:#2e3542}.tab-btn.primary:hover{color:#fff;background-color:#373e4c}.tab-btn.primary:active,.tab-btn.primary.active{color:#fff;background-color:#2ba117}.tab-btn.secondary{height:30px;padding:0 10px;color:#b1bad3;font-size:12px;background-color:transparent}.tab-btn.secondary:hover{color:#fff;background-color:#272d39}.tab-btn.secondary:active,.tab-btn.secondary.active{color:#fff;background-color:#373e4c}.button{display:flex;align-items:center;justify-content:center;font-weight:500;border-radius:6px;cursor:pointer;transition:.3s}.button:disabled,.button.disabled{opacity:.6;pointer-events:none}.button--primary{color:#fff;background-color:#0064ff}@media (min-width: 901px){.button--primary:hover{color:#fff;background-color:#2998ff}}.button--primary:active,.button--primary.active{color:#fff;background-color:#047cfc}.button--secondary{color:#fff;background-color:#28a117}@media (min-width: 901px){.button--secondary:hover{color:#fff;background-color:#4fe823}}.button--secondary:active,.button--secondary.active{background-color:#078308}.button--transparent{color:#8992af;background-color:transparent;border:solid 1px #8992af}@media (min-width: 901px){.button--transparent:hover{color:#fff}}.button--transparent:active,.button--transparent.active{color:#fff;border-color:#fff}.button--white{color:#000;background-color:#fff}@media (min-width: 901px){.button--white:hover{color:#000;background-color:#d3d3d3}}.button--white:active,.button--white.active{background-color:#b1bad3}.button--danger{color:#fff;background-color:#e81925}@media (min-width: 901px){.button--danger:hover{color:#fff;background-color:#b81610}}.button--danger:active,.button--danger.active{background-color:#ff2935}.button--dark{color:#fff;background-color:#373e4c}@media (min-width: 901px){.button--dark:hover{color:#fff;background-color:#2e3542}}.button--dark:active,.button--dark.active{background-color:#191c24}.button--info{color:#0064ff;background-color:transparent}@media (min-width: 901px){.button--info:hover{color:#2998ff}}.button--info:active,.button--info.active{color:#047cfc}.button--lg{height:48px;padding:0 25px}.button--md{height:40px;padding:0 20px}.button--sm{height:33px;padding:0 20px}.notification-modal{overflow:hidden}@media (min-width: 901px){.notification-modal{max-width:484px!important;margin:0 auto!important}}.notification-modal.drawer-content{width:100%;max-width:100%;overflow:visible;background-color:#272d39}.notification-modal .modal-content{background-color:#272d39;border-radius:16px}.notification-modal .modal-close{position:absolute;top:23px;right:21px;z-index:2;display:flex!important;align-items:center;justify-content:center;width:32px;height:32px;background-color:rgba(32,36,45,.5);border-radius:50%;cursor:pointer}.notification-modal .modal-close svg{width:13px;height:13px;fill:#fff}.notification-modal__wrapper{position:relative;padding:15px}.notification-modal__img{position:relative;display:block;width:100%;height:160px;margin-bottom:16px;overflow:hidden;border-radius:6px}.notification-modal__img img{width:100%;height:100%;object-fit:cover}.notification-modal__badge{position:absolute;top:8px;left:8px;padding:1px 6px;color:#fff;font-size:11px;background-color:#dc3545;border-radius:30px}.notification-modal__header{display:flex;align-items:center;margin-bottom:8px}.notification-modal__header p{margin:0}.notification-modal__header .notification-modal__badge{position:static;margin-left:8px}.notification-modal__date{color:#828f9a}.notification-modal__title{margin-bottom:8px;color:#fff;font-weight:500;font-size:18px;white-space:pre-line}.notification-modal__text{min-height:50px;max-height:300px;margin-bottom:24px;overflow:auto;color:#828f9a;white-space:pre-line}.notification-modal__footer button{width:100%}.notification-alerts{position:absolute;top:85px;right:10px;z-index:1000;color:#000}.notification-alert-card{display:flex;align-items:center;justify-content:space-between;max-width:359px;margin-bottom:4px;padding:13px 16px;overflow:hidden;background-color:#fff;border-radius:24px;box-shadow:0 2px 10px rgba(0,0,0,.4);cursor:pointer;transition:.3s}@media (min-width: 901px){.notification-alert-card:hover{background-color:#e3eeff}}.notification-alert-card p{margin:0}.notification-alert-card__content{margin-right:auto}.notification-alert-card__img{flex:0 0 42px;height:42px;margin-right:10px;overflow:hidden;border-radius:8px}.notification-alert-card__img img{width:100%;height:100%;object-fit:cover}.notification-alert-card__date{margin-top:2px;color:#828f9a;font-size:12px}.notification-alert-card__close{width:30px;height:30px;margin-left:30px;color:#8592af;cursor:pointer;transition:.3s}@media (min-width: 901px){.notification-alert-card__close:hover{color:#000}}@media (max-width: 900px){.notification-alerts{top:0}}@media (max-width: 500px){.notification-alerts{position:fixed;top:auto;right:auto;bottom:70px;left:50%;width:calc(100% - 16px);transform:translate(-50%)}.notification-alerts .notification-alert-card{max-width:100%}.notification-alerts>div{position:absolute;top:-20px;left:0;z-index:1;width:100%;max-width:100%}.notification-alerts>div:nth-child(1){position:relative;top:0;z-index:3}.notification-alerts>div:nth-child(2){top:-10px;z-index:2}}.notification-card{margin-bottom:2px;background-color:#20242d;border-bottom:1px solid rgba(255,255,255,.0588235294);cursor:pointer;transition:.3s}.notification-card p{margin:0}.notification-card.unread{border-color:transparent}.notification-card.unread .notification-card__wrapper{background-color:#272d39}@media (min-width: 901px){.notification-card.unread:hover .notification-card__wrapper{background-color:#373e4c}}.notification-card.unread:active .notification-card__wrapper{background-color:#191c24}@media (min-width: 901px){.notification-card:hover .notification-card__wrapper{background-color:#272d39}}.notification-card:active .notification-card__wrapper{background-color:#2e3542}.notification-card__wrapper{position:relative;display:flex;align-items:center;margin-bottom:2px;padding:15px;border-radius:6px;transition:.3s}.notification-card__img{position:relative;flex:0 0 90px;height:64px;margin-right:8px;overflow:hidden;border-radius:4px}.notification-card__img img{width:100%;height:100%;object-fit:cover}.notification-card__badge{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:15px;color:#fff;font-size:11px;background:#dc3545}.notification-card__content{flex:1 1 auto}.notification-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.notification-card__date{color:#828f9a;font-size:11px}.notification-card__new-icon{flex:0 0 8px;width:8px;height:8px;background:#0064ff;border-radius:50%}.notification-card__title{color:#fff;font-weight:500}.notification-card__text{margin-top:4px;color:#828f9a;font-size:12px}.notification-card__text p,.notification-card__text button{display:inline}.notification-card__text button{color:#2998ff}.notification-card__more{align-self:flex-end;margin-left:12px}.notification-card.desktop,.notification-card.desktop .notification-card__wrapper{margin-bottom:8px}.notification-card.desktop .notification-card__new-icon{position:absolute;top:16px;right:15px}.notification-card.desktop .notification-card__text{font-size:14px}.notification-unsubscribe{max-width:481px;margin:0 auto}@media (min-width: 901px){.notification-unsubscribe{max-width:484px!important;margin:0 auto!important}}.notification-unsubscribe .modal-content{padding:12px 25px 24px;background-color:#272d39;border-radius:16px}.notification-unsubscribe .modal-close{top:8px;right:15px;width:24px;height:24px}.notification-unsubscribe .modal-close svg{width:13px;height:13px;fill:#fff}.notification-unsubscribe__header{height:40px}.notification-unsubscribe__content{margin-bottom:32px;text-align:center}.notification-unsubscribe__content h3{color:#fff;font-size:24px}.notification-unsubscribe__content p{color:#828f9a;font-size:18px}.notification-unsubscribe__footer{display:flex;align-items:center;justify-content:center}.notification-unsubscribe__footer button{flex:1 1 calc(50% - 6px);height:48px}.notification-unsubscribe__footer button:first-child{margin-right:12px}@media (max-width: 900px){.notification-unsubscribe{max-width:100%;background-color:#272d39}.notification-unsubscribe__header{height:20px}.notification-unsubscribe__content{margin-bottom:30px}.notification-unsubscribe__content h3{font-size:18px}.notification-unsubscribe__content p{font-size:16px}.notification-unsubscribe__footer button{height:40px}}.notification-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.notification-history-empty__icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px;margin-bottom:20px;background-color:#272d39;border-radius:50%}.notification-history-empty__icon svg{width:42px;height:42px;color:#8992af}.notification-history-empty__text{margin-bottom:24px;text-align:center}.notification-history-empty__text p{margin-bottom:8px;color:#828f9a;font-size:18px}.notification-history-empty__text p:first-child{color:#fff;font-weight:500;font-size:24px}.notification-history-empty .button{min-width:160px}.notification-history-empty.mobile .notification-history-empty__text{margin-bottom:20px}.notification-history-empty.mobile .notification-history-empty__text p{font-size:16px}.notification-history-empty.mobile .notification-history-empty__text p:first-child{font-size:20px}.notification-history-empty.widget .notification-history-empty__text{margin-bottom:8px}.notification-history-empty.widget .notification-history-empty__text p{font-size:14px}.notification-history-empty.widget .notification-history-empty__text p:first-child{font-size:16px}.notification-history-empty.widget .button{min-width:132px}.notification-history{width:436px;padding:20px 15px;background-color:#20242d;border-radius:8px;box-shadow:0 28px 56px rgba(14,16,19,.8)}.notification-history__wrapper{position:relative}.notification-history__empty{position:relative;display:flex;align-items:center;justify-content:center;min-height:509px}.notification-history__title{margin-bottom:16px;font-weight:600;font-size:20px}.notification-history__filters{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:13px 0;border-top:solid 1px rgba(255,255,255,.0588235294);border-bottom:solid 1px rgba(255,255,255,.0588235294)}.notification-history__tabs{display:flex;align-items:center;justify-content:space-between}.notification-history__tabs>button{margin-right:4px}.notification-history__tabs>button:last-child{margin-right:0}.notification-history__list{position:relative;height:50vh;max-height:616px;margin-bottom:16px;overflow:auto}.notification-history__unsubscribe{margin-top:26px;margin-bottom:34px;padding:0 16px}
