@layer components{.session-alert{position:fixed;top:calc(env(safe-area-inset-top) + 56px + var(--space-3));left:var(--space-3);right:var(--space-3);margin-inline:auto;width:max-content;max-width:min(440px,100%);z-index:var(--z-toast);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background:linear-gradient(to bottom,rgb(255 255 255 / .07),rgb(255 255 255 / .02) 40%,transparent),#1a1a1d99;backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border:1px solid rgb(255 255 255 / .14);border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff1a,0 8px 32px #0000008c;animation:session-alert-in var(--dur-3) var(--ease-out)}@keyframes session-alert-in{0%{opacity:0;transform:translateY(-8px)}}.session-alert__icon{display:grid;place-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-full);background-color:var(--color-warning-tint);color:var(--color-warning);font-size:var(--text-sm)}.session-alert__title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text)}.session-alert__text{font-size:var(--text-xs);color:var(--color-text-2)}.session-alert__text a{color:var(--color-accent);font-weight:var(--weight-semibold);transition:color var(--dur-2) var(--ease-out)}.session-alert__text a:hover{color:var(--color-accent-bright)}.session-alert__close{display:grid;place-content:center;width:32px;height:32px;flex-shrink:0;margin-left:var(--space-1);border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-3);font-size:var(--text-sm);cursor:pointer;transition:color var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out)}.session-alert__close:hover,.session-alert__close:focus-visible{color:var(--color-text);background-color:#ffffff14}}