/* Dark theme of the tool widgets, generated by gen_dark.mjs from their stylesheets. Do not edit by hand. */
/* pages/random-noun-generator.css */
html[data-theme="dark"]:is([data-page="random-noun-generator"]) {
    & .random_word {
        background-color: #0f0f11
    }
    & .random_word:hover {
        background-color: #1d1d21
    }
    & #wordPen {
        border: 1px solid #3b3b3f;
        background: #0f0f11
    }
    & .appended_random_word {
        background-color: #1d1d21
    }
}

/* pages/word-generator.css */
html[data-theme="dark"]:is([data-page="word-generator"]) {
    & .random_word {
        background-color: #0f0f11
    }
    & .random_word:hover {
        background-color: #1d1d21
    }
    & #wordPen {
        border: 1px solid #3b3b3f;
        background: #0f0f11
    }
    & .appended_random_word {
        background-color: #1d1d21
    }
}

/* services/anagram-generator/style.css */
html[data-theme="dark"]:is([data-page="anagram-generator"]) {
    & .gallery li {
        background: #43434a
    }
}

/* services/barcode/barcode.css */
html[data-theme="dark"]:is([data-page="barcode-generator"]) {
    & .bc-tool {
        background: #0f0f11
    }
    & .bc-field select, & .bc-field textarea {
        background: #0f0f11
    }
    & .bc-hint {
        color: #bcbcbd
    }
    & .bc-msg {
        color: #9ee9cb
    }
    & .bc-item {
        background: #0f0f11
    }
    & .bc-preview.is-transparent .bc-item {
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6)
    }
    & .bc-item.is-bad {
        background: #131315;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6)
    }
    & .bc-color input {
        background: #0f0f11
    }
    & .bc-seg span {
        color: #bcbcbd
    }
    & .bc-seg input:checked+span {
        background: #0f0f11
    }
    & .bc-btn {
        background: #0f0f11
    }
    & .bc-btn.is-done {
        color: #9ee9cb
    }
}

/* services/compare/style.css */
html[data-theme="dark"]:is([data-page="text-compare"]) {
    @media print {
        & *, & :after, & :before {
            color: #ededed !important
        }
    }
    & a:focus, & a:hover {
        color: #5d9ad1
    }
    & a.text-primary:hover {
        color: #70a7d7
    }
    & .page-header {
        border-bottom: 1px solid #313135
    }
    & code {
        color: #ea90a7;
        background-color: #2e1f23
    }
    & output {
        color: #bebebe
    }
    & .form-control {
        color: #bebebe;
        border: 1px solid #434348
    }
    & .form-control[disabled], & .form-control[readonly] {
        background-color: #1d1d21
    }
    & .btn:focus, & .btn:hover {
        color: #d1d1d1
    }
    & .btn-default {
        color: #d1d1d1;
        background-color: #0f0f11;
        border-color: #434348
    }
    & .btn-default.active, & .btn-default:active, & .btn-default:focus, & .btn-default:hover {
        color: #d1d1d1;
        background-color: #25252a
    }
    & .btn-default[disabled], & .btn-default[disabled].active, & .btn-default[disabled]:active, & .btn-default[disabled]:focus, & .btn-default[disabled]:hover {
        background-color: #0f0f11;
        border-color: #434348
    }
    & .btn-link {
        color: #97bfe2
    }
    & .btn-link:focus, & .btn-link:hover {
        color: #5d9ad1
    }
    & .btn-link[disabled]:focus, & .btn-link[disabled]:hover {
        color: #acacac
    }
    & .list-group-item {
        background-color: #0f0f11;
        border: 1px solid #3b3b3f
    }
    & a.list-group-item {
        color: #bebebe
    }
    & a.list-group-item:focus, & a.list-group-item:hover {
        color: #bebebe;
        background-color: #17171a
    }
    & .well {
        background-color: #17171a;
        border: 1px solid #38383c
    }
    & .navbar-default .navbar-nav>li>a {
        color: #ededed
    }
    & .header {
        border-bottom: solid 10px #56565b
    }
    & #one-text, & #two-texts {
        background-color: #0f0f11
    }
    & .words-statistics {
        background-color: #151518
    }
}

/* services/converters/converter.css */
html[data-theme="dark"]:is([data-page="doc-to-pdf"], [data-page="docx-to-pdf"], [data-page="excel-to-pdf"], [data-page="html-to-pdf"], [data-page="jpg-to-pdf"], [data-page="odt-to-docx"], [data-page="odt-to-pdf"], [data-page="pdf-to-doc"], [data-page="pdf-to-docx"], [data-page="pdf-to-txt"], [data-page="pdf-to-word"], [data-page="powerpoint-to-pdf"], [data-page="rtf-to-pdf"], [data-page="word-to-pdf"]) {
    & .conv-tool {
        background: #0f0f11
    }
    & .conv-remove {
        color: #abacaf
    }
    & .conv-remove:hover {
        color: #d7d7d7
    }
    & .conv-status {
        color: #abacaf
    }
    & .conv-error {
        background: #151517;
        color: #e79b93
    }
    & .conv-done {
        color: #9ee9cb
    }
    & .conv-tool .conv-again {
        background: #0f0f11
    }
    & .hp-tab {
        color: #bcbcbd
    }
    & .hp-tab.is-active {
        background: #0f0f11
    }
    & .hp-preview {
        background: #0f0f11
    }
    & .hp-frame {
        background: #0f0f11
    }
    & .hp-opt select {
        background: #0f0f11
    }
}

/* services/csv-json/csvjson.css */
html[data-theme="dark"]:is([data-page="csv-to-json"]) {
    & .backgrid th, & .backgrid td {
        border-bottom: 1px solid #3b3b3f
    }
    & .backgrid thead th {
        background-color: #141416
    }
    & .backgrid.backgrid-striped tbody tr:nth-child(even) {
        background-color: #141416
    }
    & .backgrid .select-cell.editor select {
        background-color: #0f0f11
    }
    & .backgrid-paginator ul>li>a:hover, & .backgrid-paginator ul>.active>a, & .backgrid-paginator ul>.active>span {
        background-color: #17171a
    }
    & a {
        color: #96bfe2
    }
    & .flatfile-banner>li>a {
        color: #d9d9da
    }
    & .flatfile-banner>li>a .text-row .secondary {
        color: #b9b9ba
    }
    & .description p {
        border-bottom: 1px solid #313134
    }
    & blockquote, & blockquote p {
        color: #b5b5b5
    }
    & .alert-default {
        background-color: #1b1b1e
    }
    & label {
        color: #d1d1d1
    }
    & textarea.error {
        color: #ef3939;
        background-color: #341717
    }
    & span.result-note {
        color: #ef3939
    }
    & .CodeMirror {
        background-color: #1b1b1e
    }
    & .CodeMirror .line-error {
        background-color: #3a1a1b
    }
    & input.row-start {
        background-color: #0f0f11;
        border: 1px solid #434348
    }
    & .intro-section {
        background-color: #17171a
    }
    & .session-dropdown a.delete-session {
        color: #daa1a0
    }
}

/* services/domain/domain.css */
html[data-theme="dark"]:is([data-page="domain-name-generator"]) {
    & .dn-tool {
        background: #0f0f11
    }
    & .dn-words input {
        background: #0f0f11
    }
    & .dn-help {
        color: #bcbcbd
    }
    & .dn-tld-opt span {
        background: #0f0f11
    }
    & .dn-tld-opt:hover span {
        border-color: #5b5b60
    }
    & .dn-tld-toggle {
        border: 1px dashed #5b5b60
    }
    & .dn-style select {
        background: #0f0f11
    }
    & .dn-msg.is-info {
        color: #e9bc7c
    }
    & .dn-card {
        background: #0f0f11
    }
    & .dn-star:hover {
        background: #372f19
    }
    & .dn-pill.is-idle, & .dn-pill.is-checking {
        background: #0f0f11
    }
    & .dn-pill.is-free {
        background: #1e382c;
        color: #53e5a8
    }
    & .dn-pill.is-likely {
        background: #151517;
        color: #53e5a8
    }
    & .dn-pill.is-unknown {
        background: #392e19;
        color: #e9bc7c
    }
    & a.dn-pill.is-free:hover {
        background: #234134;
        color: #34e49b
    }
    & a.dn-pill.is-likely:hover {
        background: #1e382c
    }
    & a.dn-pill.is-unknown:hover {
        background: #43371e
    }
    & .dn-btn {
        background: #0f0f11
    }
    & .dn-btn.is-done {
        color: #9ee9cb
    }
}

/* services/fake-address/fake-address.css */
html[data-theme="dark"]:is([data-page="fake-address-generator"]) {
    & .fa-tool {
        background: #0f0f11
    }
    & .fa-field select, & .fa-field input {
        background: #0f0f11
    }
    & .fa-seg span {
        color: #bcbcbd
    }
    & .fa-seg input:checked+span {
        background: #0f0f11
    }
    & .fa-avatar {
        background: rgba(15, 15, 17, 0.2)
    }
    & .fa-head .fa-addr {
        background: rgba(15, 15, 17, 0.14)
    }
    & .fa-head .fa-addr:hover {
        background: rgba(15, 15, 17, 0.22)
    }
    & .fa-btn {
        background: #0f0f11
    }
    & .fa-btn.is-done {
        color: #9ee9cb
    }
    & .fa-note {
        color: #b2b2b3
    }
}

/* services/grammar/grammar.css */
html[data-theme="dark"]:is([data-page="grammar-check"]) {
    & .gc-tool {
        background: #0f0f11
    }
    & .gc-lang select {
        background: #0f0f11
    }
    & .gc-pop {
        background: #0f0f11
    }
    & .gc-chip {
        background: #0f0f11
    }
    & .gc-total {
        color: #bcbcbd
    }
    & .gc-kind {
        color: #bcbcbd
    }
    & .gc-status.is-ok {
        color: #69e1b1
    }
    & .gc-status.is-error {
        color: #e79d9d
    }
    & .gc-status.is-warn {
        color: #e9bc7c
    }
    & .gc-item {
        background: #0f0f11
    }
    & .gc-item-ctx {
        color: #bcbcbd
    }
    & .gc-btn {
        background: #0f0f11
    }
    & .gc-btn.is-done {
        color: #9ee9cb
    }
}

/* services/html-editor/html-editor.css */
html[data-theme="dark"]:is([data-page="online-html-editor"]) {
    & .he-tool {
        background: #0f0f11
    }
}

/* services/image-pdf/image-pdf.css */
html[data-theme="dark"]:is([data-page="jpg-to-pdf"]) {
    & .ip-tool .ip-add {
        background: #0f0f11
    }
    & .ip-thumb {
        background: #0f0f11
    }
    & .ip-btn {
        color: #bcbcbd
    }
    & .ip-btn:hover {
        color: #d7d7d7
    }
    & .ip-btn.ip-remove:hover {
        background: #381c19;
        color: #e79b93
    }
}

/* services/invoice/invoice.css */
html[data-theme="dark"]:is([data-page="invoice-generator"]) {
    & .iv-field select {
        background: #0f0f11
    }
    & .iv-btn {
        background: #0f0f11
    }
    & .iv-sheet {
        background: #0f0f11
    }
    & .iv-in:hover, & .iv-lbl:hover {
        border-color: #57575b
    }
    & .iv-in:focus, & .iv-lbl:focus {
        background: #141416
    }
    & .iv-logo-add {
        border: 1px dashed #57575b
    }
    & .iv-company {
        color: #e4e4e5
    }
    & .iv-items-head .iv-lbl:hover {
        border-color: rgba(41, 41, 44, 0.45);
        background: rgba(15, 15, 17, 0.12)
    }
    & .iv-items-head .iv-lbl:focus {
        border-color: #29292c;
        background: rgba(15, 15, 17, 0.18)
    }
    & .iv-amount {
        color: #e4e4e5
    }
    & .iv-del:hover, & .iv-del:focus-visible {
        background: #131315
    }
    & .iv-add {
        border: 1px dashed #57575b;
        background: #0f0f11
    }
    & .iv-v {
        color: #e4e4e5
    }
    & .iv-t.is-total .iv-lbl, & .iv-t.is-total .iv-v {
        color: #e4e4e5
    }
    & .ivp {
        background: #0f0f11;
        color: #dfdfe0
    }
    & .ivp-company {
        color: #3c558a
    }
    & .ivp-kv th {
        color: #aaabaf
    }
    & .ivp-kv td {
        color: #3c558a
    }
    & .ivp-cap {
        color: #aaabaf
    }
    & .ivp-items td {
        color: #dfdfe0
    }
    & .ivp-totals th {
        color: #c6c6c7
    }
    & .ivp-totals td {
        color: #3c558a
    }
    & .ivp-totals .ivp-grand th, & .ivp-totals .ivp-grand td {
        color: #3c558a
    }
    @media print {
        &.iv-printing body {
            background: #0f0f11 !important
        }
    }
}

/* services/json-csv/site.css */
html[data-theme="dark"]:is([data-page="json-to-csv"]) {
    & .console.in-use {
        background: #17171a
    }
    & .console.error {
        color: #f47878
    }
    & .json .error {
        color: #f04949
    }
    & .csv {
        color: #ededed
    }
    & .csv textarea {
        background-color: #17171a
    }
    & .csv table tr {
        background-color: #0f0f11
    }
    & .csv table thead tr, & .csv table tbody tr:nth-child(2n) {
        background-color: #141417
    }
    & .hljs {
        background-color: #17171a !important
    }
}

/* services/morse-code/morse.css */
html[data-theme="dark"]:is([data-page="morse-code-translator"]) {
    & #code {
        color: #d9d9da
    }
}

/* services/name-generator/pen-name.css */
html[data-theme="dark"]:is([data-page="pen-name-generator"]) {
}

/* services/name-generator/style.scoped.css */
html[data-theme="dark"]:is([data-page="wow-name-generator"]) {
    & :where(#nameGen) .form-control {
        color: #d9d9d9;
        background-color: #0f0f11;
        border: 1px solid #424247
    }
    & :where(#nameGen) label.form-label {
        color: #d1d1d1
    }
    & :where(#nameGen) {
        background: #141416 !important
    }
    & :where(#nameGen) p, & :where(#nameGen) a, & :where(#nameGen) ul li, & :where(#nameGen) ol li {
        color: #ededed
    }
    & :where(#nameGen) h1, & :where(#nameGen) h2, & :where(#nameGen) h3, & :where(#nameGen) h4, & :where(#nameGen) h5, & :where(#nameGen) h6 {
        color: #85e5ee
    }
    & :where(#nameGen) a {
        color: #d9d9d9
    }
    & :where(#nameGen) a:hover {
        color: #85e5ee
    }
    & :where(#nameGen) h6.h6-title {
        color: #dbdbdb
    }
    & :where(#nameGen) .sec-title2 h1, & :where(#nameGen) .sec-title2 h2, & :where(#nameGen) .sec-title2 h3, & :where(#nameGen) .sec-title2 h4, & :where(#nameGen) .sec-title2 h5, & :where(#nameGen) .sec-title2 h6 {
        color: #d1d1d1
    }
    & :where(#nameGen) .sec-title h1 {
        color: #d1d1d1
    }
    & :where(#nameGen) .sec-head {
        color: #d1d1d1
    }
    & :where(#nameGen) .sec-head:hover {
        color: #ededed
    }
    & :where(#nameGen) .text-black {
        color: #ededed
    }
    & :where(#nameGen) .coin-name-blue {
        color: #118dd7
    }
    & :where(#nameGen) .hr, & :where(#nameGen) hr {
        background-color: #1b1b1d
    }
    & :where(#nameGen) .form-element.arrow:before {
        color: #85e5ee
    }
    & :where(#nameGen) .generat-btn {
        background-color: #0f0f11;
        color: #ededed;
        border: 1px solid #36363a
    }
    & :where(#nameGen) .btn.border-btn {
        color: #85e5ee
    }
    & :where(#nameGen) .caret-down {
        border-top: 5px solid #29292c
    }
    & :where(#nameGen) .table td, & :where(#nameGen) .table th {
        border: 1px solid #36363a
    }
    & :where(#nameGen) .note {
        color: #d34a57;
        background-color: #401c20;
        border: 2px solid #75383f
    }
    & :where(#nameGen) .success_msg {
        color: #31ca54;
        background-color: #273d2c;
        border: 2px solid #476c4f
    }
    & :where(#nameGen) .white-box {
        background-color: #0f0f11
    }
    & :where(#nameGen) .header {
        background: #0f0f11
    }
    & :where(#nameGen) .menu>ul>li>a {
        color: #d1d1d1
    }
    & :where(#nameGen) .menu>ul>li>a.active, & :where(#nameGen) .menu>ul>li>a:hover {
        color: #85e5ee
    }
    & :where(#nameGen) .fake_submenu {
        background-color: #0f0f11;
        border: 1px solid #313135
    }
    & :where(#nameGen) .fake_submenu>li>a {
        color: #d1d1d1
    }
    & :where(#nameGen) .mega-menu .fake_submenu .menu-parts ul li a {
        color: #d1d1d1
    }
    & :where(#nameGen) .footer ul.footer-links>li>a:hover {
        color: #85e5ee
    }
    & :where(#nameGen) .footer .list_links {
        background-color: #0f0f11
    }
    & :where(#nameGen) .footer .list_links li:hover a {
        color: #85e5ee
    }
    & :where(#nameGen) .fab_icon i:hover {
        color: #8ea5d3
    }
    & :where(#nameGen) .linkedin_icon i:hover {
        color: #54bef1
    }
    & :where(#nameGen) .pint_icon i:hover {
        color: #eb8e94
    }
    & :where(#nameGen) .breadcrumb-wrap>ul>li>a {
        color: #d9d9d9;
        background-color: #0f0f11
    }
    & :where(#nameGen) .breadcrumb-wrap>ul>li>a>svg {
        fill: #85e5ee
    }
    & :where(#nameGen) .breadcrumb-wrap>ul>li>a::after {
        border-left-color: #29292c
    }
    & :where(#nameGen) .breadcrumb-wrap>ul>li:first-child>a::before {
        border-left-color: #29292c
    }
    & :where(#nameGen) .breadcrumb-wrap>ul>li>a::before {
        border-left-color: #2c2c2f
    }
    & :where(#nameGen) .sidebar-wrapper {
        background: #0f0f11;
        border: 1px solid #3b3b3f
    }
    & :where(#nameGen) .sidebar-wrapper #search-tools {
        border-bottom: 1px solid #3b3b3f
    }
    & :where(#nameGen) .sidebar-wrapper .search-tools i {
        color: #d1d1d1
    }
    & :where(#nameGen) .sidebar-wrapper #search-tools:focus+i {
        color: #85e5ee
    }
    & :where(#nameGen) .sidebar-wrapper>ul>li:not(:last-child) {
        border-bottom: 1px solid rgba(59, 59, 63, 0.369)
    }
    & :where(#nameGen) .sidebar-wrapper>ul>li>a {
        color: #ededed
    }
    & :where(#nameGen) .sidebar-active {
        color: #85e5ee
    }
    & :where(#nameGen) .dropdown-list {
        background-color: #0f0f11
    }
    & :where(#nameGen) .dropdown-list>li {
        border-bottom: 1px solid #303033
    }
    & :where(#nameGen) .dropdown-list>li>a {
        color: #1e8fed
    }
    & :where(#nameGen) .description {
        background: #0f0f11
    }
    & :where(#nameGen) .description a {
        color: #85e5ee
    }
    & :where(#nameGen) .description .description-title2 {
        color: #dbdbdb
    }
    & :where(#nameGen) .description dt {
        color: #d1d1d1
    }
    & :where(#nameGen) .contact-form .contactus-note {
        color: #bbbbbb
    }
    & :where(#nameGen) .contact-form .contant-form-label {
        color: #bbbbbb
    }
    & :where(#nameGen) .contact-form .contant-form-label>span {
        color: #bbbbbb
    }
    & :where(#nameGen) .mail-detail {
        border-top: 1px solid rgba(61, 61, 65, 0.271)
    }
    & :where(#nameGen) .ccard-mail {
        color: #1e8fed
    }
    & :where(#nameGen) .whatsapp-ios .whatsapp-text {
        background: #151518 !important
    }
    & :where(#nameGen) span.mail-icon i {
        color: #85e5ee
    }
    & :where(#nameGen) span.user-icon i {
        color: #85e5ee
    }
    & :where(#nameGen) .bulk-card-type {
        background-color: #5c5c63
    }
    & :where(#nameGen) .generated {
        background-color: #141416
    }
    & :where(#nameGen) .card-validator-wrapper, & :where(#nameGen) .validat-result-wrapper {
        background-color: #0f0f11
    }
    & :where(#nameGen) .validat-result-wrapper {
        border: 1px solid #38383d
    }
    & :where(#nameGen) #myProgress {
        background-color: #2c2c31
    }
    & :where(#nameGen) .suggest-form .form-control {
        border: 1px solid #434348
    }
    & :where(#nameGen) .fake-mail-list .number-list {
        background-color: #1a1a1c
    }
    & :where(#nameGen) .fake-user-list .number-list {
        background-color: #1a1a1c
    }
    & :where(#nameGen) .frame-2 {
        background: #0f0f11
    }
    & :where(#nameGen) .frame-2 .title {
        border: 1px solid #29292c
    }
    & :where(#nameGen) .symbols-type .symbols-list-title.active {
        background: #0f0f11
    }
    & :where(#nameGen) .symbols-type .symbols-list-title.active a {
        color: #85e5ee
    }
    & :where(#nameGen) .symbols-list-title:hover {
        background: #0f0f11
    }
    & :where(#nameGen) .symbols-list-title:hover a {
        color: #85e5ee
    }
    & :where(#nameGen) .symbol-content {
        background: #0f0f11
    }
    & :where(#nameGen) .show-generated-result .generated_name {
        color: #dbdbdb
    }
    & :where(#nameGen) .copy-btn {
        background: #0f0f11;
        color: #85e5ee
    }
    & :where(#nameGen) .orc-name-box {
        background: #0f0f11
    }
    & :where(#nameGen) .dwarf-btn, & :where(#nameGen) .orc-btn-box .orc-btn {
        background-color: #0f0f11;
        color: #ededed
    }
    & :where(#nameGen) .tabs-box .tabs .tablinks {
        background: #0f0f11;
        color: #dbdbdb
    }
    & :where(#nameGen) .tabs-box .tabs-drop .get-tab-value {
        background-color: #0f0f11;
        color: #dbdbdb
    }
    & :where(#nameGen) .username-generator1-model .modal-content::-webkit-scrollbar-track, & :where(#nameGen) .username-generator1 .list-username::-webkit-scrollbar-track {
        background-color: #0f0f11
    }
    & :where(#nameGen) .username-generator1 .sort-list .btn-sort {
        background-color: #0f0f11;
        color: #85e5ee
    }
    & :where(#nameGen) .champions-modal .modal, & :where(#nameGen) .username-generator1-model .modal {
        background-color: #0f0f11
    }
    & :where(#nameGen) .username-generator1-model .modal-content .select-name {
        color: #ededed
    }
    & :where(#nameGen) .username-generator1-model .modal-content .select-name .remove {
        background-color: #0f0f11
    }
    & :where(#nameGen) .username-generator1-model .modal-content .select-name.no_data, & :where(#nameGen) .username-generator1-model .modal-content .selected-list .empty-list {
        background: #0f0f11
    }
    & :where(#nameGen) .social-alert {
        color: #d1d1d1
    }
    & :where(#nameGen) .social-alert i {
        background: #0f0f11;
        color: #d1d1d1
    }
    & :where(#nameGen) .social-alert.facebook i {
        color: #8ea5d3
    }
    & :where(#nameGen) .social-alert.youtube i {
        color: #e89996
    }
    & :where(#nameGen) .social-alert.github i {
        color: #e1e1e2
    }
    & :where(#nameGen) .social-alert.pinterest i {
        color: #f26272
    }
    & :where(#nameGen) .social-alert.flicker i {
        color: #f797c9
    }
    & :where(#nameGen) .social-alert.px500 i {
        color: #dadada
    }
    & :where(#nameGen) .social-alert.reddit i {
        color: #f7b197
    }
    & :where(#nameGen) .social-alert.wordpress i {
        color: #49baf0
    }
    & :where(#nameGen) .social-alert.etsy i {
        color: #f6b88e
    }
    & :where(#nameGen) .social-alert.soundcloud i {
        color: #f7b797
    }
    & :where(#nameGen) .social-alert.behance i {
        color: #ececec
    }
    & :where(#nameGen) .social-alert .check-btn {
        background: #0f0f11
    }
    & :where(#nameGen) .free-alert {
        color: #31ca54;
        background-color: #273d2c;
        border: 2px solid #476c4f
    }
    & :where(#nameGen) .free-alert.social-alert a.social-name:hover {
        color: #31ca54
    }
    & :where(#nameGen) .taken-alert {
        color: #d34a57;
        background-color: #401c20;
        border: 2px solid #75383f
    }
    & :where(#nameGen) .taken-alert.social-alert a.social-name:hover {
        color: #d34a57
    }
    & :where(#nameGen) .spinner-bar i {
        color: #dadada !important
    }
    & :where(#nameGen) .mail-generator-form {
        background: #0f0f11
    }
    & :where(#nameGen) .fake-mail-gen input.gen_name::placeholder {
        color: #dbdbdb
    }
    & :where(#nameGen) .mail-suggest {
        background: #0f0f11
    }
    & :where(#nameGen) .mail-suggest input {
        background-color: #0f0f11
    }
    & :where(#nameGen) .switch-btn {
        background-color: #43434a
    }
    & :where(#nameGen) .switch-btn:before {
        background-color: #0f0f11
    }
    & :where(#nameGen) .champions-modal {
        background-color: rgba(15, 15, 17, 0.5)
    }
    & :where(#nameGen) .champions-modal .modal-header .modal-img {
        border: 3px solid #29292c
    }
    & :where(#nameGen) .champions-modal .modal-header .champion-name .name {
        color: #ededed
    }
    & :where(#nameGen) .champions-modal .details-row .details-box li {
        border: 3px solid #29292c
    }
    & :where(#nameGen) .champions-modal .modal .close-modal {
        background-color: #0f0f11;
        color: #85e5ee
    }
    & :where(#nameGen) .verse.with_img .verse-content {
        background-color: rgba(15, 15, 17, 0.25)
    }
    @media screen and (min-width:768px) and (max-width:919px) {
        & :where(#nameGen) .menu>ul>li>a.active, & :where(#nameGen) .menu>ul>li>a:hover {
            color: #85e5ee !important;
            background: #1b1b1d
        }
    }
    @media screen and (min-width:768px) and (max-width:919px) {
        & :where(#nameGen) li.cardsideber.active a {
            border-top: 1px solid #29292c
        }
    }
    @media screen and (min-width:768px) and (max-width:919px) {
        & :where(#nameGen) .menu>ul>li>a:hover {
            background: #141416;
            color: #85e5ee !important
        }
    }
    @media screen and (max-width: 991px) {
        & :where(#nameGen) .menu>ul>li>a.active, & :where(#nameGen) .menu>ul>li>a:hover {
            background: #141416;
            color: #85e5ee !important
        }
    }
    @media screen and (max-width: 991px) {
        & :where(#nameGen) .mega-menu .fake_submenu .menu-parts ul li a:hover, & :where(#nameGen) .mega-menu .fake_submenu .menu-parts ul li a.active, & :where(#nameGen) .fake_submenu>li>a.active, & :where(#nameGen) .fake_submenu>li>a:hover {
            background: rgba(15, 15, 17, 0.2)
        }
    }
    @media screen and (max-width: 920px) {
        & :where(#nameGen) li.cardsideber.active a {
            border-top: 1px solid #29292c
        }
    }
    @media screen and (max-width: 920px) {
        & :where(#nameGen) .menu>ul>li>a:hover {
            background: #141416;
            color: #85e5ee !important
        }
    }
    @media screen and (max-width: 920px) {
        & :where(#nameGen) .fake_submenu>li>a {
            color: #d1d1d1 !important
        }
    }
    @media screen and (max-width: 767px) {
        & :where(#nameGen) .tabs-box .tabs .tablinks.active {
            color: #dbdbdb;
            background-color: #0f0f11
        }
    }
    @media screen and (max-width: 480px) {
        & :where(#nameGen) .generat-btn {
            background-color: #0f0f11;
            color: #ededed;
            border: 1px solid #36363a
        }
    }
    & :where(#nameGen) .social-page .input-group .input-group-addon {
        background: #0f0f11
    }
    & :where(#nameGen) .social-page .form-group label {
        color: #ededed
    }
    & :where(#nameGen) .social-page .form-group>input, & :where(#nameGen) .social-page .form-group>textarea, & :where(#nameGen) .social-page .form-group select {
        color: #d9d9d9;
        background-color: #0f0f11;
        border: 1px solid #424247
    }
    & :where(#nameGen) .social-page .nav-tabs>li>a {
        color: #ededed
    }
    & :where(#nameGen) .social-page .fileinput-exists img {
        border: 1px solid #3b3b3f
    }
    & :where(#nameGen) .social-page .radio-grp .fb_post_d_block, & :where(#nameGen) .social-page .checkbox-grp .fb_post_d_block {
        color: #ededed
    }
    & :where(#nameGen) .right-part {
        border: 1px solid #424247
    }
    & :where(#nameGen) .right-part .live-box {
        background: #0f0f11
    }
    & :where(#nameGen) .social-view-tab {
        background: #0f0f11;
        border: 1px solid #424247
    }
    & :where(#nameGen) .social-view-tab button {
        color: #d1d1d1;
        background: #0f0f11
    }
    & :where(#nameGen) .social-view-tab button:hover {
        color: #85e5ee
    }
    & :where(#nameGen) .right-part #download {
        border-color: #3b3b3f
    }
    & :where(#nameGen) .right-part .modal-content {
        border: 1px solid #3b3b3f
    }
    & :where(#nameGen) .android-header .status-bar {
        background-color: #1b1b1e;
        color: #ededed
    }
    & :where(#nameGen) .android-header .status-bar .battery-status {
        color: #ededed
    }
    & :where(#nameGen) .android-header.white-content .status-bar .battery {
        border-color: #29292c
    }
    & :where(#nameGen) .android-header.white-content .battery-level, & :where(#nameGen) .android-header.white-content .status-bar .battery:before {
        background: #0f0f11
    }
    & :where(#nameGen) .ios-header .status-bar {
        background: #151518;
        color: #ededed
    }
    & :where(#nameGen) .ios-header .iphone-moblie-network span {
        color: #ededed
    }
    & :where(#nameGen) .ios-header.white-content .battery-container .battery, & :where(#nameGen) .ios-header.white-content .iphone-moblie-network div {
        border-color: #29292c
    }
    & :where(#nameGen) .ios-header.white-content .iphone-moblie-network div:nth-child(1), & :where(#nameGen) .ios-header.white-content .iphone-moblie-network div:nth-child(2), & :where(#nameGen) .ios-header.white-content .iphone-moblie-network div:nth-child(3), & :where(#nameGen) .ios-header.white-content .battery-container .battery:before, & :where(#nameGen) .ios-header.white-content .battery-container .battery .battery-level {
        background: #0f0f11
    }
    & :where(#nameGen) .right-part .header-content span {
        color: #ebebeb
    }
    & :where(#nameGen) .right-part .header-content a {
        color: #b4b4b6
    }
    & :where(#nameGen) .right-part .modal-body .message-received .message-bubble {
        background-color: #0f0f11;
        border-color: #29292c
    }
    & :where(#nameGen) .right-part .modal-body .message-sent .message-bubble {
        background-color: #0f0f11;
        border-color: #29292c
    }
}

/* services/name-wheel/wheel.css */
html[data-theme="dark"]:is([data-page="random-name-generator-wheel"]) {
    & .nw-tool {
        background: #0f0f11
    }
    & .nw-spin {
        border: 4px solid #29292c
    }
    & .nw-names {
        background: #0f0f11
    }
    & .nw-btn {
        background: #0f0f11
    }
    & .nw-link.is-done {
        color: #9ee9cb
    }
    & .nw-dialog {
        background: #0f0f11
    }
}

/* services/password-generator/style.css */
html[data-theme="dark"]:is([data-page="password-generator"]) {
    & .result #copy-btn:active {
        box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.048)
    }
    & #slider {
        background: rgba(15, 15, 17, 0.314)
    }
    & .settings .setting input + label::after {
        background: #0f0f11
    }
    & .btn.generate:active {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.048)
    }
}

/* services/pdf-text/pdf-text.css */
html[data-theme="dark"]:is([data-page="pdf-to-txt"]) {
    & .pt-note {
        background: #372f19;
        color: #dcb95a
    }
    & .pt-tool .pt-copy, & .pt-tool .pt-again {
        background: #0f0f11
    }
}

/* services/ppolicy/ppolicy.css */
html[data-theme="dark"]:is([data-page="privacy-policy-generator"]) {
    & .pp-form .at-field input, & .pp-form .at-field select {
        background: #0f0f11
    }
    & .pp-svc {
        background: #0f0f11
    }
    & .pp-tab {
        color: #bcbcbd
    }
    & .pp-tab[aria-selected=true] {
        background: #0f0f11
    }
    & .pp-lang select {
        background: #0f0f11
    }
    & .pp-doc {
        background: #0f0f11
    }
    & .pp-doc .pp-title {
        color: #e4e4e5
    }
    & .pp-doc h3 {
        color: #e4e4e5
    }
    & .pp-miss {
        background: #453c1f;
        color: #e3ad4c
    }
}

/* services/qr-code-generator/style.css */
html[data-theme="dark"]:is([data-page="qr-code-generator"]) {
    & .qr-code {
        border: 1rem solid #29292c
    }
}

/* services/rap-names/rap-names.css */
html[data-theme="dark"]:is([data-page="npc-name-generator"], [data-page="random-name-generator-for-games"], [data-page="rap-name-generator"], [data-page="rapper-name-generator"], [data-page="roblox-name-generator"], [data-page="wu-tang-name-generator"]) {
    & .rn-tool {
        background: #0f0f11
    }
    & .rn-name input {
        background: #0f0f11
    }
    & .rn-style select {
        background: #0f0f11
    }
    & .rn-seg span {
        color: #bcbcbd
    }
    & .rn-seg input:checked+span {
        background: #0f0f11
    }
    & .rn-hero {
        color: #f7e797
    }
    & .rn-hero .rn-btn {
        color: #f7e797
    }
    & .rn-card {
        background: #0f0f11
    }
    & .rn-copy.is-done {
        color: #9ee9cb
    }
    & .rn-star:hover {
        background: #372f19
    }
    & .rn-btn {
        background: #0f0f11
    }
    & .rn-btn.is-done {
        color: #9ee9cb
    }
    & .rn-rules {
        color: #bcbcbd
    }
    & .rn-rules li.is-ok {
        color: #69e1b2
    }
    & .rn-verdict.is-ok {
        color: #69e1b2
    }
}

/* services/remove-line-breaks/style.css */
html[data-theme="dark"]:is([data-page="remove-line-breaks"]) {
    & label.form-label.svelte-y9thn0.svelte-y9thn0 {
        color: rgba(237, 237, 237, 0.5)
    }
}

/* services/scrabble/scrabble.css */
html[data-theme="dark"]:is([data-page="scrabble-word-finder"]) {
    & .sc-tool {
        background: #0f0f11
    }
    & .sc-clear {
        color: #abacaf
    }
    & .sc-clear:hover {
        color: #d7d7d7
    }
    & .sc-tile {
        background: linear-gradient(180deg,#493d20,#ecd093);
        color: #a67638
    }
    & .sc-tile.is-blank {
        background: linear-gradient(180deg,#3c321a,#4b3f23)
    }
    & .sc-field input, & .sc-field select {
        background: #0f0f11
    }
    & .sc-seg span {
        color: #bcbcbd
    }
    & .sc-seg input:checked+span {
        background: #0f0f11
    }
    & .sc-sort select {
        background: #0f0f11
    }
    & .sc-word {
        background: #0f0f11
    }
    & .sc-more {
        background: #0f0f11
    }
}

/* services/text-stats/text-stats.css */
html[data-theme="dark"]:is([data-page="character-counter"], [data-page="readability-checker"], [data-page="sentence-counter"], [data-page="word-counter"], [data-page="word-frequency-counter"]) {
    & .ts-tool {
        background: #0f0f11
    }
    & .ts-btn {
        background: #0f0f11
    }
    & .ts-limit-field input {
        background: #0f0f11
    }
    & .ts-chips button {
        background: #0f0f11;
        color: #bcbcbd
    }
    & .ts-limit-status {
        color: #9ee9cb
    }
    & .ts-seg-label {
        color: #bcbcbd
    }
    & .ts-seg label span {
        color: #bcbcbd
    }
    & .ts-seg input:checked+span {
        background: #0f0f11
    }
    & .ts-sent li.is-long .ts-sent-n {
        background: #3a2e1a;
        color: #f2bd63
    }
    & .ts-rd-gauge i {
        border: 3px solid #29292c
    }
    & .ts-rd-lang select {
        background: #0f0f11
    }
    & .ts-rd-formula {
        color: #bcbcbd
    }
}

/* services/text-utils/text-utils.css */
html[data-theme="dark"]:is([data-page="acronym-generator"], [data-page="add-line-numbers"], [data-page="ascii-art-generator"], [data-page="ascii-to-binary"], [data-page="ascii-to-hex"], [data-page="band-name-generator"], [data-page="base64-encode-decode"], [data-page="binary-to-ascii"], [data-page="binary-to-decimal"], [data-page="binary-to-hex"], [data-page="binary-to-text"], [data-page="binary-translator"], [data-page="bold-text-generator"], [data-page="braille-translator"], [data-page="brand-name-generator"], [data-page="business-name-generator"], [data-page="caesar-cipher"], [data-page="character-name-generator"], [data-page="city-name-generator"], [data-page="company-name-generator"], [data-page="csv-to-json"], [data-page="cursed-text-generator"], [data-page="cursive-generator"], [data-page="decimal-to-binary"], [data-page="decimal-to-hex"], [data-page="demon-name-generator"], [data-page="dragon-name-generator"], [data-page="dwarf-name-generator"], [data-page="elf-name-generator"], [data-page="fantasy-name-generator"], [data-page="female-name-generator"], [data-page="find-and-replace"], [data-page="glitch-text-generator"], [data-page="hash-generator"], [data-page="hex-to-ascii"], [data-page="hex-to-binary"], [data-page="hex-to-decimal"], [data-page="invisible-character"], [data-page="island-name-generator"], [data-page="json-formatter"], [data-page="json-to-csv"], [data-page="kingdom-name-generator"], [data-page="last-name-generator"], [data-page="markdown-to-html"], [data-page="minify-css"], [data-page="morse-code-translator"], [data-page="name-generator"], [data-page="nato-phonetic-alphabet"], [data-page="number-to-words"], [data-page="online-html-editor"], [data-page="password-generator"], [data-page="planet-name-generator"], [data-page="qr-code-generator"], [data-page="random-letter-generator"], [data-page="random-noun-generator"], [data-page="random-number-generator"], [data-page="random-team-generator"], [data-page="remove-accents"], [data-page="remove-duplicate-lines"], [data-page="remove-empty-lines"], [data-page="remove-extra-spaces"], [data-page="remove-html-tags"], [data-page="remove-line-breaks"], [data-page="reverse-text"], [data-page="roman-numeral-converter"], [data-page="rot13"], [data-page="ship-name-generator"], [data-page="slug-generator"], [data-page="small-text-generator"], [data-page="sort-lines"], [data-page="star-wars-name-generator"], [data-page="strikethrough-text-generator"], [data-page="superhero-name-generator"], [data-page="text-repeater"], [data-page="text-to-binary"], [data-page="tiny-text-generator"], [data-page="town-name-generator"], [data-page="transliteration"], [data-page="upside-down-text-generator"], [data-page="url-decoder"], [data-page="url-encoder"], [data-page="username-generator"], [data-page="uuid-generator"], [data-page="word-generator"], [data-page="xml-to-csv"], [data-page="xml-to-json"], [data-page="youtube-name-generator"]) {
    & .tu-tool {
        background: #0f0f11
    }
    & .tu-field select, & .tu-field input {
        background: #0f0f11
    }
    & .tu-seg span {
        color: #bcbcbd
    }
    & .tu-seg input:checked+span {
        background: #0f0f11
    }
    & .tu-legend {
        color: #bcbcbd
    }
    & .tu-input {
        background: #0f0f11
    }
    & .tu-preview {
        background: #0f0f11
    }
    & .tu-status {
        color: #bcbcbd
    }
    & .tu-status.is-error {
        color: #e79b93
    }
    & .tu-status.is-ok {
        color: #68e2b1
    }
    & .tu-status code {
        color: #e79b93
    }
    & .tu-btn:not(.tu-primary) {
        background: #0f0f11
    }
    & .tu-btn:not(.tu-primary):hover {
        background: #1a1b26
    }
    & .tu-btn.is-done:not(.tu-primary) {
        color: #9ee9cb
    }
    & .tu-variants li.is-match {
        background: #1a3325
    }
    & .tu-tag {
        color: #bcbcbd
    }
    & .tu-tag.is-word {
        background: #1a3325;
        color: #68e2b1
    }
}

/* services/textgen/textgen.css */
html[data-theme="dark"]:is([data-page="lorem-ipsum-generator"], [data-page="text-generator"]) {
    & .tg-tool {
        background: #0f0f11
    }
    & .tg-field select, & .tg-field input {
        background: #0f0f11
    }
    & .tg-seg span {
        color: #bcbcbd
    }
    & .tg-seg input:checked+span {
        background: #0f0f11
    }
    & .tg-btn {
        background: #0f0f11
    }
    & .tg-btn.is-done {
        color: #9ee9cb
    }
}

/* services/tools/tools.css */
html[data-theme="dark"]:is([data-page="credit-card-generator"], [data-page="email-generator"], [data-page="hashtag-generator"], [data-page="privacy-policy-generator"], [data-page="speech-to-text"], [data-page="text-to-speech"], [data-page="title-generator"]) {
    & .at-tool {
        background: #0f0f11
    }
    & .at-field select, & .at-field input[type=text], & .at-field input[type=number], & .at-input {
        background: #0f0f11
    }
    & .at-seg span {
        color: #bcbcbd
    }
    & .at-seg input:checked+span {
        background: #0f0f11
    }
    & .at-btn {
        background: #0f0f11
    }
    & .at-btn:disabled {
        background: #0f0f11
    }
    & .at-btn.is-done {
        color: #9ee9cb
    }
    & .at-note {
        color: #bcbcbd
    }
    & .at-note.is-warn {
        background: #372f19;
        color: #e3ad4c
    }
    & .at-icon.is-done {
        color: #9ee9cb
    }
    & .stt-mic:disabled {
        background: #2f2f32
    }
    & .stt-status {
        color: #bcbcbd
    }
    & .stt-status.is-live {
        color: #e79d9d
    }
    & .stt-marks {
        background: #0f0f11
    }
    & .stt-mark {
        background: #0f0f11
    }
}

/* services/word-scrambler/scrambler.css */
html[data-theme="dark"]:is([data-page="word-scrambler"]) {
    & .ws-tool {
        background: #0f0f11
    }
    & .ws-variants input {
        background: #0f0f11
    }
    & .ws-seg span {
        color: #bcbcbd
    }
    & .ws-seg input:checked+span {
        background: #0f0f11
    }
    & .ws-input {
        background: #0f0f11
    }
    & .ws-btn {
        background: #0f0f11
    }
    & .ws-btn.is-done {
        color: #9ee9cb
    }
}

/* services/xml-csv/stylesheet.css */
html[data-theme="dark"]:is([data-page="xml-to-csv"]) {
    & .announcement-new {
        color: #c8c8c8
    }
    & .side[data-theme="theme-plain"] label {
        color: #9db5d1
    }
    & .side[data-theme="theme-plain"] .side-widgets {
        background: #202023
    }
    & .side[data-theme="theme-plain"] .side-widgets .widget {
        color: #c1c1c1
    }
    & .side[data-theme="binary"] label {
        color: #ededed
    }
    & .side > label .status {
        color: #ededed
    }
    & .combinator-tool:hover {
        background-color: rgba(15, 15, 17, 0.1)
    }
    & .tool-inline i {
        color: rgba(237, 237, 237, 0.25)
    }
    & .tool:nth-child(odd) .chain-link {
        border: 5px #414145 dashed
    }
    & .tool:nth-child(even) .chain-link {
        border: 5px #414145 dashed
    }
    & .tool + .tool:before {
        color: rgba(237, 237, 237, 0.35)
    }
    & .tool:nth-child(odd) .chain-link:after {
        border-right: 10px solid #414145
    }
    & .tool:nth-child(even) .chain-link:after {
        border-left: 10px solid #414145
    }
    & .tool-toggle-layout:hover i, & .tool-swap:hover i, & .tool-favorite:hover i, & .tool-create-link:hover i, & .tool-create-link.active i {
        color: rgba(237, 237, 237, 0.4)
    }
    & .tool-tweet svg {
        fill: rgba(237, 237, 237, 0.25)
    }
    & .tool-tweet:hover svg {
        fill: rgba(237, 237, 237, 0.4)
    }
    & .tool-link input[type="text"] {
        box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(0, 0, 0, 0.09)
    }
    & .sides .tool-favorite.active i {
        color: #f6e690
    }
    & .side-box.empty .side-widgets .widget, & .side-box.empty .side-widgets .toggle-hide .icon {
        color: rgba(237, 237, 237, 0.3)
    }
    & .badge-positive .badge-icon:after {
        border-bottom: 6px #29292c solid;
        border-right: 6px #29292c solid
    }
    & .badge-negative .badge-icon:after {
        border-right: 6px #29292c solid
    }
    & .badge-negative .badge-icon:before {
        border-right: 6px #29292c solid
    }
    & .badge-warning .badge-icon:after {
        border-right: 6px #29292c solid
    }
    & .badge-warning .badge-icon:before {
        border-right: 6px #29292c solid
    }
}

/* services/typing-test/typing-test.css */
html[data-theme="dark"]:is([data-page="typing-speed-test"]) {
    & .ty-tool {
        background: #0f0f11
    }
    & .ty-seg span {
        color: #bcbcbd
    }
    & .ty-seg input:checked+span {
        background: #0f0f11
    }
    & .ty-btn {
        background: #0f0f11
    }
    & .ty-text span.bad {
        background: #3a1a1d
    }
    & .ty-cover {
        background: rgba(16, 16, 18, 0.78)
    }
    & .ty-result-title {
        color: #bcbcbd
    }
    & .ty-result-main span {
        color: #bcbcbd
    }
    & .ty-result-grid>div {
        background: #0f0f11
    }
    & .ty-best {
        color: #bcbcbd
    }
    & .ty-best.is-new {
        color: #68e2b1
    }
}