@font-face {
    font-family: 'ar-Light';
    src: url('https://assets.tasarot.com/p/fonts/ar/NotoSansArabic-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    ascent-override: 100%; 
    descent-override: 40%;
}
@font-face {
    font-family: 'en-Light';
    src: url('https://assets.tasarot.com/p/fonts/en/WinkyRough-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ru-Light';
    src: url('https://assets.tasarot.com/p/fonts/ru/IosevkaCharon-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html{
    scrollbar-color: #000000 #2a2a2a;
}
body{
    background-color: #000000;
    color: #ffffff;
    line-height: 1;
    font-family: en-Light;
}
[lang="ar"] body {
    font-family: ar-Light;
}
[lang="ru"] body {
    font-family: ru-Light;
}
p{
    line-height: 1.5em;
}
main article{
    padding: 25px;
    min-height: calc(100% - 95px);
}
.x4zNTGrg{
    max-width: 1440px;
    height: 100vh;
    overflow: hidden;
}
.kagt90e5{
    min-height: 100%;
    background-image: linear-gradient(#000000, #161515, #1c1c1c);
    box-shadow: 5px 5px 10px #282828;
    overflow: hidden;
}
.kagt90e5>.con{
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.ks8zXr0 a{
    font-size: 1.3em;
    color: white;
    background-image: repeating-linear-gradient(45deg, black, transparent 10px);
    margin: 5px 0 5px 10px;
    padding: 10px;
    white-space: nowrap;
    box-shadow: 0 0 5px #2f3a46;
    border-radius: 10px 0 0 10px;
}
.ks8zXr0 a:hover{
    background-image: linear-gradient(#000000, #222222);
}

.ks8zXr0 a i{
    font-size: 0.6em;
    margin: 0 0;
    width: 20px;
    text-shadow: 0 0 5px #ff0000;
}

.ks8zXr0 a.active{
    background-image: linear-gradient(#181818, #441616);
}
.ks8zXr0 .report_error{
    background-image: linear-gradient(#990000, #5a1515, #1c0000) !important;
    border: 3px ridge #000000;
}
.ks8zXr0 .donation{
    background-image: linear-gradient(#3eca00, #288300, #123a00) !important;
    color: #000000;
    font-weight: bold;
    border: 3px ridge #005600;
}

.o89apn0 img{
    width: 100%;
    
}
.V1uUI8Vy{
    display: none;
}
.ksi7z0v {
    background-image: linear-gradient(#000000, #161515, #1c1c1c);
    padding: 5px 15px;
    height: 50px;
    border-bottom: 1px solid #262626;
}
.ksi7z0v select{
    border: 1px outset black;
    background-color: inherit;
    color: inherit;
    text-align: center;
    border-radius: 10px;
}
.ksi7z0v select option{
    background-color: black;
}

.q57ErUlw{
    position: relative;
}
.Bt0UPQxa{
    background-image: repeating-linear-gradient(45deg, #00000000, #2c2c2c87 5px);
    border-radius: 10px;
    box-shadow: 0 0 5px #000000;
}
.xIFa3Oj4{
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 5px);
    background-color: black;
    box-shadow: 0 0 5px #3e3e3e;
    border-radius: 10px;
    z-index: 1;
}
.q57ErUlw a::before{
    content: "";
    display: inline-block;
    background: url(https://assets.tasarot.com/p/img/all.png) no-repeat 0 0;
    overflow: hidden;
    margin: 5px;
    border-radius: 10px;
}
.xIFa3Oj4 a{
    box-shadow: 0 0 5px #3e3e3e;
    border-radius: 10px;
    margin: 6px 7px;
}

.q57ErUlw a{
    display: flex;
    white-space: nowrap;
    align-items: center;
    flex-direction: row;
    font-size: 1.3em;
    padding-right: 7px;
    color: inherit;
}
.q57ErUlw a.active{
    border: 2px outset #000000;
    pointer-events: none;
    background-color: #1e1e1e;
    box-shadow: 0 0 5px #a38900;
}

.q57ErUlw .ar::after{
    content: "العربية";
}
.q57ErUlw .zh::after{
    content: "中文";
}
.q57ErUlw .en::after{
    content: "English";
}
.q57ErUlw .fr::after{
    content: "Français";
}
.q57ErUlw .hi::after{
    content: "हिन्दी";
}
.q57ErUlw .ja::after{
    content: "日本語";
}
.q57ErUlw .pt::after{
    content: "Português";
}
.q57ErUlw .ru::after{
    content: "Русский";
}
.q57ErUlw .es::after{
    content: "Español";
}
.q57ErUlw .zgh::after{
    content: "ⵜⴰⵎⴰⵣⵉⵖⵜ";
}

.Jskz80rM{
    width: 100%;
    overflow: hidden;
    box-shadow: -5px 5px 10px #282828;
    background-color: #161515;
}
.Ius50zP {
    overflow-y: auto;
    overflow-x: hidden;
}
.lsl80zy{
    background-color: inherit;
    border-radius: 10px;
    padding: 5px 20px;
    color: #4a4a4a;
    border: 1px outset black;
    font-size: 15px;
    width: 40%;
}
.lsl80zy i{
    position: absolute;
    color: grey;
    top: 6px;
    right: 15px;
}

.Bydq8z0P{
    background-color: #000000;
    padding: 10px 40px;
}
.Bfcz6cvK{
    margin: 50px;
    text-align: center;
    font-size: 2em;
    text-shadow: 0 0 5px goldenrod;
}
.Jua70dUt{
    flex: 100%;
    background-image: repeating-linear-gradient(45deg, black, transparent 100px);
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 0 5px dimgrey;
}
.o79mn2mN{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 380px;
}
.o79mn2mN img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.o79mn2mN p{
    display: none;
    overflow-y: auto;
}
.o79mn2mN:hover p{
    display: block;
    position: absolute;
    background-color: #000000c7;
    width: 100%;
    padding: 15px;
    top: 0;
    bottom: 0;
    font-size: 1.3em;
    box-shadow: 0 0 5px inset #ffffff;
}
.h2bHKcjE{
    box-shadow: 0 0 5px #363636;
    margin-top: 10px;
    border-radius: 10px;
}
.h2bHKcjE th,.h2bHKcjE td {
    border: 1px solid #1c1c1c;
    padding: 5px 15px;
}
.h2bHKcjE .title{
    padding: 5px;
    font-size: 1.5em;
    text-align: center;
    text-shadow: 0 0 5px red;
}
.h2bHKcjE tbody th{
    text-align: initial;
    color: grey;
    width: 30%;
    white-space: nowrap;
}
.h2bHKcjE tbody th i{
    font-size: 0.9em;
    width: 15px;
}
.h2bHKcjE .tags{
    text-align: center;
    background-color: black;
    padding: 8px;
    font-weight: 100;
}
.Gh7ye0Tt{
    flex: 50%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 5px #626262;
    background-image: repeating-linear-gradient(45deg, black, transparent 100px);
}
.XLu0TgZV{
    overflow: auto;
    height: 700px;
}
.MDQkDYkG{
    padding: 5px 15px;
    background-color: #000000ba;
    border-radius: 10px;
    margin: 10px;
    border: 1px solid transparent;
    box-shadow: 0 0 5px #303030;
}
.MDQkDYkG:hover{
    cursor: pointer;
    opacity: 0.7;
    border: 1px outset black;
}
.MDQkDYkG.active{
    box-shadow: 0 0 5px gold;
    background-image: repeating-linear-gradient(45deg, black, #222222 5px);
    border-radius: 10px;

}

.MDQkDYkG img{
    display: block;
    max-height: 250px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 0 5px grey;
}

.MDQkDYkG .title{
    text-align: center;
    padding: 5px 10px 10px 0;
}
.yoyUMzMH{
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 0 13px #000000a8;
}
.yoyUMzMH>a{
    padding: 5px 20px;
    background-image: linear-gradient(#161515, #222222);
    font-size: 1.2em;
    border-radius: 30%;
    margin: 10px;
    color: inherit;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    background-color: white;
}
.yoyUMzMH>a img{
    height: 80px;
    width: 80px;
}

.yoyUMzMH>a:hover{
    box-shadow: 0 0 5px #2e2e07;
    background-image: linear-gradient(#222222, #161515);
}
.jBLqNexo{
    border: 8px ridge #000000;
    padding: 10px;
    background-image: repeating-linear-gradient(45deg, black, transparent 100px);
    margin: 30px 0;
}
.jBLqNexo>.description{
    font-size: 1.1em;
    background-color: black;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 0 0 5px grey;
    margin-top: 15px;
}
.xBLPdjKI{
    position: relative;
}
.xBLPdjKI.loading .fa-spinner {
    display: block !important;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 1.5em;
    background-image: linear-gradient(#0000008c, #0000008c, #6e00007a);
    border-radius: 50%;
    padding: 5px;
    pointer-events: none;
}
.xBLPdjKI img{
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 0 5px grey;
}
.xBLPdjKI >a{
    display: block;
    background-image: repeating-linear-gradient(45deg, black, #161616 5px);
    color: #adff2f;
    text-align: center;
    padding: 10px;
    box-shadow: 0 0 5px #008000;
    border-radius: 10px;
    margin-top: 10px;
    font-size: 1.3em;
}

.Hni9ylTG .title{
    text-align: center;
    text-shadow: 0 0 10px #ff0000;
}

.Hni9ylTG .tags{
    box-shadow: 0 0 5px grey;
    padding: 5px 15px;
    margin: 15px 0;
    border-radius: 5px;
    color: #787878;
    background-color: #000000;
    font-weight: 100;
    line-height: 1.4;
}


.Hni9ylTG .date{
    color: #898989;
    text-align: center;
}

/* categiries */
.vJ8eljIG{
    border-collapse: collapse;
}
.vJ8eljIG thead th{
    background-image: linear-gradient(#00000000, #3a3a3a, #1e1e1e);
    padding: 10px;
    font-weight: 100;
}
.vJ8eljIG tbody th, .vJ8eljIG tbody td {
    border: 1px solid #3a3a3a;
    padding: 0 10px;
}
.vJ8eljIG img{
    width: 100px;
    height: 100px;
    box-shadow: 0 0 5px #3c3c3c;
    border-radius: 10px;
    padding: 5px;
    margin: 5px;
}
.vJ8eljIG img+span{
    font-size: 1.2em;
    color: #ffffff;
    text-shadow: 0 0 5px #ff0000;
    margin-left: 10px;
    white-space: nowrap;
}
.vJ8eljIG p{
    font-size: 1.3em;
    min-width: 70%;
}
.KfFbiT4R{
    display: none;
    position: absolute;
    background-color: black;
    box-shadow: 0 0 5px grey;
    width: 100%;
    top: calc(100% + 5px);
    border-radius: 5px;
    z-index: 1;
    overflow-x: auto;
}
.wI697uWZ{
    direction: initial;
}
.wI697uWZ th{
    width: 200px;
}
.wI697uWZ th, .wI697uWZ td{
    padding: 10px;
    border: 1px solid #444444;
    
}
.wI697uWZ tbody tr{
    white-space: nowrap;
    background-color: #2c2c2c;
    margin: 5px;
    color: wheat;
}
.wI697uWZ tbody tr:hover{
    opacity: 0.8;
    cursor: pointer;

}
.QNiOaOUF{
    background-image: linear-gradient(black, #1b1818);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 5px inset #4d4d4d;
    margin: 25px 0;
}
.QNiOaOUF button, .QNiOaOUF a{
    display: inline-block;
    padding: 10px 15px;
    margin: 0 3px;
    border-radius: 10px;
    box-shadow: 0 0 5px grey;
    font-weight: bold;
    background-color: white;
    color: black;
}
.QNiOaOUF button.active, .QNiOaOUF a.active{
    box-shadow: 0 0 5px gold;
    background-image: linear-gradient(#222222, black, #222222);
    color: white;

}
.x7c7PCPV a {
    display: inline-block;
    margin: 5px 10px;
    padding: 5px 10px;
    background-image: linear-gradient(#222222, black, #222222);
    border-radius: 5px;
    box-shadow: 0 0 5px grey;
    color: white;
}
.sKKq0a9Fc{
    background-image: repeating-linear-gradient(45deg, black, transparent 10px);
    box-shadow: 0 0 5px inset #343434;
}
.Nnsa80Pd5{
    display: inline-block;
    width: 350px;
    height: 250px;
    box-shadow: 0 0 5px grey;
    border-radius: 10px;
    overflow: hidden;
    background-color: black;
    margin: 10px;
}
.Nnsa80Pd5 img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.Nnsa80Pd5 h3{
    direction: initial;
    color: white;
    padding: 5px;
    text-align: center;
    white-space: break-spaces;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* serie */
.MlTNG0Vg{
    display: block;
    margin: 50px auto;
    width: 90%;
    box-shadow: 0 0 5px #444444;
    border-radius: 10px;
    background-color: black;
}
.MlTNG0Vg img{
    width: 400px;
    min-width: 400px;
    max-height: 230px;
    object-fit: cover;
    border-radius: 10px;
    
}
.MlTNG0Vg.active{
    box-shadow: 0 0 5px red;
}
.sKKq0a9Fc{
    background-image: repeating-linear-gradient(45deg, black, transparent 10px);
    box-shadow: 0 0 5px inset #343434;
}
.rLxHcolq{
    width: 100%;
}
.zdPzNnOD{
    text-align: center;
    color: wheat;
    text-shadow: 0 0 5px #c30000;
    background-image: linear-gradient(#000000, #242424);
    padding: 10px;
    border-radius: 10px;
}
.rLxHcolq>a{
    display: block;
    text-align: center;
    margin: 15px 0 0;
    background-image: linear-gradient(#0aa500, #003004);
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 5px #006400;
    color: #ffffff;
    text-shadow: 0 0 5px #ff0000;
}
.VZ977bIh{
    
}
.VZ977bIh>p{
    padding: 10px;
    border-top: 1px dashed #3e3e3e;
}
.cHfYCHoM{
    background-image: linear-gradient(#303030, #000000);
    padding: 5px 10px;
    border-radius: 10px;
    margin: 20px 0;
    box-shadow: 0px 3px 5px #141612;
}
.cHfYCHoM p{
    
}
.cHfYCHoM h3{
    border-top: 1px dashed #383838;
    text-align: center;
    margin-top: 10px;
    text-shadow: 0 0 5px red;
    padding: 10px 0 5px;
}
.cHfYCHoM h3 b{
    color: red;
    font-size: 0.7em;
    vertical-align: middle;
}
.cHfYCHoM a{
    display: inline-block;
    padding: 5px 15px;
    border-radius: 20px;
    background-color: black;
    box-shadow: 0 0 5px grey;
    border: unset;
    color: gold;
}

/*********/
/* Game */
.B9czO4hI {
    padding-bottom: 5px;
    box-shadow: 0 0 5px grey;
    margin: 25px;
    border-radius: 10px;
    background-color: black;
}

.B9czO4hI:focus {
    outline: none;
}

.B9czO4hI:focus .orzYrkR7 {
    box-shadow: 0 0 5px inset grey;
}

.krgjCXry {
    text-align: center;
    text-shadow: 5px 5px 10px red;
    padding: 15px;
    background-image: repeating-linear-gradient(45deg, black, #222222 5px);
    border-radius: 10px 10px 0 0;
}

.dvv3WwId label {
    margin: 0 10px;
    background-image: linear-gradient(#282828, black, #363636);
    padding: 5px 15px;
    border-radius: 10px;
    white-space: nowrap;
}

.dvv3WwId label.style {
    box-shadow: 0 0 5px gold;
    background-image: linear-gradient(#565656, #000000, #000000);
}

.dvv3WwId label.style>span::before {
    content: '✓';
    margin: 0 5px;
}

.cPRYCFbP {
    position: relative;
    margin: 20px 5px;
    height: 500px;
    cursor: pointer;
}

.cPRYCFbP::after {
    content: '⛶';
    color: #ffffff;
    position: absolute;
    box-shadow: 0 0 5px;
    padding: 2px 3px 0px;
    border-radius: 5px;
    font-size: 2em;
    top: 5px;
    left: 25px;
    background-color: black;
}

.cPRYCFbP img,
.cPRYCFbP video {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.orzYrkR7_cn {
    display: none;
}

.orzYrkR7 {
    margin: 15px;
    border: 3px ridge #383838;
    height: 170px;
    overflow-y: hidden;
    background-image: repeating-linear-gradient(45deg, black, #141414 10px);
}

.orzYrkR7 img,
.orzYrkR7 video,
.orzYrkR7 a,
.orzYrkR7 .rknnmYZ8 {
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0 0 5px grey;
}

.orzYrkR7 img:hover,
.orzYrkR7 video:hover,
.orzYrkR7 .rknnmYZ8:hover {
    cursor: pointer;
    box-shadow: 0 0 5px gold;
}

.orzYrkR7 img.active,
.orzYrkR7 video.active,
.orzYrkR7 .rknnmYZ8.active {
    box-shadow: 0 0 10px #ffffff;
    border-radius: 50px;
}

.sEMiqV5M {
    padding: 5px 20px;
    box-shadow: 0 0 5px inset #404040;
    background-image: repeating-linear-gradient(45deg, black, #1e1e1e 2px);
}

.sEMiqV5M:hover {
    box-shadow: 0 0 5px white;
    border-radius: 10px;
    background-image: repeating-linear-gradient(45deg, black, #2e2e2eff 4px);
    cursor: pointer;
}

.sEMiqV5M:active {
    background-image: repeating-linear-gradient(45deg, #7c0505, #2e2e2eff 4px);
    color: gold;
}

.Zgy2cBwU img,
.Zgy2cBwU video {
    display: block;
    margin: auto;
    max-width: 100%;
}

.rknnmYZ8 {
    cursor: pointer;
}

.eBl61wdE {
    font-size: 1.5em;
    line-height: 1.5;
}

.B9czO4hI hr {
    border-color: #3a3a3a;
}

.EHRaNzgZ a {
    border: 1px solid orange;
    background-image: linear-gradient(45deg, #ffffff, #bfa100);
    color: #141414 !important;
    font-weight: bold;
    box-shadow: 0 0 5px gold;
    display: inline-flex;
    align-items: center;
}
.ZSzeQ78C a {
    background-image: repeating-linear-gradient(45deg, black, #3a0000 3px);
}

img.fYG3hgIV {
    height: 80px;
    width: 250px;
}
a.fmJurNXF {
    display: block;
    background-image: linear-gradient(#004000, #00ff00, #5cff5c);
    padding: 10px 20px;
    border-radius: 10px;
    color: black;
    text-align: center;
}
/**************/
/***** Hardware *****/
.Loq40aA9C caption{
    display: none;
}
.Loq40aA9C.show_cap caption{
    display: revert;
}
.jp0ebRUN{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0 5px grey;
    margin: 10px;
    border-radius: 10px;
    padding: 15px 20px;
    color: wheat;
    background-image: linear-gradient(black, #1b1b1b);
}
.jp0ebRUN >img{
    display: block;
    height: 200px;
    width: 200px;
    object-fit: cover;
}

/**************/
/***** search *****/
.KSJia06s{
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    box-shadow: 0 0 5px grey;
    border-radius: 10px;
    margin: 5px 10px;
    background-image: repeating-linear-gradient(45deg, black, #3c0000 10px);
}
.KSJia06s i{
    display: inline-block;
    padding: 2px 5px;
    border-radius: 5px;
}
.KSJia06s:hover i{
    background-color: #ffb4b4;
    color: darkred;
    cursor: pointer;
}

.s9SA6d0{
    margin-bottom: 10px;
    background-color: #0d0d0d;
    box-shadow: 0 0 5px inset grey;
    border-radius: 10px;
}
.s9SA6d0 a{
    color: white;

}
.s9SA6d0 img{
    width: 350px;
    max-height: 200px;
    object-fit: cover;
    border-radius: 10px;
}
.s9SA6d0 h4{
    color: grey;
    padding: 5px 15px;
}

/**************/
.q5Qoapd0Y p+img{
    display: block;
    text-align: center;
}