/* Gemblr dark skin for the tawk.to help centre (help.gemblr.com) */
:root{--g-bg:#0d1016;--g-panel:#151a23;--g-panel2:#1b2230;--g-line:#262f3f;--g-text:#e8edf5;--g-muted:#8d98ab;--g-cyan:#00b8f9;--g-cyan-dim:#0a8fc4}
html,body,#body-container,#content{background:var(--g-bg)!important;color:var(--g-text)!important}
body{color-scheme:dark}
/* header */
header{background:radial-gradient(1200px 380px at 50% -40px,rgba(0,184,249,.22),transparent 70%),linear-gradient(180deg,#0f1520 0%,var(--g-bg) 100%)!important;border-bottom:0!important}
header *{color:var(--g-text)}
#header-top a,#header-top .nav-item{color:#c9d3e2!important}
#header-top a:hover{color:var(--g-cyan)!important}
#banner-panel h1,#banner-panel h2,#banner-panel .title{color:#fff!important}
#banner-panel p{color:var(--g-muted)!important}
#banner-panel #banner-title{color:#fff!important;letter-spacing:-.01em}
#search-input-container{background:var(--g-panel)!important;border:1px solid var(--g-line)!important;border-radius:12px!important;overflow:hidden}
#search-input-container input{border:0!important;border-radius:0!important}
#search-input-container:focus-within{border-color:var(--g-cyan)!important;box-shadow:0 0 0 3px rgba(0,184,249,.18)!important}
/* search */
.feather-search{color:var(--g-cyan)!important}
input,.input-text,textarea{background:var(--g-panel)!important;color:var(--g-text)!important;border:1px solid var(--g-line)!important;border-radius:12px!important;box-shadow:none!important}
input::placeholder{color:#6f7a8e!important}
input:focus{outline:none!important;box-shadow:none!important}
.result-item,[class*=search-result],[class*=dropdown]{background:var(--g-panel)!important;color:var(--g-text)!important;border-color:var(--g-line)!important}
/* grid / list toggle */
#list-type .btn{background:var(--g-panel)!important;border:1px solid var(--g-line)!important;color:var(--g-muted)!important}
#list-type .btn.active{background:var(--g-cyan)!important;border-color:var(--g-cyan)!important;color:#03131c!important}
/* category cards */
.category-block,.card,[class*=article-block],[class*=category-list] li{background:var(--g-panel)!important;border:1px solid var(--g-line)!important;border-radius:16px!important;box-shadow:none!important;transition:border-color .15s,transform .15s}
.category-block:hover{border-color:var(--g-cyan)!important;transform:translateY(-2px)}
.category-block .title,.category-details .title,h1,h2,h3,h4{color:var(--g-text)!important}
.category-icon,.kb-icon,.category-icon *{color:var(--g-cyan)!important}
.total,.written-details,.time,small{color:var(--g-muted)!important}
.category-details .total{color:var(--g-cyan)!important}
/* links + article body */
a{color:var(--g-cyan)}
a:hover{color:#5fd4ff}
article,[class*=article],[class*=content]{color:var(--g-text)}
article p,article li,[class*=article-content] p,[class*=article-content] li{color:#c9d3e2!important}
blockquote{border-left:3px solid var(--g-cyan)!important;background:var(--g-panel)!important;color:var(--g-text)!important}
code,pre{background:var(--g-panel2)!important;color:#bfe9ff!important}
hr{border-color:var(--g-line)!important}
table,th,td{border-color:var(--g-line)!important;color:var(--g-text)!important}
/* breadcrumbs, sidebars */
[class*=breadcrumb],[class*=breadcrumb] a{color:var(--g-muted)!important}
[class*=sidebar],[class*=related],aside{background:transparent!important;color:var(--g-text)!important}
/* modal (mobile menu) */
.modal-backdrop{background:rgba(5,8,12,.8)!important}
[class*=modal],[class*=menu-panel]{background:var(--g-panel)!important;color:var(--g-text)!important}
/* footer */
#kb-footer{background:#0a0d12!important;border-top:1px solid var(--g-line)!important}
#kb-footer,#kb-footer *{color:var(--g-muted)!important}
#kb-footer a:hover{color:var(--g-cyan)!important}
/* feedback buttons on articles */
button,.btn{border-radius:10px}
[class*=feedback] button,[class*=vote] button{background:var(--g-panel)!important;border:1px solid var(--g-line)!important;color:var(--g-text)!important}
[class*=feedback] button:hover,[class*=vote] button:hover{border-color:var(--g-cyan)!important;color:var(--g-cyan)!important}
/* mascot: Rocco with headset in the header */
#banner-panel.home{position:relative}
#gx-rocco{position:absolute;right:max(8px,calc(50% - 650px));background:none!important;top:0;height:270px;width:auto;padding:22px 34px;box-sizing:content-box;pointer-events:none}
@media (max-width:1180px){#gx-rocco{height:200px;top:14px}}
@media (max-width:900px){#gx-rocco{display:none}}
/* category + article pages (tawk default accent is green rgb(0,189,86)) */
#content .icon-wrapper,#content svg.feather,.article-arrow,a.link,a.link span,.mobile-divider{color:var(--g-cyan)!important}
.article-title,.article-title *{color:var(--g-text)!important}
a:hover .article-title,.article-title:hover{color:var(--g-cyan)!important}
#page-sidebar,#pagination-container,.author-avatar{background:var(--g-panel)!important;border:1px solid var(--g-line)!important;border-radius:16px!important;color:var(--g-text)!important;box-shadow:none!important}
.author-avatar{border-radius:999px!important}
#page-sidebar *{color:var(--g-text)}
#page-sidebar *{border-color:var(--g-line)!important}
#banner-panel:not(.home) #gx-rocco{display:none!important}
/* article page */
#article-content{background:var(--g-panel)!important;border:1px solid var(--g-line)!important;border-radius:18px!important;box-shadow:none!important}
.paragraph-block,#feedback-container,#need-help-container{background:transparent!important;color:var(--g-text)!important}
#article-content p,#article-content li,.paragraph-block p,.paragraph-block li{color:#c9d3e2!important}
#article-content h1,#article-content h2,#article-content h3,#article-content strong,#article-content b{color:#fff!important}
#feedback-container,#need-help-container{border-top:1px solid var(--g-line)!important}
#positive-button,#negative-button{background:var(--g-panel2)!important;border:1px solid var(--g-line)!important;color:var(--g-text)!important}
#positive-button:hover,#negative-button:hover{border-color:var(--g-cyan)!important;color:var(--g-cyan)!important}
#list-type .btn.active *,#list-type .btn.active svg{color:#03131c!important;stroke:#03131c!important}
#feedback-container{border:1px solid var(--g-line)!important;border-radius:16px!important;background:var(--g-panel)!important}
#need-help-container{border-color:var(--g-line)!important}
a.message-us,.message-us{color:var(--g-cyan)!important;font-weight:600}
a.message-us:hover{color:#5fd4ff!important}