.spinner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.spinner .loader{transform:scale(.5);width:64px;height:64px;position:relative}.spinner .loader .stick{width:8px;height:8px;background:#ccc;position:absolute;border-radius:4px;transform-origin:center center;transition-timing-function:cubic-bezier(.4,0,.2,1)}.spinner .loader .bundle{position:absolute;width:64px;height:64px;top:0;left:0;animation:bundle 4s infinite;transition-timing-function:cubic-bezier(.4,0,.2,1)}.spinner .loader .stick.one{width:64px;top:calc(50% - 4px);animation:stickone 4s infinite}.spinner .loader .stick.two{width:8px;top:calc(50% - 4px);animation:sticktwo 4s infinite}.spinner .loader .stick.three{width:8px;top:calc(50% - 4px);left:56px;animation:stickthree 4s infinite}@keyframes stickone{0%{transform:rotate(0)}25%{transform:rotate(0)}50%{transform:rotate(45deg)}75%{transform:rotate(90deg)}to{transform:rotate(180deg)}}@keyframes bundle{0%{transform:rotate(90deg)}25%{transform:rotate(90deg)}50%{transform:rotate(135deg)}75%{transform:rotate(180deg)}to{transform:rotate(270deg)}}@keyframes sticktwo{0%{width:8px;opacity:0}25%{width:8px;opacity:1}50%{width:32px}75%{width:32px;opacity:1}90%{width:8px}to{width:8px;opacity:0}}@keyframes stickthree{0%{width:8;left:56px;opacity:0}25%{width:8px;left:56px;opacity:1}50%{width:32px;left:32px}75%{width:32px;left:32px;opacity:1}90%{width:8px;left:56px}to{width:8px;left:56px;opacity:0}}.toast{z-index:10000;position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--grey-20);font-size:13px;line-height:20px;letter-spacing:.2px;border-radius:8px;padding:12px 16px;color:#fff}.toast .toastPara img,.toast .toastPara .emoji,.toast .toastBody img,.toast .toastBody .emoji{margin-right:8px}.toast .toastPara,.toast .toastBody{max-width:calc(100vw - 48px)}.toast .toastBody{white-space:nowrap;display:flex;align-items:center}.toast.bottomCenter{top:auto;bottom:24px}.errorHandler{display:flex;align-items:center;justify-content:center;height:100vh;width:100%}.errorHandler .errorCard{padding:24px 40px}.errorHandler .errorCard h1{text-align:center;font-size:28px}.errorHandler .errorCard{flex-grow:1;max-width:460px}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:var(--surface-card);background-image:none;border:1px solid var(--border-standard);border-radius:4px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:100%;max-width:400px;min-width:min-content}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:var(--surface-disabled);border-color:var(--border-disabled)}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:var(--neutral);opacity:12%}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:var(--neutral);opacity:8%}#googleSignInPopup{margin:auto;width:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}#googleSignInPopup .text{font-size:17px;text-align:center}#googleSignInPopup .buttons{display:flex;width:100%;margin-top:24px}#googleSignInPopup .buttons .button{width:100%}#googleSignInPopup .buttons .button+.button{margin-left:8px}#googleSignInPopup .header{font-size:20px;font-weight:600;text-align:center;margin-bottom:16px}#loggedOutPopup{max-height:calc(100% - 16px);overflow-y:auto;box-shadow:0 4px 8px #00000014,0 12px 24px #00000014;margin:0 auto auto;flex-shrink:0;max-width:440px;width:100%;padding:0}#loggedOutPopup .inner{position:relative;padding:40px;display:flex;flex-direction:column;align-items:center}#loggedOutPopup .inner .header{text-align:center;margin-bottom:24px;font-size:17px}#loggedOutPopup .inner .form{display:flex;flex-direction:column;width:100%;margin-bottom:24px}#loggedOutPopup .inner .form input+input{margin-top:16px}#loggedOutPopup .inner .form .button{margin-top:24px}#loggedOutPopup .inner .or{margin:16px 0;font-size:11px;line-height:16px}#loggedOutPopup .inner .googleSignIn{width:100%;text-align:center}#modal.mobileMode #loggedOutPopup{margin:auto 8px 8px;max-width:unset;width:unset}#modal.mobileMode #loggedOutPopup .inner{padding:32px}
