.namn{gap:1.25rem;max-width:60rem}.namn,.namn-falt{display:flex;flex-direction:column}.namn-falt{gap:.4rem}.namn-falt input{font:inherit;font-size:1.0625rem;padding:.75rem .9rem;border:1px solid var(--pb-rand);border-radius:10px;background:var(--pb-kort);color:inherit}.namn-falt small{color:var(--pb-dampad);font-size:.8125rem}.namn-tld{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.namn-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(22rem,100%),1fr));grid-gap:.4rem;gap:.4rem}.namn-lista li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .7rem;border:1px solid var(--pb-rand);border-radius:10px;background:var(--pb-kort)}.namn-lista li.vald{border-color:currentColor}.namn-val{display:flex;align-items:baseline;gap:.6rem;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.namn-val b{font-size:1rem;font-weight:600;letter-spacing:-.01em}.namn-ur{font-size:.75rem;color:var(--pb-dampad)}.namn-svar{display:flex;flex-wrap:wrap;gap:.3rem}.namn-flagga{font-style:normal;font-size:.6875rem;padding:.15rem .4rem;border-radius:999px;border:1px solid var(--pb-rand);white-space:nowrap}.namn-flagga.ledig{border-color:#2f7d4f;color:#2f7d4f}.namn-flagga.tagen,.namn-flagga.vet-inte{color:var(--pb-dampad)}.namn-flagga.vet-inte{border-style:dashed}.namn-not{font-size:.8125rem;color:var(--pb-dampad);max-width:62ch}a.namn-flagga{text-decoration:none}a.namn-flagga.ledig:hover{background:#2f7d4f;color:#fff}.namnspar{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--pb-rand)}.namnspar textarea{font:inherit;font-size:.95rem;padding:.7rem .8rem;border-radius:10px;border:1px solid var(--pb-rand);background:var(--pb-kort);color:inherit;resize:vertical;width:100%}.namnspar-sparade{margin:0;display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap;font-weight:600}.namnspar-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--pb-rand)}.namnspar-lista li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--pb-rand);flex-wrap:wrap}.namnspar-lista li>div:first-child{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1 1 18rem}.namnspar-lista b{font-size:1.35rem;letter-spacing:-.01em}.namnspar-lista li.vald b{text-decoration:underline;-webkit-text-decoration-color:var(--pb-brand);text-decoration-color:var(--pb-brand);text-decoration-thickness:3px;text-underline-offset:4px}.namnspar-knappar{display:flex;gap:.4rem;flex-wrap:wrap}