/* SVA Diensten app, thema marine (inloggen). Gebouwd door ontwikkel/bouw_themas.py; niet met de hand bewerken. */
body.sva-app-inlog.sva-th-inloggen-a{--px:24px;--h:38px;--ht:36px;--tt:64px;--hm:0px;--t:#fff;--s:#b9d2ea;--l:#b9d2ea;--u:#9fc3e6;--lk:#fff;--fb:rgba(255,255,255,.12);--fd:rgba(255,255,255,.28);--fc:#fff;--ph:rgba(255,255,255,.45);--af:#1d4a73;--bb:rgba(255,255,255,.12);--bd:rgba(255,255,255,.28);--br:18px;--gb:rgba(255,255,255,.12);--gd:rgba(255,255,255,.28);--gc:#fff;--tm:#fff;--tb:#ff9a57;--tr:rgba(255,255,255,.2);--tg:rgba(255,255,255,.14);--tc:#fff;--okb:rgba(62,208,138,.16);--okd:rgba(62,208,138,.4);--okc:#d6f7e6;--erb:rgba(255,123,123,.16);--erd:rgba(255,123,123,.4);--erc:#ffdede;--db:rgba(255,255,255,.12);--lg:url(../../webapp/logo/sva-schild-licht.svg)} body.sva-app-inlog .sva-th-inj{display:none!important} body.sva-app-inlog.sva-th-inloggen-a{overflow:hidden} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-wrapper,body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-wrapper *{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-wrapper{padding:0 var(--px) max(40px,calc(env(safe-area-inset-bottom,0px) + 16px))} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card{flex:1 0 auto;margin:0 auto;width:100%;max-width:440px;--ih:max(calc(env(safe-area-inset-top,0px) + 24px),64px);--il:max(calc(env(safe-area-inset-top,0px) + 40px),min(17.8vh,150px))} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card:has(.sva-op-pk-login,.sva-op-login-doel,.sva-op-auth-msg){--il:max(calc(env(safe-area-inset-top,0px) + 24px),60px)} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>*{order:4} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>.sva-ia-logo,body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>.sva-ia-terug{order:0} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>h2{order:1} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-muted{order:2} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>.sva-ia-teller,body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>.sva-op-auth-msg,body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>.sva-op-login-doel,body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-login-aanmelden,body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>.sva-op-pk-login,body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>.sva-op-pk-fout{order:3} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>form{order:4} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>.sva-op-twofa-resend{order:5} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-login-uitleg{order:6} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-center,body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-auth-links{order:7} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card h2{margin:var(--hm) 0 0 4px!important;font-size:var(--h)!important;line-height:1.05!important;letter-spacing:-.025em!important;font-weight:800!important;color:var(--t)!important} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-muted{margin:8px 4px 58px;font-size:15.5px;line-height:1.45;color:var(--s)!important} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card label{display:block;margin:0 0 14px;padding:0;font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--l)} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card input[type="email"],body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card input[type="password"],body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card input[type="text"]:not(.sva-op-twofa-box){display:block;width:100%;height:56px;box-sizing:border-box;margin:10px 0 0;padding:0 16px;font-size:16px;font-weight:600;color:var(--fc);background:var(--fb);border:1.5px solid var(--fd);border-radius:16px} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-twofa-label{display:none} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card input::placeholder{color:var(--ph);font-weight:400} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card input:focus{border-color:#f26a1b;box-shadow:0 0 0 4px rgba(242,106,27,.28);outline:none} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card input:-webkit-autofill{-webkit-text-fill-color:var(--fc);-webkit-box-shadow:0 0 0 1000px var(--af) inset} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:58px;box-sizing:border-box;margin:16px 0 0;padding:0 18px;font-size:16.5px;font-weight:800;line-height:1.2;color:#fff!important;background:linear-gradient(180deg,#ff7d2e,#f26a1b);border:0;border-radius:var(--br);box-shadow:0 14px 28px rgba(242,106,27,.4);transition:transform .12s} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-btn:active{transform:scale(.98)} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-btn:disabled{opacity:.5} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-btn.sva-op-btn-outline,body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-pk-login .sva-op-btn{background:var(--gb);color:var(--gc)!important;border:1.5px solid var(--gd);box-shadow:none;height:56px} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card form .sva-op-btn:not(.sva-op-btn-outline):not(.sva-op-ww-toggle)::after{content:""!important;display:block!important;width:22px;height:22px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-pk-login{margin:0 0 4px!important;text-align:center} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-pk-login .sva-op-btn{margin:0} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-pk-login>p.sva-op-muted:not(.sva-op-pk-fout){display:block!important;margin:12px 0 0;font-size:12.5px;color:var(--u)!important} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-login-uitleg{margin:16px 14px 0;font-size:12.5px;line-height:1.5;text-align:center;color:var(--u)!important} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-login-aanmelden{margin:0 0 16px;text-align:center;font-size:13px;color:var(--u)!important} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-login-aanmelden a{display:inline-block;margin:-12px -4px;padding:12px 4px;color:var(--lk)!important;font-weight:700} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-center,body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-auth-links{margin:10px 0 0;text-align:center;font-size:14px;color:var(--u)!important} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-center>a,body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-auth-links>a{display:flex;align-items:center;justify-content:center;min-height:40px;color:var(--lk)!important;font-weight:600;text-decoration:underline} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-center:has(>.sva-op-linklike-klein){margin-top:auto;padding-top:32px} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-center>a.sva-op-linklike-klein{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;text-decoration:none!important;font-size:14.5px;font-weight:700;line-height:1.3} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-center>a.sva-op-linklike-klein::before{content:"";flex:none;box-sizing:border-box} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-twofa-resend{margin:0} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-linklike{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;margin:8px 0 0;font-size:13.5px;font-weight:500;color:var(--u)!important;text-decoration:underline} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-linklike:disabled{opacity:1;cursor:default} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-twofa-boxes{display:flex;gap:8px;margin:18px 0 0} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card input.sva-op-twofa-box{flex:1;min-width:0;width:auto;height:60px;margin:0;padding:0;text-align:center;font-size:26px;font-weight:800;color:var(--fc);background:var(--bb);border:1.5px solid var(--bd);border-radius:14px;font-variant-numeric:tabular-nums} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card input.sva-op-twofa-box:focus{border-color:#f26a1b;box-shadow:0 0 0 4px rgba(242,106,27,.35)} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-twofa-trust{display:flex;gap:10px;align-items:center;margin:14px 0 0;font-size:13px;font-weight:500;letter-spacing:0;color:var(--s)} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-twofa-trust input{width:20px;height:20px;margin:0;padding:0;accent-color:#f26a1b} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-twofa-boxes+.sva-op-btn,body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-twofa-trust+.sva-op-btn{margin-top:18px} body.sva-app-inlog.sva-th-inloggen-a .sva-ia-teller{position:relative;display:block;min-height:44px;margin:17px 0 0;padding:0 0 0 56px;font-size:15px;line-height:44px!important;color:var(--tm)!important} body.sva-app-inlog.sva-th-inloggen-a .sva-ia-teller b{color:var(--tb);font-weight:800;line-height:inherit} body.sva-app-inlog.sva-th-inloggen-a .sva-th-ring{display:block!important;position:absolute;left:0;top:0;width:44px;height:44px} body.sva-app-inlog.sva-th-inloggen-a .sva-th-uit .sva-th-ring{display:none!important} body.sva-app-inlog.sva-th-inloggen-a .sva-th-ring circle{fill:none;stroke-width:5} body.sva-app-inlog.sva-th-inloggen-a .sva-th-ring .sp{stroke:var(--tr)} body.sva-app-inlog.sva-th-inloggen-a .sva-th-ring .sv{stroke:#f26a1b;stroke-linecap:round;transition:stroke-dashoffset 1s linear} body.sva-app-inlog.sva-th-inloggen-a .sva-ia-terug{width:44px;height:44px;margin:var(--ih) 0 0 -4px;background:var(--tg);color:var(--tc)} body.sva-app-inlog.sva-th-inloggen-a .sva-ia-terug svg{width:22px;height:22px} body.sva-app-inlog.sva-th-inloggen-a .sva-ia-terug::after{content:"";position:absolute;pointer-events:none} body.sva-app-inlog.sva-th-inloggen-a .sva-ia-terug~h2{margin-top:var(--tt)!important;font-size:var(--ht)!important} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card:has(.sva-op-twofa-boxes) h2{font-size:var(--h)!important} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-auth-msg{margin:0 0 20px;padding:12px 14px;border-radius:14px;font-size:13.5px;line-height:1.45} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-auth-ok{background:var(--okb);border-color:var(--okd);color:var(--okc)} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-auth-error{background:var(--erb);border-color:var(--erd);color:var(--erc)} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-pk-fout{margin:0 0 12px!important} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-login-doel{background:var(--db);color:var(--t);border-radius:18px;margin:0 0 16px} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-login-doel strong{color:var(--t)} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-login-doel span{color:var(--s)} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-login-doel .sva-op-login-doel-uitleg{color:#e0580f!important;font-weight:600} body.sva-app-inlog.sva-th-inloggen-a .sva-ia-doelicoon{background:#fff0e6;color:#f26a1b} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-login-doel-fout{background:#fff3dc} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-login-doel-fout .sva-ia-doelicoon{background:#ffe3b0;color:#8a5200} @keyframes sva-th-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>*{animation:sva-th-in .26s cubic-bezier(.2,.8,.2,1) backwards} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>*:nth-child(2){animation-delay:.04s} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>*:nth-child(3){animation-delay:.08s} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>*:nth-child(4){animation-delay:.12s} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>*:nth-child(5){animation-delay:.16s} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>*:nth-child(n+6){animation-delay:.2s} @media (prefers-reduced-motion:reduce){body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>*,body.sva-app-inlog.sva-th-inloggen-a .sva-th-ring .sv{animation:none!important;transition:none!important}} body.sva-app-inlog.sva-th-inloggen-a.sva-beweging-uit .sva-op-login-card>*,body.sva-app-inlog.sva-th-inloggen-a.sva-beweging-uit .sva-th-ring .sv{animation:none!important;transition:none!important} body.sva-app-status.sva-th-inloggen-a .sva-op-login-wrapper,body.sva-app-status.sva-th-inloggen-a .sva-op-login-wrapper *{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important} body.sva-app-status.sva-th-inloggen-a .sva-op-login-wrapper::after{content:"";order:-1;flex:none;align-self:center;width:52px;height:60px;margin:max(calc(env(safe-area-inset-top,0px) + 24px),56px) 0 0;background:var(--lg) center/contain no-repeat} body.sva-app-status.sva-th-inloggen-a .sva-op-form-card{margin:28px auto auto;border-radius:22px;background:#fff3dc} body.sva-app-status.sva-th-inloggen-a .sva-op-form-card h2{font-size:19px!important;color:#022a4b!important;font-weight:800} body.sva-app-status.sva-th-inloggen-a .sva-op-form-card .sva-op-btn{height:56px;border-radius:var(--br);background:linear-gradient(180deg,#ff7d2e,#f26a1b);font-weight:800;box-shadow:0 12px 24px rgba(242,106,27,.35)} body.sva-app-status.sva-th-inloggen-a .sva-op-form-card p:last-child a{border-radius:var(--br);font-weight:800} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-wrapper{background:linear-gradient(165deg,#022a4b 0%,#06406e 62%,#0a5a8f 100%)} body.sva-app-status.sva-th-inloggen-a .sva-op-login-wrapper{background:linear-gradient(165deg,#022a4b 0%,#06406e 62%,#0a5a8f 100%)} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-wrapper::before{left:-90px;bottom:-110px;width:380px;height:380px;background:radial-gradient(circle,rgba(242,106,27,.5),rgba(242,106,27,0) 68%)} body.sva-app-inlog.sva-th-inloggen-a .sva-ia-logo{width:62px;height:72px;margin:var(--il) 0 28px 4px;background:url(../../webapp/logo/sva-schild-licht.svg) center/contain no-repeat} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-login-doel,body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-login-doel *{color:#fff} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-login-doel-fout{background:rgba(240,168,64,.16)} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card .sva-op-login-doel .sva-op-login-doel-uitleg{color:#ffb98a!important} body.sva-app-inlog.sva-th-inloggen-a .sva-ia-doelicoon{background:rgba(255,255,255,.14);color:#fff} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-center>a.sva-op-linklike-klein{justify-content:center;height:54px;border:1.5px solid rgba(255,255,255,.4);border-radius:27px;color:#fff!important} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-center>a.sva-op-linklike-klein::before{width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='5'/%3E%3Cpath d='M8 13l-2 8 6-3 6 3-2-8'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='5'/%3E%3Cpath d='M8 13l-2 8 6-3 6 3-2-8'/%3E%3C/svg%3E") center/contain no-repeat} body.sva-app-inlog.sva-th-inloggen-a .sva-ia-terug::after{right:0;top:var(--ih);width:36px;height:42px;background:url(../../webapp/logo/sva-schild-licht.svg) center/contain no-repeat} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card:has(.sva-ia-terug)>.sva-ia-terug{margin-top:var(--ih)} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-auth-links{margin-top:8px} body.sva-app-inlog.sva-th-inloggen-a .sva-op-login-card>p.sva-op-auth-links a{color:#fff!important} body.sva-app-status.sva-th-inloggen-a{--px:24px;--h:38px;--ht:36px;--tt:64px;--hm:0px;--t:#fff;--s:#b9d2ea;--l:#b9d2ea;--u:#9fc3e6;--lk:#fff;--fb:rgba(255,255,255,.12);--fd:rgba(255,255,255,.28);--fc:#fff;--ph:rgba(255,255,255,.45);--af:#1d4a73;--bb:rgba(255,255,255,.12);--bd:rgba(255,255,255,.28);--br:18px;--gb:rgba(255,255,255,.12);--gd:rgba(255,255,255,.28);--gc:#fff;--tm:#fff;--tb:#ff9a57;--tr:rgba(255,255,255,.2);--tg:rgba(255,255,255,.14);--tc:#fff;--okb:rgba(62,208,138,.16);--okd:rgba(62,208,138,.4);--okc:#d6f7e6;--erb:rgba(255,123,123,.16);--erd:rgba(255,123,123,.4);--erc:#ffdede;--db:rgba(255,255,255,.12);--lg:url(../../webapp/logo/sva-schild-licht.svg)}