/* ==UserStyle==
@name           Searxng shades of purple
@namespace      github.com/openstyles/stylus
@version        0.1.0
@description    Enchanted from https://userstyles.world/style/6439/searxng-simple-theme-enhanced with shades of purple
@author         4o1x5
==/UserStyle== */
@-moz-document url-prefix("https://search.rhscz.eu/") {
    :root {
        
     --color-base-font: #fff;
    --color-base-font-rgb: 165, 153, 233;
    --color-base-background: #2d2b55;
    --color-base-background-mobile: #1e1e3f;
    --color-url-font: #9d79d6;
    --color-url-visited-font: #b362ff;
    --color-header-background: #2d2b55;
    --color-header-border: #3e3c61;
    --color-footer-background: #2d2b55;
    --color-footer-border: #3e3c61;
    --color-sidebar-border: #3e3c61;
    --color-sidebar-font: #a599e9;
    --color-sidebar-background: #2d2b55;
    --color-backtotop-font: #a599e9;
    --color-backtotop-border: #3e3c61;
    --color-backtotop-background: #2d2b55;
    --color-btn-background: #6943ff;
    --color-btn-font: #ffffff;
    --color-show-btn-background: #7e57c2;
    --color-show-btn-font: #ffffff;
    --color-search-border: #7e57c2;
    --color-search-shadow: 0 2px 8px rgba(109, 104, 177, 0.25);
    --color-search-background: #2d2b55;
    --color-search-font: #a599e9;
    --color-search-background-hover: #6943ff;
    --color-error: #ff5370;
    --color-error-background: #3e3c61;
    --color-warning: #ffcb6b;
    --color-warning-background: #3e3c61;
    --color-success: #c3e88d;
    --color-success-background: #3e3c61;
    --color-categories-item-selected-font: #6943ff;
    --color-categories-item-border-selected: #6943ff;
    --color-autocomplete-font: #a599e9;
    --color-autocomplete-border: #7e57c2;
    --color-autocomplete-shadow: 0 2px 8px rgba(109, 104, 177, 0.25);
    --color-autocomplete-background: #2d2b55;
    --color-autocomplete-background-hover: #3e3c61;
    --color-answer-font: #a599e9;
    --color-answer-background: #2d2b55;
    --color-result-background: #2d2b55;
    --color-result-border: #3e3c61;
    --color-result-url-font: #a599e9;
    --color-result-vim-selected: #3e3c61;
    --color-result-vim-arrow: #6943ff;
    --color-result-description-highlight-font: #a599e9;
    --color-result-link-font: #6943ff;
    --color-result-link-font-highlight: #6943ff;
    --color-result-link-visited-font: #b362ff;
    --color-result-publishdate-font: #a599e9;
    --color-result-engines-font: #a599e9;
    --color-result-search-url-border: #3e3c61;
    --color-result-search-url-font: #a599e9;
    --color-result-image-span-font: #a599e9;
    --color-result-image-span-font-selected: #ffffff;
    --color-result-image-background: #2d2b55;
    --color-settings-tr-hover: #3e3c61;
    --color-settings-engine-description-font: #a599e9;
    --color-settings-table-group-background: #3e3c61;
    --color-result-detail-font: #ffffff;
    --color-result-detail-label-font: lightgray;
    --color-result-detail-background: #2d2b55;
    --color-result-detail-hr: #3e3c61;
    --color-result-detail-link: #8af;
    --color-result-detail-loader-border: rgba(255, 255, 255, 0.2);
    --color-result-detail-loader-borderleft: rgba(0, 0, 0, 0);
    --color-toolkit-badge-font: #ffffff;
    --color-toolkit-badge-background: #7e57c2;
    --color-toolkit-kbd-font: #ffffff;
    --color-toolkit-kbd-background: #2d2b55;
    --color-toolkit-dialog-border: #3e3c61;
    --color-toolkit-dialog-background: #2d2b55;
    --color-toolkit-tabs-label-border: #2d2b55;
    --color-toolkit-tabs-section-border: #3e3c61;
    --color-toolkit-select-background: #3e3c61;
    --color-toolkit-select-border: #3e3c61;
    --color-toolkit-select-background-hover: #7e57c2;
    --color-toolkit-input-text-font: #a599e9;
    --color-toolkit-checkbox-onoff-off-background: #3e3c61;
    --color-toolkit-checkbox-onoff-on-background: #3e3c61;
    --color-toolkit-checkbox-onoff-on-mark-background: #6943ff;
    --color-toolkit-checkbox-onoff-on-mark-color: #ffffff;
    --color-toolkit-checkbox-onoff-off-mark-background: #7e57c2;
    --color-toolkit-checkbox-onoff-off-mark-color: #ffffff;
    --color-toolkit-checkbox-label-background: #3e3c61;
    --color-toolkit-checkbox-label-border: #3e3c61;
    --color-toolkit-checkbox-input-border: #6943ff;
    --color-toolkit-engine-tooltip-border: #3e3c61;
    --color-toolkit-engine-tooltip-background: #2d2b55;
    --color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
    --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
    --color-doc-code: #a599e9;
    --color-doc-code-background: #3e3c61;
    --color-bar-chart-primary: #7e57c2;
    --color-bar-chart-secondary: #b362ff;
    --color-image-resolution-background: rgba(0, 0, 0, 0.5);
    --color-image-resolution-font: #ffffff;
    --color-loading-indicator: rgba(255, 255, 255, 0.2);
    --color-loading-indicator-gap: #ffffff;
    --color-line-number: #a599e9;
    --color-favicon-background-color: #3e3c61;
    --color-favicon-border-color: #3e3c61;
    }

    #results {
        gap: 0 var(--gap);
    }

    @media screen and (min-width: 79.75em) {
        .center-aligment-yes #main_results #results:not(.only_template_images):not(.image-detail-open) {
            grid-template-columns: calc(var(--center-page-width) - var(--gap) - 25rem) 25rem;
        }
    }

    /* Answers */
    #answers {
        line-height: var(--line-height-result);
    }

    @media screen and (min-width: 50rem) {
        #answers {
            margin-left: 3rem;
        }
    }

    @media screen and (min-width: 79.75em) {
        #answers {
            margin-left: 0;
        }
    }

    /* Copy and slightly modify from article[data-vim-selected] */
    article:hover {
        background: var(--color-result-vim-selected);
        border-radius: 0 10px 10px 0;
    }

    /* URL */
    .result .url_wrapper {
        /* default: 1rem */
        font-size: .9rem;
        line-height: var(--line-height-result);
    }

    .result .url_wrapper .url_o2 .url_i2 {
        color: var(--color-result-url-path-font);
        float: left;
    }

    /* Title */
    /**
     * Since the content of each result is not a hyperlink,
     * it would have been easier if both URL and title look like
     * one big block, so that navigation is more convenient.
     */
    .result h3 {
        margin-top: 0;
    }

    .result h3 a {
        display: block;
        padding-top: .25rem;
        /* default: 1.1em */
        font-size: 1em
    }

    .result h3 a:focus,
    .result h3 a:hover {
        text-decoration: none;
    }

    /* Content */
    .result .content,
    .result .stat {
        /* default: .9em */
        font-size: .9em;
        line-height: var(--line-height-result);
    }

    /* Engines */
    .engines {
        /* display: none; */
    }

    /* Suggestions */
    #suggestions .wrapper {
        justify-content: flex-start;
    }

    #suggestions .wrapper form {
        flex: 1 1 100%;
    }

    #infoboxes input,
    #suggestions input {
        padding: .2em 0;
    }

    #results button[type="submit"],
    input[type="submit"] {
        border-radius: .25rem;
    }

    /* Back To Top button */
    #backToTop {
        display: none;
    }
}