.account-form .input-group input ::-webkit-validation-bubble-message {
    display: none
}

.account-form .input-group input::-ms-clear,.account-form .input-group input::-ms-reveal {
    display: none
}

.account-form .input-group input:focus {
    outline: none
}

.account-form .input-group input::-webkit-input-placeholder {
    font-size: 1.5rem;
    font-size: var(--ui-font-size)
}

.account-form .input-group input::-moz-placeholder {
    font-size: 1.5rem;
    font-size: var(--ui-font-size)
}

.account-form .input-group input::-ms-input-placeholder {
    font-size: 1.5rem;
    font-size: var(--ui-font-size)
}

.account-form .input-group input::placeholder {
    font-size: 1.5rem;
    font-size: var(--ui-font-size)
}

.account-form .input-group input:-ms-input-placeholder {
    font-size: 1.5rem;
    font-size: var(--ui-font-size)
}

.account-form .input-group input:focus {
    background-color: var(--textfield-active);
    border: 1px solid #7985a2;
    border: 1px solid var(--textfield-border-active);
    color: #535768;
    color: var(--textfield-text-active)
}

.account-form .input-group input.invalid {
    border: 1px solid #da3f34;
    border: 1px solid var(--border-danger)
}

.account-form .input-group input:disabled {
    -webkit-text-fill-color: inherit;
    background-color: #edf0f3;
    background-color: var(--textfield-disabled);
    border: 1px solid #d5d9e2;
    border: 1px solid var(--textfield-border-disabled);
    color: #b8b8b8;
    color: var(--textfield-text-disabled);
    opacity: 1
}

.account-form .input-group input:disabled::-webkit-input-placeholder {
    color: #b8b8b8;
    color: var(--textfield-text-disabled)
}

.account-form .input-group input:disabled::-moz-placeholder {
    color: #b8b8b8;
    color: var(--textfield-text-disabled)
}

.account-form .input-group input:disabled:-ms-input-placeholder {
    color: #b8b8b8;
    color: var(--textfield-text-disabled)
}

.account-form .input-group input:disabled::-ms-input-placeholder {
    color: #b8b8b8;
    color: var(--textfield-text-disabled)
}

.account-form .input-group input:disabled::placeholder {
    color: #b8b8b8;
    color: var(--textfield-text-disabled)
}

.account-form .input-group input::-webkit-input-placeholder {
    color: #9398aa;
    color: var(--text-info)
}

.account-form .input-group input::-moz-placeholder {
    color: #9398aa;
    color: var(--text-info)
}

.account-form .input-group input::-ms-input-placeholder {
    color: #9398aa;
    color: var(--text-info)
}

.account-form .input-group input::placeholder {
    color: #9398aa;
    color: var(--text-info)
}

.account-form .input-group input:-ms-input-placeholder {
    color: #9398aa;
    color: var(--text-info)
}


.account-form .input-group .msg.invalid+.msg {
    padding-top: 0
}

.account-form .input-group .msg.warning {
    color: #007fff;
    color: var(--text-em)
}

.account-form .input-group .msg.invalid {
    color: #da3f34;
    color: var(--text-danger)
}

.account-form .input-group.g-recaptcha-invisible {
    padding: 0!important
}

.account-form .input-group.g-recaptcha-invisible .grecaptcha-badge {
    z-index: 1
}

.account-form .input-group input {
    height: 56px;
    height: var(--ui-input-height);
    padding-right: 32px
}

.account-form .input-group input,.account-form .input-group input:focus {
    background-color: #fff;
    background-color: var(--login-textfield)
}

.account-form .input-group input:-webkit-autofill,.account-form .input-group input:-webkit-autofill:focus,.account-form .input-group input:-webkit-autofill:hover {
    -webkit-text-fill-color: #535768;
    -webkit-text-fill-color: var(--textfield-text-normal);
    -webkit-box-shadow: inset 0 0 0 9999px #fff!important;
    -webkit-box-shadow: inset 0 0 0 9999px var(--login-textfield)!important
}

.account-form .input-group .borderline .dropdown .select,.account-form .input-group .borderline .dropdown select,html:not([data-user-client=NGPClient]) .account-form .input-group .borderline .dropdown .list>li {
    background-color: #fff;
    background-color: var(--login-textfield)
}

@media(min-width: 960px) {
    .account-form .input-group input,.account-form .input-group input:focus {
        background-color:#fff;
        background-color: var(--login-textfield-pc)
    }

    .account-form .input-group input:-webkit-autofill,.account-form .input-group input:-webkit-autofill:focus,.account-form .input-group input:-webkit-autofill:hover {
        -webkit-text-fill-color: #535768;
        -webkit-text-fill-color: var(--textfield-text-normal);
        -webkit-box-shadow: inset 0 0 0 9999px #fff!important;
        -webkit-box-shadow: inset 0 0 0 9999px var(--login-textfield-pc)!important
    }

    .account-form .input-group .dropdown .select,.account-form .input-group .dropdown select,html:not([data-user-client=NGPClient]) .account-form .input-group .dropdown .list>li {
        background-color: #fff!important;
        background-color: var(--login-textfield-pc)!important
    }
}

.account-form .input-group .input-flex.invalid {
    border: 1px solid #da3f34
}

.account-form .input-group .btn-wrap {
    margin: 0 0 0 8px;
    width: auto
}

[dir=rtl] .account-form .input-group .btn-wrap {
    margin: 0 8px 0 0
}

.account-form .input-group .btn-wrap button {
    font-size: 1.5rem;
    font-size: var(--ui-font-size);
    font-weight: 400;
    padding: 0 15px
}

.account-form .input-group .btn-wrap .btn-primary {
    width: inherit!important
}

.account-form .btn-delete {
    background-color: transparent;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: transparent;
    color: inherit;
    cursor: pointer;
    display: block;
    font: 0/0 sans-serif;
    font-size: 0;
    height: 30px;
    left: auto;
    position: relative;
    position: absolute;
    right: 8px;
    text-shadow: none;
    top: 14px;
    -webkit-transform: none;
    transform: none;
    width: 30px;
    z-index: 9
}

.account-form .btn-delete:hover:after,.account-form .btn-delete:hover:before {
    background: #6b7ea5;
    background: var(--icon-bg)
}

.account-form .btn-delete:after,.account-form .btn-delete:before {
    background: #b9bcc6;
    content: "";
    height: 1px;
    left: 5px;
    margin-top: -1px;
    position: absolute;
    right: auto;
    top: 15px;
    width: 64%
}

[dir=rtl] .account-form .btn-delete:after,[dir=rtl] .account-form .btn-delete:before {
    left: auto;
    right: 5px
}

.account-form .btn-delete:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.account-form .btn-delete:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

[dir=rtl] .account-form .btn-delete {
    left: 8px;
    right: auto
}

.account-form .btn-delete:hover {
    background: transparent
}

.account-form .msg {
    display: block;
    letter-spacing: -.5px;
    line-height: 1.8rem
}

.account-form .msg.invalid {
    color: #da3f34;
    font-size: 1.4rem;
    padding-top: 10px
}

.account-form .login-util:after {
    clear: both;
    content: "";
    display: table
}

.account-form .login-util+.btn-wrap {
    padding-top: 5px
}

.account-form .save-account {
    float: left;
    position: relative;
    white-space: nowrap
}

.account-form .save-account:after {
    clear: both;
    content: "";
    display: table
}

[dir=rtl] .account-form .save-account {
    float: right
}

.account-form .save-account .check-box {
    background: none!important;
    border: 0!important;
    float: left;
    height: auto;
    min-height: auto!important;
    min-width: auto!important;
    opacity: 0;
    position: absolute;
    vertical-align: middle
}

.account-form .save-account .check-box+label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1.2;
    padding: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.account-form .save-account .check-box+label>em {
    margin-right: 2px
}

.account-form .save-account .check-box+label>span {
    margin-left: 6px;
    margin-right: 0
}

[dir=rtl] .account-form .save-account .check-box+label>span {
    margin-left: 0;
    margin-right: 6px
}

.account-form .save-account .check-box+label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle stroke='%23C6CFD8' cx='11' cy='11' r='10.5'/%3E%3Cpath d='m9.032 15.415-3.699-3.7.778-.777 2.921 2.92 6.574-6.572.777.778-7.35 7.35z' fill='%23C6CFD8'/%3E%3C/g%3E%3C/svg%3E");
    background-image: var(--icon-check);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 22px;
    margin: 0;
    min-width: 22px;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    vertical-align: top;
    width: 22px
}




.loader-wrap.cover {
    position: fixed
}

.loader-wrap.cover,.loader-wrap.cover:before {
    height: 100%;
    left: 0;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 99
}

[dir=rtl] .loader-wrap.cover,[dir=rtl] .loader-wrap.cover:before {
    left: auto;
    right: 0
}

@media(min-width: 960px) {
    .loader-wrap.cover {
        position:absolute
    }
}

.loader-wrap.cover:before {
    background-color: #fff;
    background-color: var(--base);
    content: "";
    display: block;
    opacity: .8;
    position: absolute
}

.loader-wrap.cover>div {
    left: 50%;
    margin: -30px 0 0 -30px;
    position: absolute;
    right: auto;
    top: 50%
}

[dir=rtl] .loader-wrap.cover>div {
    left: auto;
    margin: -30px -30px 0 0;
    right: 50%
}

.loader-wrap.mini,.loader-wrap.mini:before {
    position: absolute!important
}

.loader-wrap.mini:before {
    height: 100%!important
}

.loader-wrap.mini>div {
    margin: -15px 0 0 -15px
}

[dir=rtl] .loader-wrap.mini>div {
    margin: -15px -15px 0 0
}

.loader-wrap.mini>div .loader {
    border-width: 4px!important;
    height: 30px!important;
    width: 30px!important
}

.loader-wrap.fixed {
    position: fixed
}

.loader-wrap:not(.img)>div {
    display: inline-block
}

.loader-wrap:not(.img)>div .loader {
    border: 8px solid color-mix(in srgb,#4998f1 20%,transparent);
    border-left-color: #4998f1;
    border: 8px solid color-mix(in srgb,var(--loader) 20%,transparent);
    border-left-color: var(--loader);
    border-radius: 50%;
    font-size: 1px;
    margin: 0 auto;
    text-indent: -9999em
}

.loader-wrap.img .loader,.loader-wrap:not(.img)>div .loader {
    -webkit-animation: spin 1.1s linear infinite;
    animation: spin 1.1s linear infinite;
    background-repeat: no-repeat;
    background-size: cover;
    height: 60px;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 60px;
    z-index: 999
}

.loader-wrap.img .loader {
    background-image: url("var(--img-loading).webp");
    background-image: -webkit-image-set(url("var(--img-loading).webp") 1x,url("var(--img-loading)@2x.webp") 2x)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .loader-wrap.img .loader {
        background-image:url("var(--img-loading)@2x.webp")
    }
}

.wrapper.inapp .loader-wrap.cover {
    position: fixed
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loader {
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-top: 4px solid #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

.loader-wrap.cover.fixed {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.selected {
    background-color: var(--bg-grey-2) !important;
}

.selected .dots-text {
    color: var(--text-primary);
}

.country-selector {
    position: relative;
    cursor: pointer;
}

.country-selector__toggle__arrow {
    transition: transform 200ms ease;
    transform-origin: 50% 50%;
    display: inline-block;
}

.country-selector.open .country-selector__toggle__arrow {
    transform: rotate(180deg);
}

.country-selector__list {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 1000;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    background: #fff;
    overflow: auto;
    display: none;
}

.country-selector.open .country-selector__list {
    display: block;
}