/* Volt: the docs wiki (docs.php). Figma: "Docs home" and "Docs article". */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* search */
.dk-s{position:relative;display:flex;gap:0!important;align-items:center;max-width:640px;height:56px;background:#1f1f1f;border:1px solid #363636;margin-top:26px}
.dk-si{flex:none;margin:0 12px 0 18px;color:#8a8a8a}
.dk-s input{flex:1;min-width:0;width:auto!important;height:100%!important;padding:0!important;margin:0!important;background:none!important;border:0!important;outline:0;box-shadow:none!important;color:#fff;font:600 16px Cairo,sans-serif}
.dk-s input::placeholder{color:#7f7f7f}
.dk-s input::-webkit-search-cancel-button{display:none}
.dk-s kbd{flex:none;margin:0 16px;font:700 12px Cairo,sans-serif;color:#888;border:1px solid #444;padding:1px 7px}
.dk-s:focus-within{border-color:var(--a)}.dk-s:focus-within .dk-si{color:var(--a)}
.dk-s:focus-within kbd{visibility:hidden}
.dk-r{position:absolute;left:-1px;right:-1px;top:100%;z-index:30;background:#1b1b1b;border:1px solid #363636;border-top:0;max-height:420px;overflow-y:auto;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.dk-r a{display:block;padding:12px 18px;border-top:1px solid #2a2a2a;text-decoration:none}
.dk-r a small{display:block;font:700 12px Cairo,sans-serif;color:var(--a);margin-bottom:2px}
.dk-r a b{display:block;font:800 italic 16px/1.2 Kanit,sans-serif;text-transform:uppercase;color:#fff}
.dk-r a span{display:block;font:500 14px/1.45 Cairo,sans-serif;color:#a5a5a5;margin-top:3px}
.dk-r a span mark{background:none;color:#fff;font-weight:700}
.dk-r a:hover,.dk-r a.on{background:#242424}
.dk-r p{margin:0;padding:14px 18px;font:500 14px Cairo,sans-serif;color:#999}
/* home */
.dk-hero .dk-s{background:rgba(20,20,20,.92)}
.dk-home{padding:44px 0 80px}
.dk-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dk-cat{position:relative;background:#232323;border:1px solid rgba(255,255,255,.05);padding:24px 24px 18px}
.dk-cat:before{content:"";position:absolute;left:-1px;top:-1px;width:44px;height:4px;background:var(--a);transform:skewX(-20deg);transform-origin:left top}
.dk-cat img{display:block;width:56px;height:56px;object-fit:contain;margin-bottom:14px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45))}
.dk-cat h2{font:800 italic 21px/1.1 Kanit,sans-serif;text-transform:uppercase;margin:0 0 6px}
.dk-cat h2 a{color:#fff;text-decoration:none}.dk-cat h2 a:hover{color:var(--a)}
.dk-cat p{font:500 15px/1.5 Cairo,sans-serif;color:#a9a9a9;margin:0 0 14px}
.dk-cat ul{list-style:none;margin:0;padding:0;border-top:1px solid #303030}
.dk-cat li a{display:block;padding:9px 0;border-bottom:1px solid #2b2b2b;font:600 15px/1.35 Cairo,sans-serif;color:#ddd;text-decoration:none}
.dk-cat li:last-child a{border-bottom:0}
.dk-cat li a:hover{color:var(--a)}
.dk-help{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:24px 28px;background:#1f1f1f;border:1px solid rgba(255,255,255,.05)}
.dk-help h2{font:800 italic 22px Kanit,sans-serif;text-transform:uppercase;color:#fff;margin:0 0 4px}
.dk-help p{margin:0;font:500 15px Cairo,sans-serif;color:#aaa}
/* one page */
.dk-wrap{display:grid;grid-template-columns:250px minmax(0,1fr) 210px;gap:48px;align-items:start;padding:36px 0 80px}
.dk-side{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent;padding-right:4px}
.dk-side .dk-s{height:42px;margin:0 0 18px}
.dk-side .dk-si{margin:0 8px 0 12px;width:16px;height:16px}
.dk-side .dk-s input{font-size:14px}
.dk-side .dk-s kbd{margin:0 10px}
.dk-side .dk-r{max-height:360px}
.dk-nav summary{display:none}
.dk-g{margin-bottom:18px}
.dk-g>b{display:block;font:800 italic 14px Kanit,sans-serif;text-transform:uppercase;color:#fff;margin:0 0 6px}
.dk-g a{display:block;font:600 14px/1.3 Cairo,sans-serif;color:#9a9a9a;padding:6px 0 6px 12px;border-left:1px solid #333;text-decoration:none}
.dk-g a:hover{color:#fff}
.dk-g a.on{color:#fff;border-left:3px solid var(--a);padding-left:10px;background:rgba(255,122,26,.07)}
.dk-art .crumb{font:600 13px Cairo,sans-serif;color:#888;margin-bottom:10px}
.dk-art .crumb a{color:#888}.dk-art .crumb b{color:var(--a);font-weight:700}
.dk-art>h1{font:800 italic 44px/1.02 Kanit,sans-serif;text-transform:uppercase;color:#fff;margin:0}
.dk-meta{font:600 13px Cairo,sans-serif;color:#7d7d7d;margin:12px 0 26px}
.dk-art h2{font-size:24px;margin:36px 0 12px}
.dk-art pre.dpre{border-color:#2f2f2f;white-space:pre;overflow-x:auto;overflow-wrap:normal}
.dk-art .dnote{background:#232323;border-left:3px solid var(--a);padding:14px 18px;margin:0 0 18px;font:500 15.5px/1.65 Cairo,sans-serif;color:#d2d2d2}
.dk-art .dnote>b:first-child{display:block;font:800 italic 14px Kanit,sans-serif;text-transform:uppercase;color:var(--a);margin-bottom:4px}
.dk-art table{width:100%;border-collapse:collapse;margin:0 0 18px;font:500 15px/1.5 Cairo,sans-serif}
.dk-art th,.dk-art td{text-align:left;padding:10px 12px;border-bottom:1px solid #2c2c2c;color:#ccc;vertical-align:top}
.dk-art th{font:800 italic 13px Kanit,sans-serif;text-transform:uppercase;color:#fff;border-bottom-color:#3a3a3a}
.dk-pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px}
.dk-pn a{display:block;background:#232323;border:1px solid #2e2e2e;padding:16px 18px;text-decoration:none!important}
.dk-pn a:hover{border-color:var(--a)}
.dk-pn small{display:block;font:600 12px Cairo,sans-serif;color:#888;margin-bottom:2px}
.dk-pn b{font:800 italic 17px/1.2 Kanit,sans-serif;text-transform:uppercase;color:#fff}
.dk-pn .nx{text-align:right;grid-column:2}
.dk-toc{top:16px}
.dk-toc nav a{font-size:12.5px;padding:10px 0}
@media (max-width:1180px){.dk-wrap{grid-template-columns:230px minmax(0,1fr)}.dk-toc{display:none}}
@media (max-width:900px){.dk-cats{grid-template-columns:1fr 1fr}.dk-wrap{position:relative;z-index:1;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax);grid-template-columns:1fr;gap:20px;padding-top:24px}.dk-side{position:static;max-height:none;overflow:visible;padding:0}
  .dk-nav{background:#1f1f1f;border:1px solid #333}.dk-nav summary{display:block;cursor:pointer;padding:12px 16px;font:800 italic 15px Kanit,sans-serif;text-transform:uppercase;color:#fff}.dk-nav nav{padding:4px 16px 8px}
  .dk-art>h1{font-size:34px}}
@media (max-width:600px){.dk-cats{grid-template-columns:1fr}.dk-help{flex-direction:column;align-items:flex-start}.dk-pn{grid-template-columns:1fr}.dk-pn .nx{grid-column:1}.dk-s kbd{display:none}}