:root,:root.light,body:not(.dark){--PureBlack:#fff;--Black75:#ffffff75;--Black50:#ffffff50;--Black25:#ffffff25;--Black:#f0f0f0;--dark:#fafafa;--SecondaryDark:#e0e0e0;--White:#0c0c0c;--White75:#0c0c0c75;--White50:#0c0c0c50;--White25:#0c0c0c25;--PrimaryDark:#124377;--PrimaryDark25:#12437740;--PrimaryColor:#3b9aff;--PrimaryColor25:#3b9aff40;--PrimaryColor50:#3b9aff80;--PrimaryColor75:#3b9affbf;--GradiantColor1:#f8f8f8;--GradiantColor2:#eaeaea}body.dark,html[data-theme=dark]{--PureBlack:#0c0c0c;--Black75:#0c0c0c75;--Black50:#0c0c0c50;--Black25:#0c0c0c25;--Black:#1a1a1a;--dark:#161616;--SecondaryDark:#292929;--White:#f5f5f5;--White75:#f5f5f575;--White50:#f5f5f550;--White25:#f5f5f525;--White10:#f5f5f510;--PrimaryDark:#124377;--PrimaryDark25:#12437740;--PrimaryDark75:#124377bf;--PrimaryColor:#3b9aff;--PrimaryColor25:#3b9aff40;--PrimaryColor50:#3b9aff80;--PrimaryColor75:#3b9affbf;--GradiantColor1:#2f2f2f;--GradiantColor2:#2b2b2b}#Content{direction:rtl}
:root{--primary:#675cff;--primary-500:#675cff;--primary-600:#5a50f5;--primary-700:#4a40d8;--secondary:#00c2ff;--success:#16c47f;--warning:#f6a700;--danger:#ff4d67;--surface:#fff;--surface-2:#fafbfd;--surface-3:#f3f5f8;--background:#eef2f7;--border:#e6eaf1;--text:#111827;--text-secondary:#667085;--text-light:#98a2b3;--radius-xs:8px;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--radius-round:999px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 4px 10px #0f172a0d;--shadow-md:0 10px 30px #0f172a14;--shadow-lg:0 25px 60px #0f172a1a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--font-family:var(--font-yekan)}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}a{text-decoration:none}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;height:48px;padding-inline:22px;font-weight:600;transition:all .25s;display:flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-600)}.btn-secondary{background:var(--surface);border:1px solid var(--border)}.input{border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;height:45px;padding:0 15px;transition:all .25s}.input:focus{border-color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .25s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}@font-face{font-family:Vazir;src:url(../media/YekanBold.2jmigjh2y34ro.woff2)format("woff2"),url(../media/YekanBold.15jw8byib4uba.woff)format("woff");font-weight:700;font-style:normal}@font-face{font-family:Vazir;src:url(../media/YekanReg.20d25skqj9gp7.woff2)format("woff2"),url(../media/YekanReg.098lm_8plqpr3.woff)format("woff");font-weight:400;font-style:normal}body{height:100dvh;min-height:100dvh;max-height:100dvh;color:var(--White);overflow-x:hidden;font-family:Vazir!important}#App{background-position:50%;background-size:cover;height:100dvh;overflow-x:hidden}#BGBlur{background-color:var(--Black);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);height:100dvh;overflow-x:hidden}p,h1,h2,h3,h4,h5,h6{margin-bottom:0}#Content{height:calc(100dvh - 80px);overflow:hidden scroll}@media (max-width:575px){#Content{height:calc(100dvh - 160px)}}#Content>:not(#HomeVersion2)>.Header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--White);border:1px solid var(--White25);border-radius:10px;justify-content:space-between;gap:10px;padding:20px;display:flex;background-color:#0000!important}@media (max-width:575px){#Content>:not(#HomeVersion2)>.Header{flex-direction:column;align-items:flex-start}}@media (min-width:576px){#Content>:not(#HomeVersion2)>.Header{flex-direction:column}}@media (min-width:768px){#Content>:not(#HomeVersion2)>.Header{flex-direction:row;align-items:center}}#Content>:not(#HomeVersion2)>.Header>:last-child{flex-wrap:wrap;align-self:flex-end}#Content>:not(#HomeVersion2)>.Header p{color:var(--White50)}h1{text-shadow:0 0 15px var(--White);font-size:24px!important}.noScroll{overflow-y:hidden!important}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background-color:var(--PrimaryDark25);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--PrimaryDark);border-radius:50px}::-webkit-scrollbar-thumb:hover{background:var(--PrimaryColor)}.primaryBtn{color:var(--White);background-color:var(--White25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50rem;padding:5px 20px;font-size:14px}.primaryBtn:hover{background-color:var(--dark);outline:1px solid var(--SecondaryDark)}.importantBtn{color:var(--White);background-color:var(--PrimaryDark);text-transform:uppercase;border:none;border-radius:50rem;padding:5px 20px;font-size:14px;font-weight:600}.importantBtn:hover{background-color:var(--PrimaryColor75);outline:1px solid var(--SecondaryDark)}.squareBtn{color:var(--White);background-color:var(--SecondaryDark);border:none;border-radius:5px;width:40px;height:40px;transition:all .4s;position:relative;top:0}.squareBtn:hover{background-color:var(--dark);outline:1px solid var(--SecondaryDark)}.squareBtn:active{background-color:var(--PrimaryColor);color:var(--PureBlack);position:relative;top:2.5px}:root,:root.light,body:not(.dark){--PureBlack:#fff;--Black75:#ffffff75;--Black50:#ffffff50;--Black25:#ffffff25;--Black:#f0f0f0;--dark:#fafafa;--SecondaryDark:#e0e0e0;--White:#0c0c0c;--White75:#0c0c0c75;--White50:#0c0c0c50;--White25:#0c0c0c25;--PrimaryDark:#124377;--PrimaryDark25:#12437740;--PrimaryColor:#3b9aff;--PrimaryColor25:#3b9aff40;--PrimaryColor50:#3b9aff80;--PrimaryColor75:#3b9affbf;--GradiantColor1:#f8f8f8;--GradiantColor2:#eaeaea}body.dark,html[data-theme=dark]{--PureBlack:#0c0c0c;--Black75:#0c0c0c75;--Black50:#0c0c0c50;--Black25:#0c0c0c25;--Black:#1a1a1a;--dark:#161616;--SecondaryDark:#292929;--White:#f5f5f5;--White75:#f5f5f575;--White50:#f5f5f550;--White25:#f5f5f525;--White10:#f5f5f510;--PrimaryDark:#124377;--PrimaryDark25:#12437740;--PrimaryDark75:#124377bf;--PrimaryColor:#3b9aff;--PrimaryColor25:#3b9aff40;--PrimaryColor50:#3b9aff80;--PrimaryColor75:#3b9affbf;--GradiantColor1:#2f2f2f;--GradiantColor2:#2b2b2b}*{box-sizing:border-box;margin:0;padding:0}.text-right{text-align:right}.text-left{text-align:left}html{scroll-behavior:smooth}a{color:#f5f5f5;text-decoration:none!important}h1{text-transform:uppercase;margin-bottom:0}.Loading{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loader{box-sizing:border-box;border:3px solid #c5c6c7;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block;position:relative}.loader:after{content:"";box-sizing:border-box;border:3px solid #66fcf1;border-color:#66fcf1 #0000;border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.NoData{justify-content:center;align-items:center;width:100%;height:100%;font-size:36px;display:flex}button.disabled{cursor:not-allowed;opacity:.75}.APIMessage{color:#0c0c0c;background-color:#00d9ff;border-radius:10px;align-items:center;gap:5px;margin-bottom:0;padding:10px;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:20px;right:20px}.APIMessage span{color:#00d9ff;background-color:#0c0c0c;border-radius:15px;place-items:center;width:30px;height:30px;display:grid}
header{justify-content:space-between;align-items:center;height:80px;padding-inline:3rem;display:flex}@media (max-width:575px){header{padding:20px;padding-inline:20px}}header #Search{flex:3;margin-right:20px}@media (max-width:575px){header #Search{display:none}}@media (min-width:576px){header #Search{display:none}}@media (min-width:768px){header #Search{display:block}}header #Search form input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:none;border:.5px solid var(--White25);text-align:right;background-color:#0000;border-radius:50rem;width:100%;max-width:300px;height:40px;padding-inline:15px;transition:all .7s,font-style}header #Search form input:hover{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);max-width:400px;animation:.2s linear forwards SearchAnimationHover}header #Search form input:focus{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:inset 0 0 5px 1px var(--PureBlack);outline:none;max-width:380px;font-style:italic;animation:.2s linear forwards SearchAnimationFocus}header #Search form input:focus:hover{max-width:400px}@keyframes SearchAnimationHover{0%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}to{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}}@keyframes SearchAnimationFocus{0%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 0 var(--PureBlack)}to{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:inset 0 0 5px 1px var(--PureBlack)}}header #MyAccount{flex-direction:row-reverse;flex:1;justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}@media (max-width:575px){header #MyAccount{justify-content:end!important;gap:10px!important}}header #MyAccount .bgPrimary{transition:all .2s;background-color:var(--PrimaryColor)!important;color:var(--PureBlack)!important}header #MyAccount #AccountDetails{color:var(--White);border-radius:5px;align-items:center;gap:10px;padding:5px;display:flex}header #MyAccount #AccountDetails:hover{background-image:linear-gradient(to bottom left, var(--Black25), var(--PrimaryColor25))}@media (max-width:575px){header #MyAccount #AccountDetails{display:none!important}}header #MyAccount #AccountDetails span{align-items:center;gap:5px;display:flex}header #MyAccount #AccountDetails span:hover svg{color:var(--White)}header #MyAccount #AccountDetails span svg{color:var(--White75);scale:.9}header #MyAccount #AccountDetails .dropdown-menu .Profile{align-items:center;display:flex}header #MyAccount #AccountDetails .dropdown-menu .Profile img{object-fit:cover;aspect-ratio:1;width:50px;height:50px}header #MyAccount #AccountDetails .dropdown-menu .Profile div{flex-direction:column;display:flex}header #MyAccount #AccountDetails .dropdown-menu .Profile div :first-child{font-size:16px}header #MyAccount #AccountDetails .dropdown-menu .Profile div :last-child{font-size:14px}header #MyAccount img{object-fit:cover;border-radius:50rem;width:40px;height:40px}header #MyAccount .Icons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:40px;height:40px;color:var(--White);cursor:pointer;border-radius:5px;font-size:18px;transition:all 2s}header #MyAccount .Icons:has(.Lang){width:150px!important}header #MyAccount .Icons:has(.Lang) span{font-size:12px}header #MyAccount .Icons.Level{width:max-content;padding:0 10px}@keyframes Mowj{0%{width:calc(max-content + 50px);height:100%}}header #MyAccount .Icons:last-child{gap:5px;width:auto;padding-inline:10px}@media (max-width:575px){header #MyAccount .Icons{display:none!important}header #MyAccount .Icons.Mobile{display:flex!important}}@media (min-width:576px){header #MyAccount .Icons.Mobile,header #MyAccount .Icons.Desktop{display:none!important}}@media (min-width:768px){header #MyAccount .Icons.Desktop{display:flex!important}}header #MyAccount .Icons:hover{z-index:1111;background:radial-gradient(circle at 100% 0,#2f2f2f 0%,#1a1a1a 100%);animation:.25s linear forwards IconAnimation}@keyframes IconAnimation{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}header #MyAccount .Icons>.Border{outline:2px solid}header #AuthBtns{margin-inline-start:auto}header #AuthBtns a:nth-child(2){color:var(--Black);background-color:var(--PrimaryColor);text-transform:uppercase;border:none;border-radius:50rem;padding:5px 20px;font-weight:600}header #AuthBtns a:nth-child(2):hover{background-color:var(--PrimaryColor75);outline:1px solid var(--SecondaryDark)}header #AuthBtns a{color:var(--White);background-color:var(--White25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50rem;padding:5px 20px;font-size:14px}header #AuthBtns a:hover{background-color:var(--dark);outline:1px solid var(--SecondaryDark)}header #AuthBtns select{color:var(--White);background-color:var(--SecondaryDark);border:none;border-radius:5px;width:40px;height:40px;transition:all .4s;position:relative;top:0}header #AuthBtns select:hover{background-color:var(--dark);outline:1px solid var(--SecondaryDark)}header #AuthBtns select:active{background-color:var(--PrimaryColor);color:var(--PureBlack);position:relative;top:2.5px}.dropdown-menu{border:5px;padding-block:0;overflow:hidden}.dropdown-menu .backgroundDropDown{background-color:var(--Black25);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.dropdown-menu .dropdown-header{background-color:var(--dark);color:var(--White75);text-align:start;border-radius:5px;padding:10px 15px;font-size:12px}.dropdown-menu .dropdown-item{background-color:var(--White25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--White);text-align:start;border-radius:5px;align-items:center;gap:10px;padding:10px 15px;font-size:14px;transition:all .2s;display:flex}.dropdown-menu .dropdown-item:first-child,.dropdown-menu .dropdown-item:last-child{margin-block:5px}.dropdown-menu .dropdown-item:hover{background-color:var(--Black50)}.dropdown-menu .dropdown-divider{border-color:var(--White75)}.LanguageSelector{z-index:1}#LanguageSelector{z-index:1111111;color:var(--White);background-color:var(--White25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50rem;padding:5px 20px;font-size:14px;position:absolute;top:50px;left:0}#LanguageSelector:hover{background-color:var(--dark);outline:1px solid var(--SecondaryDark)}.LangMsg{background-color:var(--White25);z-index:100000;cursor:pointer;border-radius:5px;width:150px;padding:10px;position:absolute;top:0;right:50px}
.LevelCard-module-scss-module__C2r_6a__card{background-color:var(--White25);color:var(--White);min-width:120px;box-shadow:0 0 12px var(--SecondaryDark);border-radius:5px;align-items:center;padding:10px;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.LevelCard-module-scss-module__C2r_6a__card.LevelCard-module-scss-module__C2r_6a__levelUp{animation:.8s ease-in-out infinite alternate LevelCard-module-scss-module__C2r_6a__pulse}@keyframes LevelCard-module-scss-module__C2r_6a__pulse{0%{box-shadow:0 0 12px var(--PrimaryColor)}to{box-shadow:0 0 20px var(--PrimaryColor25)}}.LevelCard-module-scss-module__C2r_6a__info{flex:1;width:100%}.LevelCard-module-scss-module__C2r_6a__levelTitle{color:var(--PrimaryColor);text-shadow:0 0 4px var(--PureBlack);text-align:start;margin-bottom:10px;font-size:18px}.LevelCard-module-scss-module__C2r_6a__progressBarWrapper{position:relative}.LevelCard-module-scss-module__C2r_6a__progressBar{background:var(--SecondaryDark);border:1px solid var(--White25);border-radius:8px;height:8px;overflow:hidden}.LevelCard-module-scss-module__C2r_6a__progressFill{background:linear-gradient(90deg, var(--PrimaryColor25), var(--PrimaryColor75), var(--PrimaryColor));background-size:400% 400%;height:100%;transition:width .4s ease-in-out;animation:1.5s infinite LevelCard-module-scss-module__C2r_6a__rotateGradient}@keyframes LevelCard-module-scss-module__C2r_6a__rotateGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.LevelCard-module-scss-module__C2r_6a__expText{color:var(--White75);text-align:right;margin-top:5px;font-size:.85rem}
#CreatePostModal{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:var(--Black25);z-index:1000;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;inset:0}#CreatePostModal .ModalContent{background-image:linear-gradient(to bottom left, var(--PureBlack), var(--PrimaryDark));border-radius:15px;width:80%;padding:10px}#CreatePostModal .ModalContent .ModalHeader{border-bottom:1px solid var(--White50);padding:10px 0}#CreatePostModal .ModalContent .ModalHeader button{color:var(--White);background-color:var(--SecondaryDark);border:none;border-radius:5px;width:40px;height:40px;transition:all .4s;position:relative;top:0}#CreatePostModal .ModalContent .ModalHeader button:hover{background-color:var(--dark);outline:1px solid var(--SecondaryDark)}#CreatePostModal .ModalContent .ModalHeader button:active{background-color:var(--PrimaryColor);color:var(--PureBlack);position:relative;top:2.5px}#CreatePostModal .ModalContent form{flex-direction:column;gap:10px;display:flex}#CreatePostModal .ModalContent form .Row{gap:10px;display:flex}#CreatePostModal .ModalContent form .Row input[type=file]{display:none}#CreatePostModal .ModalContent form .Row .custom-file-upload{color:var(--White);background-color:var(--White25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50rem;padding:5px 20px;font-size:14px}#CreatePostModal .ModalContent form .Row .custom-file-upload:hover{background-color:var(--dark);outline:1px solid var(--SecondaryDark)}#CreatePostModal .ModalContent form .Row .custom-file-upload{cursor:pointer;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:background-color .4s;display:inline-block}#CreatePostModal .ModalContent form .Row .custom-file-upload:hover{background-color:var(--PrimaryColor75)}#CreatePostModal .ModalContent form .Row:not(:has(input[type=checkbox])){flex-direction:column}#CreatePostModal .ModalContent form .Row:has(input[type=checkbox]){align-items:center}#CreatePostModal .ModalContent form .Row:has(input[type=checkbox]) input{width:20px;height:20px;accent-color:var(--PrimaryColor);border-radius:50px}#CreatePostModal .ModalContent form .Row input,#CreatePostModal .ModalContent form .Row textarea{color:var(--White);background-color:var(--White25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50rem;padding:5px 20px;font-size:14px}#CreatePostModal .ModalContent form .Row input:hover,#CreatePostModal .ModalContent form .Row textarea:hover{background-color:var(--dark);outline:1px solid var(--SecondaryDark)}#CreatePostModal .ModalContent form .Row input,#CreatePostModal .ModalContent form .Row textarea{border-radius:5px}#CreatePostModal .ModalContent form .Row textarea{resize:none}#CreatePostModal .ModalContent form .Row button{color:var(--Black);background-color:var(--PrimaryColor);text-transform:uppercase;border:none;border-radius:50rem;padding:5px 20px;font-weight:600}#CreatePostModal .ModalContent form .Row button:hover{background-color:var(--PrimaryColor75);outline:1px solid var(--SecondaryDark)}