.ls .krypin{--k-bg:#e16745;--k-bar:#296b84;--k-bar-text:#fff;--k-bar2:#084963;--k-accent:#e16745;max-width:1100px;margin:clamp(56px,8vw,110px) auto 0}.ls .krypin-huvud{margin-bottom:22px}.ls .krypin-kicker{font:700 13px var(--font-lunar);letter-spacing:.25em;text-transform:uppercase;color:var(--is);margin:0 0 6px}.ls .krypin-huvud h2{letter-spacing:-.035em;color:var(--rubrik);font-size:clamp(40px,7vw,84px);font-weight:800}.ls .krypin-ingress{max-width:44ch;color:var(--mjuk);margin:12px 0 0;font-size:clamp(17px,2vw,20px)}.ls .krypin-yta{background:var(--k-bg);color:#333;border-radius:6px;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;padding:12px;transition:background-color .3s;display:grid;box-shadow:0 24px 50px -30px #0006}@media (min-width:880px){.ls .krypin-yta{grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:16px;padding:14px}.ls .krypin-forhands{position:sticky;top:16px}}.ls .krypin-form{gap:12px;min-width:0;display:grid}.ls .krypin-box{border:1px solid var(--k-bar2);min-width:0;font:12px/1.45 var(--font-lunar);color:#333;background:#fff;margin:0;padding:0}.ls .krypin-boxrubrik{float:left;background:var(--k-bar);width:100%;color:var(--k-bar-text);font:700 11px/1.3 var(--font-lunar);letter-spacing:.06em;text-transform:uppercase;margin:0;padding:4px 8px;box-shadow:inset 0 1px #ffffff30}.ls .krypin-boxkropp{clear:both;gap:10px;padding:10px;display:grid}.ls .krypin-rad{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:start;gap:10px;display:grid}.ls .krypin-falt{border:0;gap:3px;min-width:0;margin:0;padding:0;display:grid}.ls .krypin-falt>span,.ls .krypin-falt>legend{font:700 10px var(--font-lunar);letter-spacing:.06em;text-transform:uppercase;color:var(--k-accent);padding:0}.ls .krypin-falt input:not([type=radio]):not([type=color]),.ls .krypin-falt select,.ls .krypin-falt textarea{width:100%;min-width:0;min-height:34px;font:16px/1.3 var(--font-lunar);color:#111;background:#fff;border:2px inset #d4d0c8;border-radius:0;padding:5px 7px}.ls .krypin-falt textarea{resize:vertical;min-height:70px}.ls .krypin-falt input::placeholder,.ls .krypin-falt textarea::placeholder{color:#9a9a9a}.ls .krypin-alias input{font-weight:700}.ls .krypin-smal{max-width:90px}.ls .krypin-radio{flex-wrap:wrap;align-items:center;gap:2px 14px;display:flex}.ls .krypin-radio legend{width:100%;margin-bottom:3px}.ls .krypin-radio label,.ls .krypin-check{cursor:pointer;min-height:32px;font:12px var(--font-lunar);color:#333;align-items:center;gap:6px;display:inline-flex}.ls .krypin-check input,.ls .krypin-radio input{width:16px;height:16px;accent-color:var(--k-bar);margin:0}.ls .krypin-check span{font-weight:700}.ls .krypin-pro img{vertical-align:middle;image-rendering:pixelated;box-sizing:content-box;background:#296b84;margin-left:4px;padding:3px 4px;display:inline-block}.ls .krypin-farg input[type=color]{cursor:pointer;background:#fff;border:2px inset #d4d0c8;width:100%;height:34px;padding:2px}.ls .krypin-dold{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.ls .krypin :focus-visible{outline-offset:2px;border-radius:2px;outline:3px solid #1a8fb0}.ls .krypin-ikoner{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:4px;display:grid}.ls .krypin-ikon{cursor:pointer;background:#f3f8fa;border:2px outset #e8eef0;place-items:center;height:50px;transition:transform .12s,background-color .12s;display:grid;position:relative}.ls .krypin-ikon img{width:auto;max-width:40px;height:auto;max-height:40px;image-rendering:pixelated}.ls .krypin-ikon input,.ls .krypin-sminkval input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.ls .krypin-ikon:hover{background:#fff2ea;transform:translateY(-1px)}.ls .krypin-ikon:has(input:checked){border-style:inset;border-color:var(--k-accent);background:#ffe2d4}:is(.ls .krypin-ikon:has(input:focus-visible),.ls .krypin-sminkval:has(input:focus-visible)){outline-offset:1px;outline:3px solid #1a8fb0}.ls .krypin-sminkar{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:5px;display:grid}.ls .krypin-sminkval{cursor:pointer;min-height:46px;font:700 10px/1.2 var(--font-lunar);image-rendering:pixelated;background-size:auto;border:2px outset #e8eef0;align-items:flex-end;padding:4px 6px;display:flex;position:relative}.ls .krypin-sminkval span{color:#222;background:#fffc;padding:1px 4px}.ls .krypin-sminkval:has(input:checked){border:3px solid var(--k-bar2);box-shadow:inset 0 0 0 2px #fff}.ls .krypin-forhands{gap:10px;min-width:0;display:grid}.ls .krypin-kort{image-rendering:auto;width:100%;max-width:480px;height:auto;box-shadow:0 2px 0 var(--k-bar2), 0 18px 40px -18px #000a;background:var(--k-bg);margin:0 auto;display:block}.ls .krypin-knappar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ls .krypin-knapp{cursor:pointer;min-height:44px;font:700 13px var(--font-lunar);letter-spacing:.05em;text-transform:uppercase;color:var(--k-bar-text);background:var(--k-bar);border:2px outset color-mix(in srgb, var(--k-bar) 70%, #fff);border-radius:12px 0 0;padding:10px 16px}.ls .krypin-knapp:active{border-style:inset}.ls .krypin-huvudknapp{background:var(--k-bar2);color:#fff;border-color:color-mix(in srgb, var(--k-bar2) 60%, #fff)}.ls .krypin-lank{color:#fff;text-transform:none;letter-spacing:0;text-underline-offset:3px;background:0 0;border:0;font-weight:400;text-decoration:underline}.ls .krypin-status{text-align:center;min-height:1.4em;font:700 12px var(--font-lunar);color:#fff;text-shadow:0 1px #0005;margin:0}.ls .krypin-integritet{text-align:center;font:11px var(--font-lunar);color:#fff;opacity:.85;margin:0}@media (max-width:879px){.ls .krypin-form{display:contents}.ls .krypin-forst{order:-2}.ls .krypin-forhands{order:-1}}@media (prefers-reduced-motion:reduce){.ls .krypin-yta,.ls .krypin-ikon{transition:none}.ls .krypin-ikon:hover{transform:none}}.ls .krypin-boxrubrik{font:400 13px/13px var(--font-pixel);letter-spacing:0;padding:4px 8px 5px}.ls .krypin-knapp:not(.krypin-lank){font:400 26px/26px var(--font-pixel);letter-spacing:0;padding:9px 16px 11px}.ls .krypin-ikoner{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px}.ls .krypin-ikon img{aspect-ratio:77/101;object-fit:cover;image-rendering:auto;width:100%;max-width:none;height:auto;max-height:none}.ls .krypin-ikon{height:auto;padding:2px}
