.wt-home__docs .offcanvas {max-width:85% !important;}
.wt-home__docs .offcanvas-body {overflow-y:hidden;}
.wt-home__docs .wt-card {width:100%; margin-bottom:24px; background-color:var(--wt-color-light01); border-radius:5px; box-shadow:0 0 10px -3px rgba(0, 0, 0, 0.15); margin-top:0;}
.wt-home__docs .wt-card__header {padding:24px; border-bottom:1px solid var(--wt-color-light02); display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.wt-home__docs .wt-card__title {margin:0; font-size:18px; color:#484d54; font-weight:700; text-transform:capitalize; display:flex; align-items:center; cursor:default;}
.wt-home__docs .wt-card__tools {height:30px; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.wt-home__docs .wt-card__content {padding:24px;}
.wt-home__docs .wt-card__header--tips {display:flex; justify-content:flex-start; align-items:center;}
.wt-home__docs .wt-card__button--add {width:auto; padding:0 10px; background-color:#2bbb93; color:var(--wt-color-light01); transition:all 0.3s ease-in-out;}
.wt-home__docs .wt-card__button--fullscreen {width:30px; height:30px; display:flex; align-items:center; justify-content:center; color:#777; border:1px solid var(--wt-color-light02); border-radius:5px;}
.wt-sb__panel {height:calc(100vh - 120px); position:relative; overflow:auto; text-align:left;}
.wt-sb__panel::-webkit-scrollbar {background-color:transparent; width:7px; height:7px; position:absolute;}
.wt-sb__panel::-webkit-scrollbar-thumb {background-color:transparent; border-radius:5px;}
.wt-sb__panel:hover::-webkit-scrollbar {background-color:transparent; width:7px; height:7px; position:absolute;}
.wt-sb__panel:hover::-webkit-scrollbar-thumb {background-color:rgba(80, 93, 113, 0.5); border-radius:5px;}
.wt-sb__item {position:relative; padding:5px 0; margin-bottom:5px;}
.wt-sb__item:last-child {padding-bottom:0;}
.wt-sb__item.wt-sb__item--child {padding:5px 0 0 10px;}
.wt-sb__item--title {margin-top:30px; padding:0 0 5px 0; text-transform:uppercase; color:var(--wt-color-dark01); font-size:13px; font-weight:600;}
.wt-sb__item--separator {width:100%; height:1px; margin:12px 0; padding:0; display:block; background-color:var(--wt-color-dark03);}
.wt-sb__link{font-size:14px;}
.wt-sb__link--child {-webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; text-transform:capitalize; font-weight:300; background-color:var(--wt-color-light01); font-size:13px;}
.wt-sb__icon {margin-right:10px; font-size:19px;}
.wt-sb__icon.wt-sb__icon--large {font-size:32px;}
.wt-sb__icon--child {font-size:12px !important;}

.wt-sb__drop--toggle {padding:5px 0 15px 0; width:100%; font-size:14px; font-weight:500; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; line-height:18px; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.wt-sb__drop-item .wt-sb__drop-icon {-webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-transform:rotate(0deg); transform:rotate(0deg);}
.wt-sb__drop-item.wt-sb--active .wt-sb__drop-icon {-webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.wt-sb__drop-item.wt-sb--active .wt-sb__drop--toggle {color:var(--wt-color-accent01);}
.wt-sb__drop-list {padding-top:12px; padding-left:0; display:none; list-style-type:none;}
.wt-sb__drop-icon {-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; position:absolute; right:10px; font-size:18px;}
.wt-doc__tpl-det {background:rgb(240 247 251); padding:20px 30px; border-radius:5px; text-align:left;}
.wt-det__list {display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:center;}
.wt-det__term {font-weight:bold; display:flex; align-items:center;}
.wt-det__term:after {content:":"; margin-right:8px;}
.wt-det__desc {margin:0;}
.wt-card__ftr {margin-bottom:24px; display:flex; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; justify-content:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; padding:30px 15px; background:#f4fbff; border-radius:5px;}
.wt-card__ftr-img {margin-bottom:15px; width:70px; height:70px; transition:0.7s ease;}
.wt-card__ftr-title {font-size:14px; font-weight:600; color:rgb(72, 77, 84); margin:0px;}
.wt-card__ftr:hover .wt-card__ftr-img {-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
:root {--wt-dir-bg:#f4fbff; --wt-dir-border:#eee; --wt-dir-padding:20px; --wt-dir-font-size:16px; --wt-dir-icon-size:18px; --wt-dir-caret-size:15px; --color-text-muted:#999; --color-icon-default:#666; --color-folder:#4d8af0; --color-html:#e34f26; --color-css:#2965f1; --color-sass:#c69; --color-image:#4caf50; --color-text:#9c27b0; --color-javascript:#f7df1e;}

@media screen and (max-width: 768px) {
:root {--wt-dir-padding:15px; --wt-dir-font-size:14px; --wt-dir-icon-size:16px; --wt-dir-caret-size:14px;}
}

@media screen and (max-width: 480px) {
:root {--wt-dir-padding:10px; --wt-dir-font-size:13px; --wt-dir-icon-size:14px; --wt-dir-caret-size:12px;}
}

.wt-dir__tree {background:var(--wt-dir-bg); border-radius:8px; padding:var(--wt-dir-padding); font-size:var(--wt-dir-font-size); border:1px solid var(--wt-dir-border);}
.wt-dir__list, .wt-dir__sub-tree {list-style:none; padding-left:var(--wt-dir-padding); margin:0;}
.wt-dir__item {padding:4px 0; position:relative;}
.wt-dir__item-dir {cursor:pointer;}
.wt-dir__caret {display:inline-block; margin-right:6px; width:var(--wt-dir-caret-size); text-align:center;}
.wt-dir__caret i {transition:transform 0.2s ease; color:var(--color-icon-default); font-size:0.9em;}
.wt-dir__caret--open i {transform:rotate(90deg);}
.wt-dir__icon {margin-right:8px; width:var(--wt-dir-icon-size);}
.wt-dir__comment {flex:1; color:var(--color-text-muted); font-style:italic; margin-left:12px; font-size:0.9em; display:inline-block; vertical-align:baseline; position:relative; top:-1px;}
.wt-dir__content {display:flex; align-items:center; justify-content:space-between; width:100%;}
.wt-dir__header {flex:1; display:flex; align-items:center; text-decoration:none; color:inherit;}
.wt-dir__separator {flex:1; border-top:1px dashed #ccc; margin:0 10px;}
.wt-dir__sub-tree {display:none; padding-left:var(--wt-dir-padding); margin-top:5px;}
.wt-dir__sub-tree--active {display:block;}
.wt-dir__icon.lni-folder {color:var(--color-folder);}
.wt-dir__icon.lni-html5 {color:var(--color-html);}
.wt-dir__icon.lni-css3 {color:var(--color-css);}
.wt-dir__icon.lni-sass {color:var(--color-sass);}
.wt-dir__icon.lni-image {color:var(--color-image);}
.wt-dir__icon.lni-text-format {color:var(--color-text);}
.wt-dir__icon.lni-javascript {color:var(--color-javascript);}
.wt-dir__icon.lni-file {color:var(--color-icon-default);}

@media screen and (max-width: 480px) {
.wt-dir__comment, .wt-dir__separator {display:none;}
.wt-dir__tree {border-radius:4px;}
.wt-dir__item {padding:3px 0;}
}

code[class*="language-"], pre[class*="language-"] {text-shadow:none;}
pre.language-log, pre.language-text, pre.language-markup, pre.language-html, pre.language-css, pre.language-js, pre.language-sql, pre.language-bash, pre.language-env, pre.language-php {max-height:450px; border-radius:5px; border:none;}
.language-html::-webkit-scrollbar {background-color:transparent; width:7px; height:7px; position:absolute;}
.language-html::-webkit-scrollbar-thumb {background-color:transparent; border-radius:5px;}
.language-html:hover::-webkit-scrollbar {background-color:transparent; width:7px; height:7px; position:absolute;}
.language-html:hover::-webkit-scrollbar-thumb {background-color:rgba(80, 93, 113, 0.5); border-radius:5px;}
div.code-toolbar > .toolbar > .toolbar-item > a, div.code-toolbar > .toolbar > .toolbar-item > button, div.code-toolbar > .toolbar > .toolbar-item > span {position:absolute; top:10px; right:20px; background:#232323; color:#fff; border:none; box-shadow:none; border-radius:4px; padding:8px 15px; cursor:pointer; font-size:12px;}
div.code-toolbar > .toolbar > .toolbar-item > a:focus, div.code-toolbar > .toolbar > .toolbar-item > a:hover, div.code-toolbar > .toolbar > .toolbar-item > button:focus, div.code-toolbar > .toolbar > .toolbar-item > button:hover, div.code-toolbar > .toolbar > .toolbar-item > span:focus, div.code-toolbar > .toolbar > .toolbar-item > span:hover {color:var(--wt-color-accent01);}
div.code-toolbar > .toolbar {opacity:1;}
.wt-card__cred-link {color:var(--wt-color-accent01); font-size:16px;}
.wt-text--strong-style01 {text-transform:none; padding:2px 8px; background-color:#ebe8e8; border-radius:5px; margin-right:5px;}
.wt-home__docs .wt-feature__box {color:var(--wt-color-dark01); background-color:var(--wt-color-light01); transition:box-shadow 0.2s ease-in-out;}
.wt-home__docs .wt-feature__box:hover {box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);}
.wt-home__docs .wt-navbar__logo {margin:auto;}
.wt-footer.wt-footer--dark {background-image:none; background-color:var(--wt-color-dark02);}
.wt-home__docs .wt-copyright__link {opacity:0.7;}
.wt-home__docs .wt-copyright__link:hover {opacity:1; color:var(--wt-color-accent01) !important;}
.wt-home__docs .wt-menu__link {font-size:15px; color:var(--wt-color-dark01) !important; display:inline-block; transition:all 0.4s ease 0s;}
.wt-home__docs .wt-menu__link:hover {color:var(--wt-color-accent01) !important;}
.wt-home__docs .wt-menu__social-link {border:1px solid var(--wt-color-dark01); height:40px; padding-top:7px; margin:0 10px; transition:all 0.4s ease 0s; width:40px;}
.wt-home__docs .wt-menu__social-link:hover {border-color:var(--wt-color-accent01);}
.wt-home__docs .wt-menu__social-icon {font-size:18px;}

@media screen and (max-width: 480px) {
.wt-home__docs .wt-menu__link {font-size:13px;}
.wt-home__docs .wt-menu__item {margin-right:4px;}
.wt-home__docs .wt-menu__social-link {padding-top:9px;}
}

.wt-text--border-after:after {background:var(--wt-color-dark01) !important; bottom:-30px; content:""; height:1px; left:50%; position:absolute; transform:translate(-50%); width:80%; max-width:116px;}
.wt-home__docs .wt-feature__box-link {display:block; width:100%; height:100%; text-decoration:none; color:inherit; transition:transform 0.2s ease-in-out;}
.wt-home__docs .wt-feature__box-link:hover {color:var(--wt-color-dark01) !important;}
.wt-home__docs .wt-footer {padding-right:15px; padding-left:15px;}

.wt-card.fullscreen-active {overflow-y:auto !important; max-height:100vh !important; height:100vh !important; width:100vw !important; background:white; padding:20px; position:fixed; top:0; left:0; z-index:9999;}
.wt-card.fullscreen-active::-webkit-scrollbar {width:8px;}
.wt-card.fullscreen-active::-webkit-scrollbar-track {background:#f1f1f1;}
.wt-card.fullscreen-active::-webkit-scrollbar-thumb {background:#888; border-radius:4px;}


.wt-menu__hamburger-btn {display:none; flex-direction:column; cursor:pointer;}
.wt-menu__hamburger-line {height:2px; width:25px; background:#232323; ; margin:2px 0;}
.wt-doc__nav-menu .wt-menu__link.wt-menu--active-link, .wt-footer__menu .wt-menu__link.wt-menu--active-link {color:var(--wt-color-accent01) !important;}

@media (max-width: 768px) {
.wt-doc__nav-menu {background-color:#232323; display:none; position:absolute; padding:20px; box-shadow:var(--wt-box-shadow01); border-radius:0.25rem; top:67px; width:135px; text-align:left; left:15px;}
.wt-doc__nav-menu .wt-menu__link {color:#fff !important; padding:3px !important;}
.wt-menu__hamburger-btn {display:flex;}
.wt-menu__wrapper.wt-doc--absolute {position:absolute; left:13%; margin-top:3px;}
}