#pr-box{font:13px/16px sans-serif;position:absolute;z-index:1000;display:none;width:inherit;max-width:100%;border-radius:var(--radius-sm);background:var(--color-white);margin-top:2px}#pr-box i{width:0;height:0;margin-left:20px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #3e97d6}#pr-box-inner{margin-top:6px;border:1px solid var(--color-gray-light);border-radius:var(--radius-sm)}#pr-box-inner ul{margin-top:0;margin-bottom:0}#pr-box p{padding:20px;border-radius:var(--radius-sm)}#pr-box ul{padding:7px;border-radius:var(--radius-sm)}#pr-box ul li{list-style:none;padding:7px}#pr-box ul li span{width:15px;height:15px;display:block;float:left;border-radius:100%;margin-right:15px}#pr-box.light{color:#2d2f31}#pr-box.light p{background-color:var(--color-primary-yop);color:#fff}#pr-box.light ul{background-color:var(--color-blue-light-10)}#pr-box.light ul li span{background-color:#fff;border:3px solid var(--color-primary-yop)}#pr-box.light ul li span.pr-ok{background-color:var(--color-primary-yop);border:3px solid var(--color-primary-yop)}#pr-box.dark{color:#fff}#pr-box.dark p{background-color:var(--color-primary-yop)}#pr-box.dark ul{background-color:#2d2f31}#pr-box.dark ul li span{background-color:#2d2f31;border:3px solid var(--color-primary-yop)}#pr-box.dark ul li span.pr-ok{background-color:var(--color-primary-yop);border:3px solid var(--color-primary-yop)}:root{--external-page-login-container-width:380px;--social-login-btn-border:var(--color-gray-light);--social-login-btn-bg:var(--color-white-dark);--social-login-btn-color:var(--color-gray-dark);--social-login-btn-hover-bg:var(--color-gray-50)}.login-container{max-width:var(--external-page-login-container-width);width:100%}.login-container h4{margin-top:var(--spacing-xl);margin-bottom:0}#social-login a.btn{display:flex;width:100%;padding:14px 24px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:var(--radius-lg);border:1px solid var(--social-login-btn-border);background:var(--social-login-btn-bg);color:var(--social-login-btn-color)}.text-or{display:flex;align-items:center;gap:8px;align-self:stretch;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);cursor:default}.text-or .separator{height:0;flex:1 0 0;border:0;border-top:1px dotted var(--color-gray);align-self:center}.login-container form,.login-container .form-group{width:100%}.login-container input{padding:14px 20px;border-radius:var(--radius-lg);height:49px;min-height:49px}.show-password i,.hide-password i{pointer-events:all;cursor:pointer;font-size:16px}.under-login-container{display:flex;gap:8px;margin-top:4px;margin-bottom:32px}.under-login-container .checkbox-container-yop div{font-size:var(--font-14-size);font-weight:var(--font-14-weight);line-height:var(--font-14-line-height);letter-spacing:var(--font-14-letter-spacing)}@media(hover:hover){#social-login a.btn:hover{background:var(--social-login-btn-hover-bg)}}