@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

#lsid-window {
    background-color: var(--color-support-5);
    border-radius: 8px;
    position: fixed;
    z-index: var(--zIndex-modalWindow) !important
}

#lsid-window.long {
    position: absolute
}

#lsid-window[data-window-name=login] {
    border-radius: 12px
}

.detailbody #lsid-window[data-window-name=deleteAccount] + div#lsid-window-mask, .detailbody #lsid-window[data-window-name=newTermsOfUse1] + div#lsid-window-mask, .detailbody #lsid-window[data-window-name=newTermsOfUse2] + div#lsid-window-mask, .detailbody #lsid-window[data-window-name=registration-ok-message] + div#lsid-window-mask {
    display: block !important
}

#lsid-window .header {
    background-color: initial;
    display: block
}

#lsid-window .header, #lsid-window h1 {
    border-bottom: 1px solid var(--color-support-1);
    color: var(--color-combination-2);
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    padding: 8px 56px 8px 24px
}

#lsid-window h1 {
    margin: initial
}

#lsid-window .err-msg-wrapper {
    color: var(--color-red);
    padding-top: 8px
}

#lsid-window .content {
    box-sizing: border-box;
    padding: 24px 32px 32px;
    width: 332px
}

#lsid-window [type=password], #lsid-window [type=text] {
    background-color: var(--color-combination-11);
    border: 1px solid var(--color-combination-12);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--color-combination-2);
    height: 40px;
    margin: 0;
    padding: 0 12px;
    width: 100%
}

#lsid-window [type=password]:focus, #lsid-window [type=text]:focus {
    border-color: var(--color-combination-13);
    outline: none
}

#lsid-window [type=button], #lsid-window [type=submit] {
    -webkit-appearance: none;
    border: none;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .4px;
    min-height: 40px;
    padding: 12px;
    text-align: center;
    text-transform: uppercase;
    white-space: normal;
    width: 100%
}

#lsid-window-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23999'%3E%3Cpath d='m19 0-9 9-9-9-1 1 9 9-9 9 1 1 9-9 9 9 1-1-9-9 9-9z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 16px;
    position: absolute;
    right: 24px;
    top: 20px;
    width: 16px;
    z-index: 2
}

#lsid-window[data-window-name=registration-ok-message] #lsid-window-close {
    top: 20px
}

#lsid-window-close:hover {
    opacity: .7
}

#lsid-window-mask {
    background: #1e2426;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: var(--zIndex-modalMask) !important
}

#lsid-loading {
    background-color: var(--color-support-5);
    border-radius: 6px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-sizing: border-box;
    color: var(--color-support-4);
    display: grid;
    left: 50%;
    padding: 28px 20px 20px;
    place-items: center;
    position: absolute;
    row-gap: 12px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 194px;
    z-index: var(--zIndex-loading)
}

#lsid-loading:before {
    animation: spin 1.8s ease-in-out infinite;
    border: 4px solid var(--color-support-1);
    border-radius: 50%;
    border-top-color: var(--color-seccondary-3);
    content: "";
    display: flex;
    height: 44px;
    width: 44px
}

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

.lsid-messages {
    background-color: var(--color-support-5);
    border-radius: 6px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15);
    box-sizing: border-box;
    display: grid;
    padding: 46px 32px 32px;
    place-items: center;
    row-gap: 24px;
    width: 332px
}

.lsid-messages .header-message:not(.err) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65.9 48'%3E%3Cpath d='M10.1 26.4c-.2-1.2-.2-2.4-.1-3.6l-9.9-.9c-.2 2-.1 4.1.3 6.3.4 2.1 1 4.1 1.9 6l9-4.2c-.6-1.1-.9-2.3-1.2-3.6m3.1 6.6-7.6 6.4c2.3 2.7 5.1 4.8 8.2 6.3l4.2-9c-1.8-.8-3.5-2.1-4.8-3.7m13.2 4.9c-1.2.2-2.5.3-3.7.2l-.9 9.9c2 .2 4.1.1 6.3-.3.7-.1 1.4-.3 2-.5l-2.6-9.6c-.2.1-.6.2-1.1.3m-4.8-27.8c1.7-.3 3.4-.3 5 0L30.8 1c-3.5-1-7.2-1.3-11-.6C10.4 2 3.2 9.1.8 17.8l9.6 2.6c1.4-5.2 5.6-9.3 11.2-10.3M33 34.8l6.4 7.6c1.6-1.4 3-2.9 4.2-4.6l-8.1-5.7c-.7 1-1.5 1.9-2.5 2.7m14.9-12.9-9.9.9c.1.8.1 1.6 0 2.5l9.9.9c.1-1.5.1-2.9 0-4.3' fill='%23001e28'/%3E%3Cpath d='M35.2 0 26 19.8 65.9 0z' fill='%23ff0046'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 48px;
    width: 66px
}

.theme--dark .lsid-messages .header-message:not(.err) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65.9 48'%3E%3Cpath d='M10.1 26.4c-.2-1.2-.2-2.4-.1-3.6l-9.9-.9c-.2 2-.1 4.1.3 6.3.4 2.1 1 4.1 1.9 6l9-4.2c-.6-1.1-.9-2.3-1.2-3.6m3.1 6.6-7.6 6.4c2.3 2.7 5.1 4.8 8.2 6.3l4.2-9c-1.8-.8-3.5-2.1-4.8-3.7m13.2 4.9c-1.2.2-2.5.3-3.7.2l-.9 9.9c2 .2 4.1.1 6.3-.3.7-.1 1.4-.3 2-.5l-2.6-9.6c-.2.1-.6.2-1.1.3m-4.8-27.8c1.7-.3 3.4-.3 5 0L30.8 1c-3.5-1-7.2-1.3-11-.6C10.4 2 3.2 9.1.8 17.8l9.6 2.6c1.4-5.2 5.6-9.3 11.2-10.3M33 34.8l6.4 7.6c1.6-1.4 3-2.9 4.2-4.6l-8.1-5.7c-.7 1-1.5 1.9-2.5 2.7m14.9-12.9-9.9.9c.1.8.1 1.6 0 2.5l9.9.9c.1-1.5.1-2.9 0-4.3' fill='%23fff'/%3E%3Cpath d='M35.2 0 26 19.8 65.9 0z' fill='%23ff0046'/%3E%3C/svg%3E")
}

[class*=_ss] .lsid-messages .header-message:not(.err) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 260'%3E%3Cpath fill='%23001E28' d='M225.333 0H34.667L0 34.667v190.666L34.667 260h190.666L260 225.333V34.667z'/%3E%3Cpath d='m202.9 33.002 24.102 24.092V203.9l-24.073 24.102H56.075L32.002 203.9V57.084l24.112-24.082H202.9zm-5.558 13.387H136.19v168.216h61.182l16.224-16.253v-135.7l-16.254-16.263zm-74.538 0H61.652L45.389 62.632v135.72l16.243 16.253h61.172V46.39zM77.3 91.036c1.365 0 2.643.517 3.579 1.472l9.828 9.828a5.034 5.034 0 0 1 1.482 3.588v45.728c0 .321.204.546.526.546h19.325c.321 0 .536.204.536.526v11.72c0 .321-.215.526-.536.526H59.547c-.322 0-.527-.205-.527-.526v-11.72c0-.322.205-.526.527-.526H78.87c.322 0 .536-.225.536-.546v-45.299c0-1.384-1.17-2.545-2.535-2.545H59.547c-.322 0-.527-.204-.527-.526v-11.73c0-.311.205-.516.527-.516zm109.653-.007a5.01 5.01 0 0 1 3.588 1.482l9.828 9.818a5.065 5.065 0 0 1 1.472 3.598v44.138a5.07 5.07 0 0 1-1.472 3.608l-9.828 9.818c-.946.956-2.223 1.472-3.588 1.472h-23.77c-1.366 0-2.643-.516-3.589-1.472l-9.828-9.818a5.07 5.07 0 0 1-1.472-3.608v-44.138c0-1.375.527-2.642 1.472-3.598l9.828-9.818a5.01 5.01 0 0 1 3.588-1.482zm-.42 12.782h-22.922c-1.482 0-2.544 1.16-2.544 2.545v43.3c0 1.365 1.062 2.545 2.544 2.545h22.923c1.365 0 2.525-1.18 2.525-2.545v-43.3c0-1.384-1.16-2.545-2.525-2.545z' fill='%23FFF'/%3E%3C/svg%3E")
}

[class*=_scoreboard] .lsid-messages .header-message:not(.err) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 260'%3E%3Crect fill='%23001E28' width='260' height='260' rx='60'/%3E%3Cpath d='M62.582 38 62 223l160-92.051L62.582 38zm131.308 89.447-40.465 11.585-48.14-63.269 88.605 51.684zm-90.172-33.812L73.19 167.029 73.504 64.2l30.214 29.434zm8.213 9.115 29.498 38.751-48.096 6.264 18.598-45.015zm-32.787 97.596 10.317-40.884 78.601-10.237-88.918 51.121z' fill='%23FFF'/%3E%3C/svg%3E")
}

.lsid-messages .header-message.err {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 52 45' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M27.5 0h-2.9L0 42.5 1.5 45h49.1l1.5-2.5zm1 39.4v.5h-5.1v-5.6h5.1zm0-8.5v.5h-5.1V12.2h5.1z' fill='%23dc0000' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 45px;
    width: 52px
}

[class*=_ss] .lsid-messages .header-message.err {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 260'%3E%3Cpath fill='%23001E28' d='M225.333 0H34.667L0 34.667v190.666L34.667 260h190.666L260 225.333V34.667z'/%3E%3Cpath d='m202.9 33.002 24.102 24.092V203.9l-24.073 24.102H56.075L32.002 203.9V57.084l24.112-24.082H202.9zm-5.558 13.387H136.19v168.216h61.182l16.224-16.253v-135.7l-16.254-16.263zm-74.538 0H61.652L45.389 62.632v135.72l16.243 16.253h61.172V46.39zM77.3 91.036c1.365 0 2.643.517 3.579 1.472l9.828 9.828a5.034 5.034 0 0 1 1.482 3.588v45.728c0 .321.204.546.526.546h19.325c.321 0 .536.204.536.526v11.72c0 .321-.215.526-.536.526H59.547c-.322 0-.527-.205-.527-.526v-11.72c0-.322.205-.526.527-.526H78.87c.322 0 .536-.225.536-.546v-45.299c0-1.384-1.17-2.545-2.535-2.545H59.547c-.322 0-.527-.204-.527-.526v-11.73c0-.311.205-.516.527-.516zm109.653-.007a5.01 5.01 0 0 1 3.588 1.482l9.828 9.818a5.065 5.065 0 0 1 1.472 3.598v44.138a5.07 5.07 0 0 1-1.472 3.608l-9.828 9.818c-.946.956-2.223 1.472-3.588 1.472h-23.77c-1.366 0-2.643-.516-3.589-1.472l-9.828-9.818a5.07 5.07 0 0 1-1.472-3.608v-44.138c0-1.375.527-2.642 1.472-3.598l9.828-9.818a5.01 5.01 0 0 1 3.588-1.482zm-.42 12.782h-22.922c-1.482 0-2.544 1.16-2.544 2.545v43.3c0 1.365 1.062 2.545 2.544 2.545h22.923c1.365 0 2.525-1.18 2.525-2.545v-43.3c0-1.384-1.16-2.545-2.525-2.545z' fill='%23FFF'/%3E%3C/svg%3E")
}

[class*=_scoreboard] .lsid-messages .header-message.err {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 260'%3E%3Crect fill='%23001E28' width='260' height='260' rx='60'/%3E%3Cpath d='M62.582 38 62 223l160-92.051L62.582 38zm131.308 89.447-40.465 11.585-48.14-63.269 88.605 51.684zm-90.172-33.812L73.19 167.029 73.504 64.2l30.214 29.434zm8.213 9.115 29.498 38.751-48.096 6.264 18.598-45.015zm-32.787 97.596 10.317-40.884 78.601-10.237-88.918 51.121z' fill='%23FFF'/%3E%3C/svg%3E")
}

.lsid-messages .message {
    border-radius: initial;
    cursor: auto;
    display: block;
    font-size: 18px;
    letter-spacing: normal;
    text-align: center;
    user-select: auto;
    word-break: break-word
}

.lsid-messages .message.err {
    color: var(--color-red)
}

.deleteAccountForm__buttons {
    display: grid;
    margin-top: 24px;
    row-gap: 16px
}

.deleteAccountForm #delete-account-no {
    background-color: var(--color-secondary-3);
    color: var(--color-white)
}

.deleteAccountForm #delete-account-no:hover {
    background-color: var(--color-secondary-1)
}

.deleteAccountForm #delete-account-yes {
    background-color: transparent;
    border: 1px solid var(--color-support-2);
    color: var(--color-red)
}

.deleteAccountForm #delete-account-yes:hover {
    background-color: var(--color-red);
    border-color: transparent;
    color: #fff
}

.forgottenPassword #forgotten-password-form {
    display: grid;
    margin-top: 24px;
    row-gap: 16px
}

.forgottenPassword #send {
    background-color: var(--color-secondary-3);
    color: var(--color-white)
}

.forgottenPassword #send:hover {
    background-color: var(--color-secondary-1)
}

.passwordchange #passwordchange-form {
    display: grid;
    row-gap: 8px
}

.passwordchange .sign-up-form-element {
    margin-top: 8px
}

.passwordchange #passwordchange {
    background-color: var(--color-secondary-3);
    color: var(--color-white)
}

.passwordchange #passwordchange:hover {
    background-color: var(--color-secondary-1)
}

.newTermsOfUse2 #terms-agree {
    background-color: var(--color-secondary-3);
    color: var(--color-white)
}

.newTermsOfUse2 #terms-agree:hover {
    background-color: var(--color-secondary-1)
}

.newTermsOfUse2 #terms-logout {
    background-color: transparent;
    border: 1px solid var(--color-secondary-3);
    color: var(--color-secondary-2)
}

.newTermsOfUse2 #terms-logout:hover {
    background-color: var(--color-secondary-3);
    color: #fff
}

.newTermsOfUse2 #delete-account-link {
    align-items: center;
    background-color: transparent;
    border: 1px solid var(--color-support-2);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--color-red);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .4px;
    min-height: 40px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.newTermsOfUse2 #delete-account-link:hover {
    background-color: var(--color-red);
    border-color: transparent;
    color: #fff
}

.newTermsOfUse2Form__text a {
    color: var(--color-primary);
    text-decoration: underline
}

.newTermsOfUse2Form__text a:hover {
    text-decoration: none
}

.newTermsOfUse2Form__buttons {
    display: grid;
    margin-bottom: 16px;
    margin-top: 24px;
    row-gap: 16px
}

.newTermsOfUse2Form__links {
    box-sizing: border-box;
    text-align: center;
    width: 100%
}

.newTermsOfUse1 #terms-agree {
    background-color: var(--color-secondary-3);
    color: #fff
}

.newTermsOfUse1 #terms-agree:hover {
    background-color: var(--color-secondary-1)
}

.newTermsOfUse1 #terms-disagree {
    background-color: transparent;
    border: 1px solid var(--color-secondary-3);
    color: var(--color-secondary-2)
}

.newTermsOfUse1 #terms-disagree:hover {
    background-color: var(--color-secondary-3);
    color: #fff
}

.newTermsOfUse1Form__text a {
    color: var(--color-primary);
    text-decoration: underline
}

.newTermsOfUse1Form__text a:hover {
    text-decoration: none
}

.newTermsOfUse1Form__buttons {
    display: grid;
    margin-top: 24px;
    row-gap: 16px
}

.contents__passwordChange .settings {
    align-content: normal;
    display: initial;
    max-width: none;
    overflow-y: initial;
    width: auto
}

.contents__passwordChange .backButton {
    display: none
}

.contents__passwordChange .err-msg-wrapper {
    padding-top: 8px
}

.contents__passwordChange #settings-form {
    display: grid;
    row-gap: 8px
}

.contents__passwordChange #settings {
    background-color: var(--color-secondary-3);
    color: var(--color-white);
    margin-top: 8px
}

.contents__passwordChange #settings:hover {
    background-color: var(--color-secondary-1)
}

@media only screen and (max-width: 688px) {
    .detailbody #lsid-window.registration, .detailbody #lsid-window[data-window-name=deleteAccount], .detailbody #lsid-window[data-window-name=newTermsOfUse1], .detailbody #lsid-window[data-window-name=newTermsOfUse2], .detailbody #lsid-window[data-window-name=registration-ok-message] {
        border-radius: 8px;
        margin: 0 auto
    }

    .detailbody #lsid-window.registration .content, .detailbody #lsid-window[data-window-name=deleteAccount] .content, .detailbody #lsid-window[data-window-name=newTermsOfUse1] .content, .detailbody #lsid-window[data-window-name=newTermsOfUse2] .content, .detailbody #lsid-window[data-window-name=registration-ok-message] .content {
        box-sizing: border-box;
        padding: 24px 32px 32px;
        width: auto
    }

    .detailbody #lsid-window[data-window-name=newTermsOfUse1], .detailbody #lsid-window[data-window-name=newTermsOfUse2] {
        max-width: fit-content
    }

    .detailbody #lsid-window.registration, .detailbody #lsid-window[data-window-name=deleteAccount], .detailbody #lsid-window[data-window-name=registration-ok-message] {
        max-width: 264px
    }

    .detailbody #lsid-window[data-window-name=deleteAccount] .content {
        width: auto
    }
}

@media only screen and (max-width: 639px) {
    #lsid-window {
        border-radius: 8px 8px 0 0;
        left: 0 !important;
        right: 0 !important
    }

    #lsid-window .content {
        width: 100%
    }

    body:not(.detailbody) #lsid-window-close, body:not(.detailbody) #lsid-window-mask {
        display: none !important
    }

    .detailbody .lsid-messages {
        left: unset;
        position: unset;
        transform: unset;
        width: unset
    }

    .lsid-messages {
        left: 50%;
        position: fixed;
        transform: translate(-50%);
        width: 264px
    }

    .content-wrap {
        display: block !important
    }

    .contents__passwordChange .backButton {
        display: none
    }

    .contents__passwordChange .backButton__arrow {
        align-items: center;
        cursor: pointer;
        display: flex;
        height: 56px;
        justify-content: center;
        left: 0;
        position: absolute;
        top: 0;
        width: 40px
    }

    .contents__passwordChange .backButton__arrow:after {
        border-color: currentcolor;
        border-style: solid;
        border-width: 0 0 1px 1px;
        content: "";
        display: flex;
        height: 10px;
        transform: rotate(45deg) translate(3px, -3px);
        width: 10px
    }

    .contents__passwordChange .backButton__text {
        display: none
    }
}

.lsidDialog {
    background-color: var(--color-support-5);
    border-radius: 8px;
    height: 100%
}

.lsidDetail .lsidDialog {
    align-content: center;
    display: grid;
    flex: 1;
    justify-content: center
}

@media only screen and (max-width: 639px) {
    .lsidDialog {
        border-radius: 8px 8px 0 0
    }
}

.lsidDialog__content {
    box-sizing: border-box;
    color: var(--color-secondary-2);
    display: grid;
    padding: 24px 32px 32px;
    width: 332px
}

.lsidDetail .lsidDialog__content {
    padding: 16px 32px
}

@media only screen and (max-width: 639px) {
    .lsidDialog__content {
        width: 100%
    }
}

.lsidDialog__title {
    font-size: 18px;
    font-weight: 700;
    padding-left: 24px
}

.lsidDetail .lsidDialog__title {
    font-size: 24px;
    padding-left: 0;
    text-align: center
}

@media only screen and (max-width: 639px) {
    .lsidDialog__backButton ~ .lsidDialog .lsidDialog__title {
        padding-left: 40px
    }
}

.lsidDialog__description {
    text-align: center
}

.lsidDialog__description a {
    color: var(--color-primary);
    text-decoration: underline
}

.lsidDialog__description a:hover {
    text-decoration: none
}

.lsidDialog__backButton {
    color: var(--color-combination-2);
    cursor: pointer;
    display: none;
    height: 16px;
    left: 0;
    padding: 20px 12px;
    position: absolute;
    top: 0;
    width: 16px;
    z-index: 2
}

.lsidDialog__backButton:hover {
    opacity: .7
}

@media only screen and (max-width: 639px) {
    .lsidDialog__backButton {
        display: flex
    }

    .lsidDetail .lsidDialog__backButton {
        display: none
    }
}

.lsidDialog__button {
    height: 40px;
    margin-top: 8px;
    text-transform: uppercase
}

.lsidDialog__button + .lsidDialog__button, .lsidDialog__button:first-child {
    margin-top: 0
}

.lsidDialog__input {
    height: 40px;
    padding: 0 12px
}

.lsidDialog__form {
    display: grid;
    row-gap: 16px
}

.lsidDialog__form:not(:first-child) {
    margin-top: 24px
}

.lsidDialog__message {
    display: grid;
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    row-gap: 16px;
    text-align: center
}

.lsidDialog__link {
    font-size: 13px;
    margin-top: 12px;
    text-align: center
}

.lsidDialog__link a {
    color: var(--color-combination-4);
    cursor: pointer;
    text-decoration: underline
}

.lsidDialog__link a:hover {
    text-decoration: none
}

.lsidLoading {
    align-content: center;
    background-color: var(--color-support-5);
    border-radius: 6px;
    box-sizing: border-box;
    color: var(--color-support-4);
    display: grid;
    flex: 1;
    margin: 0 auto;
    padding: 28px 20px 20px;
    place-items: center;
    row-gap: 12px;
    width: 194px;
    z-index: var(--zIndex-loading)
}

.loginWindow {
    border-radius: 10px 12px 12px 10px;
    display: grid;
    grid-template:" benefits container " max-content/0px 468px;
    position: relative
}

.loginWindow__header {
    align-items: flex-end;
    border-bottom: 1px solid var(--color-support-1);
    display: grid;
    justify-content: center
}

.loginWindow__tabs {
    display: flex;
    justify-content: center
}

.loginWindow__tab {
    grid-row-gap: 14px;
    background-color: transparent;
    color: var(--color-support-4);
    cursor: pointer;
    display: grid;
    font-size: 12px;
    font-weight: 700;
    grid-template-rows:max-content 4px;
    letter-spacing: .4px;
    padding: 16px 14px 0;
    text-transform: uppercase;
    user-select: none
}

.loginWindow__tab:not(.loginWindow__tab--active):hover {
    color: var(--color-combination-4)
}

.loginWindow__tab--active {
    color: var(--color-primary)
}

.loginWindow__tab--active:after {
    background-color: var(--color-primary-2);
    border-radius: 2px 2px 0 0;
    content: "";
    height: 100%;
    width: 100%
}

.loginWindow__container {
    background-color: var(--color-support-5);
    border-radius: 10px;
    color: var(--color-support-4);
    display: grid;
    grid-area: container;
    grid-auto-flow: row;
    grid-auto-rows: max-content;
    grid-template-rows:98px;
    z-index: 1
}

.loginWindow__content {
    display: grid;
    grid-auto-flow: row;
    justify-self: center;
    margin-bottom: 32px;
    width: 268px
}

.loginWindow__section {
    display: grid;
    row-gap: 8px
}

.loginWindow__title {
    color: var(--color-support-4);
    font-size: 11px;
    font-weight: 700;
    justify-self: center;
    letter-spacing: .4px;
    margin-bottom: 4px;
    margin-top: 28px;
    text-align: center;
    text-transform: uppercase
}

.loginWindow__button {
    font-size: 14px;
    min-height: 40px;
    text-transform: uppercase;
}

.loginWindow__button:not(:disabled):hover {
    opacity: .8
}

.loginWindow__button.google {
    border: 1px solid var(--color-support-2)
}

.loginWindow__button--login {
    grid-template:none;
    margin-top: 8px;
    text-transform: uppercase
}

.loginWindow__icon {
    grid-area: icon;
    height: 18px;
    width: 18px
}

.loginWindow__text {
    grid-area: text
}

.loginWindow__input {
    height: 40px;
    margin: 0;
    padding: 0 12px
}

.loginWindow__input--password {
    margin-top: 8px
}

.loginWindow__description {
    font-size: 13px;
    margin-top: 12px;
    text-align: center
}

.loginWindow__description--question a {
    margin-left: 1ex
}

.loginWindow__description--tac {
    margin-top: 0
}

.loginWindow__description a {
    color: var(--color-combination-4);
    cursor: pointer;
    text-decoration: underline
}

.loginWindow__description a:hover {
    text-decoration: none
}

.loginWindow__shape {
    bottom: 0;
    color: var(--color-primary);
    height: 173px;
    position: absolute;
    right: 40px;
    width: 613px
}

.loginWindow__captcha:not(:empty) {
    transform: scale(.8);
    transform-origin: 64px 0;
    width: 268px
}

.loginWindow__validation {
    color: var(--color-red);
    font-size: 13px;
    line-height: 12px;
    margin-top: 6px
}

@media only screen and (max-width: 1047px) {
    .loginWindow {
        background-color: var(--color-support-5);
        grid-template:initial
    }

    .loginWindow__shape {
        display: none
    }

    .loginWindow__header {
        justify-content: normal
    }

    .loginWindow__container {
        grid-area: initial;
        grid-template-columns:488px;
        grid-template-rows:none
    }
}

@media only screen and (max-width: 639px) {
    .loginWindow {
        border-radius: 8px 8px 0 0;
        box-shadow: none
    }

    .loginWindow__container {
        border-radius: initial;
        grid-template-columns:none
    }
}