html[lang=ar] .sf-user[data-version="3"] .sf-user-nav__item+.sf-user-nav__item{margin-right:24px;margin-left:0}.sf-user[data-version="3"]{margin-bottom:80px;min-height:750px;background:#220c3c;border-radius:24px}.sf-user[data-version="3"] .sf-user__header{position:relative;display:flex;flex-direction:row;border-bottom:1px solid hsla(0,0%,100%,.05);color:#bbb6c2}.sf-user[data-version="3"] .sf-user__header__scroll-btn{display:flex;align-items:center;justify-content:center;color:#fff}.sf-user[data-version="3"] .sf-user__header__scroll-btn svg{width:20px;height:20px}.sf-user[data-version="3"] .sf-user__header__scroll-btn.left{padding-left:10px}.sf-user[data-version="3"] .sf-user__header__scroll-btn.right{padding-right:10px}.sf-user[data-version="3"] .sf-user__header__scroll-container{position:relative;display:flex;flex-direction:row;flex:1;scroll-behavior:smooth;scroll-snap-type:x mandatory;overflow-x:auto}.sf-user[data-version="3"] .sf-user__header__scroll-container::after{content:"";position:absolute;left:0;bottom:0;width:var(--sf-user-header-bar-width);height:2px;background:#8a2aff;transform:translateX(var(--sf-user-header-bar-x, 0));transition:transform .2s}.sf-user[data-version="3"] .sf-user-hr{--sf-hr-margin-tb: 32px}.sf-user[data-version="3"] .sf-user-nav__item{position:relative;display:flex;align-items:center;gap:5px;padding:12px 0;font-size:16px;font-weight:500;transition:.2s;cursor:pointer;scroll-snap-align:start;scroll-snap-stop:always}.sf-user[data-version="3"] .sf-user-nav__item+.sf-user-nav__item{margin-left:24px}.sf-user[data-version="3"] .sf-user-nav__item[s-active],.sf-user[data-version="3"] .sf-user-nav__item:hover{color:#fff}.sf-user[data-version="3"] .sf-user-nav__item[s-active] img,.sf-user[data-version="3"] .sf-user-nav__item:hover img{opacity:1}.sf-user[data-version="3"] .sf-user-nav__item img{opacity:.7;transition:.2s}.sf-user[data-version="3"] .sf-user-nav__item img,.sf-user[data-version="3"] .sf-user-nav__item svg{width:16px;height:16px;flex-shrink:0}.sf-user[data-version="3"] .sf-user-nav__item span{white-space:nowrap}.sf-user[data-version="3"] .sf-user-nav__box{display:none}.sf-user[data-version="3"] .sf-user-nav__box[s-active]{display:flex}.sf-user[data-version="3"] .sf-user__body{display:flex;flex-direction:column;padding:30px 40px;flex:1}.sf-user[data-version="3"] .account-center{flex-direction:column}.sf-user[data-version="3"] .account-center .sf-user__detail{display:flex;flex-direction:row;gap:16px}.sf-user[data-version="3"] .account-center .sf-user__avatar{flex-shrink:0;width:80px;height:80px;border-radius:999px;overflow:hidden}.sf-user[data-version="3"] .account-center .sf-user__avatar img{width:inherit;height:inherit}.sf-user[data-version="3"] .account-center .sf-user__avatar[data-login=true]{border:1px solid #8a2aff}.sf-user[data-version="3"] .account-center .sf-user__info{overflow:hidden}.sf-user[data-version="3"] .account-center .sf-user__info__header{display:flex;flex-direction:row;align-items:center;gap:16px}.sf-user[data-version="3"] .account-center .sf-user__username{font-weight:500;font-size:32px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-user[data-version="3"] .account-center .sf-user__email{font-weight:500;font-size:20px;color:#bbb6c2}.sf-user[data-version="3"] .account-center .sf-user__settings__title{font-weight:500;font-size:28px;color:#fff}.sf-user[data-version="3"] .account-center .sf-user__settings__email{display:flex;flex-direction:column;gap:16px;margin-top:16px;font-weight:400;font-size:20px;color:#fff}.sf-user[data-version="3"] .account-center .sf-user__settings__email input{padding:16px 19px;color:#bbb6c2;background:#2b0a51;font-weight:500;font-size:20px;border-radius:12px;outline:none;border:none}.sf-user[data-version="3"] .my-library{flex-direction:column}.sf-user[data-version="3"] .my-library[empty=true]{flex:1}.sf-user[data-version="3"] .my-library[empty=true] .sf-user__my-library{display:none}.sf-user[data-version="3"] .my-library[empty=true] .sf-user__my-library--empty{display:flex}.sf-user[data-version="3"] .my-library .sf-user__my-library--empty{display:none;align-items:center;justify-content:center;flex:1}.sf-user[data-version="3"] .my-library .sf-user__my-library--empty__body{display:flex;flex-direction:column;gap:16px;width:240px}.sf-user[data-version="3"] .my-library .sf-user__my-library--empty__body .sf-button{padding:8px 0}.sf-user[data-version="3"] .my-library .sf-user__my-library--empty__title{color:#fff;font-weight:500;font-size:16px;text-align:center}.sf-user[data-version="3"] .my-library .sf-user__my-library__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-weight:500;font-size:28px}.sf-user[data-version="3"] .my-library .sf-user__my-library__header__left{display:flex;flex-direction:row;align-items:center;gap:12px}.sf-user[data-version="3"] .my-library .sf-user__my-library__header__right{display:flex;flex-direction:row;align-items:center;gap:24px}.sf-user[data-version="3"] .my-library .sf-user__my-library__header__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;background:rgba(138,42,255,.15);border-radius:999px}.sf-user[data-version="3"] .my-library .sf-user__my-library__body{display:flex;flex-direction:row;align-items:center;gap:24px}.sf-user[data-version="3"] .my-library .sf-user__my-library__scroll-btn{flex-shrink:0;width:40px;height:40px;font-size:20px}.sf-user[data-version="3"] .my-library .sf-user__my-library__scroll{gap:24px;flex:1;padding:24px 0}.sf-user[data-version="3"] .my-library .sf-user__my-library__item{position:relative;width:191px;height:286px;background:linear-gradient(136deg, #310b5e 0%, #29094e 100%);border-radius:16px;overflow:hidden;cursor:pointer;scroll-snap-align:start;scroll-snap-stop:always}.sf-user[data-version="3"] .my-library .sf-user__my-library__item img{width:inherit;height:inherit;object-fit:cover;filter:blur(4px)}.sf-user[data-version="3"] .my-library .sf-user__my-library__tag{position:absolute;top:13px;right:13px;z-index:9}.sf-user[data-version="3"] .my-library .sf-user__my-library__date{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(182deg, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.5) 100%);font-size:16px;text-align:center;z-index:1}.sf-user[data-version="3"] .my-library .sf-user__my-library__date span{position:absolute;left:0;bottom:0;padding:24px 2px 12px 2px;width:100%}.sf-user[data-version="3"] .my-library .sf-user__my-library__progress{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;width:100%;height:100%;background:inherit;z-index:99}.sf-user[data-version="3"] .my-library .sf-user__my-library__progress__bar{width:100%;height:10px;background:#2c0f4e;border-radius:999px;overflow:hidden}.sf-user[data-version="3"] .my-library .sf-user__my-library__progress__bar__inner{width:inherit;height:inherit;background:linear-gradient(90deg, #7024cd 0%, #8f24cd 100%);border-radius:999px;transform:translateX(calc(-100% + var(--progress)));transition:transform .2s}.sf-user[data-version="3"] .my-library .sf-user__my-library__item--create-new{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;color:#a790cd;font-weight:400;font-size:16px}.sf-user[data-version="3"] .my-library .sf-user__my-library__item--create-new::after{content:none}.sf-user[data-version="3"] .my-library .sf-user__my-library__item--create-new__icon{display:flex;align-items:center;justify-content:center}.sf-user[data-version="3"] .my-library .sf-user__my-library__list{display:flex;flex-direction:row;gap:inherit;list-style:none}.sf-user[data-version="3"] .credit-records{flex-direction:column;flex:1;gap:32px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__tabs{display:flex;flex-direction:row;gap:24px;max-width:100%;overflow-x:scroll}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__tabs__icon{width:20px;height:20px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__tabs__item{--sf-button-regular-background-from: #2c0f4e;--sf-button-regular-background-to: #2c0f4e;display:flex;flex-direction:row;flex-shrink:0;padding:12px 21px;min-width:182px;color:#bbb6c2;font-weight:400;font-size:16px;border-radius:999px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__tabs__item[s-active]{--sf-button-regular-background-from: #8a2aff;--sf-button-regular-background-to: #a62aff;color:#fff;font-weight:500}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__body{display:none;flex-direction:column;gap:24px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__body[s-active]{display:flex}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__list{list-style:none}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;width:100%;background:#2c0f4e;border-radius:16px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item+.sf-user__credit-records__item{margin-top:24px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item__detail{display:flex;flex-direction:row;align-items:center;gap:12px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item__detail::before{content:"";display:block;flex-shrink:0;width:48px;height:48px;background-position:center;background-repeat:no-repeat;background-size:24px;border-radius:999px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item__title{color:#fff;font-weight:500;font-size:20px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item__date{color:#bbb6c2;font-weight:400;font-size:16px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item__credits{display:flex;flex-direction:row;align-items:center;gap:4px;font-weight:500;font-size:24px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item__credits::after{content:"";display:block;width:24px;height:24px;background-position:center;background-repeat:no-repeat;background-size:24px;background-image:url("/static/icons/24x24/icon-credits.svg")}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item--earned .sf-user__credit-records__item__detail::before{background-color:var(--sf-user-credit-record-item-bgcolor, rgba(33, 197, 164, 0.15));background-image:var(--sf-user-credit-record-item-icon, url("/static/icons/32x32/icon-earned.webp"))}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item--earned .sf-user__credit-records__item__credits{color:#21c5a4}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item--spent .sf-user__credit-records__item__detail::before{background-color:var(--sf-user-credit-record-item-bgcolor, rgba(203, 66, 56, 0.15));background-image:var(--sf-user-credit-record-item-icon, url("/static/icons/32x32/icon-spent.webp"))}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item--spent .sf-user__credit-records__item__credits{color:#cb4238}.sf-user[data-version="3"] .credit-records .sf-user__credit-records--loading{margin:0 auto;margin-top:40px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records--loading[more=false]{display:none}.sf-user[data-version="3"] .reward-tasks{flex-direction:column}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__header{display:flex;flex-direction:row;align-items:center;gap:10px}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__header__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background-image:linear-gradient(to right, rgb(139, 92, 246), rgb(192, 132, 252))}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__header__title{font-weight:500;font-size:28px}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__header__tag{padding:2px 8px;color:#c084fc;background-color:rgba(139,92,246,.2);border-radius:999px;font-size:14px}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__body{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 15px;padding:24px;margin-top:32px;background-color:hsla(0,0%,100%,.1);border-radius:10px}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__day{position:relative;display:flex;flex-direction:column;align-items:center;width:calc(25% - 14px);background-color:rgba(243,244,246,.1);gap:5px;padding:16px;border-radius:10px;border-width:1px;border-style:solid;border-color:rgba(229,231,235,.2);border-image:initial;transition:.2s}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__day::before{position:absolute;top:-5px;right:-5px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#22c55e;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PHBhdGggZD0ibTkgMTIgMiAyIDQtNCI+PC9wYXRoPjwvc3ZnPg==);background-size:16px;background-repeat:no-repeat;background-position:center;border-radius:999px}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__day::after{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#eab308;background-size:16px;background-repeat:no-repeat;background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOCAxM1Y0LjVhMS41IDEuNSAwIDAgMSAzIDBWMTIiPjwvcGF0aD48cGF0aCBkPSJNMTEgMTEuNXYtMmExLjUgMS41IDAgMCAxIDMgMFYxMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xNCAxMC41di0yYTEuNSAxLjUgMCAwIDEgMyAwVjEyIj48L3BhdGg+PHBhdGggZD0iTTE3IDExLjVhMS41IDEuNSAwIDAgMSAzIDBWMTZhNiA2IDAgMCAxLTYgNmgtMiAuMjA4YTYgNiAwIDAgMS01LjAxMi0yLjdMNyAxOSI+PC9wYXRoPjxwYXRoIGQ9Ik01IDEwLjVhMS41IDEuNSAwIDAgMC0zIDBWMTZhNiA2IDAgMCAwIDYgNmgyLS4yMDhhNiA2IDAgMCAwIDUuMDEyLTIuN0wxMCAxOSI+PC9wYXRoPjwvc3ZnPg==);border-radius:999px;background-position:center center}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__day:hover{transform:scale(1.05)}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__day[current]{cursor:pointer;background-image:linear-gradient(to right bottom, rgb(34, 197, 94), rgb(22, 163, 74));box-shadow:rgba(0,0,0,0) 0px 0px,rgba(0,0,0,0) 0px 0px,rgba(34,197,94,.4) 0px 10px 15px -3px,rgba(34,197,94,.4) 0px 4px 6px -4px}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__day[current]::after{content:"";animation:1.5s ease-in-out 0s infinite normal none running pulse}@keyframes pulse{50%{opacity:.5}}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__day[current] .sf-user__reward-tasks__day__icon{animation:1s ease 0s infinite normal none running bounce}@keyframes bounce{0%,100%{transform:translateY(-10%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:none;animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__day[done]::before{content:""}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__day.large{width:calc(50% - 14px)}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__day__title{font-size:14px;font-weight:500}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__day__icon{width:40px;height:40px;background-image:url(/static/icons/24x24/icon-credits.svg);background-size:40px;background-repeat:no-repeat;background-position:center center}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__day__credits{font-size:14px;font-weight:700;color:#fde047}@media screen and (max-width: 880px){#root{padding:0}.sf-user[data-version="3"]{min-height:600px;background:none}.sf-user[data-version="3"] .sf-user-nav__item{padding:12px 0;font-size:14px}.sf-user[data-version="3"] .sf-user-nav__item svg{display:none}.sf-user[data-version="3"] .sf-user__body{padding:12px calc(12px - var(--sf-scrollbar-width, 0px)) 12px 12px}.sf-user[data-version="3"] .account-center .sf-user__avatar{width:40px;height:40px}.sf-user[data-version="3"] .account-center .sf-user__info__header{gap:8px}.sf-user[data-version="3"] .account-center .sf-user__username{font-size:16px}.sf-user[data-version="3"] .account-center .sf-user__email{font-size:12px}.sf-user[data-version="3"] .account-center .sf-user-hr{margin:16px 0}.sf-user[data-version="3"] .account-center .sf-user__settings__title{font-size:14px}.sf-user[data-version="3"] .account-center .sf-user__settings__email{margin-top:8px;font-size:12px}.sf-user[data-version="3"] .account-center .sf-user__settings__email input{padding:10px 12px;font-size:12px}.sf-user[data-version="3"] .my-library .sf-user__my-library__header{gap:4px;font-size:14px}.sf-user[data-version="3"] .my-library .sf-user__my-library__header__icon{width:16px;height:16px}.sf-user[data-version="3"] .my-library .sf-user__my-library__header__icon svg{width:10px;height:10px}.sf-user[data-version="3"] .my-library .sf-user__my-library__header__left{gap:4px}.sf-user[data-version="3"] .my-library .sf-user__my-library__header__right{gap:12px}.sf-user[data-version="3"] .my-library .sf-user__my-library__body{gap:12px}.sf-user[data-version="3"] .my-library .sf-user__my-library--empty__body{gap:12px;width:200px}.sf-user[data-version="3"] .my-library .sf-user__my-library--empty__body .sf-button{font-size:12px}.sf-user[data-version="3"] .my-library .sf-user__my-library--empty__title{font-size:12px}.sf-user[data-version="3"] .my-library .sf-user__my-library__scroll{padding:12px 0;gap:12px;scroll-snap-type:none}.sf-user[data-version="3"] .my-library .sf-user__my-library__scroll-btn{width:24px;height:24px;font-size:14px}.sf-user[data-version="3"] .my-library .sf-user__my-library__item{width:114px;height:171px;border-radius:12px}.sf-user[data-version="3"] .my-library .sf-user__my-library__date{font-size:12px}.sf-user[data-version="3"] .my-library .sf-user__my-library__date span{padding:12px 2px 6px 2px}.sf-user[data-version="3"] .my-library .sf-user__my-library__item--create-new__icon svg{width:20px;height:20px}.sf-user[data-version="3"] .my-library .sf-user__my-library__item--create-new__label{font-size:12px}.sf-user[data-version="3"] .credit-records{gap:16px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__tabs{gap:12px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__tabs__item{padding:8px 11px;min-width:125px;font-size:12px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__tabs__icon{width:14px;height:14px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item__detail::before{width:32px;height:32px;background-size:16px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item__title{font-size:14px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item__date{font-size:12px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item__credits{font-size:16px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item__credits::after{width:16px;height:16px;background-size:16px}.sf-user[data-version="3"] .credit-records .sf-user__credit-records__item+.sf-user__credit-records__item{margin-top:12px}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__header__icon{width:30px;height:30px}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__header__icon svg{width:18px;height:18px}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__header__title{font-size:14px}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__header__tag{font-size:12px}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__body{padding:15px;margin-top:24px}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__day{width:calc(50% - 14px)}.sf-user[data-version="3"] .reward-tasks .sf-user__reward-tasks__day.large{width:calc(100% - 14px)}}