@layer components{[data-brand=spawnfront] .gifts-grid{align-items:start;gap:2rem;display:grid}@media (min-width:960px){[data-brand=spawnfront] .gifts-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}[data-brand=spawnfront] .gift-steps{counter-reset:gift-step;gap:.75rem;margin-top:1.5rem;display:grid}[data-brand=spawnfront] .gift-steps li{color:var(--ink-2);align-items:baseline;gap:.75rem;display:flex}[data-brand=spawnfront] .gift-steps li:before{counter-increment:gift-step;content:counter(gift-step);font:400 .85rem / 1 var(--f-mono);color:var(--cyan);border:1px solid var(--line-2);border-radius:2px;padding:.3rem .5rem}[data-brand=spawnfront] .gift-form{gap:1.5rem;display:grid}[data-brand=spawnfront] .gift-group{border:0;gap:.6rem;min-width:0;margin:0;padding:0;display:grid}[data-brand=spawnfront] .gift-choices{gap:.6rem;display:grid}[data-brand=spawnfront] .gift-choices-2,[data-brand=spawnfront] .gift-choices-4{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:640px){[data-brand=spawnfront] .gift-choices-4{grid-template-columns:repeat(4,minmax(0,1fr))}}[data-brand=spawnfront] .gift-choice{cursor:pointer;border:1px solid var(--line);background:color-mix(in oklab, var(--void) 60%, transparent);border-radius:4px;gap:.2rem;padding:.75rem .9rem;display:grid}[data-brand=spawnfront] .gift-choice:has(input:checked){border-color:var(--cyan);background:var(--cyan-wash)}[data-brand=spawnfront] .gift-choice input{opacity:0;pointer-events:none;position:absolute}[data-brand=spawnfront] .gift-choice:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:2px}[data-brand=spawnfront] .gift-choice-title{color:var(--ink);font-weight:600}[data-brand=spawnfront] .gift-choice-detail{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.85rem}[data-brand=spawnfront] .gift-quantity{max-width:7rem}[data-brand=spawnfront] .gift-recipient{border-inline-start:2px solid var(--line-2);gap:1rem;padding-inline-start:1rem;display:grid}[data-brand=spawnfront] .gift-field{gap:.4rem;display:grid}[data-brand=spawnfront] .gift-hint{color:var(--ink-3,var(--ink-2));font-size:.85rem}[data-brand=spawnfront] .gift-summary{border-top:1px solid var(--line);gap:.75rem;padding-top:1.25rem;display:grid}[data-brand=spawnfront] .gift-total{font:400 1.05rem / 1.4 var(--f-display);font-variant-numeric:tabular-nums}[data-brand=spawnfront] .gift-error{color:var(--danger,#ff6b7a);font-size:.9rem}[data-brand=spawnfront] .gift-answers{gap:1rem;margin-top:2.5rem;display:grid}@media (min-width:900px){[data-brand=spawnfront] .gift-answers{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-brand=spawnfront] .gift-answers h3{font:400 1rem / 1.3 var(--f-display);margin-bottom:.5rem}[data-brand=spawnfront] .gift-answers p{color:var(--ink-2);font-size:.95rem}}
