.konto-sida{flex-direction:column;min-height:100dvh;display:flex}.konto-sida main{flex:1;padding-block:clamp(1.5rem,6vw,4rem) 3rem}.inloggning{background:linear-gradient(180deg, var(--screen-2), var(--screen));border:1px solid var(--on-deep-line);border-radius:18px;gap:.9rem;max-width:28rem;margin:0 auto;padding:clamp(1.3rem,5vw,2rem);display:grid;box-shadow:0 50px 90px -50px #000c}.inloggning .label{color:var(--on-deep-3)}.inloggning h1{letter-spacing:-.04em;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:300;line-height:1.05}.inloggning p{color:var(--on-deep-2);font-size:.95rem}.inloggning strong{color:var(--on-deep);overflow-wrap:anywhere;font-weight:500}.inloggning label{color:var(--on-deep-2);margin-top:.3rem;font-size:.88rem}.inloggning input{font:400 1.05rem var(--font-sans);min-height:3rem;color:var(--on-deep);background:#00000040;border:1px solid #e8f2f14d;border-radius:8px;padding:0 .9rem}.inloggning input#kod{font-family:var(--font-mono);letter-spacing:.35em;text-align:center;font-size:1.5rem}.inloggning .knapp{width:100%;margin-top:.3rem}.inloggning .knapp:disabled{opacity:.7;cursor:default}.inloggning-fel{font-size:.9rem;color:var(--korall)!important}.lank-knapp{all:unset;cursor:pointer;min-height:2.75rem;color:var(--on-deep-3);text-underline-offset:3px;justify-self:center;align-items:center;font-size:.88rem;text-decoration:underline;display:inline-flex}.lank-knapp:hover{color:var(--on-deep)}.lank-knapp:focus-visible{outline:2px solid var(--sand);outline-offset:2px}.konto-not{color:var(--on-deep-3)!important;font-size:.85rem!important}.formkort{border-top:1px solid var(--on-deep-line);gap:.8rem;margin-top:.4rem;padding-top:1rem;display:grid}.formkort-topp{justify-content:space-between;align-items:center;gap:1rem;display:flex}.formkort h2{font-size:1.05rem;font-weight:500}.formkort-topp .knapp{width:auto;min-height:2.5rem;margin:0;padding:0 1rem}.formkort-mane{width:min(15rem,100%);margin:0 auto;position:relative}.formkort-mane svg{width:100%;height:auto;display:block}.formkort-tal{justify-items:center;display:grid;position:absolute;inset:auto 0 0}.formkort-tal strong{font-family:var(--font-mono);color:var(--turkos);font-size:2.6rem;font-weight:400;line-height:1}.formkort-tal span{color:var(--on-deep-3);font-size:.8rem}.formkort-tal[data-redo] strong,.formkort-tal[data-redo] span{color:var(--sand)}.formkort-omraden{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.formkort-omraden li{color:var(--on-deep-2);grid-template-columns:1fr 5.5rem 2rem;align-items:center;gap:.7rem;font-size:.88rem;display:grid}.formkort-namn em{color:var(--korall);margin-left:.5rem;font-size:.72rem;font-style:normal}.formkort-stapel{background:#e8f2f124;border-radius:2px;height:4px;overflow:hidden}.formkort-stapel span{background:var(--turkos);border-radius:2px;height:100%;display:block}.formkort-omraden li[data-svagast] .formkort-stapel span{background:var(--korall)}.formkort-varde{font-family:var(--font-mono);text-align:right;color:var(--on-deep)}.formkort-repetera{text-align:center;color:var(--on-deep)!important;font-size:.88rem!important}.radera{background:#ef8a7c0f;border:1px solid #ef8a7c73;border-radius:10px;gap:.6rem;padding:1rem;display:grid}.radera strong{color:var(--korall)}.radera-knappar{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.radera-knappar .knapp{width:auto;margin:0}.radera-ja{background:var(--korall);color:#2a0e09}.radera-ja:hover{background:#f4a397}.konto-slut{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.formkort-delar{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.formkort-delar li{border:1px solid var(--on-deep-line);border-radius:8px;gap:.1rem;min-width:0;padding:.55rem .65rem;display:grid}.formkort-delar li[data-redo]{border-color:#e8cf9c80}.formkort-delnr{font:500 .66rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-deep-3)}.formkort-delnamn{color:var(--on-deep-2);overflow-wrap:anywhere;font-size:.78rem;line-height:1.25}.formkort-delar strong{font:300 1.35rem var(--font-sans);letter-spacing:-.03em;color:var(--turkos);font-variant-numeric:tabular-nums}.formkort-delar li[data-redo] strong{color:var(--sand)}