/* bron: inline uit mu-plugins, verplaatst 12 okt 2026 */
.dsp-ofwrap{display:inline-flex;align-items:center;gap:0;margin-right:10px}
.dsp-of-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;margin:0;background:none;border:0;color:#fff;cursor:pointer;border-radius:999px;line-height:0;transition:background .15s,color .15s}
.dsp-of-toggle svg{width:16px;height:16px;display:block}
.dsp-of-toggle:hover,.dsp-ofwrap.open .dsp-of-toggle{background:rgba(255,255,255,.15);color:#fff}
.dsp-of-panel{max-width:0;opacity:0;visibility:hidden;overflow:hidden;transform:translateX(8px);transition:max-width .3s ease,opacity .2s ease,transform .3s ease,visibility 0s linear .3s}
.dsp-ofwrap.open .dsp-of-panel{max-width:200px;opacity:1;visibility:visible;transform:translateX(0);margin-right:8px;transition:max-width .3s ease,opacity .2s ease,transform .3s ease,visibility 0s}
.dsp-of-switch{display:inline-flex;gap:2px;border:1px solid #e6e6e6;border-radius:999px;padding:2px;background:#fff;line-height:1;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.dsp-of-switch button{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 8px;font-size:11px;font-weight:700;letter-spacing:.01em;border-radius:999px;border:0;background:none;color:#777;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}
.dsp-of-switch button:hover{background:#f1f1f1;color:#16213e}
.dsp-of-switch button.dsp-of-cur{background:#e94560;color:#fff}