body.sp-sample-lock{overflow:hidden}.sp-sample{z-index:var(--sp-layer-overlay);background:var(--sp-depth-canvas);color:var(--sp-ink);outline:none;flex-direction:column;animation:.32s cubic-bezier(.2,.8,.2,1) sp-sample-in;display:flex;position:fixed;inset:0}@keyframes sp-sample-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sp-sample{animation:none}}.sp-sample-bar{justify-content:space-between;align-items:center;gap:var(--sp-space-3);padding:var(--sp-space-2) var(--sp-space-5);background:var(--sp-depth-raised);border-bottom:1px solid var(--sp-border);flex:none;min-height:52px;display:flex;position:relative}.sp-sample-brand{min-width:0;font-size:var(--sp-text-md);flex:1;align-items:baseline;gap:6px;display:inline-flex;overflow:hidden}.sp-sample-name{color:var(--sp-ink-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-sample-grip{display:none}.sp-sample-scroll{overscroll-behavior:contain;min-height:0;padding:var(--sp-space-5) 16px var(--sp-space-6);flex:1;overflow-y:auto}.sp-sample-column{width:100%;max-width:760px;margin:0 auto}.sp-sample-quiet{color:var(--sp-ink-secondary);text-align:center;padding:var(--sp-space-6) 0}.sp-sample-card{background:var(--sp-depth-raised);border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);padding:var(--sp-space-6) var(--sp-space-5);text-align:center}.sp-sample-card h2{margin:0 0 var(--sp-space-2);font-size:var(--sp-text-h3)}.sp-sample-card p{margin:0 auto var(--sp-space-4);max-width:54ch;color:var(--sp-ink-secondary)}.sp-sample-score{font-size:var(--sp-text-lg);color:var(--sp-ink)!important}.sp-sample-score b{margin-right:4px;font-size:2.5rem;line-height:1}.sp-sample-actions{justify-content:center;gap:var(--sp-space-2);flex-wrap:wrap;display:flex}@media (max-width:640px){.sp-sample-bar{touch-action:none;padding:var(--sp-space-3) var(--sp-space-3) var(--sp-space-2)}.sp-sample-grip{border-radius:var(--sp-radius-full);background:var(--sp-border-strong);width:36px;height:4px;display:block;position:absolute;top:5px;left:50%;transform:translate(-50%)}.sp-sample-card{padding:var(--sp-space-5) var(--sp-space-4)}.sp-sample-actions .mantine-Button-root{flex:100%}}