@layer mlola.preview{.ml-preview-signin .ml-auth-brand{align-content:center;gap:var(--ml-space-8);overflow:hidden}.ml-preview-signin-visual{gap:var(--ml-space-6);max-width:30rem;display:grid}.ml-preview-signin-copy{gap:var(--ml-space-3);display:grid}.ml-preview-signin-eyebrow{align-items:center;gap:var(--ml-space-1-5);color:var(--ml-primary-text);font-size:var(--ml-type-sm);margin:0;font-weight:600;display:inline-flex}.ml-preview-signin-copy h2{font-family:var(--ml-font-display);font-size:clamp(1.75rem,3vw,2.375rem);font-weight:var(--ml-display-weight);letter-spacing:-.035em;text-wrap:balance;margin:0;line-height:1.08}.ml-preview-signin-copy p{color:var(--ml-text-muted);margin:0;line-height:1.6}.ml-preview-signin-prompt{align-items:center;gap:var(--ml-space-2);padding:var(--ml-space-2-5) var(--ml-space-4);border:1px solid var(--ml-border-subtle);border-radius:var(--ml-radius-pill);background:var(--ml-surface);box-shadow:var(--ml-shadow-sm);color:var(--ml-text);font-size:var(--ml-type-sm);justify-self:start;margin:0;display:flex}.ml-preview-signin-prompt .mlola-glyph{color:var(--ml-primary-text)}.ml-preview-signin-stack{height:15rem;display:grid;position:relative}.ml-preview-signin-sample{top:calc(var(--ml-sample-index) * 1.5rem);left:calc(var(--ml-sample-index) * 2rem);gap:var(--ml-space-3);width:min(100%,19rem);padding:var(--ml-space-4);border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);background:var(--ml-surface);box-shadow:var(--ml-shadow-lg);color:var(--ml-text);font-family:var(--ml-font-sans);font-size:var(--ml-type-sm);rotate:calc((var(--ml-sample-index) - 1) * 2deg);display:grid;position:absolute}.ml-preview-signin-sample:not(:last-child)>:not(.ml-preview-signin-sample-name){visibility:hidden}.ml-preview-signin-sample-head,.ml-preview-signin-sample-foot{justify-content:space-between;align-items:center;gap:var(--ml-space-2);display:flex}.ml-preview-signin-sample-head span:first-child{font-weight:600}.ml-preview-signin-sample-figure{font-family:var(--ml-font-display);font-size:var(--ml-type-2xl);letter-spacing:-.03em;margin:0;font-weight:700}.ml-preview-signin-sample-figure span{color:var(--ml-text-muted);font-family:var(--ml-font-sans);font-size:var(--ml-type-sm);letter-spacing:0;margin-inline-start:var(--ml-space-1);font-weight:400}.ml-preview-signin-sample-name{top:calc(-1 * var(--ml-space-3));right:var(--ml-space-3);padding:0 var(--ml-space-2);border-radius:var(--ml-radius-pill);background:var(--ml-primary);color:var(--ml-primary-foreground);font-size:var(--ml-type-2xs);font-weight:600;line-height:1.7;position:absolute}.ml-preview-signin-points{gap:var(--ml-space-2);margin:var(--ml-space-6) 0 0;color:var(--ml-text-muted);font-size:var(--ml-type-sm);padding:0;list-style:none;display:grid}.ml-preview-signin-points li{align-items:center;gap:var(--ml-space-2);display:flex}.ml-preview-signin-points .mlola-glyph{color:var(--ml-success-text)}.ml-preview-signin-points code{font-family:var(--ml-font-mono);font-size:var(--ml-type-xs)}@media (max-width:48rem){.ml-preview-signin .ml-auth-brand{display:none}}}