html {
    background-color: rgb(251, 251, 253);
}
#apple-logo,
#gcbd-logo {
    margin-left: -2px; /* stylelint-disable-line */
}

html[dir="rtl"] #apple-logo,
html[dir="rtl"] #gcbd-logo {
    margin-left: 0; /* stylelint-disable-line */
    margin-right: -2px; /* stylelint-disable-line */
}

#early-child.unclaimed {
    visibility: hidden;
}
[inert] {
    pointer-events: none;
    cursor: default;
}

[inert], [inert] * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input{outline: none;-webkit-user-select: auto !important;}
input:focus{outline: none;box-shadow:none;}
.hide{display:none;}
.landing-page{min-block-size:auto !important;}
.login{}
.login_loading{padding-top:30%;}

.sign-in-label{font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif;font-size:32px;font-weight:600;line-height:36px;color:#000;-webkit-margin-before:20px;margin-block-start:20px;text-align:center;}

.sign-form{width:480px;margin:30px auto 0px;height:180px;}
.sign-form .input{width:100%;padding:20px 12px 0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:none;height:56px;font-size:18px;}
.sign-form .si-forgot-password a{color:#06c !important;font-size:14px;}
.sign-form .account,.sign-form .password{border:1px solid #d2d2d7;position:relative;width:100%;min-height:52px;overflow:hidden;}
.sign-form .app-focus{border:2px solid #06c;}
.sign-form .si-button{position:absolute;right:14px;top:15px;z-index:1;}
.sign-form .app-focus .si-button{top:22px;}
.sign-form .app-focus .form-textbox-label{top:8px;font-size:10px;}
.sign-form .si-button .icon{font-size:26px;color:#666;}
.sign-form .form-textbox-label{position:absolute;left:12px;top:18px;z-index:3;transition-duration: .125s;transition-timing-function: ease-in;    pointer-events:none;color:#494949;}
.sign-form .account{border-radius:12px;}
.sign-form .password{border-radius:0px 0px 12px 12px;}
.sign-form .show-password{border-radius:12px 12px 0px 0px;border-bottom:0px;}
.sign-form .spinner-container{width:24px;height:24px;position:absolute;right:16px;top:15px;z-index:99;}
.sign-form .sign-form-input{border:1px solid #d2d2d7;position:relative;width:100%;min-height:52px;overflow:hidden;margin:10px 0px;border-radius:12px;}
.sign-form .sign-form-input .input{padding:0px 12px;}

#error_div{margin:auto;width:280px;padding-top:10px;}
#error_div .error_view{color:#503E30;background-color:#FAE9A3;border-radius:4px;border:1px solid rgba(185, 149, 1, 0.47);box-shadow:0px 5px 10px 2px rgb(0 0 0 / 10%);text-align:center;position:relative;padding:10px 14px;z-index:9;}
#error_div .error_view::before{width:15px;height:15px;background-color:#FAE9A3;content:"";position:absolute;left:47.2%;-webkit-transform:rotate(135deg) skewX(5deg) skewY(5deg);-ms-transform:rotate(135deg) skewX(5deg) skewY(5deg);-o-transform:rotate(135deg) skewX(5deg) skewY(5deg);transform:rotate(135deg) skewX(5deg) skewY(5deg);top:-8px;border-left:1px solid rgba(185, 149, 1, 0.47);border-bottom:1px solid rgba(185, 149, 1, 0.47);box-shadow:-1px 1px 2px -1px rgb(185 149 1 / 47%);}
#error_div .error_view .error_text{font-size: 16px;font-weight:700;}
#error_div .error_view p{padding:4px 0px;margin:0px;}
#error_div .error_view p a{color:#503E30;}

.si-remember-password{display:flex;margin:0px auto 40px;justify-content:center;align-items:center;font-size:18px;}
.si-remember-password .form-checkbox{position: relative;}
.si-remember-password .form-label{position: relative;padding-left:24px;}
.si-remember-password .form-checkbox-indicator{background-color:hsla(0,0%,100%,.8);border:1px solid #d2d2d7;width:16px;height:16px;display:inline-block;border-radius:4px;cursor: pointer;box-sizing: content-box;position:absolute;top:1px;left:0px;}
.si-remember-password .form-checkbox :checked~.form-label .form-checkbox-indicator {background-color: #0071e3;border-color: #0071e3;}
.si-remember-password .form-checkbox :checked~.form-label .form-checkbox-indicator::after{content:'';background:url('../image/ok.png') no-repeat center center;background-size:14px auto;position:absolute;left:0px;top:0px;width:16px;height:16px;z-index:1;}
.si-remember-password .form-checkbox-input{left:0;height:16px;position: absolute;top:1px;width:16px;opacity: 0;}
.si-remember-password label[for=remember-me]{display: inline;color: inherit;line-height: inherit;padding-top: 1px;}

.si-forgot-password{text-align:center;}
.si-forgot-password a svg{fill:#06c;}
.create_appid{text-align:center;margin-top:8px;}
.create_appid a{color:#06c !important;font-size:14px;}


.main_loading{width:80px;height:80px;animation:0.8s linear 0s infinite normal none running spin12;margin:auto;}

.home-login-view{margin:50px auto 0px;width:600px;height:600px;box-shadow: 0 11px 34px rgba(120,120,128,0.16);border-radius:34px;padding-top:40px;background:#fff;}
.home-login-view .widget-icon-text{text-align:center;}
.home-login-view .widget-icon-text img{width:160px;}
.si-container-title,.si-info{width:360px;margin:0px auto;font-family:Helvetica, Arial, Verdana, sans-serif;}
.si-container-title{font-weight:bold;font-size:22px;color:black;text-align:center;margin-top:40px;}
.si-info{font-weight:bold;font-size:16px;text-align:center;margin-top:20px;}

.security-code{margin:60px auto 20px;position:relative;}

.sec-code-wrapper{display:flex;align-content:center;justify-content:center;}
.sec-code-wrapper .number{margin:0px 4px;}
.sec-code-wrapper .number .input{width:44px;height:44px;border-radius:6px;border:1px solid #d7d7d7;text-align:center;font-size:18px;line-height:44px;}

.error_container{width:320px;position:absolute;left:50%;top:-54px;z-index:9;margin-left:-160px;}
.error_container .error_view{color:#503E30;background-color:#FAE9A3;border-radius:4px;border:1px solid rgba(185, 149, 1, 0.47);box-shadow:0px 5px 10px 2px rgb(0 0 0 / 10%);text-align:center;position:relative;padding:10px 0px;}
.error_container .error_view::before{width:15px;height:15px;background-color:#FAE9A3;content:"";position:absolute;left:50%;-webkit-transform: rotate(135deg) skewX(5deg) skewY(5deg);-ms-transform: rotate(135deg) skewX(5deg) skewY(5deg);-o-transform: rotate(135deg) skewX(5deg) skewY(5deg);transform: rotate(135deg) skewX(5deg) skewY(5deg);bottom: -8px;border-right: 1px solid rgba(185, 149, 1, 0.47);border-top: 1px solid rgba(185, 149, 1, 0.47);box-shadow: 1px -1px -1px 2px rgba(185, 149, 1, 0.47);}
.error_container .error_view{font-size:16px;font-weight:700;}


input[type="text"], input[type="password"], input[type="tel"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;text-decoration: none;
    outline: none !important;
}
@media (max-width: 759px) {
    .home-login-view{
        width:auto;height:calc(100vh - 170px);
        box-shadow:none;border-radius:0px;margin:0px;
    }
    .sign-form{width:330px;}
}
@keyframes spin12{
    0% {
        transform: rotate(0deg);
    }
    8.332% {
        transform: rotate(0deg);
    }
    8.333% {
        transform: rotate(30deg);
    }
    16.666% {
        transform: rotate(30deg);
    }
    16.667% {
        transform: rotate(60deg);
    }
    24.999% {
        transform: rotate(60deg);
    }
    25% {
        transform: rotate(90deg);
    }
    33.332% {
        transform: rotate(90deg);
    }
    33.333% {
        transform: rotate(120deg);
    }
    41.666% {
        transform: rotate(120deg);
    }
    41.667% {
        transform: rotate(150deg);
    }
    49.999% {
        transform: rotate(150deg);
    }
    50% {
        transform: rotate(180deg);
    }
    58.332% {
        transform: rotate(180deg);
    }
    58.333% {
        transform: rotate(210deg);
    }
    66.666% {
        transform: rotate(210deg);
    }
    66.667% {
        transform: rotate(240deg);
    }
    74.999% {
        transform: rotate(240deg);
    }
    75% {
        transform: rotate(270deg);
    }
    83.332% {
        transform: rotate(270deg);
    }
    83.333% {
        transform: rotate(300deg);
    }
    91.666% {
        transform: rotate(300deg);
    }
    91.667% {
        transform: rotate(330deg);
    }
    99.999% {
        transform: rotate(330deg);
    }
    100% {
        transform: rotate(100deg);
    }
}