.NOT-settings-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: #000c;
    display: flex;
    justify-content: center;
    align-items: center
}

.NOT-settings-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.NOT-settings-modal-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 6.4rem;
    padding: .3rem;
    margin-bottom: .46rem;
    background: linear-gradient(0deg,#4f37d0 39%,#9a35f5);
    border-radius: .2rem;
    text-align: center
}

.NOT-settings-modal-title {
    line-height: .6rem;
    font-weight: 700;
    font-size: .6rem;
    color: #ebd6fd
}

.NOT-settings-modal-list {
    width: 100%
}

.NOT-settings-modal-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .2rem 0;
    border-bottom: 1px solid #6143c1
}

.NOT-settings-modal-item-title {
    font-weight: 400;
    font-size: .3rem;
    color: #fff;
    line-height: .48rem
}

.NOT-settings-modal-item-action {
    display: flex;
    align-items: center
}

.NOT-switch {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: .82rem;
    height: .36rem;
    border-radius: .18rem
}

.NOT-switch:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #4f37d0
}

.NOT-switch.checked:before {
    background: #e535f5
}

.NOT-switch:after {
    width: .36rem;
    height: .36rem;
    background: #fff;
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%
}

.NOT-switch.checked:after {
    transform: translate(.46rem) translateY(-50%)
}

.NOT-switch.checked:where([dir=rtl],[dir=rtl] *):after {
    transform: translate(-.46rem) translateY(-50%)
}

.NOT-settings-goto-icon {
    width: .2rem;
    height: .3rem;
    background-image: url(/imgs/right.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: .12rem
}

.NOT-settings-goto-icon:where([dir=rtl],[dir=rtl] *) {
    margin-left: 0;
    margin-right: .12rem;
    transform: rotate(180deg)
}

.NOT-settings-modal-item-select-language {
    font-weight: 400;
    font-size: .3rem;
    color: #e6c337;
    line-height: .48rem
}

.NOT-settings-modal-support-label {
    font-size: .3rem;
    color: #ebd6fd;
    line-height: .36rem
}

.NOT-settings-modal-support-id {
    font-family: DengXian;
    font-size: .24rem;
    color: #ebd6fd;
    line-height: .3rem
}

.NOT-settings-modal-close-btn {
    position: absolute;
    top: -.8rem;
    right: 0rem
}

.NOT-settings-modal-close-icon {
    display: block;
    width: .6rem;
    height: .6rem;
    background-image: url(/imgs/btn_off.png);
    background-size: contain;
    background-repeat: no-repeat
}

.NOT-language-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: #000c;
    display: flex;
    justify-content: center;
    align-items: center
}

.NOT-language-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.NOT-language-modal-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 6.4rem;
    padding: .3rem;
    margin-bottom: .46rem;
    background: linear-gradient(0deg,#4f37d0 39%,#9a35f5);
    border-radius: .2rem;
    text-align: center
}

.NOT-language-modal-title {
    line-height: .6rem;
    font-weight: 700;
    font-size: .6rem;
    color: #ebd6fd
}

.NOT-language-modal-list {
    width: 100%;
    max-height: 40vh;
    overflow-y: auto
}

.NOT-language-modal-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .2rem 0;
    border-bottom: 1px solid #6143c1
}

.NOT-language-modal-item>div {
    display: flex;
    align-items: center;
    gap: .32rem
}

.NOT-language-modal-item>div>img {
    width: .88rem
}

.NOT-language-modal-item-title {
    font-weight: 400;
    font-size: .3rem;
    color: #fff;
    line-height: .48rem
}

.NOT-language-modal-item-title.NOT-select-language {
    color: #e6c337
}

.NOT-language-modal-item-action {
    display: flex;
    align-items: center
}

.NOT-language-selected-icon {
    width: .42rem;
    height: .35rem;
    background-image: url(/imgs/seleced.png);
    background-size: contain;
    background-repeat: no-repeat
}

.NOT-language-modal-item-select-language {
    font-weight: 400;
    font-size: .3rem;
    color: #e6c337;
    line-height: .48rem
}

.NOT-language-modal-close-btn {
    position: absolute;
    top: -.8rem;
    right: 0rem
}

.NOT-language-modal-close-icon {
    display: block;
    width: .6rem;
    height: .6rem;
    background-image: url(/imgs/btn_off.png);
    background-size: contain;
    background-repeat: no-repeat
}