/* Account in de kop: icoon, en voor wie ingelogd is een rondje met de beginletter en een klein menu */
.acc{position:relative;flex:none;display:inline-flex;align-items:center}
.acc-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(11,33,74,.06);color:var(--navy);font:800 16px var(--font-head);text-decoration:none;cursor:pointer;list-style:none;transition:background-color .16s,transform .16s}
.acc-btn:hover{background:var(--yellow)}
.acc-btn:focus-visible{outline:3px solid var(--coral);outline-offset:2px}
.acc-btn svg{display:block}
.acc-btn:not(.acc-in){background:var(--coral)}
.acc-btn:not(.acc-in) svg{width:38px;height:38px;margin-top:1px}
.acc-btn:not(.acc-in):hover{background:#FF8185;transform:rotate(-8deg)}
.acc-in{background:var(--yellow)}
.acc-in:hover{background:#FFD36B}
.acc-m summary::-webkit-details-marker{display:none}
.acc-p{position:absolute;right:0;top:52px;z-index:60;min-width:230px;padding:8px;border:1px solid var(--line,rgba(11,33,74,.14));border-radius:14px;background:#fff;box-shadow:var(--shadow,0 12px 40px rgba(11,33,74,.16))}
.acc-h{margin:0;padding:8px 14px 10px;border-bottom:1px solid var(--line,rgba(11,33,74,.12));margin-bottom:6px;font-size:13px;color:#5D6785;overflow-wrap:anywhere}
.acc-p a,.acc-uit{display:flex;align-items:center;width:100%;min-height:42px;padding:8px 14px;border:0;border-radius:10px;background:none;font:600 15px var(--font);color:var(--navy);text-align:left;text-decoration:none;cursor:pointer}
.acc-p a:hover,.acc-uit:hover{background:var(--sunk,#F3EFE4)}
.acc-uit{margin-top:6px;border-top:1px solid var(--line,rgba(11,33,74,.12));border-radius:0 0 10px 10px;color:#9E2A2F}
@media (max-width:860px){
  .acc-btn{width:44px;height:44px}
  .acc-btn:not(.acc-in) svg{width:42px;height:42px}
  .acc-p{right:-50px}
}