@media screen and (prefers-color-scheme:dark) {
    body {
        font-family: Arial, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        overscroll-behavior-y: none;
        line-height: 1.64;
    }

    a {
        transition: color 5ms;
        color: var(--theme-dark-link);
    }

    a:active,
    a:hover {
        color: #38e372
    }

    .bg-tags {
        background: var(--bg-color-dark);
    }

    .page-footer .last a:hover {
        background: var(--background);
        color: var(--bs-info);
    }

    .page-footer .last a {
        background: var(--background);
        color: var(--text-color);
    }

    .page tr:nth-child(2n) {
        background-color: rgba(0, 0, 0, .03) !important
    }

    .entries li.current>a,
    li:hover::not(.breadcrumb),
    .page-footer .card a.card-tag:hover {
        background-image: var(--bg-gradient);
        color: var(--text-color);
    }

    .card-book-sponsor {
        position: relative;
        background: var(--background-color);
        border: thin solid #03a9f4
    }

    .copy {
        color: var(--text-color);
    }

    .grid-list {
        background: #fff;
        border: 1px solid #e1e1e1
    }

    .grid-list .avatar {
        background: linear-gradient(135deg, #f75775, #e53865);
        color: #fff1f1
    }

    maincontent .resultsSynapse {
        background: var(--background-color-alf-4);
    }

    maincontent form {
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
        background-color: var(--background-color);
    }

    .feedback-text {
        color: #4caf50
    }

    .feedback-item .data:before {
        color: #6d6d6dbd
    }

    .feedback-item {
        border: 1px solid #cccccc82;
        background-color: #fff;
        box-shadow: 0 0 17px rgb(0 0 0 / 5%)
    }

    .article-card,
    .article-card-list {
        border: 1px solid #ccc;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        background-color: #fff
    }

    .-primary,
    .btn-primary {
        background-color: #2196f3
    }

    #slide-out .collapsible.active .collapsible-header span.left,
    #slide-out .collapsibles.active .collapsible-header,
    #slide-out .collapsibles.active .collapsible-header span,
    .article-counter .header,
    .bar-icon .list *,
    .black,
    .blue,
    .dash.message,
    .dash.message li,
    .gray,
    .green,
    .list-group .res i,
    .list-group .res span,
    .list-group a.badge,
    .material-tooltip,
    .material-tooltip span,
    .one-header .name>*,
    .purple,
    .red,
    .tagify__tag>div>*,
    [class*=list-element-] .button a:hover,
    [data-aos=nav-animation].aos-animate header .num-messages,
    card>.card-image a:hover {
        color: #fff
    }

    .bar-icon .list {
        background: #2196f3;
        border: 1px solid #dcdcdc
    }

    #consentModal,
    .btn.share,
    .modal-footer button.btn {
        background-color: inherit
    }

    .bar-icon .list:hover {
        background: #1f4e73;
        border: 1px solid #dcdcdc
    }

    .btn-primary {
        color: #fff !important;
        background-image: linear-gradient(-180deg, #369ef0, #228de2 90%) !important
    }

    .-error {
        background-color: red;
        color: #fff
    }

    .-update {
        background-color: #ff9800;
        color: #000
    }

    .-draft {
        background-color: #607d8b;
        color: #fff
    }

    .-private {
        background-color: #e91e63;
        color: #fff
    }

    .-request {
        background-color: #635ac7
    }

    .-success {
        background-color: #00bf9c
    }

    #error-message {
        background: #2196f3;
        color: #fff
    }

    body.light-mode {
        background-color: #fff;
        color: #000
    }

    .modal-footer {
        background-color: #f8f9fa;
        border-bottom-color: #e9ecef
    }

    .btn.share,
    .modal-footer button.btn {
        color: inherit
    }

    .btn.share+.btn.share {
        margin-left: 24px
    }

    #consentModal {
        border-color: inherit
    }

    .modal-content {
        color: inherit
    }

    .box-popup {
        background-color: rgba(0, 0, 0, .4)
    }

    .box-popup-content {
        background-color: #fefefe;
        border-color: #888;
        color: inherit
    }

    .box-popup-content .closed {
        background-color: #e8e8e8;
        color: #7d7d7d
    }

    .loading {
        background-color: #f0f0f0
    }

    .loading::after {
        background: linear-gradient(to right, transparent 0, rgba(255, 255, 255, .8) 50%, transparent 100%)
    }

    .target_select>* {
        color: #1d1d1d
    }

    .target_select .privacy span.control-input {
        border: 1px solid #bfbfbf66;
        background: #e5f3ff;
        color: #2e2ea1
    }

    .list-group-item .badge .up-num {
        background: #5399d3;
        color: #fcfcfc
    }

    .btn-sx {
        border: 1px dashed #205eaa96;
        background: #7c8298;
        color: #fff;
        line-height: normal
    }

    .list-group-item-text.list {
        border-top: none
    }

    .list-group {
        color: #363636;
        box-shadow: inset 0 0 0 0
    }

    .closealert p,
    .list-group .breadcrumb>li+li:before {
        color: #ccc
    }

    .list-group .breadcrumb>.active a {
        color: #999
    }

    .list-group-item-text.list .date .date {
        background: #fff;
        color: #105693;
        border-bottom: 1px solid #5598d2;
        box-shadow: 0 0 26px 0 rgba(34, 34, 34, 0)
    }

    .list-group-item-text.list .number {
        background: #e4e4e4;
        color: #4e89b6
    }

    .list-group-item-text.list .in-list {
        background: #fff;
        border-radius: 0 0 10px 10px
    }

    .list-group-item-text.list .title {
        border-bottom: 1px solid #a8a8a8
    }

    .list-group .breadcrumb {
        background: #8787872e
    }

    .list-group .breadcrumb:before {
        color: rgba(0, 0, 153, .7)
    }

    #slide-out .accordionLeft li .subNav .label {
        background: #0c438ac2
    }

    .articlebody .rect,
    fieldset .rect {
        border: 1px solid #175180;
        background: #071e2f;
    }

    .articlebody .rect strong,
    fieldset .rect strong {
        color: white;

    }

    .sidenav {
        background: #b4b4ba73;
        backdrop-filter: blur(9.5px);
        -webkit-backdrop-filter: blur(9.5px)
    }

    div[class^=pie],
    div[id^=sdfootnote],
    p[class^=pie] {
        border-top: 1px solid #80808059
    }

    div[class^=pie]:after,
    div[id^=sdfootnote]:before,
    p[class^=pie]:before {
        border: 1px solid #80808059
    }

    articlebody span.image.left~em,
    articlebody span.image.right~em {
        background: #03A9F4;
    }

    articlebody tr:nth-child(2n) {
        background-color: rgb(66 66 66 / 34%) !important
    }

    articlebody table tr {
        background-color: #545252;
        border: 1px solid #696969;
        border-bottom: 3px solid #4a4a4a
    }

    articlebody table th {
        color: #1b7bc7
    }

    articlebody table td {
        border-bottom: 1px solid #3c3c3c;
        border-right: 1px solid #353535d6
    }

    articlebody table {
        border-top: 1px solid #373737
    }

    .modalNotify-content,
    .modale-content {
        background-color: #2a2a2a;
    }

    body {
        background: -webkit-linear-gradient(to right, #1a1a1a, #222);
        background: -moz-linear-gradient(to right, #1a1a1a, #222);
        background: -o-linear-gradient(to right, #1a1a1a, #222);
        background: -ms-linear-gradient(to right, #1a1a1a, #222);
        background: linear-gradient(to right, #1a1a1a, #2c2c2c);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: var(--text-color-night);
        transition: background .31s ease-out, color .31s ease-out;
        color: var(--text-dark)
    }

    .articlebody .rect a:hover,
    fieldset .rect a:hover {
        color: #FFEB3B;
    }

    .head {
        grid-area: head;
        /* border-bottom: 3px dashed #ff98006e; */
    }

    .item .pubDate {
        border-bottom: 1px solid #42424280;
        color: #b3b3b3
    }

    .author .author {
        color: #2ba4fb
    }

    .author {
        border-bottom: 1px solid #5a5a5a9c
    }

    .channel .item {
        background-color: #2a2a2a;
        border: 1px solid #484848
    }

    .bts-popup-container {
        background: rgb(49 49 49 / 84%)
    }

    .grid-list,
    navmenu b {
        background: #292929
    }

    .articlebody span.image.left~em,
    .articlebody span.image.right~em {
        background: #2196F3;
    }

    em,
    strong {
        color: #ffffff;
    }

    .breadcrumbs .navbar {
        /* border-top: 1px solid #274060; */
    }

    .breadcrumbs .navbar .avatar .about {
        background-color: #1b2845;
        /* background-image: linear-gradient(28deg, #1b2845 0, #274060 74%); */
        box-shadow: none;
    }

    .breadcrumbs .navbar .avatar img {
        border: none;
        background-color: #1e1e1ec7;
        box-shadow: 0 0 0 3px #1d1d1d, 0 0 0 8px #565656;
        -webkit-box-shadow: 0 0 0 3px #1d1d1d, 0 0 0 8px #565656;
        background-image: linear-gradient(to top left, #b2ced9, #fff 74%);
    }

    .dropdown ul li.active a {
        color: var(--listTextActive);
        background: var(--listActive)
    }

    .dropdown {
        --max-scroll: 8;
        --text: #1d1d1d;
        --border: #c7c7c7;
        --borderActive: #23c4f8;
        --background: #ffffff;
        --arrow: #6c7486;
        --arrowActive: #cddc39;
        --listText: #000000;
        --listBackground: #ffffff;
        --listBackgroundHover: #4aaf4e;
        --listActive: #39823c;
        --listTextActive: #ffffff;
        --textFilled: #3e3e3e
    }

    .tagify-hashtag-look {
        background: #00008b
    }

    .tagify {
        --tagify-dd-color-primary: rgb(53, 149, 246);
        --tagify-dd-bg-color: white;
        --tags-border-color: #ddd;
        --tag-bg: #168a13;
        --tag-hover: #3eacff;
        --tag-text-color: white;
        --tag-text-color--edit: white;
        --tag-invalid-color: #d39494;
        --tag-invalid-bg: rgba(211, 148, 148, 0.5);
        --tag-remove-bg: rgba(211, 148, 148, 0.3);
        --tag-remove-btn-bg: none;
        --tag-remove-btn-bg--hover: #ff0f0f;
        border: 1px solid var(--tags-border-color);
        --tags-hover-border-color: #ccc;
        --tags-focus-border-color: #3595f6;
        --tag-pad: 0.3em 0.5em;
        --tag-remove-btn-color: black;
        --placeholder-color: rgba(0, 0, 0, 0.4);
        --placeholder-color-focus: rgba(0, 0, 0, 0.25)
    }

    .tagify__input:empty::before {
        color: #dcdcdc
    }

    .tagify__tag>div>[contenteditable] {
        color: #fff !important
    }

    articlebody h1,
    articlebody h2,
    articlebody h3,
    articlebody h4,
    articlebody h5,
    .tagify__tag>div>* {
        color: #fff
    }

    .tagify.tagify--focus {
        transition: none;
        border-color: #3595f6;
        border-color: var(--tags-focus-border-color)
    }

    articlebody {
        box-shadow: 0 0 30px rgba(45, 45, 45, .39);
        -webkit-transition: box-shadow .2s ease-in-out;
        -moz-transition: box-shadow .2s ease-in-out;
        -o-transition: box-shadow .2s ease-in-out;
        transition: box-shadow .2s ease-in-out
    }

    .cd-timeline-content,
    .breadcrumbs,
    .navbar,
    articlebody {}

    .breadcrumbs .navbar .breadcrumb {}

    .breadcrumbs .navbar .breadcrumb a {
        color: #99e603;
    }

    .breadcrumbs .navbar .breadcrumb li:hover a {
        color: var(--color-text);
        /* background: var(--bg-gradient); */
    }


    .breadcrumbs,
    .navbar,
    articlebody {
        /* background-color: #1e1e1ec7; */
        /* color: #fff; */
    }

    .nav {
        -webkit-box-shadow: 0 0 2px 0 rgba(237, 237, 237, .56), 0 0 1px 0 rgb(255 255 255 / 76%);
        background-image: linear-gradient(to top left, rgba(2, 4, 7, .69), rgba(13, 19, 25, .94) 74%);
        box-shadow: 0 3px 10px 0 rgba(147, 147, 147, .26);
        backdrop-filter: blur(15.5px);
        -webkit-backdrop-filter: blur(15.5px)
    }

    [data-aos=nav-animation] .logo.active,
    [data-aos=nav-animation] .nav-item.active,
    [data-aos=nav-animation].aos-animate .logo.active,
    [data-aos=nav-animation].aos-animate .nav-item.active {
        border-color: #c8c459
    }

    [data-aos=nav-animation].aos-animate .logo,
    [data-aos=nav-animation].aos-animate .nav-item {
        border-bottom: 3px solid transparent
    }

    [data-aos=nav-animation] {
        background-color: var(--nav-bar-background-gradient)
    }

    [data-aos=nav-animation] .profileToggle,
    [data-aos=nav-animation] .toggledAnother,
    [data-aos=nav-animation].aos-animate .profileToggle,
    [data-aos=nav-animation].aos-animate .toggledAnother {
        color: #333;
        background-color: transparent
    }

    [data-aos=nav-animation].aos-animate {
        background-color: rgba(238, 238, 238, .95);
        background-image: url("/to/_src/images/Shadow-Fall-Background.svg"), var(--gray-gradient);
        background-position: left;
        background-color: var(--nav-bar-background-gradient)
    }

    [data-aos=nav-animation].aos-animate .name {
        color: #f3f3f3
    }

    [data-aos=nav-animation].aos-animate header .num-messages {
        color: #a9ffbf
    }

    [data-aos=nav-animation].aos-animate .nav-item i {
        color: #f0f8ff
    }

    [data-aos=nav-animation].aos-animate .nav-item a {
        font-size: 12px
    }

    [data-aos=nav-animation].aos-animate .nav-item {
        font-size: 13px;
        padding: 1px
    }

    [data-aos=nav-animation] .logo,
    [data-aos=nav-animation] .nav-item {
        border-bottom: 3px solid transparent;
        font-size: 14px;
        min-height: 73px;
        padding-bottom: 2px
    }


    footer.page-footer {
        background-color: #111d25;
        background-image: linear-gradient(315deg, #0f161b 0, #151515 74%)
    }

    .titled {
        /* background-color: #1e1e1ec7; */
    }

    .article-body-area {
        background-color: #1f1f1f;
    }

    .article-body-area {
        box-shadow: 0 0 3px 0px rgb(0 0 0 / 35%);
    }

    .article-body-area:hover {
        box-shadow: 0 0 43px 0px rgb(0 0 0 / 35%);
        transition: .2s ease-in-out;
    }

    .titled .source {
        color: #c1c1c1;
    }

    #dynamic-height-image {
        /* background-color: var(--bg-darken-5); */
        color: var(--header-text-color);
    }

    .medium .subtitle {
        background: #42424280;
    }

    .feedback-text {
        color: #4caf50
    }

    .-error,
    .author,
    .author a,
    .bar-icon .list *,
    .black,
    .blue,
    .box-inner-info,
    .box-inner-info .description,
    .box-inner-info p,
    .dash.message,
    .dash.message li,
    .gray,
    .green,
    .list-group a.badge,
    .material-tooltip,
    .material-tooltip span,
    articlebody h1,
    articlebody h2,
    articlebody h3,
    articlebody h4,
    articlebody h5,
    .purple,
    .red,
    .search-bar input,
    .tagify__tag>div>*,
    .target_select>*,
    [class*=list-element-] .button a:hover,
    maincontent,
    maincontent .didascalia,
    pre {
        color: #fff
    }

    .feedback-item .data:before {
        color: #c9c9c9bd
    }

    .feedback-item {
        border: 1px solid #393838;
        background-color: #242424;
        box-shadow: 0 0 17px rgb(0 0 0 / 32%)
    }

    .alert-box-verify input {
        border: 2px solid #454545;
        color: rgb(28 28 28)
    }

    .modal-content {
        border-bottom: 1px solid #646464b0 !important;
        box-shadow: 0 0 50px rgb(0 0 0 / 51%);
        background-color: hsl(0deg 0% 16.08%) !important;
        color: #fff
    }

    .modal-content .close {
        background: var(--background-shadow-alf-1);
        color: #d9d9d9
    }

    .target_select .privacy span.control-input {
        border: 1px solid #bfbfbf80;
        background: #14151647;
        color: #ccc
    }

    #consentModal {
        border-color: inherit
    }

    .modal-content {
        color: inherit
    }

    .box-popup {
        background-color: rgba(0, 0, 0, .4)
    }

    .box-popup-content {
        background-color: #fefefe;
        border-color: #888;
        color: inherit
    }

    .box-popup-content .closed {
        background-color: #e8e8e8;
        color: #7d7d7d
    }

    .latest-info .collapsible-header,
    .btn:not(.closealert),
    input,
    keygen,
    select,
    textarea {
        color: var(--white);
        background: var(--bg-darken-3);
    }

    .btn:hover,
    button:hover,
    .button:hover {
        transition: all .2s ease-in-out;
        background-color: var(--background-color-alf-a-hover) !important;
        color: var(--button-hover-text-color);
    }

    .alert-box-verify input {
        border: 2px solid #454545;
        color: rgb(240 237 237);
    }

    .modaal-container {
        color: var(--white);
        background-color: var(--primary-color)
    }

    .in-content .time {
        color: #ebebeb;
        background-color: rgba(0, 0, 0, .1)
    }

    img {
        opacity: 1;
        transition: opacity .5s ease-in-out
    }

    img:hover {
        opacity: .75
    }

    .people-list {
        background-color: rgba(0, 59, 111, .23)
    }

    fieldset legend {
        background-color: rgba(255, 255, 255, .84);
        color: var(--primary-color)
    }

    fieldset {
        background-color: #282828;
        background-image: radial-gradient(at top left, rgb(40 40 40 / 94%), #303030), radial-gradient(at top right, rgb(44 44 44 / 71%), #04040466), radial-gradient(at bottom right, #2e2e2e 18.07%, rgb(83 83 83 / 80%));
        border: 1px solid var(--fieldset-border);
    }

    .main-nav,
    header {
        color: var(--header-text-color);
    }

    header .with {
        color: #e7e7e9
    }

    header .num-messages {
        color: var(--bg-lime);
        /* background: var(--background-color); */
    }

    header .fa-star {
        color: #d2461c
    }

    .icon i:hover,
    a.menu-item:hover {
        background-color: rgba(0, 0, 0, .5);
        color: #f5f5f6
    }

    .icon i {
        font-size: 20px;
        color: #aeb1bc
    }

    fieldset legend {
        border-bottom: var(--border-input);
        background: var(--bg-light);
        color: var(--text-color);
        box-shadow: var(--box-shadow);
    }

    .articlebody fieldset {
        border: 1px solid #2f2f2f;
    }


    .article-preloader,
    .lazy-loading,
    .lazy-load {
        background-image: linear-gradient(125deg, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, 0.00) 50%, rgba(255, 255, 255, 0) 100%);
    }

    .lazy-load {
        background-image: linear-gradient(125deg, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, 0.00) 50%, rgba(255, 255, 255, 0) 100%);
    }

    @-webkit-keyframes placeHolderColorShift {

        0%,
        100% {
            background: #323232;
        }

        55% {
            background: #1f1f1f;
        }

        100% {
            background: #323232;
        }
    }

    @keyframes placeHolderColorShift {

        0%,
        100% {
            background: #323232;
        }

        55% {
            background: #1f1f1f;
        }

        100% {
            background: #323232;
        }
    }

    .article-preloader:before {
        content: " ";
    }

    .gradient {
        background: #343434;
        background: linear-gradient(90deg, #2c2c2c 25%, #1f1f1f 50%, #292929 75%);
    }


    /* CSS per il testo */
    .text-space {
        width: 100%;
        height: 16px;
        /* Altezza desiderata del testo */
        background: #343434;
        background: linear-gradient(90deg, #2c2c2c 25%, #1f1f1f 50%, #292929 75%);
        background-size: 200% 100%;
        position: relative;
        margin-bottom: 10px;
        /* Spazio tra i blocchi di testo */
        animation-duration: 1.8s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-name: placeHolderShimmer;
        animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    }

    .disable {
        color: #5e5e5e !important;
        background: #292929 !important;
        border-radius: 3px !important;
        border: 1px solid #303030 !important;
        pointer-events: none !important;
    }

    /* Dark Theme */
    :root {
        --breadcrumb-a: #99e603;
        --panel-bg: #303030de;
        --panel-bg-modal: #9d9d9d;
        --panel-border: #e0e0e0;

        --link-color: #0077cc;
        --link-hover-color: #005699;
        /* colori bottoni pannello */
        --btn-bg: #303030;

        /* Colori principali */
        --bg-gradient: linear-gradient(315deg, #49494900 0, #a187a129 74%);
        --bg-color-tags: #515151;
        --primary-color: #fbfbfb;
        --secondary-color: #2196F3;
        --font-color: #fff;
        --bg-color: #363535;
        --text-color-hover: #c9ed15;
        /* Sfondi */
        --background-covid: rgb(30 30 30 / 98%);

        --bg-button: #373737;
        --bg-button-info: #0979ac;
        --bg-button-alert: #FF9800;
        --bg-button-denger: #d4372b;
        --bg-color-hover: #ffffff29;
        --bg-button-dark: #202020;
        --bg-button-light: #2196F3;
        --text-color-white: #ffffff;

        --theme-dark-bg: #1a1a1a;
        --theme-dark-text: #e3e3e3;
        --theme-dark-link: #61dafb;

        /* Colori dei bottoni */
        --button-background: #2196F3;
        --button-text: #fff;
        --button-text-color: #fff;
        --button-hover-background: #1565c0;
        --button-hover-text-color: #fff;

        /* Colori degli input */
        --input-background: #464646;
        --input-text: #fff;

        /* Sfondi e testi dei fieldset e delle legende */
        --fieldset-background: #464646;
        --fieldset-border: #555;
        --legend-text: #fff;
        --legend-border: #555;

        --bg-disabled: #2d2d2d;
        --text-disabled: #5a5a5a;
        --border-input: 1px solid #535353;

        --bg-darken-1: rgba(0, 0, 0, 0.0625);
        --bg-darken-2: rgba(0, 0, 0, 0.125);
        --bg-darken-3: rgba(0, 0, 0, 0.25);
        --bg-darken-4: rgb(25 25 25 / 68%);
        --bg-darken-5: rgb(21 21 21 / 63%);

        --background-card: #2c2c2c;
        --background-card-border: #303030;
        --background-color-alf-a: #111111f7;
        --background-color-alf-a-hover: #111111f0;
        --background-color: #313131;
        --background-color-alf-0: #111111e8;
        --background-color-alf-1: #111111c0;
        --background-color-alf-2: #111111a0;
        --background-color-alf-3: #11111190;
        --background-color-alf-4: #11111170;
        --background-color-alf-5: #11111150;
        --background-color-alf-6: #11111135;
        --background-shadow: #000000b5;
        --background-shadow-alf-0: #00000099;
        --background-shadow-alf-1: #00000063;
        --background-shadow-alf-2: #00000057;
        --background-shadow-alf-3: #00000036;
        --text-color: #ffffff;
        --header-bg-color: #222222;
        --header-text-color: #ffffff;
        --border-color: #535353;
        --hue: 210;
        --accent-hue: 25;
        --accent-color: hsl(var(--accent-hue), 100%, 70%);
        --error-color: rgb(240, 50, 50);
        --background: hsl(var(--hue), 20%, 12%);
        --text-light: #eaeaea;
        --text-dark: #e3e3e3;
        --bg-light: #2b2b2b;
        --bg-dark: #dadada;
        --bg-hover: #313131e8;
        --text-color-normal: hsl(210, 10%, 62%);
        --text-color-light: hsl(210deg 42.98% 73.56%);
        --text-color-richer: hsl(210, 50%, 72%);
        --text-color-highlight: hsl(25, 70%, 45%);

        --border-card: 2px solid transparent;
        --box-shadow-card: 0 0 0 3px #171717eb, 0 0 0px 6px #454545c2;
        --border-avatar: 2px solid transparent;
        --box-shadow-avatar: 0 0 0 3px #171717eb, 0 0 1px 6px #454545c2;
        --box-shadow-button: 0 0 0 4px #ffffff4d, 0 0 0 7px rgb(143 161 227 / 48%);
        --box-shadow-cover: 0 0 0 4px #ffffff4d, 0 0 0 7px rgb(143 161 227 / 48%);
        --box-shadow-button: 0 0 0px 2px #2196f3, inset 0 0 0 1px rgb(135 135 135 / 48%);
        --box-shadow-button-cancel: 0 0 0px 2px #0909094d, inset 0 0 0 1px rgb(135 135 135 / 48%);
        --box-shadow-button-block: 0 0 0px 2px #5174b7, inset 0 0 0 1px rgb(135 135 135 / 48%);
        --box-shadow-button-limit: 0 0 0px 2px #485496, inset 0 0 0 1px rgb(135 135 135 / 48%);
        --box-shadow: 0 0 1px rgb(26 32 36 / 15%), 0 4px 20px rgb(91 104 113 / 8%);
        --box-shadow-15: 1px 0px 15px 1px rgb(70 70 70 / 19%);
        --box-shadow-20: 1px 0px 20px 1px rgb(70 70 70 / 19%);
        --box-shadow-25: 1px 0px 25px 1px rgb(70 70 70 / 19%);
        --box-shadow-30: 1px 0px 30px 1px rgb(70 70 70 / 19%);
        --box-shadow-50: 1px 0px 20px 9px rgb(31 31 31 / 42%);

        --box-shadow-menu: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);

        --filter-blur-6: blur(6px);
        --filter-blur-7: blur(7px);
        --filter-blur-8: blur(8px);
        --filter-blur-9: blur(9px);
        --filter-blur-10: blur(10px);
        --filter-blur-13: blur(13px);
        --filter-blur-15: blur(15px);
        --filter-blur-20: blur(20px);

        --tagify-dd-color-primary: rgb(44, 107, 170);
        --tagify-dd-bg-color: rgba(23, 23, 24, 0.96);
        --drop-menu-item-bg: #dadada;
        --drop-menu-bg: #373737;
        --drop-menu-bg-a: #373737e0;
        --drop-menu-bg-b: #373737c2;
        --drop-menu-bg-c: #373737ab;
        --drop-menu-bg-d: #3737376b;
        --drop-menu-item-border: #dadada;
        --drop-menu-text: #dcdcdc;
        --drop-menu-link: #FFEB3B;
        --drop-menu-link-hover: #272727;
        --drop-menu-icon: #dadada;
        --drop-menu-text-primary: #3152d7;
        --drop-menu-text-secondary: #3ebede;
        --drop-menu-border-1: 1px solid #4d4d4d;
        --drop-menu-border-2: 2px solid #4d4d4d;
        --drop-menu-border-3: 3px solid #4d4d4d;

        --nav-bar-background: #333333;
        --nav-bar-text-color: #ffffff;

        --focus-background: #6f560b4d;
        --focus-text-color: #ffffff;

        --tags-background: #04385fe3;
        --tags-text-color: #ffffff;

        --tags-background-hover: #031f34f4;
        --tags-text-color-hover: #ffffff;

        --btn-background: #0077d5e3;
        --btn-text-color: #ffffff;
        --btn-border-color: #ffffff;

        --primary-color-gradient: linear-gradient(to right, #0077d5e3, #1494f6e3);

        --font1: HarmonyOS-Regular;
        --font2: HarmonyOS-Medium;
        --font3: HarmonyOS-Bold;
        --font4: sf-pro-display-Regular;
        --font5: sf-pro-display-Medium;
        --font6: sf-pro-display-semibold;
        --font7: sf-pro-display-Bold;
        --font8: Farrington;

        --textColor: #c5d6f7;
        --textColor1: #cad4f2;
        --subTextColor: #b9c5da;
        --thirdTextColor: #B7BCC5;
        --successTextColor: #00B42A;
        --progressTextColor: #0260E7;
        --warningTextColor: #FF7D00;
        --errorTextColor: #F53F3F;
        --whiteTextColor: #fff;
        --infoColor: #5d636d;
        --discountTextColor: #fb4a1f;
        --discountTextColor1: #848b96;
        --discountTextColor2: #fb2626;

        --fillBgColor: #EDEFF2;
        --fillBgColor1: #E0E3E7;
        --fillBgColor2: #F5F5F5;
        --fillBgColor2_1: #EDEDED;
        --fillBgColor3: #F4F8FB;
        --fillBgColor4: #E6E8EB;
        --fillBgColor5: rgba(26, 114, 246, .1);
        --fillBgColor5_1: rgba(26, 114, 246, .2);
        --fillBgColor5_2: rgba(26, 114, 246, .3);
        --fillBgColor6: #e0e6f5;
        --fillBgColor7: #ddd;
        --fillBgColor8: #191b1f;
        --fillBgColor9: #F53F3F;
        --fillBgColor10: #e7eefd;
        --fillBgColor11: #ebecf0;
        --fillBgColor12: #dcdfe3;
        --fillBgColor13: #c9cdd3;
        --fillBgColor14: rgba(245, 63, 63, .1);
        --fillBgColor15: rgba(245, 63, 63, 0);
        --fillBgColor16: rgba(223, 234, 255, .16);
        --fillBgColor17: rgba(255, 255, 255, .1);
        --fillBgColor18: rgba(26, 114, 247, .1);
        --fillBgColor19: rgba(0, 0, 0, .1);
        --fillBgColor20: rgba(0, 0, 0, .4);
        --fillBgColor21: rgba(0, 180, 42, .1);
        --fillBgColor22: rgba(26, 114, 246, .05);
        --fillBgColor23: rgba(217, 217, 217, 1);
        --fillBgColor24: #ffcc15;
        --fillBgColor25: rgba(26, 114, 247, .2);

        --icon-primary: #1A72F7;
        --icon-orange: orange;
        --icon-purple: purple;
        --icon-cyan: cyan;
        --icon-green: green;
        --icon-secondary: #b9b9cc;
        --icon-bg: #404040;

        --text-color-active: #1A72F7;
        --text-color-disabled: rgba(194, 194, 194, 1);
        --close-color-hover: rgba(0, 0, 0, .09);
        --close-color-pressed: rgba(0, 0, 0, .13);
        --close-border-radius: 3px;
        --close-icon-color: rgba(102, 102, 102, 1);
        --close-icon-color-hover: rgba(102, 102, 102, 1);
        --close-icon-color-pressed: rgba(102, 102, 102, 1);

        --text-red: red;
        --text-green: rgb(0, 95, 0);
        --text-cyan: #03a9f4;
        --text-yellow: yellow;
        --text-light-cyan: cyan;
        --text-blue: blue;
        --text-brown: brown;
        --text-light-blue: rgba(20, 115, 212, 1);
        --text-orange: orange;
        --bg-gold: radial-gradient(ellipse farthest-corner at right bottom, #fedb37, rgba(139, 110, 47, 0.77) 36%, transparent 63%, rgba(201, 164, 46, 0.49) 75%, #fcb931 92%), linear-gradient(rgb(149, 149, 149) 0%, #ffffac 18%, #d1b464 38%, #5d4a1f 73%, #5d4a1f);
        --light-blue: rgba(20, 115, 212, 1);
        --radial-gradient: radial-gradient(rgb(20, 114, 212) 0%, #2c32ae 42%);

        --gold-dark: radial-gradient(ellipse farthest-corner at right bottom, rgba(254, 219, 55, 0.48), rgba(111, 89, 41, 0.44) 37%, rgba(201, 164, 46, 0.49) 65%, rgba(182, 254, 21, 0.65)), repeating-linear-gradient(154deg, rgb(149, 149, 149) 0%, #bc912f 35%, #4c4c12 67%, #5d4a1f);
        --golds-radial: radial-gradient(ellipse farthest-corner at right bottom, #fedb37, rgba(139, 110, 47, 0.77) 36%, transparent 55%, rgba(201, 164, 46, 0.49) 67%, #fcb931 92%), linear-gradient(rgb(149, 149, 149) 0%, #ffffac 18%, #d1b464 60%, #5d4a1f 87%, #5d4a1f);
    }
}