.session-timeout{text-align:center;padding:var(--space-2) var(--space-2) 0;flex-direction:column;align-items:center;display:flex}.session-timeout__icon{width:56px;height:56px;color:var(--color-teal);margin-bottom:var(--space-4);background:#3f8a991a;border-radius:50%;justify-content:center;align-items:center;display:flex}.session-timeout__icon svg{width:28px;height:28px}.session-timeout__title{margin:0 0 var(--space-2);color:var(--color-navy);letter-spacing:-.01em;font-size:20px;font-weight:700}.session-timeout__body{margin:0 0 var(--space-4);color:var(--color-text);max-width:36ch;font-size:14px;line-height:1.55}.session-timeout__countdown{background:var(--color-navy);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 8px;font-weight:700;display:inline-block}.session-timeout__progress{background:var(--color-border);width:100%;height:4px;margin-bottom:var(--space-5);border-radius:999px;overflow:hidden}.session-timeout__progress-bar{background:linear-gradient(90deg, var(--color-teal), var(--color-navy));border-radius:999px;height:100%;transition:width .4s linear;display:block}.session-timeout__actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.session-timeout__actions .btn{min-width:140px}