@font-face{font-family:'WtqSans';font-style:normal;font-weight:100 449;font-display:swap;src:url(../fonts/wtq-sans/wtq-sans-400.woff) format('woff')}
@font-face{font-family:'WtqSans';font-style:normal;font-weight:450 1000;font-display:swap;src:url(../fonts/wtq-sans/wtq-sans-500.woff) format('woff')}

body.dp-docs{
  --dd-bar:56px;
  --dd-bg:#0C0C0E;--dd-line:#1F1F24;--dd-line-2:#2C2C33;--dd-line-3:#3A3A43;
  --dd-txt:#FFFFFF;--dd-txt-2:#B9B9C3;--dd-txt-3:#82828D;
  --dd-ctl:#17171A;--dd-ctl-h:#1E1E22;--dd-accent:#9BA3FF;
}
html[data-theme="light"] body.dp-docs{
  --dd-bg:#FFFFFF;--dd-line:#E9E9EE;--dd-line-2:#DBDBE2;--dd-line-3:#C4C4CE;
  --dd-txt:#0B0B10;--dd-txt-2:#494955;--dd-txt-3:#7B7B88;
  --dd-ctl:#F3F3F6;--dd-ctl-h:#FFFFFF;--dd-accent:#121AB0;
}

.dd-bar{position:sticky;top:0;z-index:1000;box-sizing:border-box;height:var(--dd-bar);background:var(--dd-bg);border-bottom:1px solid var(--dd-line);color:var(--dd-txt);font-family:'WtqSans','Segoe UI',Tahoma,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased}
.dd-bar *{box-sizing:border-box}
.dd-bar,.dd-bar a,.dd-bar button,.dd-bar span{font-family:'WtqSans','Segoe UI',Tahoma,Arial,sans-serif !important}
.dd-in{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%;max-width:var(--maxw,1240px);margin:0 auto;padding:0 28px}
.dd-brand{display:flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}
.dd-brand img{height:22px;width:auto}
.dd-tag{font-size:12px;font-weight:400;color:var(--dd-txt-3);padding-inline-start:10px;border-inline-start:1px solid var(--dd-line-2);line-height:1.3;white-space:nowrap}
.dd-acts{display:flex;align-items:center;gap:6px;flex:none}
.dd-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;margin:0;padding:0 12px;border:1px solid var(--dd-line-2);border-radius:8px;background:var(--dd-ctl);color:var(--dd-txt);font-family:inherit;font-size:13px;font-weight:500;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .12s,border-color .12s,color .12s}
.dd-btn:hover{background:var(--dd-ctl-h);border-color:var(--dd-line-3)}
.dd-btn.dd-pri{margin-inline-end:4px}
.dd-btn.dd-ic{width:32px;padding:0;border-color:transparent;background:transparent;color:var(--dd-txt-2)}
.dd-btn.dd-ic:hover{background:var(--dd-ctl);border-color:var(--dd-line-2);color:var(--dd-txt)}
.dd-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dd-bar .dd-on-dark{display:block}
.dd-bar .dd-on-light{display:none}
html[data-theme="light"] .dd-bar .dd-on-dark{display:none}
html[data-theme="light"] .dd-bar .dd-on-light{display:block}
.dd-bar :focus-visible{outline:2px solid var(--dd-accent) !important;outline-offset:2px !important}
.dd-skip{position:absolute;inset-inline-start:-9999px;top:0;z-index:1001;background:#121AB0;color:#fff;padding:10px 18px;border-radius:0 0 8px 8px;font-size:14px;font-weight:500;line-height:1.7;text-decoration:none}
.dd-skip:focus{inset-inline-start:12px}

body.dp-docs .v4-sec{scroll-margin-top:calc(var(--dd-bar) + 10px)}
body.dp-docs .dvDocs .sidenav{top:calc(var(--dd-bar) + 10px);max-height:calc(100vh - var(--dd-bar) - 34px)}
body.dp-docs .dvDocs .docsec{scroll-margin-top:calc(var(--dd-bar) + 10px)}
body.dp-docs .dvSdk .lpills{top:calc(var(--dd-bar) + 14px)}
body.dp-docs .dvHook .sidenav{top:calc(var(--dd-bar) + 24px)}
body.dp-docs .dvHook .block{scroll-margin-top:calc(var(--dd-bar) + 10px)}
body.dp-docs .dvHook table.evtbl tr.grp{scroll-margin-top:calc(var(--dd-bar) + 10px)}

html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] body.dp-docs{background:#0A0A0A}
html[data-theme="dark"] body.dp-docs #wtq-main{filter:invert(.96) hue-rotate(180deg);color-scheme:light}
html[data-theme="dark"] body.dp-docs #wtq-main *{box-shadow:none !important}
html[data-theme="dark"] body.dp-docs .dvApi .heroArt{filter:none}
html[data-theme="dark"] body.dp-docs #wtq-main :is(img,video,iframe){filter:invert(1) hue-rotate(180deg)}

@media (max-width:900px){
  .dd-in{padding:0 20px}
}
@media (max-width:480px){
  .dd-in{padding:0 14px;gap:8px}
  .dd-tag{display:none}
  .dd-btn.dd-pri{padding:0 10px}
}
