.signed-out{background-color:var(--surface-page);width:100%;min-height:100dvh;position:relative;overflow:hidden}.signed-out__background{object-fit:cover;object-position:center;opacity:.6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.signed-out__overlay{background:var(--surface-page);opacity:0;pointer-events:none;position:absolute;inset:0}.signed-out__main{z-index:1;box-sizing:border-box;min-height:100dvh;padding:var(--space-8)var(--space-6)calc(5.3125rem + var(--space-8));justify-content:center;align-items:center;display:flex;position:relative}.signed-out__card{box-sizing:border-box;border:1px solid var(--border-default);border-radius:var(--radius-2xl);background:var(--surface-card);box-shadow:0 1px 1px color-mix(in srgb,var(--text-primary)4%,transparent),0 12px 16px color-mix(in srgb,var(--text-primary)5%,transparent),0 16px 40px color-mix(in srgb,var(--text-primary)8%,transparent);flex-direction:column;align-items:stretch;display:flex}.signed-out__card--join{width:min(29.8125rem,calc(100vw - var(--space-9)));padding:var(--space-9)var(--space-6);gap:1.125rem}.signed-out__card--join-received{width:min(29.8125rem,calc(100vw - var(--space-9)));padding:var(--space-8)var(--space-6);gap:1.25rem}.signed-out__card--login{width:min(22.25rem,calc(100vw - var(--space-9)));padding:var(--space-6)var(--space-6)var(--space-3);gap:var(--space-3)}.signed-out__title{font-family:var(--type-heading-h3-family);font-size:var(--type-heading-h3-size);font-weight:var(--type-heading-h3-weight);line-height:var(--type-heading-h3-lh);letter-spacing:var(--type-heading-h3-ls);color:var(--text-primary);margin:0}.signed-out__subtitle{font-family:var(--type-body-default-family);font-size:var(--type-body-default-size);font-weight:var(--type-body-default-weight);line-height:var(--type-body-default-lh);letter-spacing:var(--type-body-default-ls);color:var(--text-primary);margin:0}.signed-out__body-secondary{font-family:var(--type-body-default-family);font-size:var(--type-body-default-size);font-weight:var(--type-body-default-weight);line-height:var(--type-body-default-lh);letter-spacing:var(--type-body-default-ls);color:var(--text-secondary);margin:0}.signed-out__label-chip{font-family:var(--type-label-chip-family);font-size:var(--type-label-chip-size);font-weight:var(--type-label-chip-weight);line-height:var(--type-label-chip-lh);letter-spacing:var(--type-label-chip-ls);color:var(--text-secondary)}.signed-out__field-stack{flex-direction:column;gap:.4375rem;width:100%;display:flex}.signed-out__field-gap-lg{margin-top:1.125rem}.signed-out__field-gap-md{margin-top:var(--space-4)}.signed-out__input{box-sizing:border-box;width:100%;height:2.75rem;padding:0 var(--space-4);border:1px solid var(--status-out-of-date);border-radius:var(--radius-lg);background:var(--surface-card);font-family:var(--type-body-default-family);font-size:var(--type-body-default-size);font-weight:var(--type-body-default-weight);line-height:var(--type-body-default-lh);letter-spacing:var(--type-body-default-ls);color:var(--text-primary);outline:none}.signed-out__input::placeholder{color:var(--text-placeholder)}.signed-out__input:focus{border-color:color-mix(in srgb,var(--text-accent)70%,transparent)}.signed-out__row{align-items:stretch;gap:.375rem;width:100%;display:flex}.signed-out__row .signed-out__input{flex:auto;min-width:0}.signed-out__button{box-sizing:border-box;height:2.75rem;padding:0 var(--space-5);border-radius:var(--radius-lg);font-family:var(--type-label-button-family);font-size:var(--type-label-button-size);font-weight:var(--type-label-button-weight);line-height:var(--type-label-button-lh);letter-spacing:var(--type-label-button-ls);color:var(--text-inverse);cursor:pointer;box-shadow:var(--shadow-button-inset);white-space:nowrap;border:none;justify-content:center;align-self:flex-start;align-items:center;display:inline-flex}.signed-out__button--inverse{background:var(--surface-inverse)}.signed-out__button--primary{background:var(--brand-primary)}.signed-out__button:hover:not(:disabled){filter:brightness(.96)}.signed-out__button:disabled{cursor:wait;opacity:.75}.signed-out__meta-line{text-align:right;font-family:var(--type-label-card-meta-family);font-size:var(--type-label-card-meta-size);font-weight:var(--type-label-card-meta-weight);line-height:var(--type-label-card-meta-lh);letter-spacing:var(--type-label-card-meta-ls);color:var(--status-suggested);margin:.375rem 0 0}.signed-out__error-inline{text-align:right;font-family:var(--type-label-caption-family);font-size:var(--type-label-caption-size);font-weight:var(--type-label-caption-weight);line-height:var(--type-label-caption-lh);letter-spacing:var(--type-label-caption-ls);color:var(--status-danger);margin:.375rem 0 0}.signed-out__inline-link-row{margin:0}.signed-out__inline-link-lead{color:var(--text-secondary);font-family:var(--type-body-default-family);font-size:var(--type-body-default-size);font-weight:var(--type-body-default-weight);line-height:var(--type-body-default-lh);letter-spacing:var(--type-body-default-ls)}.signed-out__inline-link{color:var(--text-accent);font-family:var(--type-label-default-family);font-size:var(--type-label-default-size);font-weight:var(--type-label-default-weight);line-height:var(--type-label-default-lh);letter-spacing:var(--type-label-default-ls);text-decoration:none}.signed-out__inline-link:hover{text-decoration:underline}.signed-out__received-header{align-items:center;gap:.375rem;display:flex}.signed-out__received-header-label{font-family:var(--type-label-nav-family);font-size:var(--type-label-nav-size);font-weight:var(--type-label-nav-weight);line-height:var(--type-label-nav-lh);letter-spacing:var(--type-label-nav-ls);color:var(--text-secondary)}.signed-out__received-icon{width:var(--space-4);height:var(--space-4);color:var(--text-secondary);flex-shrink:0}.signed-out__received-gap-sm{margin-top:var(--space-2)}.signed-out__received-gap-md{margin-top:.875rem}.signed-out__login-block-gap{margin-top:var(--space-3)}.signed-out__login-submit-gap{margin-top:var(--space-4)}.signed-out__login-signup-gap{margin-top:var(--space-3)}.signed-out__error-box{padding:var(--space-2)var(--space-3);border:1px solid var(--status-danger);border-radius:var(--radius-lg);background:var(--surface-warm-light);font-family:var(--type-label-button-family);font-size:var(--type-label-button-size);color:var(--status-danger);font-weight:var(--type-label-button-weight);line-height:var(--type-label-button-lh);letter-spacing:var(--type-label-button-ls);margin:0}.signed-out__footer{z-index:2;box-sizing:border-box;height:5.3125rem;padding:var(--space-3)var(--space-6);background:color-mix(in srgb,var(--surface-card)50%,transparent);justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.signed-out__footer-left{align-items:center;gap:var(--space-12);min-width:0;display:flex}.signed-out__footer-copy,.signed-out__footer-version{font-family:var(--type-label-caption-family);font-size:var(--type-label-caption-size);font-weight:var(--type-label-caption-weight);line-height:var(--type-label-caption-lh);letter-spacing:var(--type-label-caption-ls);white-space:nowrap}.signed-out__footer-copy{color:var(--text-secondary)}.signed-out__footer-version{color:var(--status-system)}.signed-out__footer-wordmark{opacity:.3;flex-shrink:0;width:10.125rem;max-width:40vw;height:auto;display:block}@media (max-width:720px){.signed-out__footer{justify-content:center;align-items:flex-start;gap:var(--space-2);flex-direction:column;height:auto;min-height:5.3125rem}.signed-out__footer-left{gap:var(--space-3);flex-wrap:wrap}.signed-out__footer-wordmark{align-self:flex-end}}