.external-login__popup{background:#fff;width:90%;position:fixed;top:50%;left:50%;margin-left:-45%;transform:translateY(calc(-50% + 1px));z-index:101;display:none;overflow:auto;max-height:90%;box-sizing:border-box}.external-login__popup:focus,.external-login__popup *:focus{outline:none}@media (min-width: 768px){.external-login__popup{width:640px;height:576px;margin-left:-320px;margin-top:-288px;transform:none}}.external-login__popup .login-modal__container{padding:64px 32px;text-align:center}@media (min-width: 768px){.external-login__popup .login-modal__container{padding:64px}}.external-login__popup .login-modal__container .login-modal__header .login-title{font-weight:var(--font-weight-semibold);font-size:2.4rem;margin-bottom:32px;color:#4f2d7f;display:block;margin-top:32px}@media (min-width: 768px){.external-login__popup .login-modal__container .login-modal__header .login-title{margin-bottom:48px;font-size:3.6rem}}.external-login__popup .login-modal__container .login-modal__header .js-close-overlay{position:absolute;right:16px;top:16px;outline:none;cursor:pointer}.external-login__popup .login-modal__container .login-modal__header .js-close-overlay:hover,.external-login__popup .login-modal__container .login-modal__header .js-close-overlay:focus,.external-login__popup .login-modal__container .login-modal__header .js-close-overlay:active{outline:none;text-decoration:none}.external-login__popup .login-modal__container .login-modal__header .js-close-overlay .icon-close{font-size:2.4rem}.external-login__popup .login-modal__container .login-intro-text{margin-bottom:32px}.external-login__popup .login-modal__container .login-intro-text span{font-size:1.6rem;line-height:2rem;color:#4f2d7f;font-weight:var(--font-weight-normal)}@media (min-width: 768px){.external-login__popup .login-modal__container .login-intro-text span{font-size:2.4rem;line-height:3.2rem}}.external-login__popup .login-modal__container .social-login__container{margin-bottom:32px;font-size:0}@media (min-width: 768px){.external-login__popup .login-modal__container .social-login__container{margin-bottom:64px}}.external-login__popup .login-modal__container .social-login__container .external-login__button{border-radius:4px;padding:1.4rem 4rem 1.4rem 4.6rem;cursor:pointer;position:relative;font-size:1.6rem;border:0.2rem solid #ce2c2c;font-weight:400;display:inline-flex;vertical-align:middle;transition:all 0.3s linear;color:#ce2c2c;justify-content:center;text-decoration:none;cursor:pointer;padding:1.5rem 4.6rem;background:transparent;z-index:1;--svg-animate-duration-2nd-out: 0.6s;align-items:center;cursor:pointer;overflow:hidden;background:rgba(0,0,0,0);color:#ce2c2c;cursor:pointer;margin:0;text-decoration:none}@media (max-width: 479px){.external-login__popup .login-modal__container .social-login__container .external-login__button{width:100%;box-sizing:border-box;padding:1.4rem 3.2rem}}.external-login__popup .login-modal__container .social-login__container .external-login__button .svg-animation-vi{width:3rem;min-width:3rem;height:2.4rem;--svg-animate-duration: 0.3s;--svg-animate-delay: 0s;display:inline-flex;vertical-align:middle;pointer-events:none}.external-login__popup .login-modal__container .social-login__container .external-login__button:hover,.external-login__popup .login-modal__container .social-login__container .external-login__button:active,.external-login__popup .login-modal__container .social-login__container .external-login__button:focus-visible{text-decoration:none}.external-login__popup .login-modal__container .social-login__container .external-login__button:hover .button-vi-text,.external-login__popup .login-modal__container .social-login__container .external-login__button:active .button-vi-text,.external-login__popup .login-modal__container .social-login__container .external-login__button:focus-visible .button-vi-text{transform:translate3d(0, 0, 0)}.external-login__popup .login-modal__container .social-login__container .external-login__button:hover .svg-animation-vi,.external-login__popup .login-modal__container .social-login__container .external-login__button:active .svg-animation-vi,.external-login__popup .login-modal__container .social-login__container .external-login__button:focus-visible .svg-animation-vi{--svg-animate-delay: 0.3s;--svg-animate-name: svg-animate;--svg-animate-name2: svg-animate2;--svg-animate-duration: 1s;opacity:1}@supports not (d: path("M0 0")){.external-login__popup .login-modal__container .social-login__container .external-login__button:hover .svg-animation-vi,.external-login__popup .login-modal__container .social-login__container .external-login__button:active .svg-animation-vi,.external-login__popup .login-modal__container .social-login__container .external-login__button:focus-visible .svg-animation-vi{translate:var(--fallback-translate-safari) 0}}.external-login__popup .login-modal__container .social-login__container .external-login__button .button-vi-text{color:#fff;display:inline-flex;vertical-align:middle;font-size:1.6rem}@media (max-width: 479px){.external-login__popup .login-modal__container .social-login__container .external-login__button{padding-top:1.3rem;padding-bottom:1.3rem}}.external-login__popup .login-modal__container .social-login__container .external-login__button .button-vi-text{transition:all .5s ease-in-out}.external-login__popup .login-modal__container .social-login__container .external-login__button::after{content:' ';position:absolute;z-index:-1;left:0;display:block;height:100%;width:0;background:#ce2c2c;top:50%;transform:translateY(-50%);pointer-events:none;opacity:0;transition:opacity 0s var(--svg-animate-duration-2nd-out);animation:secondary-button-animate-out var(--svg-animate-duration-2nd-out) ease forwards}.external-login__popup .login-modal__container .social-login__container .external-login__button:hover::after,.external-login__popup .login-modal__container .social-login__container .external-login__button:active::after,.external-login__popup .login-modal__container .social-login__container .external-login__button:focus-visible::after{opacity:1;transition:opacity 0s 0s;animation:secondary-button-animate var(--svg-animate-duration-2nd-out) ease forwards}.external-login__popup .login-modal__container .social-login__container .external-login__button:hover,.external-login__popup .login-modal__container .social-login__container .external-login__button:active,.external-login__popup .login-modal__container .social-login__container .external-login__button:focus-visible{color:#fff}.external-login__popup .login-modal__container .social-login__container .external-login__button span{display:inline-block;vertical-align:middle;font-size:1.6rem}.external-login__popup .login-modal__container .social-login__container .external-login__button span.social-icon__vi{margin-right:4px}.external-login__popup .login-modal__container .privacy-container a{display:inline-block;vertical-align:middle;text-decoration:none;padding:0 16px;border-left:1px solid #e0dcd7}.external-login__popup .login-modal__container .privacy-container a:first-of-type{border-left:0}.external-login__popup .login-modal__container .privacy-container a span{color:#4f2d7f;text-decoration:none;--hyperlink-animate-duration: .35s;--hyperlink-bg-color: #ce2c2c;display:inline;padding-bottom:0.5rem;margin-bottom:-0.5rem;background-position-y:var(--link-tertiary--bg-position, 1.2em);cursor:pointer;font-weight:var(--font-weight-normal);font-size:1.6rem;line-height:2rem}@media (min-width: 1024px){.external-login__popup .login-modal__container .privacy-container a span{overflow:hidden;background-repeat:no-repeat;background-image:linear-gradient(var(--hyperlink-bg-color), var(--hyperlink-bg-color));animation:hyperlink-animate-out var(--hyperlink-animate-duration) linear forwards}}.external-login__popup .login-modal__container .privacy-container a span:hover,.external-login__popup .login-modal__container .privacy-container a span:active,.external-login__popup .login-modal__container .privacy-container a span:focus-visible{color:#ce2c2c;text-decoration:none}@media (min-width: 1024px){.external-login__popup .login-modal__container .privacy-container a span:hover,.external-login__popup .login-modal__container .privacy-container a span:active,.external-login__popup .login-modal__container .privacy-container a span:focus-visible{animation:hyperlink-animate-in var(--hyperlink-animate-duration) linear forwards}}.external-login__popup.register-account__modal .login-modal__container .login-modal__header .login-title{margin-bottom:32px}.external-login__popup.register-account__modal .login-modal__container .social-login__container{margin-bottom:0}.register-popup__button.hidden{width:0;height:0;overflow:hidden;visibility:hidden}

/*# sourceMappingURL=external-login-modal.css.map */