@charset "utf-8";

.user-logged-out { width: 100%; height: 100vh; background: rgba(255, 255, 255, 0.85); position: fixed; top: 0px; left: 0px; z-index: 9999; }

.user-logged-out .logged-out-popup { width: 577px; height: 211px; padding: 36px; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.user-logged-out .popup { background: rgb(255, 255, 255); position: absolute; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; }

.user-logged-out .logged-out-title { width: 100%; display: flex; justify-content: space-between; font-size: 24px; margin-bottom: 24px; }

.user-logged-out .logged-out-title img { width: 14px; height: 14px; }

.user-logged-out .logged-out-tips { font-size: 14px; margin-bottom: 24px; }

.user-logged-out .logged-out-button { width: 100%; display: flex; justify-content: center; }

.user-logged-out .logged-out-button .button { width: 148px; padding: 13px; display: inline-block; text-align: center; border: 1px solid rgb(13, 92, 145); border-radius: 4px; cursor: pointer; }

.user-logged-out .logged-out-button .sign-out { margin-right: 24px; background: rgb(230, 244, 250); color: rgb(13, 92, 145); font-weight: bold; }

.user-logged-out .logged-out-button .style-signed-in { background: rgb(13, 92, 145); color: rgb(255, 255, 255); }

.user-logged-out .mobile-popup { margin: 20px auto; width: 90%; }

.user-logged-out .tablet-popup { margin: 60px auto; width: 80%; }

.user-logged-out .mobile-popup, .user-logged-out .tablet-popup { left: 50%; padding: 24px; transform: translateX(-50%); }

.user-logged-out .mobile-popup .logged-out-title, .user-logged-out .tablet-popup .logged-out-title { margin: 0px; }

.user-logged-out .mobile-popup .logged-out-tips, .user-logged-out .tablet-popup .logged-out-tips { font-size: 14px; margin: 10px 0px; }