/* 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: #131723
    }
    & .random_word:hover {
        background-color: #1d2437
    }
    & #wordPen {
        border: 1px solid #343a4e;
        background: #131723
    }
    & .appended_random_word {
        background-color: #1d2437
    }
}

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

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

/* services/barcode/barcode.css */
html[data-theme="dark"]:is([data-page="barcode-generator"]) {
    & .bc-tool {
        background: #131723
    }
    & .bc-field select, & .bc-field textarea {
        border: 1px solid #474e61;
        background: #131723;
        color: #c8cbd2
    }
    & .bc-hint {
        color: #afb1b8
    }
    & .bc-msg {
        color: #9ee9cb
    }
    & .bc-preview {
        border: 1px solid #454c5f;
        background: #141926
    }
    & .bc-preview.is-transparent {
        background: repeating-conic-gradient(#222530 0 25%,#131723 0 50%) 0 0/20px 20px
    }
    & .bc-item {
        background: #131723
    }
    & .bc-preview.is-transparent .bc-item {
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6)
    }
    & .bc-item.is-bad {
        background: #161b29;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6)
    }
    & .bc-item code {
        color: #c0c2c9
    }
    & .bc-options {
        background: #161b29
    }
    & .bc-row+.bc-row {
        border-top: 1px solid #454c5f
    }
    & .bc-check {
        color: #c0c2c9
    }
    & .bc-color input {
        border: 1px solid #474e61;
        background: #131723
    }
    & .bc-seg {
        background: #212533
    }
    & .bc-seg span {
        color: #afb1b8
    }
    & .bc-seg input:checked+span {
        background: #131723
    }
    & .bc-btn {
        background: #131723
    }
    & .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 #2e3445
    }
    & code {
        color: #ea90a7;
        background-color: #2e1f23
    }
    & output {
        color: #bebebe
    }
    & .form-control {
        color: #bebebe;
        border: 1px solid #394056
    }
    & .form-control[disabled], & .form-control[readonly] {
        background-color: #1d2437
    }
    & .btn:focus, & .btn:hover {
        color: #d1d1d1
    }
    & .btn-default {
        color: #d1d1d1;
        background-color: #131723;
        border-color: #394056
    }
    & .btn-default.active, & .btn-default:active, & .btn-default:focus, & .btn-default:hover {
        color: #d1d1d1;
        background-color: #222a40
    }
    & .btn-default[disabled], & .btn-default[disabled].active, & .btn-default[disabled]:active, & .btn-default[disabled]:focus, & .btn-default[disabled]:hover {
        background-color: #131723;
        border-color: #394056
    }
    & .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: #131723;
        border: 1px solid #343a4e
    }
    & a.list-group-item {
        color: #bebebe
    }
    & a.list-group-item:focus, & a.list-group-item:hover {
        color: #bebebe;
        background-color: #191e2f
    }
    & .well {
        background-color: #191e2f;
        border: 1px solid #32384b
    }
    & .navbar-default .navbar-nav>li>a {
        color: #ededed
    }
    & .header {
        border-bottom: solid 10px #4a5b67
    }
    & #one-text, & #two-texts {
        background-color: #131723
    }
    & .words-statistics {
        background-color: #181d2c
    }
}

/* 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: #131723
    }
    & .conv-drop-title {
        color: #c0c2c9
    }
    & .conv-file {
        border: 1px solid #2f3546;
        background: #141926
    }
    & .conv-file-name {
        color: #c0c2c9
    }
    & .conv-remove {
        background: #202430;
        color: #abacaf
    }
    & .conv-remove:hover {
        background: #222737;
        color: #cbcccf
    }
    & .conv-bar {
        background: #202430
    }
    & .conv-status {
        color: #abacaf
    }
    & .conv-error {
        background: #171c2c;
        color: #e79b93
    }
    & .conv-done {
        color: #9ee9cb
    }
    & .conv-tool .conv-again {
        background: #131723
    }
    & .hp-tabs {
        background: #1c2130
    }
    & .hp-tab {
        color: #afb1b8
    }
    & .hp-tab:hover {
        color: #c0c2c9
    }
    & .hp-tab.is-active {
        background: #131723
    }
    & .hp-code {
        border: 1px solid #474e61;
        background: #141926;
        color: #c8cbd2
    }
    & .hp-preview {
        border: 1px solid #474e61;
        background: #131723
    }
    & .hp-frame {
        background: #131723
    }
    & .hp-empty {
        background: repeating-linear-gradient(135deg,#141926 0 12px,#171c2c 12px 24px)
    }
    & .hp-url {
        border: 1px solid #474e61;
        background: #141926;
        color: #c8cbd2
    }
    & .hp-options {
        background: #161b29
    }
    & .hp-opt select {
        border: 1px solid #474e61;
        background: #131723;
        color: #c0c2c9
    }
    & .hp-check {
        color: #c0c2c9
    }
}

/* services/csv-json/csvjson.css */
html[data-theme="dark"]:is([data-page="csv-to-json"]) {
    & .backgrid th, & .backgrid td {
        border-bottom: 1px solid #343a4e
    }
    & .backgrid thead th {
        background-color: #171b2a
    }
    & .backgrid.backgrid-striped tbody tr:nth-child(even) {
        background-color: #171b2a
    }
    & .backgrid .select-cell.editor select {
        background-color: #131723
    }
    & .backgrid-paginator ul>li>a:hover, & .backgrid-paginator ul>.active>a, & .backgrid-paginator ul>.active>span {
        background-color: #191e2f
    }
    & a {
        color: #96bfe2
    }
    & .flatfile-banner>li>a {
        color: #cccdd2
    }
    & .flatfile-banner>li>a .text-row .secondary {
        color: #acafb6
    }
    & .description p {
        border-bottom: 1px solid #2e3344
    }
    & blockquote, & blockquote p {
        color: #b5b5b5
    }
    & .alert-default {
        background-color: #1c2234
    }
    & label {
        color: #d1d1d1
    }
    & textarea.error {
        color: #ef3939;
        background-color: #341717
    }
    & span.result-note {
        color: #ef3939
    }
    & .CodeMirror {
        background-color: #1c2234
    }
    & .CodeMirror .line-error {
        background-color: #3a1a1b
    }
    & input.row-start {
        background-color: #131723;
        border: 1px solid #394056
    }
    & .intro-section {
        background-color: #191e2f
    }
    & .session-dropdown a.delete-session {
        color: #daa1a0
    }
}

/* services/domain/domain.css */
html[data-theme="dark"]:is([data-page="domain-name-generator"]) {
    & .dn-tool {
        background: #131723
    }
    & .dn-words input {
        border: 1px solid #474e61;
        background: #131723;
        color: #c8cbd2
    }
    & .dn-help {
        color: #afb1b8
    }
    & .dn-example {
        border: 1px solid #474e61;
        background: #161b29
    }
    & .dn-example:hover {
        background: #181c35
    }
    & .dn-options {
        background: #161b29
    }
    & .dn-tld-opt span {
        border: 1px solid #474e61;
        background: #131723;
        color: #c0c2c9
    }
    & .dn-tld-opt:hover span {
        border-color: #4f566b
    }
    & .dn-tld-toggle {
        border: 1px dashed #4f566b
    }
    & .dn-row {
        border-top: 1px solid #454c5f
    }
    & .dn-style select {
        border: 1px solid #474e61;
        background: #131723;
        color: #c8cbd2
    }
    & .dn-check {
        color: #c0c2c9
    }
    & .dn-msg {
        color: #c0c2c9
    }
    & .dn-msg.is-info {
        color: #e9bc7c
    }
    & .dn-start {
        border: 1px dashed #474e61
    }
    & .dn-card {
        border: 1px solid #454c5f;
        background: #131723
    }
    & .dn-card:hover {
        border-color: #474f66
    }
    & .dn-name {
        color: #c8cbd2
    }
    & .dn-star:hover {
        background: #372f19
    }
    & .dn-pill.is-idle, & .dn-pill.is-checking {
        border-color: #464d60;
        background: #131723
    }
    & .dn-pill.is-idle::before {
        background: #2c313b
    }
    & .dn-pill.is-free {
        background: #1e382c;
        color: #53e5a8
    }
    & .dn-pill.is-likely {
        background: #171c2c;
        color: #53e5a8
    }
    & .dn-pill.is-taken {
        background: #191e2f
    }
    & .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-taken:hover {
        background: #23262f
    }
    & a.dn-pill.is-unknown:hover {
        background: #43371e
    }
    & .dn-btn {
        background: #131723
    }
    & .dn-btn.is-done {
        color: #9ee9cb
    }
    & .dn-saved {
        border-top: 1px solid #454c5f
    }
    & .dn-saved-head {
        color: #c8cbd2
    }
}

/* services/fake-address/fake-address.css */
html[data-theme="dark"]:is([data-page="fake-address-generator"]) {
    & .fa-tool {
        background: #131723
    }
    & .fa-options {
        background: #161b29
    }
    & .fa-field select, & .fa-field input {
        border: 1px solid #474e61;
        background: #131723;
        color: #c0c2c9
    }
    & .fa-seg {
        background: #212533
    }
    & .fa-seg span {
        color: #afb1b8
    }
    & .fa-seg input:checked+span {
        background: #131723
    }
    & .fa-card {
        border: 1px solid #454c5f
    }
    & .fa-avatar {
        background: rgba(19, 23, 35, 0.2)
    }
    & .fa-head .fa-addr {
        background: rgba(19, 23, 35, 0.14)
    }
    & .fa-head .fa-addr:hover {
        background: rgba(19, 23, 35, 0.22)
    }
    & .fa-sec {
        border-top: 1px solid #444a5d
    }
    & .fa-sec:nth-child(odd) {
        border-right: 1px solid #444a5d
    }
    & .fa-row {
        border-bottom: 1px dashed #444a5d
    }
    & .fa-val {
        color: #c8cbd2
    }
    & .fa-btn {
        background: #131723
    }
    & .fa-btn.is-done {
        color: #9ee9cb
    }
    & .fa-list h3 {
        color: #c0c2c9
    }
    & .fa-table {
        border: 1px solid #454c5f
    }
    & .fa-table th {
        background: #161b29
    }
    & .fa-table td {
        border-top: 1px solid #444a5d;
        color: #c0c2c9
    }
    & .fa-table tbody tr:hover {
        background: #151926
    }
    & .fa-note {
        background: #161b29;
        color: #a6a8ae
    }
}

/* services/grammar/grammar.css */
html[data-theme="dark"]:is([data-page="grammar-check"]) {
    & .gc-tool {
        background: #131723
    }
    & .gc-lang select {
        border: 1px solid #474e61;
        background: #131723;
        color: #c0c2c9
    }
    & .gc-picky {
        color: #c0c2c9
    }
    & .gc-editor {
        border: 1px solid #474e61;
        background: #141926
    }
    & .gc-input {
        color: #c8cbd2
    }
    & .gc-pop {
        border: 1px solid #414961;
        background: #131723
    }
    & .gc-pop-head {
        color: #c8cbd2
    }
    & .gc-pop-msg {
        color: #b8bac1
    }
    & .gc-chip {
        background: #131723
    }
    & .gc-ignore:hover {
        color: #c0c2c9
    }
    & .gc-summary {
        background: #161b29
    }
    & .gc-total {
        color: #afb1b8
    }
    & .gc-total b {
        color: #c8cbd2
    }
    & .gc-kind {
        color: #afb1b8
    }
    & .gc-kind b {
        color: #c8cbd2
    }
    & .gc-status.is-ok {
        color: #69e1b1
    }
    & .gc-status.is-error {
        color: #e79d9d
    }
    & .gc-status.is-warn {
        color: #e9bc7c
    }
    & .gc-item {
        border: 1px solid #414a60;
        background: #131723
    }
    & .gc-item-short {
        color: #c0c2c9
    }
    & .gc-item-ctx {
        color: #afb1b8
    }
    & .gc-item-ctx b {
        color: #c8cbd2
    }
    & .gc-item-msg {
        color: #b8bac1
    }
    & .gc-btn {
        background: #131723
    }
    & .gc-btn.is-done {
        color: #9ee9cb
    }
}

/* services/html-editor/html-editor.css */
html[data-theme="dark"]:is([data-page="online-html-editor"]) {
    & .box {
        background: #131723
    }
    & .box .knob-label {
        color: #d1d1d1
    }
    & .box-pm {
        border: solid 1px #394056
    }
    & .box-pm .box-header {
        color: #c8c8c8
    }
    & .box-pm .box-header:after {
        border-bottom: solid 1px #394056
    }
    & .preview-options-wrapper .preview-options .preview-icon {
        border: solid 1px #394056
    }
    & .preview-option-wrapper .preview.mobile::after, & .preview-option-wrapper .preview.mobile::before {
        background-color: #131723
    }
    & .preview-option-wrapper .preview.tab::before {
        background-color: #131723
    }
    & .preview-option-wrapper .preview.laptop::after, & .preview-option-wrapper .preview.laptop::before {
        background-color: #131723
    }
    & .preview-option-wrapper .preview::-webkit-scrollbar-thumb {
        background-color: #131723
    }
    & .modal.style-1 .footer {
        border-top: solid 1px #394056
    }
    & .dnd-file-uploader .dnd-file-handler {
        border: solid 5px #394056
    }
    & .promo-images-wrapper .hover {
        background-color: #131723
    }
}

/* services/image-pdf/image-pdf.css */
html[data-theme="dark"]:is([data-page="jpg-to-pdf"]) {
    & .ip-count {
        color: #c0c2c9
    }
    & .ip-tool .ip-add {
        background: #131723
    }
    & .ip-item {
        border: 1px solid #2f3546;
        background: #141926
    }
    & .ip-thumb {
        background: #131723
    }
    & .ip-btn {
        background: #202430;
        color: #afb1b8
    }
    & .ip-btn:hover {
        background: #222737;
        color: #cbcccf
    }
    & .ip-btn.ip-remove:hover {
        background: #381c19;
        color: #e79b93
    }
}

/* services/invoice/invoice.css */
html[data-theme="dark"]:is([data-page="invoice-generator"]) {
    & .iv-tool {
        color: #c8cbd2
    }
    & .iv-field select {
        border: 1px solid #33394c;
        background: #131723;
        color: #c8cbd2
    }
    & .iv-btn {
        border: 1px solid #33394c;
        background: #131723;
        color: #c8cbd2
    }
    & .iv-msg {
        color: #b8bac1
    }
    & .iv-sheet {
        border: 1px solid #2f3547;
        background: #131723
    }
    & .iv-in:hover, & .iv-lbl:hover {
        border-color: #4d5465;
        background: #161b29
    }
    & .iv-in:focus, & .iv-lbl:focus {
        background: #171b2a
    }
    & .iv-in:placeholder-shown {
        border-color: #464f60;
        background: #161b29
    }
    & .iv-logo-add {
        border: 1px dashed #4d5465;
        background: #161b29
    }
    & .iv-company {
        color: #d6d8de
    }
    & .iv-line {
        border-bottom: 1px solid #454e5c
    }
    & .iv-items-head .iv-lbl:hover {
        border-color: rgba(41, 46, 61, 0.45);
        background: rgba(19, 23, 35, 0.12)
    }
    & .iv-items-head .iv-lbl:focus {
        border-color: #292e3d;
        background: rgba(19, 23, 35, 0.18)
    }
    & .iv-amount {
        color: #d6d8de
    }
    & .iv-del:hover, & .iv-del:focus-visible {
        background: #161b29
    }
    & .iv-add {
        border: 1px dashed #4d5465;
        background: #131723
    }
    & .iv-add:hover, & .iv-add:focus-visible {
        background: #161b29
    }
    & .iv-v {
        color: #d6d8de
    }
    & .iv-t.is-total .iv-lbl, & .iv-t.is-total .iv-v {
        color: #d6d8de
    }
    & .ivp {
        background: #131723;
        color: #d1d3da
    }
    & .ivp-company {
        color: #3c558a
    }
    & .ivp-kv th {
        color: #aaabaf
    }
    & .ivp-kv td {
        color: #3c558a
    }
    & .ivp-cap {
        color: #aaabaf
    }
    & .ivp-items td {
        border-bottom: 1px solid #303648;
        color: #d1d3da
    }
    & .ivp-totals th {
        color: #babbc1
    }
    & .ivp-totals td {
        color: #3c558a
    }
    & .ivp-totals .ivp-grand th, & .ivp-totals .ivp-grand td {
        color: #3c558a
    }
    @media print {
        &.iv-printing body {
            background: #131723 !important
        }
    }
}

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

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

/* services/name-generator/fantasy.css */
html[data-theme="dark"]:is([data-page="fantasy-name-generator"]) {
    & .container span.name-container {
        border-left: 1px solid rgba(41, 46, 61, 0.6)
    }
    & .container button {
        border: 1px solid #292e3d
    }
}

/* services/name-generator/pen-name.css */
html[data-theme="dark"]:is([data-page="pen-name-generator"]) {
    & div#getname .btn {
        background: #1d2336
    }
    & #name_options .filter-container {
        background: #1d2336
    }
    & #name_options .filter-container h3 {
        color: #bebebf
    }
    & div.prefname input[type="text"] {
        color: #bbbcbc;
        border-bottom: 2px solid #394056
    }
    & div.entry-content input.filter_input::placeholder {
        color: #bbbcbc
    }
    & .genre_select input[type="radio"] + label {
        background: #131723
    }
}

/* services/name-generator/style.scoped.css */
html[data-theme="dark"]:is([data-page="wow-name-generator"]) {
    & :where(#nameGen) .form-control {
        color: #d9d9d9;
        background-color: #131723;
        border: 1px solid #394055
    }
    & :where(#nameGen) label.form-label {
        color: #d1d1d1
    }
    & :where(#nameGen) {
        background: #171b2a !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: #1c2133
    }
    & :where(#nameGen) .form-element.arrow:before {
        color: #85e5ee
    }
    & :where(#nameGen) .generat-btn {
        background-color: #131723;
        color: #ededed;
        border: 1px solid #31374a
    }
    & :where(#nameGen) .btn.border-btn {
        color: #85e5ee
    }
    & :where(#nameGen) .caret-down {
        border-top: 5px solid #292e3d
    }
    & :where(#nameGen) .table td, & :where(#nameGen) .table th {
        border: 1px solid #31374a
    }
    & :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: #131723
    }
    & :where(#nameGen) .header {
        background: #131723
    }
    & :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: #131723;
        border: 1px solid #2e3445
    }
    & :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: #131723
    }
    & :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: #131723
    }
    & :where(#nameGen) .breadcrumb-wrap>ul>li>a>svg {
        fill: #85e5ee
    }
    & :where(#nameGen) .breadcrumb-wrap>ul>li>a::after {
        border-left-color: #292e3d
    }
    & :where(#nameGen) .breadcrumb-wrap>ul>li:first-child>a::before {
        border-left-color: #292e3d
    }
    & :where(#nameGen) .breadcrumb-wrap>ul>li>a::before {
        border-left-color: #2b3040
    }
    & :where(#nameGen) .sidebar-wrapper {
        background: #131723;
        border: 1px solid #343a4e
    }
    & :where(#nameGen) .sidebar-wrapper #search-tools {
        border-bottom: 1px solid #343a4e
    }
    & :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(52, 58, 78, 0.369)
    }
    & :where(#nameGen) .sidebar-wrapper>ul>li>a {
        color: #ededed
    }
    & :where(#nameGen) .sidebar-active {
        color: #85e5ee
    }
    & :where(#nameGen) .dropdown-list {
        background-color: #131723
    }
    & :where(#nameGen) .dropdown-list>li {
        border-bottom: 1px solid #2d3344
    }
    & :where(#nameGen) .dropdown-list>li>a {
        color: #1e8fed
    }
    & :where(#nameGen) .description {
        background: #131723
    }
    & :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(53, 60, 80, 0.271)
    }
    & :where(#nameGen) .ccard-mail {
        color: #1e8fed
    }
    & :where(#nameGen) .whatsapp-ios .whatsapp-text {
        background: #181d2c !important
    }
    & :where(#nameGen) span.mail-icon i {
        color: #85e5ee
    }
    & :where(#nameGen) span.user-icon i {
        color: #85e5ee
    }
    & :where(#nameGen) .bulk-card-type {
        background-color: #4c5571
    }
    & :where(#nameGen) .generated {
        background-color: #171b2a
    }
    & :where(#nameGen) .card-validator-wrapper, & :where(#nameGen) .validat-result-wrapper {
        background-color: #131723
    }
    & :where(#nameGen) .validat-result-wrapper {
        border: 1px solid #32394c
    }
    & :where(#nameGen) #myProgress {
        background-color: #262e46
    }
    & :where(#nameGen) .suggest-form .form-control {
        border: 1px solid #394056
    }
    & :where(#nameGen) .fake-mail-list .number-list {
        background-color: #1b2132
    }
    & :where(#nameGen) .fake-user-list .number-list {
        background-color: #1b2132
    }
    & :where(#nameGen) .frame-2 {
        background: #131723
    }
    & :where(#nameGen) .frame-2 .title {
        border: 1px solid #292e3d
    }
    & :where(#nameGen) .symbols-type .symbols-list-title.active {
        background: #131723
    }
    & :where(#nameGen) .symbols-type .symbols-list-title.active a {
        color: #85e5ee
    }
    & :where(#nameGen) .symbols-list-title:hover {
        background: #131723
    }
    & :where(#nameGen) .symbols-list-title:hover a {
        color: #85e5ee
    }
    & :where(#nameGen) .symbol-content {
        background: #131723
    }
    & :where(#nameGen) .show-generated-result .generated_name {
        color: #dbdbdb
    }
    & :where(#nameGen) .copy-btn {
        background: #131723;
        color: #85e5ee
    }
    & :where(#nameGen) .orc-name-box {
        background: #131723
    }
    & :where(#nameGen) .dwarf-btn, & :where(#nameGen) .orc-btn-box .orc-btn {
        background-color: #131723;
        color: #ededed
    }
    & :where(#nameGen) .tabs-box .tabs .tablinks {
        background: #131723;
        color: #dbdbdb
    }
    & :where(#nameGen) .tabs-box .tabs-drop .get-tab-value {
        background-color: #131723;
        color: #dbdbdb
    }
    & :where(#nameGen) .username-generator1-model .modal-content::-webkit-scrollbar-track, & :where(#nameGen) .username-generator1 .list-username::-webkit-scrollbar-track {
        background-color: #131723
    }
    & :where(#nameGen) .username-generator1 .sort-list .btn-sort {
        background-color: #131723;
        color: #85e5ee
    }
    & :where(#nameGen) .champions-modal .modal, & :where(#nameGen) .username-generator1-model .modal {
        background-color: #131723
    }
    & :where(#nameGen) .username-generator1-model .modal-content .select-name {
        color: #ededed
    }
    & :where(#nameGen) .username-generator1-model .modal-content .select-name .remove {
        background-color: #131723
    }
    & :where(#nameGen) .username-generator1-model .modal-content .select-name.no_data, & :where(#nameGen) .username-generator1-model .modal-content .selected-list .empty-list {
        background: #131723
    }
    & :where(#nameGen) .social-alert {
        color: #d1d1d1
    }
    & :where(#nameGen) .social-alert i {
        background: #131723;
        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: #e0e1e3
    }
    & :where(#nameGen) .social-alert .check-btn {
        background: #131723
    }
    & :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: #131723
    }
    & :where(#nameGen) .fake-mail-gen input.gen_name::placeholder {
        color: #dbdbdb
    }
    & :where(#nameGen) .mail-suggest {
        background: #131723
    }
    & :where(#nameGen) .mail-suggest input {
        background-color: #131723
    }
    & :where(#nameGen) .switch-btn {
        background-color: #333e5e
    }
    & :where(#nameGen) .switch-btn:before {
        background-color: #131723
    }
    & :where(#nameGen) .champions-modal {
        background-color: rgba(19, 23, 35, 0.5)
    }
    & :where(#nameGen) .champions-modal .modal-header .modal-img {
        border: 3px solid #292e3d
    }
    & :where(#nameGen) .champions-modal .modal-header .champion-name .name {
        color: #ededed
    }
    & :where(#nameGen) .champions-modal .details-row .details-box li {
        border: 3px solid #292e3d
    }
    & :where(#nameGen) .champions-modal .modal .close-modal {
        background-color: #131723;
        color: #85e5ee
    }
    & :where(#nameGen) .verse.with_img .verse-content {
        background-color: rgba(19, 23, 35, 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: #1c2133
        }
    }
    @media screen and (min-width:768px) and (max-width:919px) {
        & :where(#nameGen) li.cardsideber.active a {
            border-top: 1px solid #292e3d
        }
    }
    @media screen and (min-width:768px) and (max-width:919px) {
        & :where(#nameGen) .menu>ul>li>a:hover {
            background: #171b2a;
            color: #85e5ee !important
        }
    }
    @media screen and (max-width: 991px) {
        & :where(#nameGen) .menu>ul>li>a.active, & :where(#nameGen) .menu>ul>li>a:hover {
            background: #171b2a;
            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(19, 23, 35, 0.2)
        }
    }
    @media screen and (max-width: 920px) {
        & :where(#nameGen) li.cardsideber.active a {
            border-top: 1px solid #292e3d
        }
    }
    @media screen and (max-width: 920px) {
        & :where(#nameGen) .menu>ul>li>a:hover {
            background: #171b2a;
            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: #131723
        }
    }
    @media screen and (max-width: 480px) {
        & :where(#nameGen) .generat-btn {
            background-color: #131723;
            color: #ededed;
            border: 1px solid #31374a
        }
    }
    & :where(#nameGen) .social-page .input-group .input-group-addon {
        background: #131723
    }
    & :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: #131723;
        border: 1px solid #394055
    }
    & :where(#nameGen) .social-page .nav-tabs>li>a {
        color: #ededed
    }
    & :where(#nameGen) .social-page .fileinput-exists img {
        border: 1px solid #343a4e
    }
    & :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 #394055
    }
    & :where(#nameGen) .right-part .live-box {
        background: #131723
    }
    & :where(#nameGen) .social-view-tab {
        background: #131723;
        border: 1px solid #394055
    }
    & :where(#nameGen) .social-view-tab button {
        color: #d1d1d1;
        background: #131723
    }
    & :where(#nameGen) .social-view-tab button:hover {
        color: #85e5ee
    }
    & :where(#nameGen) .right-part #download {
        border-color: #343a4e
    }
    & :where(#nameGen) .right-part .modal-content {
        border: 1px solid #343a4e
    }
    & :where(#nameGen) .android-header .status-bar {
        background-color: #1c2234;
        color: #ededed
    }
    & :where(#nameGen) .android-header .status-bar .battery-status {
        color: #ededed
    }
    & :where(#nameGen) .android-header.white-content .status-bar .battery {
        border-color: #292e3d
    }
    & :where(#nameGen) .android-header.white-content .battery-level, & :where(#nameGen) .android-header.white-content .status-bar .battery:before {
        background: #131723
    }
    & :where(#nameGen) .ios-header .status-bar {
        background: #181d2c;
        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: #292e3d
    }
    & :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: #131723
    }
    & :where(#nameGen) .right-part .header-content span {
        color: #dfe0e2
    }
    & :where(#nameGen) .right-part .header-content a {
        color: #a8aab1
    }
    & :where(#nameGen) .right-part .modal-body .message-received .message-bubble {
        background-color: #131723;
        border-color: #292e3d
    }
    & :where(#nameGen) .right-part .modal-body .message-sent .message-bubble {
        background-color: #131723;
        border-color: #292e3d
    }
}

/* services/name-wheel/wheel.css */
html[data-theme="dark"]:is([data-page="random-name-generator-wheel"]) {
    & .nw-tool {
        background: #131723
    }
    & .nw-spin {
        border: 4px solid #292e3d
    }
    & .nw-status {
        color: #c0c2c9
    }
    & .nw-count {
        background: #1a1e34
    }
    & .nw-names {
        border: 1px solid #474e61;
        background: #131723;
        color: #c8cbd2
    }
    & .nw-names[readonly] {
        background: #141926
    }
    & .nw-btn {
        background: #131723
    }
    & .nw-check {
        color: #c0c2c9
    }
    & .nw-history {
        background: #161b29
    }
    & .nw-link.is-done {
        color: #9ee9cb
    }
    & .nw-history-list {
        color: #c0c2c9
    }
    & .nw-dialog {
        background: #131723;
        color: #c8cbd2
    }
    & .nw-winner {
        color: #c8cbd2
    }
    & .nw-close:hover {
        background: #1e222f;
        color: #c0c2c9
    }
}

/* services/notepad/notepad.css */
html[data-theme="dark"]:is([data-page="online-notepad"]) {
    & .wrapper {
        background-color: #131723
    }
    & .options {
        border-top: 1px solid #343a4e
    }
    & .seperator {
        border-left: 1px solid #343a4e
    }
    & button {
        background-color: #131723;
        color: #d1d1d1
    }
    & button:active {
        color: #d1d1d1
    }
}

/* services/password-generator/style.css */
html[data-theme="dark"]:is([data-page="password-generator"]) {
    & .result__info {
        color: #ededed
    }
    & .result__viewbox {
        color: #ededed
    }
    & .result #copy-btn {
        background: #131723
    }
    & .result #copy-btn:active {
        box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.048)
    }
    & #slider {
        background: rgba(19, 23, 35, 0.314)
    }
    & #slider::-webkit-slider-thumb {
        background: #131723
    }
    & #slider::-webkit-slider-thumb:hover {
        background: #2e3855
    }
    & #slider::-moz-range-thumb {
        background: #131723
    }
    & #slider::-moz-range-thumb:hover {
        background: #2e3855
    }
    & .settings .setting {
        color: #ededed
    }
    & .settings .setting input + label::before {
        background: rgba(45, 54, 83, 0.434)
    }
    & .settings .setting input + label::after {
        background: #131723
    }
    & .settings .setting input:focus + label:before {
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.45)
    }
    & .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-password {
        background: #161b29
    }
    & .pt-password label {
        color: #c0c2c9
    }
    & .pt-password-row input {
        border: 1px solid #474e61
    }
    & .pt-check {
        color: #c0c2c9
    }
    & .pt-note {
        background: #372f19;
        color: #dcb95a
    }
    & .pt-tool .pt-text {
        border: 1px solid #474e61;
        background: #141926;
        color: #c8cbd2
    }
    & .pt-tool .pt-copy, & .pt-tool .pt-again {
        background: #131723
    }
}

/* services/ppolicy/ppolicy.css */
html[data-theme="dark"]:is([data-page="privacy-policy-generator"]) {
    & .pp-group {
        background: #161b29
    }
    & .pp-group legend {
        color: #c0c2c9
    }
    & .pp-form .at-field input, & .pp-form .at-field select {
        border: 1px solid #474e61;
        background: #131723;
        color: #c0c2c9
    }
    & .pp-checks label, & .pp-opts .at-check {
        color: #c0c2c9
    }
    & .pp-svc {
        border: 1px solid #464e5f;
        background: #131723
    }
    & .pp-svc summary {
        color: #c0c2c9
    }
    & .pp-tabs {
        background: #212533
    }
    & .pp-tab {
        color: #afb1b8
    }
    & .pp-tab[aria-selected=true] {
        background: #131723
    }
    & .pp-lang select {
        border: 1px solid #474e61;
        background: #131723;
        color: #c0c2c9
    }
    & .pp-doc {
        border: 1px solid #474e61;
        background: #131723;
        color: #c8cbd2
    }
    & .pp-doc .pp-title {
        color: #d6d8de
    }
    & .pp-doc h3 {
        color: #d6d8de
    }
    & .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 #292e3d
    }
}

/* services/random-number/random.css */
html[data-theme="dark"]:is([data-page="random-number-generator"]) {
    & #display {
        background: rgba(19, 23, 35, 0.3)
    }
}

/* 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: #131723
    }
    & .rn-name input {
        border: 1px solid #474e61;
        background: #131723;
        color: #c8cbd2
    }
    & .rn-style select {
        border: 1px solid #474e61;
        background: #131723;
        color: #c8cbd2
    }
    & .rn-seg {
        background: #1e222f
    }
    & .rn-seg span {
        color: #afb1b8
    }
    & .rn-seg label:hover span {
        color: #c8cbd2
    }
    & .rn-seg input:checked+span {
        background: #131723
    }
    & .rn-msg {
        color: #c0c2c9
    }
    & .rn-hero {
        color: #f7e797
    }
    & .rn-hero .rn-btn {
        color: #f7e797
    }
    & .rn-list-title {
        color: #c8cbd2
    }
    & .rn-start {
        border: 1px dashed #474e61
    }
    & .rn-card {
        border: 1px solid #454c5f;
        background: #131723
    }
    & .rn-card:hover {
        border-color: #474f66
    }
    & .rn-card-name {
        color: #c8cbd2
    }
    & .rn-copy:hover {
        background: #181c35
    }
    & .rn-copy.is-done {
        color: #9ee9cb
    }
    & .rn-star:hover {
        background: #372f19
    }
    & .rn-btn {
        background: #131723
    }
    & .rn-btn.is-done {
        color: #9ee9cb
    }
    & .rn-saved {
        border-top: 1px solid #454c5f
    }
    & .rn-saved-head {
        color: #c8cbd2
    }
    & .rn-check {
        background: #161b29
    }
    & .rn-rules {
        color: #afb1b8
    }
    & .rn-rules li::before {
        background: #272b36 center/12px no-repeat
    }
    & .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: #131723
    }
    & .sc-input {
        border: 2px solid #474e61;
        background: #141926;
        color: #c8cbd2
    }
    & .sc-clear {
        background: #202430;
        color: #abacaf
    }
    & .sc-clear:hover {
        background: #222737;
        color: #cbcccf
    }
    & .sc-tile {
        background: linear-gradient(180deg,#493d20,#ecd093);
        color: #a67638
    }
    & .sc-tile.is-blank {
        background: linear-gradient(180deg,#3c321a,#4b3f23)
    }
    & .sc-filters {
        background: #161b29
    }
    & .sc-field input, & .sc-field select {
        border: 1px solid #474e61;
        background: #131723;
        color: #c0c2c9
    }
    & .sc-seg {
        background: #212533
    }
    & .sc-seg span {
        color: #afb1b8
    }
    & .sc-seg input:checked+span {
        background: #131723
    }
    & .sc-bar {
        border-bottom: 1px solid #42485f
    }
    & .sc-status {
        color: #c0c2c9
    }
    & .sc-sort select {
        border: 1px solid #474e61;
        background: #131723;
        color: #c0c2c9
    }
    & .sc-group h3 {
        color: #c0c2c9
    }
    & .sc-word {
        border: 1px solid #454d61;
        background: #131723;
        color: #c8cbd2 !important
    }
    & .sc-more {
        background: #131723
    }
}

/* services/text-stats/text-stats.css */
html[data-theme="dark"]:is([data-page="character-counter"], [data-page="sentence-counter"], [data-page="word-counter"]) {
    & .ts-tool {
        background: #131723
    }
    & .ts-input {
        border: 1px solid #474e61;
        background: #141926;
        color: #c8cbd2
    }
    & .ts-btn {
        background: #131723
    }
    & .ts-limit {
        background: #161b29
    }
    & .ts-limit-field input {
        border: 1px solid #474e61;
        background: #131723;
        color: #c0c2c9
    }
    & .ts-chips button {
        border: 1px solid #474e61;
        background: #131723;
        color: #afb1b8
    }
    & .ts-meter {
        background: #252935
    }
    & .ts-limit-status {
        color: #9ee9cb
    }
    & .ts-stat {
        background: #161b29
    }
    & .ts-stat b {
        color: #c8cbd2
    }
    & .ts-panel {
        border: 1px solid #444b5f
    }
    & .ts-tool .ts-panel-head h3 {
        color: #c8cbd2
    }
    & .ts-seg {
        background: #212533
    }
    & .ts-seg-label {
        color: #afb1b8
    }
    & .ts-seg label span {
        color: #afb1b8
    }
    & .ts-seg input:checked+span {
        background: #131723
    }
    & .ts-check {
        color: #c0c2c9
    }
    & .ts-kw li {
        border-top: 1px solid #444b5c
    }
    & .ts-kw-word {
        color: #c8cbd2
    }
    & .ts-kw-bar {
        background: #202430
    }
    & .ts-kw-n {
        color: #c8cbd2
    }
    & .ts-sent li {
        border-top: 1px solid #444b5c
    }
    & .ts-sent-n {
        background: #1a1e34
    }
    & .ts-sent li.is-long .ts-sent-n {
        background: #3a2e1a;
        color: #f2bd63
    }
    & .ts-sent-t {
        color: #c0c2c9
    }
}

/* services/text-utils/text-utils.css */
html[data-theme="dark"]:is([data-page="base64-encode-decode"], [data-page="json-formatter"], [data-page="markdown-to-html"], [data-page="remove-duplicate-lines"], [data-page="remove-extra-spaces"], [data-page="remove-html-tags"], [data-page="roman-numeral-converter"], [data-page="slug-generator"], [data-page="sort-lines"], [data-page="strikethrough-text-generator"], [data-page="upside-down-text-generator"]) {
    & .tu-tool {
        background: #131723
    }
    & .tu-options {
        background: #161b29
    }
    & .tu-field select, & .tu-field input {
        border: 1px solid #474e61;
        background: #131723;
        color: #c0c2c9
    }
    & .tu-seg {
        background: #212533
    }
    & .tu-seg span {
        color: #afb1b8
    }
    & .tu-seg input:checked+span {
        background: #131723
    }
    & .tu-check {
        color: #c0c2c9
    }
    & .tu-legend {
        color: #afb1b8
    }
    & .tu-input, & .tu-output {
        border: 1px solid #474e61;
        color: #c8cbd2
    }
    & .tu-input {
        background: #131723
    }
    & .tu-output {
        background: #141926
    }
    & .tu-preview {
        border: 1px solid #474e61;
        background: #131723
    }
    & .tu-status {
        color: #afb1b8
    }
    & .tu-status.is-error {
        color: #e79b93
    }
    & .tu-status.is-ok {
        color: #68e2b1
    }
    & .tu-status code {
        background: #21232d;
        color: #e79b93
    }
    & .tu-btn {
        background: #131723
    }
    & .tu-btn.is-done {
        color: #9ee9cb
    }
    & .tu-variants li {
        border: 1px solid #474e61;
        background: #141926
    }
    & .tu-variant-text {
        color: #c8cbd2
    }
}

/* services/textgen/textgen.css */
html[data-theme="dark"]:is([data-page="lorem-ipsum-generator"], [data-page="text-generator"]) {
    & .tg-tool {
        background: #131723
    }
    & .tg-options {
        background: #161b29
    }
    & .tg-field select, & .tg-field input {
        border: 1px solid #474e61;
        background: #131723;
        color: #c0c2c9
    }
    & .tg-seg {
        background: #212533
    }
    & .tg-seg span {
        color: #afb1b8
    }
    & .tg-seg input:checked+span {
        background: #131723
    }
    & .tg-check {
        color: #c0c2c9
    }
    & .tg-output {
        border: 1px solid #474e61;
        background: #141926;
        color: #c8cbd2
    }
    & .tg-btn {
        background: #131723
    }
    & .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: #131723;
        color: #c0c2c9
    }
    & .at-options {
        background: #161b29
    }
    & .at-field select, & .at-field input[type=text], & .at-field input[type=number], & .at-input {
        border: 1px solid #474e61;
        background: #131723;
        color: #c0c2c9
    }
    & .at-field input:disabled {
        background: #20242e
    }
    & .at-seg {
        background: #212533
    }
    & .at-seg span {
        color: #afb1b8
    }
    & .at-seg input:checked+span {
        background: #131723
    }
    & .at-check {
        color: #c0c2c9
    }
    & .at-range output {
        color: #c0c2c9
    }
    & .at-text, & .at-output {
        border: 1px solid #474e61;
        background: #141926;
        color: #c8cbd2
    }
    & .at-btn {
        background: #131723
    }
    & .at-btn:disabled {
        background: #131723
    }
    & .at-btn.is-done {
        color: #9ee9cb
    }
    & .at-note {
        background: #171c2c;
        color: #afb1b8
    }
    & .at-note.is-warn {
        background: #372f19;
        color: #e3ad4c
    }
    & .at-progress {
        background: #212533
    }
    & .at-list {
        border: 1px solid #474e61;
        background: #141926
    }
    & .at-list li {
        border-top: 1px solid #434c5e
    }
    & .at-list li:hover {
        background: #171c2c
    }
    & .at-list .at-item {
        color: #c8cbd2
    }
    & .at-icon.is-done {
        color: #9ee9cb
    }
    & .at-empty {
        border: 1px dashed #474e61
    }
    & .at-chips {
        border: 1px solid #474e61;
        background: #141926
    }
    & .at-chip {
        background: #1a1e34
    }
    & .at-chip:hover {
        background: #1a203b
    }
    & .at-chip.is-off {
        background: #20242e
    }
    & .stt-mic:disabled {
        background: #2f3540
    }
    & .stt-status {
        color: #afb1b8
    }
    & .stt-status.is-live {
        color: #e79d9d
    }
    & .stt-editor {
        border: 1px solid #474e61;
        background: #141926
    }
    & .stt-marks {
        border-bottom: 1px solid #434c5e;
        background: #131723
    }
    & .stt-mark {
        border: 1px solid #474e61;
        background: #131723;
        color: #c0c2c9
    }
    & .stt-tool .stt-text {
        color: #c8cbd2
    }
}

/* services/word-scrambler/scrambler.css */
html[data-theme="dark"]:is([data-page="word-scrambler"]) {
    & .ws-tool {
        background: #131723
    }
    & .ws-options {
        background: #161b29
    }
    & .ws-variants input {
        border: 1px solid #474e61;
        background: #131723;
        color: #c0c2c9
    }
    & .ws-seg {
        background: #212533
    }
    & .ws-seg span {
        color: #afb1b8
    }
    & .ws-seg input:checked+span {
        background: #131723
    }
    & .ws-check {
        color: #c0c2c9
    }
    & .ws-input, & .ws-output {
        border: 1px solid #474e61;
        color: #c8cbd2
    }
    & .ws-input {
        background: #131723
    }
    & .ws-output {
        background: #141926
    }
    & .ws-btn {
        background: #131723
    }
    & .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: #1f2539
    }
    & .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(19, 23, 35, 0.1)
    }
    & .tool-inline i {
        color: rgba(237, 237, 237, 0.25)
    }
    & .tool:nth-child(odd) .chain-link {
        border: 5px #383e53 dashed
    }
    & .tool:nth-child(even) .chain-link {
        border: 5px #383e53 dashed
    }
    & .tool + .tool:before {
        color: rgba(237, 237, 237, 0.35)
    }
    & .tool:nth-child(odd) .chain-link:after {
        border-right: 10px solid #383e53
    }
    & .tool:nth-child(even) .chain-link:after {
        border-left: 10px solid #383e53
    }
    & .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 #292e3d solid;
        border-right: 6px #292e3d solid
    }
    & .badge-negative .badge-icon:after {
        border-right: 6px #292e3d solid
    }
    & .badge-negative .badge-icon:before {
        border-right: 6px #292e3d solid
    }
    & .badge-warning .badge-icon:after {
        border-right: 6px #292e3d solid
    }
    & .badge-warning .badge-icon:before {
        border-right: 6px #292e3d solid
    }
}