.buttonEndPage_bgAll__ZOMIj {
    height: 98px;
    width: auto
}

@media(max-width:1919.9px) {
    .buttonEndPage_bgAll__ZOMIj {
        margin-left: 60px
    }
}

@media(min-width:1920px) {
    .buttonEndPage_bgAll__ZOMIj {
        margin-left: 200px
    }
}

@media(max-width:549.9px) {
    .buttonEndPage_bgAll__ZOMIj {
        margin-left: 0
    }
}

.buttonEndPage_MuiBoxRoot__ux10p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-direction: row;
    width: 100%;
    padding: 24px
}

.buttonEndPage_MuiButtonRoot__hc6ty {
    border-radius: 30px;
    transition: all .25s ease 0s;
    border: 2px solid var(--title-color);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    box-sizing: border-box;
    padding: 8px 16px;
    background: transparent;
    color: var(--title-color);
    height: 50px;
    width: 200px;
    min-width: 180px
}

.buttonEndPage_MuiButtonRoot__hc6ty:active {
    border-color: #a5a5a5
}

@media(hover:hover) {
    .buttonEndPage_MuiButtonRoot__hc6ty:hover {
        color: #a5a5a5
    }
}

.buttonEndPage_buttonBtnSvg__msKXz {
    height: 20px;
    width: 20px;
    margin-right: 8px
}

.buttonEndPage_buttonBtnSvgRanDom__Q07Fq {
    height: 30px;
    width: 30px;
    margin-right: 8px
}

.buttonEndPage_MuiButtonRoot2__2O9Jo {
    border-radius: 30px;
    transition: all .25s ease 0s;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    box-sizing: border-box;
    padding: 8px 16px;
    background: var(--color-button);
    color: var(--text-color);
    height: 50px;
    width: 180px;
    min-width: 180px
}

.buttonEndPage_MuiButtonRoot2__2O9Jo:active {
    background: var(--color-button)
}

@media(hover:hover) {
    .buttonEndPage_MuiButtonRoot2__2O9Jo:hover {
        background: var(--color-button-hover)
    }
}

.buttonEndPage_MuiButtonRoot2__2O9Jo:focus {
    outline: none
}

.buttonEndPage_buttonBtnRandom__w_rvv{
    background-color: #009cff;
}


#footer {
    margin-top: 30px;
    position: relative;
    background-color: var(--color4)
}

#footer:before {
    content: "";
    -webkit-clip-path: polygon(0 100%, 30% 0, 36% 100%, 100% 0, 100% 100%);
    clip-path: polygon(0 100%, 30% 0, 36% 100%, 100% 0, 100% 100%);
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    height: 30px;
    margin-bottom: -1px;
    background: var(--color4)
}

#footer .footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 32px;
    position: relative
}

@media screen and (min-width:1599px) {
    #footer .footer {
        margin: 50px 0 0
    }
}

@media screen and (min-width:1199px) {
    #footer .footer {
        margin: 50px 0 0
    }
}

#footer .footer-left {
    display: flex;
    align-items: center;
    padding: 10px 0
}

#footer .footer-left .logo {
    width: 60px;
    height: 60px
}

#footer .footer-left .slogan {
    margin-left: 20px;
    font-weight: 600;
    font-size: 1.2rem;
    white-space: nowrap;
    color: var(--colorslogan)
}

@media screen and (max-width:500px) {
    #footer .footer-left .slogan {
        font-size: 1rem
    }
}

#footer .footer-left .slogan .trustpilot-widget {
    margin-left: 0;
    margin-top: 5px
}

#footer .footer-left .slogan .trustpilot-widget a {
    color: var(--color0)
}

#footer .footer-left .slogan .trustpilot-widget iframe {
    width: 220px !important
}

#footer .footer-right {
    display: flex;
    flex-direction: row;
    width: 40%
}

#footer .footer-right>ul {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    flex-wrap: wrap;
    margin: 0 0 0 80px
}

@media screen and (max-width:500px) {
    #footer .footer-right>ul {
        flex-direction: row;
        margin-left: 20px;
        margin-bottom: 0
    }
}

#footer .footer-right>ul>li {
    margin: 5px
}

#footer .footer-right>ul>li>a {
    padding: 10px 7px;
    white-space: nowrap
}

#footer .footer-right .choice-language {
    align-self: center
}

@media screen and (max-width:500px) {
    #footer .footer-right .choice-language {
        margin-left: 0
    }
}

#footer .footer .choice-language {
    height: 36px
}

@media screen and (max-width:768px) {
    #footer .footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap
    }

    #footer .footer-right {
        margin-bottom: 25px;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center
    }

    #footer .footer-right ul {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.footer-right ul {
    padding-left: 0
}

.dmca {
    position: absolute;
    display: flex;
    flex-direction: row;
    left: 50%;
    bottom: 5px;
    transform: translateX(-50%)
}

.dmca a {
    margin: 0 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.dmca a img {
    object-fit: contain
}

@media(max-width:551px) {
    .footer-right {
        padding-bottom: 0
    }
}

.socials {
    display: block;
    margin-top: 5px
}

.socials a {
    margin: 0 8px 0 0
}

.socials a:hover {
    opacity: .7
}

.socials img {
    width: 28px;
    height: 28px;
    object-fit: cover
}

@media(max-width:1919.9px) {
    #footer {
        margin-left: 60px
    }
}

@media(min-width:1920px) {
    #footer {
        margin-left: 200px
    }
}

@media(max-width:549.9px) {
    #footer {
        margin-left: 0
    }
}

.footer-full {
    margin-left: 0
}

.ChoiceLanguage-desktop_choice-language__q3Zty:not(.ChoiceLanguage-desktop_MLqVrXeq8l2alt4Gnx7r__6Lu1o):hover .ChoiceLanguage-desktop_panel__o_Bsq,
.ChoiceLanguage-desktop_choice-language__q3Zty:not(.ChoiceLanguage-desktop_MLqVrXeq8l2alt4Gnx7r__6Lu1o):hover:after,
.ChoiceLanguage-desktop_choice-language__q3Zty:not(.ChoiceLanguage-desktop_MLqVrXeq8l2alt4Gnx7r__6Lu1o):hover:before {
    display: block
}

.ChoiceLanguage-desktop_choice-language__q3Zty:not(.ChoiceLanguage-desktop_MLqVrXeq8l2alt4Gnx7r__6Lu1o):before {
    height: 16px;
    right: 30px;
    top: -16px;
    width: 16px
}

.ChoiceLanguage-desktop_choice-language__q3Zty:not(.ChoiceLanguage-desktop_MLqVrXeq8l2alt4Gnx7r__6Lu1o) .ChoiceLanguage-desktop_panel__o_Bsq:before {
    bottom: -52px;
    content: "";
    height: 52px;
    left: 0;
    position: absolute;
    width: 100%
}

.ChoiceLanguage-desktop_link-choice-language__GZGQq {
    color: #009cff;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ChoiceLanguage-desktop_choice-language__q3Zty {
    position: relative
}

.ChoiceLanguage-desktop_btn__9VdmO {
    background: hsla(0, 0%, 100%, 0);
    border: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    height: 36px;
    outline: 0;
    overflow: hidden;
    padding: 0;
    width: 36px
}

.ChoiceLanguage-desktop_panel__o_Bsq {
    background: var(--color7);
    bottom: 0;
    display: none;
    left: 0;
    overflow: auto;
    padding: 93px 18px 26px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100002
}

.ChoiceLanguage-desktop_choice-language__q3Zty:not(.ChoiceLanguage-desktop_MLqVrXeq8l2alt4Gnx7r__6Lu1o) .ChoiceLanguage-desktop_panel__o_Bsq {
    border-radius: 16px;
    bottom: 100%;
    box-shadow: 0 4px 8px 0 var(--shadow-box-color1), 0 15px 15px 0 var(--shadow-box-color1), 0 34px 20px 0 var(--shadow-box-color1), 0 60px 24px 0 var(--shadow-box-color1);
    column-count: 5;
    left: auto;
    margin: 0 0 36px;
    overflow: visible;
    padding: 65px 5px 10px 12px;
    position: absolute;
    right: 0;
    top: auto;
    z-index: 20
}

@media screen and (max-width:1065px) {
    .ChoiceLanguage-desktop_choice-language__q3Zty:not(.ChoiceLanguage-desktop_MLqVrXeq8l2alt4Gnx7r__6Lu1o) .ChoiceLanguage-desktop_panel__o_Bsq {
        column-count: 4
    }
}

@media screen and (max-width:920px) {
    .ChoiceLanguage-desktop_choice-language__q3Zty:not(.ChoiceLanguage-desktop_MLqVrXeq8l2alt4Gnx7r__6Lu1o) .ChoiceLanguage-desktop_panel__o_Bsq {
        column-count: 3
    }
}

.ChoiceLanguage-desktop_panel-title__twAuE {
    background: var(--color7);
    font: 700 24px Torus, Noto Sans Arabic, sans-serif;
    left: 0;
    margin: 0;
    padding: 26px 31px;
    position: fixed;
    top: 0;
    width: 100%;
    color: var(--textColor)
}

.ChoiceLanguage-desktop_choice-language__q3Zty:not(.ChoiceLanguage-desktop_MLqVrXeq8l2alt4Gnx7r__6Lu1o) .ChoiceLanguage-desktop_panel-title__twAuE {
    background-color: initial;
    position: absolute
}

.ChoiceLanguage-desktop_panel-btn__JerXn {
    background-color: hsla(0, 0%, 100%, 0);
    border: 0;
    margin: 0;
    padding: 32px 26px 16px;
    position: fixed;
    right: 0;
    top: 0
}

.ChoiceLanguage-desktop_choice-language__q3Zty:not(.ChoiceLanguage-desktop_MLqVrXeq8l2alt4Gnx7r__6Lu1o) .ChoiceLanguage-desktop_panel-btn__JerXn {
    display: none
}

.ChoiceLanguage-desktop_panel-btn__JerXn svg {
    fill: #009cff
}

.ChoiceLanguage-desktop_panel-link__YF1sH {
    border-radius: 16px;
    display: block;
    margin: 3px 0 4px;
    padding: 14px;
    cursor: pointer;
    justify-content: flex-start;
    gap: 10px;
    text-align: left
}

.ChoiceLanguage-desktop_choice-language__q3Zty:not(.ChoiceLanguage-desktop_MLqVrXeq8l2alt4Gnx7r__6Lu1o) .ChoiceLanguage-desktop_panel-link__YF1sH {
    font-size: 14px;
    line-height: 20px;
    padding: 3px 16px 3px 3px
}

.ChoiceLanguage-desktop_choice-language__q3Zty:not(.ChoiceLanguage-desktop_MLqVrXeq8l2alt4Gnx7r__6Lu1o) .ChoiceLanguage-desktop_panel__o_Bsq .ChoiceLanguage-desktop_panel-link__YF1sH {
    display: inline-block;
    white-space: nowrap;
    min-width: 100px
}

.ChoiceLanguage-desktop_panel-img__XoIyH {
    margin: 0 15px 0 0;
    vertical-align: middle;
    flex-shrink: 0
}

.ChoiceLanguage-desktop_img__DNd8z {
    display: inline-block;
    height: 36px;
    width: 36px
}

.ChoiceLanguage-desktop_choice-language__q3Zty:not(.ChoiceLanguage-desktop_MLqVrXeq8l2alt4Gnx7r__6Lu1o) .ChoiceLanguage-desktop_panel__o_Bsq .ChoiceLanguage-desktop_panel-img__XoIyH {
    margin: 0 2px 0 0;
    transform: scale(.7)
}

.ChoiceLanguage-desktop_hidden__Ve2l4 {
    display: none
}

.ChoiceLanguage-mobile_img__qy6jN {
    display: inline-block;
    height: 36px;
    width: 36px
}

.ChoiceLanguage-mobile_panel__izEKt {
    background: var(--color7);
    bottom: 0;
    display: none;
    left: 0;
    overflow: auto;
    padding: 93px 18px 26px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100002
}

.ChoiceLanguage-mobile_flag-link__5QXb4 {
    border-radius: 16px;
    display: block;
    margin: 3px 0 4px;
    padding: 14px
}

.ChoiceLanguage-mobile_link-choice-language__Muho4 {
    color: #009cff;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ChoiceLanguage-mobile_flag-img__daYIw {
    margin: 0 15px 0 0;
    vertical-align: middle
}

.ChoiceLanguage-mobile_panel-btn-close__HFjqg {
    background-color: var(--color7);
    border: 0;
    margin: 0;
    padding: 32px 26px 16px;
    position: fixed;
    right: 0;
    top: 0
}

.ChoiceLanguage-mobile_panel-btn-close__HFjqg img {
    height: 36px;
    width: 36px
}

.ChoiceLanguage-mobile_btn__ZbFbd {
    background: none;
    border: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    height: 36px;
    outline: 0;
    overflow: hidden;
    padding: 0;
    width: 36px
}

.ChoiceLanguage-mobile_panel-active__3Hj3w {
    display: block
}

.ChoiceLanguage-mobile_panel-title__Rjp6S {
    background-color: var(--color7);
    font: 700 24px Torus, Noto Sans Arabic, sans-serif;
    left: 0;
    margin: 0;
    padding: 26px 31px;
    position: fixed;
    top: 0;
    width: 100%
}

.header_header___ROMs {
    z-index: 11;
    position: fixed;
    background: var(--header-bg);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    flex-wrap: wrap;
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.header_header___ROMs a {
    text-decoration: none;
    color: #fff
}

.header_header___ROMs .header_MuiBackdrop-root__wIZc9 {
    z-index: -1
}

.header_layLeft___CMLM {
    display: flex;
    flex-direction: row;
    padding: 0 16px 0 8px;
    align-items: center
}

.header_layLeft___CMLM a img {
    margin-right: 8px
}

.header_layRight__LIgdw {
    display: flex;
    flex-direction: row;
    padding: 0 20px;
    align-items: center;
    justify-content: flex-end;
    min-width: 115px
}

.header_themeIcon__cM1wF {
    font-size: 30px;
    transition: transform .3s ease, opacity .3s ease;
    color: #fff
}

.header_themeIcon__cM1wF:hover {
    transform: rotate(1turn)
}

.header_darkMode__5yoxb,
.header_lightMode__2q7sf {
    transition: background-color .3s ease, color .3s ease
}

.header_switch__wpcnM {
    position: relative;
    display: inline-block;
    width: 47px;
    height: 27px
}

.header_switch__wpcnM input {
    opacity: 0;
    width: 0;
    height: 0
}

.header_switch__wpcnM .header_slider__b6X3H {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #a9d9d0;
    transition: .4s
}

.header_switch__wpcnM .header_slider__b6X3H:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s
}

.header_switch__wpcnM input:checked+.header_slider__b6X3H {
    background-color: #014040
}

.header_switch__wpcnM input:focus+.header_slider__b6X3H {
    box-shadow: 0 0 1px #014040
}

.header_switch__wpcnM input:checked+.header_slider__b6X3H:before {
    transform: translateX(20px)
}

.header_switch__wpcnM .header_slider__b6X3H.header_round__W8Ipo {
    border-radius: 34px
}

.header_switch__wpcnM .header_slider__b6X3H.header_round__W8Ipo:before {
    border-radius: 50%
}

.show-icon .icon-nav {
    rotate: 180deg
}

.MenuBtn_buttonLeft__XKaV1 {
    border-radius: 30px;
    transition: all .25s ease;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    background: transparent;
    color: var(--text-color);
    height: 48px;
    width: 48px;
    margin-right: 4px
}

.MenuBtn_buttonLeft__XKaV1 svg {
    fill: currentcolor;
    height: 24px;
    width: 24px
}

.MenuBtn_buttonLeft__XKaV1 .MenuBtn_icon-navhide__l4ufO,
.MenuBtn_buttonLeft__XKaV1 .MenuBtn_icon-navshow__zmadu {
    height: 28px;
    width: 34px;
    display: none
}

.MenuBtn_buttonLeft__XKaV1 .MenuBtn_show__HdjvO {
    display: block !important
}

@media(min-width:1082px) {
    .Search_searchForm__SouoQ {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .Search_searchInput__bqb0I {
        width: 460px;
        margin: auto
    }
}

@media(max-width:1081.95px) {
    .Search_searchForm__SouoQ {
        position: relative;
        min-width: 350px
    }

    .Search_searchInput__bqb0I {
        width: 100%
    }
}

@media(max-width:699.95px) {
    .Search_searchForm__SouoQ {
        display: none
    }
}

.Search_searchInput__bqb0I {
    border-radius: 30px;
    height: 40px;
    background-color: var(--search-box);
    border: 1px solid transparent;
    font-size: 16px;
    outline: 0;
    padding-left: 16px;
    color: var(--search-text)
}

.Search_searchInput__bqb0I:focus {
    border-color: var(--color2)
}

.Search_searchInput__bqb0I::placeholder {
    color: #aaadbe;
    opacity: 1
}

@media(min-width:600px) {
    .Search_searchInput__bqb0I {
        outline: 0
    }
}

.Search_iconSearch__GPcHn {
    color: #aaadbe;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 2px;
    right: 8px
}

.Search_iconSearch__GPcHn svg {
    height: 20px;
    width: 20px
}

.Search_iconSearch__GPcHn:hover {
    cursor: pointer
}

.Search_iconSearch__GPcHn:hover svg {
    fill: var(--color2)
}

.Search_bgListSearch__LosDY {
    transition: opacity 1s ease-out;
    height: 100vh;
    width: 100vw;
    z-index: 10;
    top: 60px;
    left: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, .5);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.Search_ulListSearch__OvSpa {
    transition: all .25s ease 0s;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar) var(--scrollbar-bg);
    max-height: 640px;
    position: absolute;
    top: 66px;
    width: 490px;
    background: var(--color3);
    border-radius: 10px;
    overflow: auto;
    left: calc(50% - 245px);
    margin-block: 0;
    padding-inline: 0;
    z-index: 99;
    padding-top: 10px
}

.Search_ulListSearch__OvSpa::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background: transparent
}

.Search_ulListSearch__OvSpa::-webkit-scrollbar-thumb {
    background: #aaadbe;
    border-radius: 30px
}

.Search_ulListSearch__OvSpa::-webkit-scrollbar-corner {
    background: transparent
}

.Search_ulListSearch__OvSpa li {
    list-style: none;
    padding: 8px 16px
}

.Search_ulListSearch__OvSpa li.Search_selectedOption__mOFGX,
.Search_ulListSearch__OvSpa li:hover {
    background: hsla(0, 0%, 100%, .08);
    cursor: pointer
}

.Search_bgListItems__2IM_2 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    color: #f9faff
}

.Search_bgListItems_img__to__h {
    display: flex
}

.Search_bgListItems_img__to__h img {
    position: static !important;
    width: 49px !important;
    height: 40px !important;
    object-fit: cover;
    margin-right: 8px
}

.Search_listItems_txt__WLuHu {
    color: var(--textColor);
    display: flex;
    align-items: center;
    padding-left: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 700;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media(max-width:1081.95px) {
    .Search_ulListSearch__OvSpa {
        width: 350px;
        left: calc(50% - 210px)
    }
}

@media(max-width:699.95px) {

    .Search_bgListSearch__LosDY,
    .Search_ulListSearch__OvSpa {
        display: none
    }
}

@media(min-width:0px) {
    .Search_bgListItems_img__to__h {
        height: 40px
    }
}

@media(max-width:1509.95px) {
    .Search_listItems_txt__WLuHu {
        font-size: 11.2px
    }
}

.Search_bgAlls__sAq1n {
    display: block;
    padding: 0;
    width: calc(100% - 20px);
    margin: 0 10px 10px;
    overflow: hidden;
    height: auto
}

.Search_bgAlls__sAq1n .Search_title__FxUbN {
    color: var(--textColor);
    margin: 5px 10px;
    font-size: 1rem;
    font-weight: 600
}

.Search_bgitem__pRn7c {
    position: relative;
    width: 25%;
    padding: 5px;
    float: left
}

.Search_bgitem2__oPPNA {
    position: relative;
    width: 33.3333333333%;
    padding: 5px;
    float: left;
    height: 80px
}

.Search_bgitem__pRn7c:after {
    content: "";
    display: block
}

@media(max-width:1081.95px) {
    .Search_bgitem__pRn7c {
        width: 33.3333333333%
    }
}

.Search_dis_none__gS9Bp {
    display: none !important
}

.userInfor_bgall__7NwMF {
    height: 100%;
    position: relative
}

.userInfor_bgall__7NwMF .userInfor_dot___Jw81 {
    background: var(--color3);
    border-color: var(--color2);
    border-width: 2px;
    border-style: solid;
    width: 14px;
    height: 14px;
    border-radius: 8px;
    position: absolute;
    top: -2px;
    z-index: 1;
    right: 12px
}

.userInfor_bgall__7NwMF .userInfor_avatar_bg__gNHJi {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: 12px;
    margin-left: 2px;
    height: 40px;
    width: 40px;
    border-width: 1px;
    background-color: var(--color2);
    border-color: var(--color2);
    border-style: solid
}

.userInfor_bgall__7NwMF .userInfor_avatar_bg__gNHJi .userInfor_avatar__8fVku {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    text-align: center !important;
    object-fit: cover !important;
    color: transparent !important;
    text-indent: 10000px !important
}

.inforUserPaper_MuiBackdropRoot2__3M_NI {
    z-index: 10;
    top: 60px;
    width: calc(100% - 400px);
    background: transparent !important
}

.inforUserPaper_MuiBackdropRoot2__3M_NI,
.inforUserPaper_MuiBackdropRoot__QCRAF {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    inset: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.inforUserPaper_MuiBackdropRoot__QCRAF {
    z-index: 1199
}

.inforUserPaper_MuiPaperRoot__pVImz {
    width: 400px;
    overflow: hidden overlay;
    background: var(--color1);
    scrollbar-width: thin;
    scrollbar-color: #aaadbe transparent;
    color: #f9faff;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: 1 0 auto;
    z-index: 1200;
    position: fixed;
    top: 0;
    outline: 0;
    right: 0
}

.inforUserPaper_MuiPaperTitleRoot__Ik1_n {
    width: 100%;
    height: 60px;
    min-height: 60px;
    display: flex;
    align-items: center;
    z-index: 2
}

.inforUserPaper_MuiPaperButtonRoot__ZgRc5 {
    position: absolute;
    right: 0;
    z-index: 2;
    min-width: 56px
}

.inforUserPaper_MuiPaperButtonRoot__ZgRc5 svg {
    width: 24px;
    height: 24px
}

.inforUserPaper_MuiPaperButton__diWbz {
    border-radius: 30px;
    transition: all .25s ease 0s;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0;
    background: transparent;
    color: #eff0f7;
    height: 48px;
    width: 48px;
    margin-right: 8px
}

.inforUserPaper_MuiPaperButton__diWbz:active {
    color: rgba(170, 173, 190, .8)
}

@media(hover:hover) {
    .inforUserPaper_MuiPaperButton__diWbz:hover {
        color: #aaadbe
    }
}

.inforUserPaper_MuiPaperButtonSvg__CuXOj {
    display: inline-block;
    fill: currentcolor;
    height: 24px;
    width: 24px
}

@media(max-width:999px) {
    .inforUserPaper_MuiPaperRoot__pVImz {
        width: 100%;
        overflow: hidden overlay;
        background: var(--color1);
        scrollbar-width: thin;
        scrollbar-color: #aaadbe transparent;
        color: #f9faff;
        box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
        display: flex;
        flex-direction: column;
        height: 100%;
        flex: 1 0 auto;
        z-index: 1200;
        position: fixed;
        top: 0;
        outline: 0;
        right: 0
    }
}

.inforUserPaper_transition__9Ajkr {
    transition: all 225ms ease
}

.inforUserPaper_bg_infor_user_all__qvDam {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    padding: 16px 16px 0;
    height: 100%
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_bg_infor_user_header__0wTlb {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    align-items: center
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_bg_infor_user_header__0wTlb .inforUserPaper_bg_infor_user_avatar__moKGj {
    margin-top: 0;
    margin-bottom: 12px;
    width: 60px;
    height: 60px
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_bg_infor_user_header__0wTlb .inforUserPaper_bg_infor_user_avatar__moKGj .inforUserPaper_bg_user_avatar__ZKsf1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 50%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 60px;
    height: 60px;
    border: 3px solid #fff
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_bg_infor_user_header__0wTlb .inforUserPaper_bg_infor_user_avatar__moKGj .inforUserPaper_bg_user_avatar__ZKsf1 .inforUserPaper_img_user_avatar__Nn5LZ {
    width: 100% !important;
    height: 100% !important;
    text-align: center !important;
    object-fit: cover !important;
    color: transparent !important;
    text-indent: 10000px !important
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_bg_infor_user_header__0wTlb .inforUserPaper_bg_user_name__OZ3ZL {
    font-size: 20px;
    font-weight: 800;
    line-height: 27px;
    cursor: pointer;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_bg_infor_user_header__0wTlb .inforUserPaper_bg_user_email__x_PdU {
    color: #f9faff;
    line-height: 16px
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_bg_task_user_all__ScAW4 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_bg_task_user_all__ScAW4 .inforUserPaper_bg_task_user__rWIyn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-top: 24px;
    margin-bottom: 20px
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_bg_task_user_all__ScAW4 .inforUserPaper_bg_task_user__rWIyn .inforUserPaper_bg_task__OUfyB {
    border-radius: 30px;
    transition: .25s;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    box-sizing: border-box;
    background: transparent;
    color: #eff0f7;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 0;
    font-weight: 400;
    height: 22px
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_bg_task_user_all__ScAW4 .inforUserPaper_bg_task_user__rWIyn .inforUserPaper_bg_task__OUfyB svg {
    color: var(--color2);
    height: 24px;
    width: 24px;
    margin-right: 8px;
    display: inline-block;
    fill: currentcolor
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_line2__nK2Dp {
    background-image: -webkit-linear-gradient(left, var(--color2), var(--color3), var(--color2));
    height: 1px;
    width: 85%;
    border: none;
    margin: auto
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_bg_vsmzom__tC_DC {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
    margin-bottom: 20px
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_bg_vsmzom__tC_DC .inforUserPaper_vsmzom__kQioh {
    margin-top: 4px;
    margin-bottom: 4px;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_bg_vsmzom__tC_DC .inforUserPaper_vsmzom__kQioh .inforUserPaper_vsmzom_a__Sw99x {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #fff;
    width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_bg_vsmzom__tC_DC .inforUserPaper_vsmzom__kQioh .inforUserPaper_vsmzom_a__Sw99x .inforUserPaper_vsmzom_span__23NEk {
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 2px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_bgAllButton__eW19H {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_bgButton__UX3nu {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4px;
    border-radius: 50%;
    margin-left: 4px;
    border: 2px solid #fff;
    height: 40px;
    width: 40px
}

.inforUserPaper_bg_infor_user_all__qvDam .inforUserPaper_buttonSvg__D4JVT {
    color: #fff;
    display: inline-block;
    fill: currentcolor;
    width: 15px;
    height: 15px
}