/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}:root{--color-base-font:#444;--color-base-font-rgb:68, 68, 68;--color-base-background:#fff;--color-base-background-mobile:#f2f5f8;--color-url-font:#334999;--color-url-visited-font:#9822c3;--color-header-background:#fdfbff;--color-header-border:#ddd;--color-footer-background:#fdfbff;--color-footer-border:#ddd;--color-sidebar-border:#ddd;--color-sidebar-font:#000;--color-sidebar-background:#fff;--color-backtotop-font:#444;--color-backtotop-border:#ddd;--color-backtotop-background:#fff;--color-btn-background:#3050ff;--color-btn-font:#fff;--color-show-btn-background:#bbb;--color-show-btn-font:#000;--color-search-border:#bbb;--color-search-shadow:0 2px 8px #22262e40;--color-search-background:#fff;--color-search-font:#222;--color-search-background-hover:#3050ff;--color-error:#db3434;--color-error-background:#fae1e1;--color-warning:#dbba34;--color-warning-background:#faf5e1;--color-success:#42db34;--color-success-background:#e3fae1;--color-categories-item-selected-font:#3050ff;--color-categories-item-border-selected:#3050ff;--color-autocomplete-font:#000;--color-autocomplete-border:#bbb;--color-autocomplete-shadow:0 2px 8px #22262e40;--color-autocomplete-background:#fff;--color-autocomplete-background-hover:#e3e3e3;--color-answer-font:#444;--color-answer-background:#fff;--color-result-keyvalue-col-table:#fdfbff;--color-result-keyvalue-odd:#fdfbff;--color-result-keyvalue-even:#fff;--color-result-background:#fff;--color-result-border:#ddd;--color-result-url-font:#000;--color-result-vim-selected:#f7f7f7;--color-result-vim-arrow:#000bbb;--color-result-description-highlight-font:#000;--color-result-link-font:#000bbb;--color-result-link-font-highlight:#000bbb;--color-result-link-visited-font:#9822c3;--color-result-publishdate-font:#777;--color-result-engines-font:#545454;--color-result-search-url-border:#ddd;--color-result-search-url-font:#000;--color-result-image-span-font:#444;--color-result-image-span-font-selected:#fff;--color-result-image-background:#fff;--color-settings-tr-hover:#ebebeb;--color-settings-engine-description-font:#545454;--color-settings-table-group-background:#0001;--color-result-detail-font:#fff;--color-result-detail-label-font:lightgray;--color-result-detail-background:#242424;--color-result-detail-hr:#555;--color-result-detail-link:#8af;--color-result-detail-loader-border:#fff3;--color-result-detail-loader-borderleft:#0000;--color-toolkit-badge-font:#fff;--color-toolkit-badge-background:#545454;--color-toolkit-kbd-font:#fff;--color-toolkit-kbd-background:#000;--color-toolkit-dialog-border:#ddd;--color-toolkit-dialog-background:#fff;--color-toolkit-tabs-label-border:#fff;--color-toolkit-tabs-section-border:#ddd;--color-toolkit-select-background:#e1e1e1;--color-toolkit-select-border:#ddd;--color-toolkit-select-background-hover:#bbb;--color-toolkit-input-text-font:#222;--color-toolkit-checkbox-onoff-off-background:#ddd;--color-toolkit-checkbox-onoff-on-background:#ddd;--color-toolkit-checkbox-onoff-on-mark-background:#3050ff;--color-toolkit-checkbox-onoff-on-mark-color:#fff;--color-toolkit-checkbox-onoff-off-mark-background:#aaa;--color-toolkit-checkbox-onoff-off-mark-color:#fff;--color-toolkit-checkbox-label-background:#ddd;--color-toolkit-checkbox-label-border:#ddd;--color-toolkit-checkbox-input-border:#3050ff;--color-toolkit-engine-tooltip-border:#ddd;--color-toolkit-engine-tooltip-background:#fff;--color-toolkit-loader-border:#0003;--color-toolkit-loader-borderleft:#fff0;--color-doc-code:#003;--color-doc-code-background:#ddeaff;--color-bar-chart-primary:#5bc0de;--color-bar-chart-secondary:#deb15b;--color-image-resolution-background:#00000080;--color-image-resolution-font:#fff;--color-loading-indicator:#fff3;--color-loading-indicator-gap:#fff;--color-line-number:#64708d;--color-favicon-background-color:#ddd;--color-favicon-border-color:#ccc}@media (prefers-color-scheme:dark){:root.theme-auto{--color-base-font:#bbb;--color-base-font-rgb:187, 187, 187;--color-base-background:#222428;--color-base-background-mobile:#222428;--color-url-font:#8af;--color-url-visited-font:#c09cd9;--color-header-background:#1e1e22;--color-header-border:#333;--color-footer-background:#1e1e22;--color-footer-border:#333;--color-sidebar-border:#555;--color-sidebar-font:#fff;--color-sidebar-background:#292c34;--color-backtotop-font:#bbb;--color-backtotop-border:#333;--color-backtotop-background:#2b2e36;--color-btn-background:#58f;--color-btn-font:#222;--color-show-btn-background:#555;--color-show-btn-font:#fff;--color-search-border:#555;--color-search-shadow:0 2px 8px #22262e40;--color-search-background:#2b2e36;--color-search-font:#fff;--color-search-background-hover:#58f;--color-error:#f55b5b;--color-error-background:#390a0a;--color-warning:#f1d561;--color-warning-background:#39300a;--color-success:#79f56e;--color-success-background:#0e390a;--color-categories-item-selected-font:#58f;--color-categories-item-border-selected:#58f;--color-autocomplete-font:#fff;--color-autocomplete-border:#555;--color-autocomplete-shadow:0 2px 8px #22262e40;--color-autocomplete-background:#2b2e36;--color-autocomplete-background-hover:#1e1e22;--color-answer-font:#bbb;--color-answer-background:#26292f;--color-result-keyvalue-col-table:#1e1e22;--color-result-keyvalue-odd:#1e1e22;--color-result-keyvalue-even:#26292f;--color-result-background:#26292f;--color-result-border:#333;--color-result-url-font:#fff;--color-result-vim-selected:#1f1f23cc;--color-result-vim-arrow:#8af;--color-result-description-highlight-font:#fff;--color-result-link-font:#8af;--color-result-link-font-highlight:#8af;--color-result-link-visited-font:#c09cd9;--color-result-publishdate-font:#888;--color-result-engines-font:#a4a4a4;--color-result-search-url-border:#555;--color-result-search-url-font:#fff;--color-result-detail-font:#fff;--color-result-detail-label-font:lightgray;--color-result-detail-background:#1a1a1c;--color-result-detail-hr:#555;--color-result-detail-link:#8af;--color-result-detail-loader-border:#fff3;--color-result-detail-loader-borderleft:#0000;--color-result-image-span-font:#bbb;--color-result-image-span-font-selected:#222;--color-result-image-background:#222;--color-settings-tr-hover:#2c2c32;--color-settings-engine-description-font:#909090;--color-settings-table-group-background:#1b1b21;--color-toolkit-badge-font:#fff;--color-toolkit-badge-background:#555;--color-toolkit-kbd-font:#000;--color-toolkit-kbd-background:#fff;--color-toolkit-dialog-border:#555;--color-toolkit-dialog-background:#1e1e22;--color-toolkit-tabs-label-border:#222;--color-toolkit-tabs-section-border:#555;--color-toolkit-select-background:#313338;--color-toolkit-select-border:#555;--color-toolkit-select-background-hover:#373b49;--color-toolkit-input-text-font:#fff;--color-toolkit-checkbox-onoff-off-background:#313338;--color-toolkit-checkbox-onoff-on-background:#313338;--color-toolkit-checkbox-onoff-on-mark-background:#58f;--color-toolkit-checkbox-onoff-on-mark-color:#222;--color-toolkit-checkbox-onoff-off-mark-background:#ddd;--color-toolkit-checkbox-onoff-off-mark-color:#222;--color-toolkit-checkbox-label-background:#222;--color-toolkit-checkbox-label-border:#333;--color-toolkit-checkbox-input-border:#58f;--color-toolkit-engine-tooltip-border:#333;--color-toolkit-engine-tooltip-background:#222;--color-toolkit-loader-border:#fff3;--color-toolkit-loader-borderleft:#0000;--color-doc-code:#ddd;--color-doc-code-background:#4d5a6f;--color-favicon-background-color:#ddd;--color-favicon-border-color:#ccc}}:root.theme-dark{--color-base-font:#bbb;--color-base-font-rgb:187, 187, 187;--color-base-background:#222428;--color-base-background-mobile:#222428;--color-url-font:#8af;--color-url-visited-font:#c09cd9;--color-header-background:#1e1e22;--color-header-border:#333;--color-footer-background:#1e1e22;--color-footer-border:#333;--color-sidebar-border:#555;--color-sidebar-font:#fff;--color-sidebar-background:#292c34;--color-backtotop-font:#bbb;--color-backtotop-border:#333;--color-backtotop-background:#2b2e36;--color-btn-background:#58f;--color-btn-font:#222;--color-show-btn-background:#555;--color-show-btn-font:#fff;--color-search-border:#555;--color-search-shadow:0 2px 8px #22262e40;--color-search-background:#2b2e36;--color-search-font:#fff;--color-search-background-hover:#58f;--color-error:#f55b5b;--color-error-background:#390a0a;--color-warning:#f1d561;--color-warning-background:#39300a;--color-success:#79f56e;--color-success-background:#0e390a;--color-categories-item-selected-font:#58f;--color-categories-item-border-selected:#58f;--color-autocomplete-font:#fff;--color-autocomplete-border:#555;--color-autocomplete-shadow:0 2px 8px #22262e40;--color-autocomplete-background:#2b2e36;--color-autocomplete-background-hover:#1e1e22;--color-answer-font:#bbb;--color-answer-background:#26292f;--color-result-keyvalue-col-table:#1e1e22;--color-result-keyvalue-odd:#1e1e22;--color-result-keyvalue-even:#26292f;--color-result-background:#26292f;--color-result-border:#333;--color-result-url-font:#fff;--color-result-vim-selected:#1f1f23cc;--color-result-vim-arrow:#8af;--color-result-description-highlight-font:#fff;--color-result-link-font:#8af;--color-result-link-font-highlight:#8af;--color-result-link-visited-font:#c09cd9;--color-result-publishdate-font:#888;--color-result-engines-font:#a4a4a4;--color-result-search-url-border:#555;--color-result-search-url-font:#fff;--color-result-detail-font:#fff;--color-result-detail-label-font:lightgray;--color-result-detail-background:#1a1a1c;--color-result-detail-hr:#555;--color-result-detail-link:#8af;--color-result-detail-loader-border:#fff3;--color-result-detail-loader-borderleft:#0000;--color-result-image-span-font:#bbb;--color-result-image-span-font-selected:#222;--color-result-image-background:#222;--color-settings-tr-hover:#2c2c32;--color-settings-engine-description-font:#909090;--color-settings-table-group-background:#1b1b21;--color-toolkit-badge-font:#fff;--color-toolkit-badge-background:#555;--color-toolkit-kbd-font:#000;--color-toolkit-kbd-background:#fff;--color-toolkit-dialog-border:#555;--color-toolkit-dialog-background:#1e1e22;--color-toolkit-tabs-label-border:#222;--color-toolkit-tabs-section-border:#555;--color-toolkit-select-background:#313338;--color-toolkit-select-border:#555;--color-toolkit-select-background-hover:#373b49;--color-toolkit-input-text-font:#fff;--color-toolkit-checkbox-onoff-off-background:#313338;--color-toolkit-checkbox-onoff-on-background:#313338;--color-toolkit-checkbox-onoff-on-mark-background:#58f;--color-toolkit-checkbox-onoff-on-mark-color:#222;--color-toolkit-checkbox-onoff-off-mark-background:#ddd;--color-toolkit-checkbox-onoff-off-mark-color:#222;--color-toolkit-checkbox-label-background:#222;--color-toolkit-checkbox-label-border:#333;--color-toolkit-checkbox-input-border:#58f;--color-toolkit-engine-tooltip-border:#333;--color-toolkit-engine-tooltip-background:#222;--color-toolkit-loader-border:#fff3;--color-toolkit-loader-borderleft:#0000;--color-doc-code:#ddd;--color-doc-code-background:#4d5a6f;--color-favicon-background-color:#ddd;--color-favicon-border-color:#ccc}:root.theme-black{--color-base-font:#bbb;--color-base-font-rgb:187, 187, 187;--color-base-background:#000;--color-base-background-mobile:#000;--color-url-font:#8af;--color-url-visited-font:#c09cd9;--color-header-background:#000;--color-header-border:#333;--color-footer-background:#000;--color-footer-border:#333;--color-sidebar-border:#555;--color-sidebar-font:#fff;--color-sidebar-background:#000;--color-backtotop-font:#bbb;--color-backtotop-border:#333;--color-backtotop-background:#2b2e36;--color-btn-background:#58f;--color-btn-font:#222;--color-show-btn-background:#555;--color-show-btn-font:#fff;--color-search-border:#555;--color-search-shadow:0 2px 8px #22262e40;--color-search-background:#2b2e36;--color-search-font:#fff;--color-search-background-hover:#58f;--color-error:#f55b5b;--color-error-background:#390a0a;--color-warning:#f1d561;--color-warning-background:#39300a;--color-success:#79f56e;--color-success-background:#0e390a;--color-categories-item-selected-font:#58f;--color-categories-item-border-selected:#58f;--color-autocomplete-font:#fff;--color-autocomplete-border:#555;--color-autocomplete-shadow:0 2px 8px #22262e40;--color-autocomplete-background:#2b2e36;--color-autocomplete-background-hover:#1e1e22;--color-answer-font:#bbb;--color-answer-background:#26292f;--color-result-keyvalue-col-table:#1e1e22;--color-result-keyvalue-odd:#1e1e22;--color-result-keyvalue-even:#26292f;--color-result-background:#26292f;--color-result-border:#333;--color-result-url-font:#fff;--color-result-vim-selected:#1f1f23cc;--color-result-vim-arrow:#8af;--color-result-description-highlight-font:#fff;--color-result-link-font:#8af;--color-result-link-font-highlight:#8af;--color-result-link-visited-font:#c09cd9;--color-result-publishdate-font:#888;--color-result-engines-font:#a4a4a4;--color-result-search-url-border:#555;--color-result-search-url-font:#fff;--color-result-detail-font:#fff;--color-result-detail-label-font:lightgray;--color-result-detail-background:#1a1a1c;--color-result-detail-hr:#555;--color-result-detail-link:#8af;--color-result-detail-loader-border:#fff3;--color-result-detail-loader-borderleft:#0000;--color-result-image-span-font:#bbb;--color-result-image-span-font-selected:#222;--color-result-image-background:#222;--color-settings-tr-hover:#2c2c32;--color-settings-engine-description-font:#909090;--color-settings-table-group-background:#1b1b21;--color-toolkit-badge-font:#fff;--color-toolkit-badge-background:#555;--color-toolkit-kbd-font:#000;--color-toolkit-kbd-background:#fff;--color-toolkit-dialog-border:#555;--color-toolkit-dialog-background:#1e1e22;--color-toolkit-tabs-label-border:#222;--color-toolkit-tabs-section-border:#555;--color-toolkit-select-background:#313338;--color-toolkit-select-border:#555;--color-toolkit-select-background-hover:#373b49;--color-toolkit-input-text-font:#fff;--color-toolkit-checkbox-onoff-off-background:#313338;--color-toolkit-checkbox-onoff-on-background:#313338;--color-toolkit-checkbox-onoff-on-mark-background:#58f;--color-toolkit-checkbox-onoff-on-mark-color:#222;--color-toolkit-checkbox-onoff-off-mark-background:#ddd;--color-toolkit-checkbox-onoff-off-mark-color:#222;--color-toolkit-checkbox-label-background:#222;--color-toolkit-checkbox-label-border:#333;--color-toolkit-checkbox-input-border:#58f;--color-toolkit-engine-tooltip-border:#333;--color-toolkit-engine-tooltip-background:#222;--color-toolkit-loader-border:#fff3;--color-toolkit-loader-borderleft:#0000;--color-doc-code:#ddd;--color-doc-code-background:#4d5a6f;--color-favicon-background-color:#ddd;--color-favicon-border-color:#ccc}html.no-js .hide_if_nojs,html.js .show_if_nojs{display:none}.center{text-align:center}.right{float:right}.left{float:left}.invisible{display:none!important}.list-unstyled{list-style-type:none}.list-unstyled li{margin-top:4px;margin-bottom:4px}.danger{background-color:var(--color-error-background)}.warning{background:var(--color-warning-background)}.success{background:var(--color-success-background)}.badge{color:var(--color-toolkit-badge-font);background-color:var(--color-toolkit-badge-background);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:5px;min-width:10px;padding:1px 5px;display:inline-block}kbd{color:var(--color-toolkit-kbd-font);background:var(--color-toolkit-kbd-background);margin:1px;padding:2px 4px;font-size:90%}table{width:100%}table.striped tr{border-bottom:1px solid var(--color-settings-tr-hover)}th{padding:.4em}td{padding:0 4px}tr:hover{background:var(--color-settings-tr-hover)!important}div.selectable_url{border:1px solid var(--color-result-search-url-border);color:var(--color-result-search-url-font);border-radius:5px;height:1.2em;margin:.1em;padding:4px;line-height:1.2em;display:block;overflow:hidden}div.selectable_url pre{word-break:break-all;-webkit-user-select:all;user-select:all;margin:.1em;font-size:.8em;display:block}.dialog-error{border:1px solid var(--color-toolkit-dialog-border);text-align:left;color:var(--color-error);background:var(--color-error-background);border-color:var(--color-error);border-radius:10px;margin:0 0 1em;padding:1rem;display:flex;position:relative}.dialog-error .close{float:right;color:inherit;font-size:1.5em;position:relative;top:-3px}.dialog-error ul,.dialog-error ol,.dialog-error p{margin:1px 0 0}.dialog-error table{width:auto}.dialog-error tr{vertical-align:text-top}.dialog-error tr:hover{background:0 0!important}.dialog-error td{padding:0 1rem 0 0}.dialog-error h4{margin-top:.3em;margin-bottom:.3em}.dialog-error-block{border:1px solid var(--color-toolkit-dialog-border);text-align:left;color:var(--color-error);background:var(--color-error-background);border-color:var(--color-error);border-radius:10px;margin:0 0 1em;padding:1rem;display:block;position:relative}.dialog-error-block .close{float:right;color:inherit;font-size:1.5em;position:relative;top:-3px}.dialog-error-block ul,.dialog-error-block ol,.dialog-error-block p{margin:1px 0 0}.dialog-error-block table{width:auto}.dialog-error-block tr{vertical-align:text-top}.dialog-error-block tr:hover{background:0 0!important}.dialog-error-block td{padding:0 1rem 0 0}.dialog-error-block h4{margin-top:.3em;margin-bottom:.3em}.dialog-warning{border:1px solid var(--color-toolkit-dialog-border);text-align:left;color:var(--color-warning);background:var(--color-warning-background);border-color:var(--color-warning);border-radius:10px;margin:0 0 1em;padding:1rem;display:flex;position:relative}.dialog-warning .close{float:right;color:inherit;font-size:1.5em;position:relative;top:-3px}.dialog-warning ul,.dialog-warning ol,.dialog-warning p{margin:1px 0 0}.dialog-warning table{width:auto}.dialog-warning tr{vertical-align:text-top}.dialog-warning tr:hover{background:0 0!important}.dialog-warning td{padding:0 1rem 0 0}.dialog-warning h4{margin-top:.3em;margin-bottom:.3em}.dialog-warning-block{border:1px solid var(--color-toolkit-dialog-border);text-align:left;color:var(--color-warning);background:var(--color-warning-background);border-color:var(--color-warning);border-radius:10px;margin:0 0 1em;padding:1rem;display:block;position:relative}.dialog-warning-block .close{float:right;color:inherit;font-size:1.5em;position:relative;top:-3px}.dialog-warning-block ul,.dialog-warning-block ol,.dialog-warning-block p{margin:1px 0 0}.dialog-warning-block table{width:auto}.dialog-warning-block tr{vertical-align:text-top}.dialog-warning-block tr:hover{background:0 0!important}.dialog-warning-block td{padding:0 1rem 0 0}.dialog-warning-block h4{margin-top:.3em;margin-bottom:.3em}.dialog-modal{border:1px solid var(--color-toolkit-dialog-border);text-align:left;background:var(--color-toolkit-dialog-background);z-index:5000;border-radius:10px;margin:0 auto;padding:1rem;display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-modal .close{float:right;color:inherit;font-size:1.5em;position:relative;top:-3px}.dialog-modal ul,.dialog-modal ol,.dialog-modal p{margin:1px 0 0}.dialog-modal table{width:auto}.dialog-modal tr{vertical-align:text-top}.dialog-modal tr:hover{background:0 0!important}.dialog-modal td{padding:0 1rem 0 0}.dialog-modal h4{margin-top:.3em;margin-bottom:.3em}.dialog-modal h3{margin-top:0}.btn-collapse{cursor:pointer}.scrollx{border:none;margin:0;padding:0;display:block;overflow:auto hidden}.tabs .tabs>label{font-size:90%}ul.tabs{border-bottom:1px solid var(--color-toolkit-tabs-section-border);padding-left:0;list-style:none}ul.tabs li{display:flex}.tabs{flex-wrap:wrap;width:100%;min-width:100%;display:flex}.tabs>*{order:2}.tabs>input[type=radio]{display:none}.tabs>label,.tabs>li>a{letter-spacing:.5px;text-transform:uppercase;border:solid var(--color-toolkit-tabs-label-border);color:unset;-webkit-user-select:none;user-select:none;cursor:pointer;border-width:0 0 2px;order:1;margin:0 .7em;padding:.7em}.tabs>label.active,.tabs>li>a.active{border-bottom:2px solid var(--color-categories-item-border-selected);background:var(--color-categories-item-selected);color:var(--color-categories-item-selected-font)}.tabs>label:hover,.tabs>li>a:hover{border-bottom:2px solid var(--color-categories-item-border-selected)}.tabs>section{box-sizing:border-box;border-top:1px solid var(--color-toolkit-tabs-section-border);min-width:100%;padding:.7rem 0;display:none}.tabs>label:last-of-type{border-bottom:2px solid var(--color-categories-item-border-selected);background:var(--color-categories-item-selected);color:var(--color-categories-item-selected-font);letter-spacing:-.1px}.tabs>section:last-of-type{display:block}html body .tabs>input:checked~section{display:none}html body .tabs>input:checked~label{position:inherit;background:inherit;color:inherit;border-bottom:2px solid #0000;font-weight:400}html body .tabs>input:checked~label:hover{border-bottom:2px solid var(--color-categories-item-border-selected)}html body .tabs>input:checked+label{border-bottom:2px solid var(--color-categories-item-border-selected);background:var(--color-categories-item-selected);color:var(--color-categories-item-selected-font)}html body .tabs>input:checked+label+section{display:block}select{height:2.4rem;color:var(--color-search-font);z-index:100;margin:0 1rem 0 0;font-size:.9rem;padding:.2rem!important}select:hover,select:focus{cursor:pointer}@supports (background-position-x:100%) and (appearance:none){select{appearance:none;background:url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%3Cg%3E%3Cpolygon%20points%3D%22128%2C192%20256%2C320%20384%2C192%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E) calc(100% + 2rem) 0/2rem no-repeat content-box border-box;background-color:var(--color-toolkit-select-background);text-overflow:ellipsis;border-width:0 2rem 0 0;border-color:#0000;border-radius:5px;outline:none}select:hover,select:focus{background-color:var(--color-toolkit-select-background-hover)}select option{background-color:var(--color-base-background)}@media (prefers-color-scheme:dark){html.theme-auto select,html.theme-dark select{background-image:url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%3Cg%3E%3Cpolygon%20fill%3D%22%23ddd%22%20points%3D%22128%2C192%20256%2C320%20384%2C192%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E)}}html.theme-dark select{background-image:url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%3Cg%3E%3Cpolygon%20fill%3D%22%23ddd%22%20points%3D%22128%2C192%20256%2C320%20384%2C192%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E)}}input.checkbox-onoff[type=checkbox]{appearance:none;cursor:pointer;border-radius:10px;width:2.5em;height:.7em;margin:0 16px;display:inline-block;position:relative;box-shadow:none!important}input.checkbox-onoff[type=checkbox]:focus,input.checkbox-onoff[type=checkbox]:hover{outline:none}input.checkbox-onoff[type=checkbox]:focus:after{content:"";border:1px solid var(--color-btn-background);width:3.5em;height:1.65em;box-shadow:var(--color-btn-background) 0 0 3px;z-index:1200;border-radius:12px;position:absolute;top:-.55em;left:-.6em}input.checkbox-onoff[type=checkbox]:before{border-radius:50%;justify-content:center;align-items:center;width:1.875em;height:1.875em;font-size:.75em;display:flex;position:absolute;top:-.5em}input.checkbox-onoff[type=checkbox],input.checkbox-onoff.reversed-checkbox[type=checkbox]:checked{background:var(--color-toolkit-checkbox-onoff-off-background)}input.checkbox-onoff[type=checkbox]:before,input.checkbox-onoff.reversed-checkbox[type=checkbox]:checked:before{content:"✕";color:var(--color-toolkit-checkbox-onoff-off-mark-color);background:var(--color-toolkit-checkbox-onoff-off-mark-background);left:-.5em}input.checkbox-onoff[type=checkbox]:checked,input.checkbox-onoff.reversed-checkbox[type=checkbox]{background:var(--color-toolkit-checkbox-onoff-on-background)}input.checkbox-onoff[type=checkbox]:checked:before,input.checkbox-onoff.reversed-checkbox[type=checkbox]:before{content:"✓";color:var(--color-toolkit-checkbox-onoff-on-mark-color);background:var(--color-toolkit-checkbox-onoff-on-mark-background);left:calc(100% - 1.5em)}@supports (transform:rotate(-45deg)){input[type=checkbox]:not(.checkbox-onoff){appearance:none;cursor:pointer;border:2px solid var(--color-toolkit-checkbox-input-border);border-radius:.3em;width:20px;height:20px;position:relative;top:0;left:0}input[type=checkbox]:not(.checkbox-onoff):after{content:"";border:3px solid var(--color-toolkit-checkbox-label-border);opacity:0;background:0 0;border-top:none;border-right:none;width:9px;height:5px;position:absolute;top:3px;left:2px;transform:rotate(-45deg)}input[type=checkbox]:not(.checkbox-onoff):checked:after{border-color:var(--color-toolkit-checkbox-input-border);opacity:1}input[type=checkbox][disabled]:not(.checkbox-onoff){border:inherit;cursor:inherit;background-color:#0000!important}input.checkbox[type=checkbox]:not(:checked,[disabled],.checkbox-onoff):hover:after{opacity:.5}}@media screen and (max-width:50em){.tabs>label{width:100%}}.loader,.loader:after{border-radius:50%;width:2em;height:2em}.loader{text-indent:-9999em;border-top:.5em solid var(--color-toolkit-loader-border);border-right:.5em solid var(--color-toolkit-loader-border);border-bottom:.5em solid var(--color-toolkit-loader-border);border-left:.5em solid var(--color-toolkit-loader-borderleft);margin:1em auto;font-size:10px;animation:1.2s linear infinite load8;position:relative;transform:translateZ(0)}@keyframes load8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.engine-tooltip{border:1px solid var(--color-toolkit-engine-tooltip-border);background:var(--color-toolkit-engine-tooltip-background);z-index:5000;text-align:left;border-radius:10px;margin:0 0 0 2rem;padding:.5rem 1rem;font-size:14px;font-weight:400;display:none;position:absolute}th:hover .engine-tooltip,td:hover .engine-tooltip,.engine-tooltip:hover{display:inline-block}.stacked-bar-chart{flex-flow:row;align-items:center;width:100%;margin:0;padding:0 .125rem 0 4rem;display:inline-flex}.stacked-bar-chart-value{text-align:right;width:3rem;padding:0 .5rem;display:inline-block;position:absolute}.stacked-bar-chart-base{flex-grow:0;flex-shrink:0;flex-basis:unset;display:flex}.stacked-bar-chart-median{flex-grow:0;flex-shrink:0;flex-basis:unset;background:var(--color-base-font);border:1px solid rgb(var(--color-base-font-rgb), .9);padding:.3rem 0;display:flex}.stacked-bar-chart-rate80{flex-grow:0;flex-shrink:0;flex-basis:unset;border:1px solid rgb(var(--color-base-font-rgb), .3);background:0 0;padding:.3rem 0;display:flex}.stacked-bar-chart-rate95{flex-grow:0;flex-shrink:0;flex-basis:unset;border-bottom:1px dotted rgb(var(--color-base-font-rgb), .5);background:0 0;padding:0;display:flex}.stacked-bar-chart-rate100{flex-grow:0;flex-shrink:0;flex-basis:unset;border-left:1px solid rgb(var(--color-base-font-rgb), .9);background:0 0;width:1px;padding:.4rem 0;display:flex}.autocomplete{text-align:left;border-radius:10px;width:44rem;max-width:calc(100% - 1rem);max-height:0;position:absolute;overflow-y:hidden}.autocomplete:active,.autocomplete:focus,.autocomplete:hover{background-color:var(--color-autocomplete-background)}.autocomplete:empty{display:none}.autocomplete>ul{margin:0;padding:0;list-style-type:none}.autocomplete>ul>li{cursor:pointer;padding:.5rem 1rem}.autocomplete>ul>li.active,.autocomplete>ul>li:active,.autocomplete>ul>li:focus,.autocomplete>ul>li:hover{background-color:var(--color-autocomplete-background-hover)}.autocomplete>ul>li.active a:active,.autocomplete>ul>li:active a:active,.autocomplete>ul>li:focus a:active,.autocomplete>ul>li:hover a:active,.autocomplete>ul>li.active a:focus,.autocomplete>ul>li:active a:focus,.autocomplete>ul>li:focus a:focus,.autocomplete>ul>li:hover a:focus,.autocomplete>ul>li.active a:hover,.autocomplete>ul>li:active a:hover,.autocomplete>ul>li:focus a:hover,.autocomplete>ul>li:hover a:hover{text-decoration:none}.autocomplete>ul>li.locked{cursor:inherit}.autocomplete.open{background-color:var(--color-autocomplete-background);color:var(--color-autocomplete-font);z-index:5000;border-radius:.8rem;max-height:32rem;margin-top:3.5rem;display:block;overflow-y:auto}.autocomplete.open:empty{display:none}@media screen and (max-width:50em){.autocomplete>ul>li{padding:1rem}}.dialog-modal{animation-name:dialogmodal;animation-duration:.13s}@keyframes dialogmodal{0%{opacity:0}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.05)}}input.checkbox-onoff[type=checkbox]:before{transition:left .25s}iframe[src^="https://w.soundcloud.com"]{height:120px}iframe[src^="https://www.deezer.com"]{height:94px}iframe[src^="https://www.mixcloud.com"]{height:250px}iframe[src^="https://bandcamp.com/EmbeddedPlayer"]{height:350px}iframe[src^="https://bandcamp.com/EmbeddedPlayer/track"]{height:120px}iframe[src^="https://genius.com/songs"]{height:65px}.info-page code{background-color:var(--color-doc-code-background);color:var(--color-doc-code);border:0;border-radius:5px;padding:.2rem;font-family:monospace}.engine-stats{border-spacing:0;border-collapse:collapse}.engine-stats tr td,.engine-stats tr th{border-bottom:1px solid var(--color-result-border);padding:.25rem}.engine-stats table.engine-tooltip{border-spacing:0;border-collapse:collapse}.engine-stats table.engine-tooltip td,.engine-stats table.engine-tooltip th{border:none}.engine-stats .engine-name{width:20rem}.engine-stats .engine-score{text-align:right;width:7rem}.engine-stats .engine-reliability{text-align:right}table.engine-error th.engine-error-type,table.engine-error td.engine-error-type,failed-test{width:10rem}.engine-errors{margin-top:3rem}.engine-errors table.engine-error{border:1px solid var(--color-result-border);text-align:left;max-width:1280px;margin:1rem 0 3rem}.engine-errors table.engine-error tr th,.engine-errors table.engine-error tr td{padding:.5rem}.engine-errors table.engine-error span.log_parameters{border-right:1px solid solid var(--color-result-border);margin:0 0 0 .5rem;padding:0 1rem 0 0}.bar-chart-value{text-align:right;width:3em;padding-right:.5rem;display:inline-block}.bar-chart-graph{width:calc(100% - 5rem);display:inline-block}.bar-chart-bar{border:3px solid var(--color-bar-chart-primary);margin:1px 0}.bar-chart-serie1{border:3px solid var(--color-bar-chart-primary);float:left;margin:1px 0}.bar-chart-serie2{border:3px solid var(--color-bar-chart-secondary);float:left;margin:1px 0}.bar0{border:0;width:0}.bar1{width:1%}.bar2{width:2%}.bar3{width:3%}.bar4{width:4%}.bar5{width:5%}.bar6{width:6%}.bar7{width:7%}.bar8{width:8%}.bar9{width:9%}.bar10{width:10%}.bar11{width:11%}.bar12{width:12%}.bar13{width:13%}.bar14{width:14%}.bar15{width:15%}.bar16{width:16%}.bar17{width:17%}.bar18{width:18%}.bar19{width:19%}.bar20{width:20%}.bar21{width:21%}.bar22{width:22%}.bar23{width:23%}.bar24{width:24%}.bar25{width:25%}.bar26{width:26%}.bar27{width:27%}.bar28{width:28%}.bar29{width:29%}.bar30{width:30%}.bar31{width:31%}.bar32{width:32%}.bar33{width:33%}.bar34{width:34%}.bar35{width:35%}.bar36{width:36%}.bar37{width:37%}.bar38{width:38%}.bar39{width:39%}.bar40{width:40%}.bar41{width:41%}.bar42{width:42%}.bar43{width:43%}.bar44{width:44%}.bar45{width:45%}.bar46{width:46%}.bar47{width:47%}.bar48{width:48%}.bar49{width:49%}.bar50{width:50%}.bar51{width:51%}.bar52{width:52%}.bar53{width:53%}.bar54{width:54%}.bar55{width:55%}.bar56{width:56%}.bar57{width:57%}.bar58{width:58%}.bar59{width:59%}.bar60{width:60%}.bar61{width:61%}.bar62{width:62%}.bar63{width:63%}.bar64{width:64%}.bar65{width:65%}.bar66{width:66%}.bar67{width:67%}.bar68{width:68%}.bar69{width:69%}.bar70{width:70%}.bar71{width:71%}.bar72{width:72%}.bar73{width:73%}.bar74{width:74%}.bar75{width:75%}.bar76{width:76%}.bar77{width:77%}.bar78{width:78%}.bar79{width:79%}.bar80{width:80%}.bar81{width:81%}.bar82{width:82%}.bar83{width:83%}.bar84{width:84%}.bar85{width:85%}.bar86{width:86%}.bar87{width:87%}.bar88{width:88%}.bar89{width:89%}.bar90{width:90%}.bar91{width:91%}.bar92{width:92%}.bar93{width:93%}.bar94{width:94%}.bar95{width:95%}.bar96{width:96%}.bar97{width:97%}.bar98{width:98%}.bar99{width:99%}.bar100{width:100%}.osm-map-box{width:100%;height:300px;margin:10px 0}#answers .weather summary{list-style:none;display:block}#answers .weather div.summary{background-color:var(--color-header-background);border-radius:5px;margin:0;padding:.5rem 1rem}#answers .weather table{table-layout:fixed;border-collapse:separate;border-spacing:.1em 0;margin-top:.5rem;margin-bottom:.5rem;font-size:.9rem}#answers .weather td{text-overflow:ellipsis;padding:0;overflow:hidden}#answers .weather img.symbol{width:5rem;margin:auto;display:block}#main_index{margin-top:26vh}.index{text-align:center}.index .title{background:url(./img/searxng.png) 50%/contain no-repeat;min-height:4rem;margin:4rem auto}.index h1{visibility:hidden;font-size:4em}.index #search,.index #search_header{background:inherit;border:inherit;margin:0 auto;padding:0;display:block}.index .search_filters{margin:1em 0;display:block}.index .category label{padding:6px 10px;border-bottom:initial!important}@media screen and (max-width:79.75em){div.title h1{font-size:1em}#main_index{margin-top:6em}}table{border-collapse:collapse}table th,table td{text-align:center;text-align:left;padding:1rem .5rem}table tr.pref-group th{text-align:left;background:var(--color-settings-table-group-background);font-weight:400}#main_preferences form{width:100%}#main_preferences fieldset{border:none;margin:8px}#main_preferences legend{float:left;width:300px;margin:0;padding:5px 0 0;display:block}#main_preferences input[type=text]{width:13.25rem;color:var(--color-toolkit-input-text-font);background:none repeat scroll 0 0 var(--color-toolkit-select-background);border:none;border-radius:5px;height:2rem;padding:.2rem .4rem}#main_preferences input[type=text]:hover,#main_preferences input[type=text]:focus{background-color:var(--color-toolkit-select-background-hover)}#main_preferences div.pref-group{text-align:left;background:var(--color-settings-table-group-background);width:100%;padding:1rem .5rem;font-weight:400}#main_preferences .value{float:left;width:15em;margin:0;padding:0}#main_preferences .value select,#main_preferences .value input[type=text]{margin:0 1rem 0 0;font-size:inherit!important}#main_preferences .value select{width:14rem}#main_preferences .value select:focus,#main_preferences .value input:focus{box-shadow:0 0 1px 1px var(--color-btn-background);outline:none}#main_preferences .description{float:right;width:50%;color:var(--color-settings-engine-description-font);margin:0;padding:5px 0 0;font-size:90%}#main_preferences .bang{text-align:left;background-color:var(--color-doc-code-background);color:var(--color-doc-code);border:0;border-radius:5px;padding:.2rem}#main_preferences .category{margin-right:.5rem}#main_preferences .category label{border:2px solid #0000;border-radius:5px;padding:.2rem .4rem}#main_preferences .category input[type=checkbox]:checked+label{border:2px solid var(--color-categories-item-border-selected)}#main_preferences table.table_engines th.name label{cursor:pointer}#main_preferences table.table_engines th.name .engine-tooltip{max-width:40rem;margin-top:1.8rem;left:calc(50% - 32.5em)}#main_preferences table.table_engines th.name .engine-tooltip .engine-description{margin-top:.5rem}#main_preferences table.table_engines th.name .engine-tooltip .bang{margin:.3rem}#main_preferences table.table_engines .checkbox-col,#main_preferences table.table_engines .name,#main_preferences table.table_engines .shortcut{text-align:left}#main_preferences table.cookies{direction:ltr;width:100%}#main_preferences table.cookies th,#main_preferences table.cookies td{text-align:left;vertical-align:top;padding:.5em;font-family:monospace;font-size:1rem}#main_preferences table.cookies td:first-child{word-break:keep-all;width:14rem;padding-right:1rem}#main_preferences table.cookies td:last-child{word-break:break-all}#main_preferences table.cookies>tbody>tr:nth-child(2n)>th,#main_preferences table.cookies>tbody>tr:nth-child(2n)>td{background-color:var(--color-settings-tr-hover)}#main_preferences .preferences_back{background:none repeat scroll 0 0 var(--color-btn-background);color:var(--color-btn-font);cursor:pointer;border:0;border-radius:10px;margin:2px 4px;padding:.7em;display:inline-block}#main_preferences .preferences_back a{color:var(--color-settings-return-font)}#main_preferences .preferences_back a:first-letter{text-transform:uppercase}#main_preferences #toggle-all-engines-container{width:max-content;margin-left:auto}#main_preferences div.selectable_url pre{width:100%}#main_preferences #copy-hash-container{align-items:center;gap:.5rem;display:flex}#main_preferences #copy-hash-container div.selectable_url pre{flex-grow:1;width:auto}#main_preferences #pref-hash-input{width:100%}@media screen and (max-width:79.75em){.preferences_back{clear:both}.engine-tooltip{left:10em!important}}#search{margin:0;padding:0}#search_header{background:var(--color-header-background);border-bottom:1px solid var(--color-header-border);grid-template-columns:3rem 1fr;grid-template-areas:"logo search""spacer categories";gap:1rem 1.2rem;margin:0;padding-top:1.5em;padding-left:7rem;padding-right:2em;display:grid}.category_checkbox,.category_button{margin-right:1rem;padding:0;display:inline-block;position:relative}.category_checkbox input{display:none}.category_checkbox label{cursor:pointer;text-transform:capitalize;-webkit-user-select:none;user-select:none;border-bottom:2px solid #0000;padding:.2rem 0;font-size:.9em;display:inline-flex}.category_checkbox label svg{padding-right:.2rem}.category_checkbox label div.category_name{margin:auto 0}.category_checkbox input[type=checkbox]:checked+label{color:var(--color-categories-item-selected-font);border-bottom:2px solid var(--color-categories-item-border-selected)}button.category_button{background-color:inherit;color:var(--color-base-font);cursor:pointer;text-transform:capitalize;border:none;border-bottom:2px solid #0000;align-items:center;padding:.2rem 0;font-size:.9em;display:inline-flex}button.category_button svg{padding-right:.2rem}button.category_button.selected,button.category_button:active{color:var(--color-categories-item-selected-font);border-bottom:2px solid var(--color-categories-item-border-selected)}.no-js #categories_container:has(button.category_button:focus-within) button.category_button.selected{color:var(--color-base-font);border-bottom:none}.no-js #categories_container:has(button.category_button:focus-within) button.category_button:focus-within{color:var(--color-categories-item-selected-font);border-bottom:2px solid var(--color-categories-item-border-selected)}#search_logo{grid-area:logo;justify-content:center;align-items:center;padding:.5rem 10px 0;display:flex}#search_logo svg{flex:1;width:30px;height:30px;margin:.5rem 0 auto}.search_categories{grid-area:categories}.search_categories .help{display:none}.search_categories:hover .help{background:var(--color-base-background);z-index:1000;width:100%;padding:1rem .6rem .6rem 0;display:block;position:absolute;left:-.1rem}#search_view{grid-area:search;padding:.5rem .5rem 0}body.results_endpoint #search_view{padding:.5rem 2.8rem 0 0}.search_box{white-space:nowrap;width:100%;max-width:44rem;box-shadow:var(--color-search-shadow);border-radius:.8rem;flex-direction:row;display:inline-flex}#clear_search{border-collapse:separate;box-sizing:border-box;background:none repeat scroll 0 0 var(--color-search-background);width:1.8rem;color:var(--color-search-font);z-index:1000;border:none;outline:none;margin:0;padding:.8rem .2rem;font-size:1.1rem;display:block}#clear_search:hover{color:var(--color-search-background-hover)}#clear_search.empty *,html.no-js #clear_search.hide_if_nojs{display:none}#q,#send_search{background:none repeat scroll 0 0 var(--color-search-background);color:var(--color-search-font);z-index:100;border:none;outline:none;margin:0;font-size:1.1rem;display:block}#q{border-radius:.8rem 0 0 .8rem;width:100%;padding-left:1rem;padding-right:0!important}#send_search{border-radius:0 .8rem .8rem 0;padding:.8rem}#send_search:hover{cursor:pointer;background-color:var(--color-search-background-hover);color:var(--color-search-background)}.no-js #clear_search,.no-js #send_search{border-left:1px solid var(--color-search-border);width:auto!important}.search_filters{overscroll-behavior-inline:contain;margin:.6rem 0 0 10.6rem;display:flex;overflow-x:auto}.search_filters select{background-color:inherit}.search_filters select:hover,.search_filters select:focus{color:var(--color-base-font)}@media screen and (max-width:79.75em){#search_header{column-gap:.5rem;padding:1.5em .5rem 0}.search_filters{margin:.6rem 0 0 3.5rem}#categories{clear:both;font-size:90%}}@media screen and (max-width:79.75em) and (hover:none){#main_index #categories_container,#main_results #categories_container{width:max-content}#main_index #categories_container .category_checkbox,#main_results #categories_container .category_checkbox{width:auto;display:inline-block}#main_index #categories,#main_results #categories{text-align:left;width:100%;overflow:scroll hidden}}@media screen and (max-width:50em){#search_header{grid-template-areas:"logo search""categories categories";gap:0;width:100%;margin:0;padding:.1rem 0 0}.search_logo{padding:0}.search_box{width:100%}#q{flex:1;width:100%}.search_filters{margin:0 10px;padding:.5rem 0}.category{width:auto;margin:0;display:inline-block}.category svg{display:none}.category_checkbox label,.category_button{margin:0!important;padding:1rem!important}#search_view:focus-within{background-color:var(--color-search-background);z-index:2000;width:100%;height:100%;display:block;position:absolute;top:0}#search_view:focus-within .search_box{border-bottom:1px solid var(--color-search-border);width:100%;box-shadow:none;border-radius:0}#search_view:focus-within .search_box #send_search{margin-right:0!important}#search_view:focus-within .search_box *{box-shadow:none;border:none;border-radius:0}#main_results #q:placeholder-shown~#send_search{margin-right:2.6rem;transition:margin .1s}}@media screen and (max-width:20rem){#search_header{grid-template-areas:"search search""categories categories"}#search_logo{display:none}}#categories{-webkit-user-select:none;user-select:none}#categories_container{position:relative}.favicon img{background-color:var(--color-favicon-background-color);border:1px solid var(--color-favicon-border-color);border-radius:10%;width:1.5rem;height:1.5rem;display:flex}@media screen and (min-width:50em){.center-alignment-yes #main_results{--center-page-width:48rem}}@media screen and (min-width:62rem){.center-alignment-yes #main_results{--center-page-width:60rem}}@media screen and (min-width:79.75em){.center-alignment-yes #main_results{--center-page-width:73rem}}@media screen and (min-width:50em) and (max-width:79.75em){.center-alignment-yes #main_results #results{grid-template-columns:60% calc(40% - 5rem);margin-left:0;margin-right:0}.center-alignment-yes #main_results #urls{margin-left:3rem}.center-alignment-yes #main_results #sidebar{margin-right:1rem}.center-alignment-yes #main_results #backToTop{left:calc(60% + 1rem)}}@media screen and (min-width:79.75em){.center-alignment-yes #main_results{flex-direction:column;align-items:center;display:flex}.center-alignment-yes #main_results #search{flex-direction:column;align-items:center;width:100%;display:flex}.center-alignment-yes #main_results #search_header{grid-template-columns:calc(50% - 4.5rem - var(--center-page-width) / 2) 3rem var(--center-page-width);grid-template-areas:"na logo search""na spacer categories";column-gap:1.2rem;width:100%;padding-left:0;padding-right:0}.center-alignment-yes #main_results .search_filters{width:var(--center-page-width);margin-left:.5rem}.center-alignment-yes #main_results #results{margin-left:10rem;margin-right:2rem}.center-alignment-yes #main_results #results.only_template_images,.center-alignment-yes #main_results #results.image-detail-open{align-self:flex-start}.center-alignment-yes #main_results #results:not(.only_template_images,.image-detail-open){grid-template-columns:calc(var(--center-page-width) - 5rem - 25rem) 25rem;margin-left:1.5rem}.center-alignment-yes #main_results #results:not(.only_template_images,.image-detail-open) #backToTop{left:calc(50% - 25rem - 5rem + 1rem + var(--center-page-width) / 2)}.center-alignment-yes #main_results #results .result .content{max-width:inherit}.center-alignment-yes #main_results #urls{margin-left:0}.center-alignment-yes #main_results #sidebar{margin-right:0}}.sxng-icon-set{vertical-align:bottom;-webkit-text-decoration:inherit;text-decoration:inherit;line-height:1;display:inline-block;transform:scale(1)}.sxng-icon-set-small{vertical-align:bottom;width:1rem;height:1rem;-webkit-text-decoration:inherit;text-decoration:inherit;line-height:1;display:inline-block;transform:scale(1)}.sxng-icon-set-big{vertical-align:bottom;width:1.5rem;height:1.5rem;-webkit-text-decoration:inherit;text-decoration:inherit;line-height:1;display:inline-block;transform:scale(1)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;color:var(--color-base-font);background-color:var(--color-base-background);scroll-behavior:smooth;margin:0;padding:0;font-family:sans-serif;font-size:.9em}body,main{margin:0;padding:0}body{flex-direction:column;height:100vh;margin:0;display:flex}@supports (height:100dvh){body{height:100dvh}}main{flex:1;width:100%;margin-bottom:2rem}.page_with_header{width:85em;margin:2em auto}footer{clear:both;text-align:center;background-color:var(--color-footer-background);border-top:1px solid var(--color-footer-border);width:100%;min-height:4rem;padding:1rem 0;overflow:hidden}footer p{font-size:.9em}.page_with_header .logo{height:40px}input[type=submit],#results button[type=submit],.button{background:var(--color-btn-background);color:var(--color-btn-font);cursor:pointer;border:0;border-radius:10px;padding:.7rem;display:inline-block}a{color:var(--color-url-font);text-decoration:none}a:visited,a:visited .highlight{color:var(--color-url-visited-font)}article[data-vim-selected]{background:var(--color-result-vim-selected);border-left:.2rem solid var(--color-result-vim-arrow);border-radius:0 10px 10px 0}article.result-images[data-vim-selected]{background:var(--color-result-vim-arrow);border:none;border-radius:10px}article.result-images[data-vim-selected] .image_thumbnail{filter:opacity(60%)}article.result-images[data-vim-selected] span.title,article.result-images[data-vim-selected] span.source{color:var(--color-result-image-span-font-selected)}article[data-vim-selected].category-videos,article[data-vim-selected].category-news,article[data-vim-selected].category-map,article[data-vim-selected].category-music,article[data-vim-selected].category-social{border:1px solid var(--color-result-vim-arrow);border-radius:10px}.result{box-sizing:border-box;border-left:.2rem solid #0000;width:100%;margin:.125rem 0;padding:1rem}.result h3{overflow-wrap:break-word;margin:.4rem 0;padding:0;font-size:1.2rem}.result h3 a{color:var(--color-result-link-font);font-size:1.1em;font-weight:400}.result h3 a:visited{color:var(--color-result-link-visited-font)}.result h3 a:focus,.result h3 a:hover{border:none;outline:none;text-decoration:underline}.result .cache_link,.result .proxyfied_link{margin-left:.5rem;font-size:smaller!important}.result .content,.result .stat{overflow-wrap:break-word;max-width:54em;margin:0;padding:0;font-size:.9em;line-height:1.24}.result .content .highlight,.result .stat .highlight{color:var(--color-result-description-highlight-font);background:inherit;font-weight:700}.result .altlink a{background:var(--color-show-btn-background);color:var(--color-show-btn-font);cursor:pointer;border-radius:5px;margin:0 10px 0 0;padding:5px 10px;font-size:.9em}.result .altlink a:hover{background:var(--color-btn-background);color:var(--color-btn-font)}.result .codelines .highlight{color:inherit;background:inherit;font-weight:400}.result .url_header{gap:.5rem;display:flex}.result .url_wrapper{color:var(--color-result-url-font);flex-flow:row;align-items:center;margin:0;padding:0;font-size:1rem;display:flex;overflow:hidden}.result .url_wrapper .url_o1{white-space:nowrap;flex-shrink:1;padding-bottom:1px}.result .url_wrapper .url_o1 .url_i1{unicode-bidi:plaintext}.result .url_wrapper .url_o1:after{content:" ";width:1ch;display:inline-block}.result .url_wrapper .url_o2{white-space:nowrap;flex:0 1 content;text-align:right;padding-bottom:1px;overflow:hidden}.result .url_wrapper .url_o2 .url_i2{float:right}.result .published_date,.result .result_length,.result .result_views,.result .result_author,.result .result_shipping,.result .result_source_country{color:var(--color-result-publishdate-font);font-size:.8em}.result .result_price{color:var(--color-result-description-highlight-font);font-size:1.2em}.result a.thumbnail_link{float:left;margin-top:.6rem;margin-right:1rem;position:relative}.result a.thumbnail_link img.thumbnail{width:7rem;height:unset;display:block}.result a.thumbnail_link .thumbnail_length{background:var(--color-image-resolution-background);color:var(--color-image-resolution-font);border-top-left-radius:.3rem;padding:.3rem .5rem;font-size:.9rem;position:absolute;bottom:0;right:6px}.result .break{clear:both}.result-packages .attributes{border-spacing:.125rem;margin-top:.3rem;display:table}.result-packages .attributes div{display:table-row}.result-packages .attributes div span{margin-top:.25rem;font-size:.9rem;display:table-cell}.result-packages .attributes div span time{font-size:.9rem}.result-packages .attributes div span:first-child{color:var(--color-base-font);min-width:10rem}.result-packages .attributes div span:nth-child(2){color:var(--color-result-publishdate-font)}.result-packages .content{margin-top:.25rem}.result-packages .comments{overflow-wrap:break-word;margin:.25rem 0 0;padding:0;font-size:.9rem;font-style:italic;line-height:1.24}.template_group_images{flex-wrap:wrap;display:flex}.template_group_images:after{content:"";flex-grow:10}.category-videos,.category-news,.category-map,.category-music,.category-social{border:1px solid var(--color-result-border);border-radius:10px;margin:0 .5rem 1rem!important}.category-social .image{min-width:48px;min-height:48px;width:auto!important;padding:0 5px 25px 0!important}.audio-control audio,.embedded-content iframe{width:100%;padding:10px 0 0}.result-videos a.thumbnail_link img.thumbnail{width:20rem}.result-videos .content{overflow:hidden}.result-videos .embedded-video iframe{aspect-ratio:16/9;width:100%;padding:10px 0 0}@supports not (aspect-ratio:1 / 1){.result-videos .embedded-video iframe{height:25.3125rem}}.engines{float:right;color:var(--color-result-engines-font);flex-wrap:wrap;justify-content:flex-end;display:flex}.engines span{margin:0 .5rem 0 0;font-size:smaller}.small_font{font-size:.8em}.highlight{color:var(--color-result-link-font-highlight);background:inherit}.empty_element{font-style:italic}.result-images{height:12rem;width:unset;flex-grow:1;margin:.25rem;padding:.5rem .5rem 3rem;border:none!important}.result-images>a{outline:none;position:relative}.result-images img{object-fit:cover;vertical-align:bottom;background:var(--color-result-image-background);border:none;width:auto;height:100%;margin:0;padding:0}.result-images .image_resolution{background:var(--color-image-resolution-background);color:var(--color-image-resolution-font);border-top-left-radius:.3rem;padding:.3rem .5rem;font-size:.9rem;position:absolute;bottom:0;right:0}.result-images span.title,.result-images span.source{width:100%;color:var(--color-result-image-span-font);text-overflow:ellipsis;white-space:nowrap;padding:.5rem 0 0;font-size:.9rem;display:block;position:absolute;overflow:hidden}.result-images span.source{padding:1.8rem 0 0;font-size:.7rem}.result-map img.image{float:right!important;width:auto!important;height:100px!important}.result-map table{border-collapse:separate;border-spacing:0 .35rem;width:auto;font-size:.9em}.result-map table th{font-weight:inherit;vertical-align:top;text-align:left;width:17rem}.result-map table td{vertical-align:top;text-align:left}.hidden{display:none!important}#results{grid-template:"corrections sidebar"min-content"answers sidebar"min-content"urls sidebar"1fr"pagination sidebar"min-content/45rem 25rem;gap:0 5rem;margin:1rem 2rem 0 10rem;display:grid}#results #sidebar :first-child{margin-top:0}#urls{grid-area:urls;padding:0}#apis .wrapper{display:flex}#suggestions .wrapper{margin:0;padding-left:0;list-style-position:inside}#suggestions .wrapper li::marker{color:var(--color-result-link-font)}#suggestions .wrapper form{display:inline-block}#suggestions input,#infoboxes input{color:var(--color-result-search-url-font);cursor:pointer;text-overflow:ellipsis;text-align:left;background:0 0;width:100%;margin:0;padding:3px;font-size:.9em;display:inline-block;overflow:hidden}#suggestions input[type=submit],#infoboxes input[type=submit],#suggestions .infobox .url a,#infoboxes .infobox .url a{color:var(--color-result-link-font);font-size:.9rem;text-decoration:none}#suggestions input[type=submit]:hover,#infoboxes input[type=submit]:hover,#suggestions .infobox .url a:hover,#infoboxes .infobox .url a:hover{text-decoration:underline}#corrections{flex-flow:wrap;grid-area:corrections;margin:0 0 1em;display:flex}#corrections h4,#corrections input[type=submit]{margin:.5rem;padding:.5rem;display:inline-block}#corrections input[type=submit]{border-radius:5px;font-size:.8rem}#infoboxes .title,#suggestions .title,#search_url .title,#engines_msg .title,#apis .title{color:var(--color-base-font);margin:2em 0 .5em}summary.title{cursor:pointer;padding-top:1em}.sidebar-collapsible{border-top:1px solid var(--color-sidebar-border);padding-bottom:.5em}#sidebar-end-collapsible{border-bottom:1px solid var(--color-sidebar-border);width:100%}#answers{background:var(--color-answer-background);color:var(--color-answer-font);border-radius:10px;grid-area:answers;margin:0 0 1rem;padding:1rem}#answers h4{display:none}#answers span{overflow-wrap:anywhere}#answers .answer{flex-direction:column;display:flex}#answers .answer-url{margin:5px 10px 10px auto}#infoboxes form{min-width:210px}#sidebar{overflow-wrap:break-word;color:var(--color-sidebar-font);grid-area:sidebar}#sidebar .infobox{border:1px solid var(--color-sidebar-border);border-radius:10px;margin:10px 0;padding:1rem;font-size:.9em}#sidebar .infobox h2{margin:0 0 .5em}#sidebar .infobox img{max-width:100%;max-height:12em;margin:0 auto;padding:0;display:block}#sidebar .infobox dt{font-weight:700}#sidebar .infobox .attributes dl{margin:.5em 0}#sidebar .infobox .attributes dt{margin:.5em .25em .5em 0;padding:0;display:inline}#sidebar .infobox .attributes dd{margin:.5em 0;padding:0;display:inline}#sidebar .infobox input{font-size:1em}#sidebar .infobox br,#sidebar .infobox .attributes,#sidebar .infobox .urls{clear:both}#apis input{background:var(--color-show-btn-background);color:var(--color-show-btn-font);cursor:pointer;border-radius:5px;margin:0 10px 0 0;padding:5px 10px;font-size:.9em}#apis input:hover{background:var(--color-btn-background);color:var(--color-btn-font)}#engines_msg .engine-name{width:10rem}#engines_msg .response-error{color:var(--color-error)}#engines_msg .bar-chart-value{width:auto}#search_url div.selectable_url pre{float:left;width:200em}#search_url button#copy_url{float:right;border-radius:.3rem;margin-left:.5rem;padding:.4rem;display:none}#links_on_top{text-align:right;color:var(--color-search-font);border:0;align-items:center;padding:0;font-size:1em;display:flex;position:absolute;top:2.7rem;right:1rem}#links_on_top a{align-items:center;margin-left:1em;display:flex}#links_on_top a svg{margin-right:.125em;font-size:1.2em}#links_on_top a,#links_on_top a:link *,#links_on_top a:hover *,#links_on_top a:visited *,#links_on_top a:active *{color:var(--color-search-font)}#pagination{grid-area:pagination}#pagination br{clear:both}.numbered_pagination{flex-direction:row;justify-content:center;align-items:center;display:flex;overflow:hidden}.page_number{text-decoration:underline;color:var(--color-result-link-font)!important;background:0 0!important}.page_number_current{color:var(--color-result-link-visited-font);background:0 0;border:none}#backToTop{border:1px solid var(--color-backtotop-border);background:var(--color-backtotop-background);opacity:0;pointer-events:none;border-radius:10px;margin:0;padding:0;font-size:1em;transition:opacity .5s;position:fixed;bottom:8rem;left:56.3rem}#backToTop a{margin:0;padding:.7em;display:block}#backToTop a,#backToTop a:visited,#backToTop a:hover,#backToTop a:active{color:var(--color-backtotop-font)}#results.scrolling #backToTop{opacity:1;pointer-events:all}@media screen and (max-width:calc(79.75em - .5px)){#links_on_top span{display:none}}@media screen and (max-width:52rem){body.results_endpoint #links_on_top .link_on_top_about,body.results_endpoint #links_on_top .link_on_top_donate{display:none}}@media screen and (min-width:50em) and (max-width:79.75em){.center-alignment-no #links_on_top span{display:none}.center-alignment-no .page_with_header{width:auto;margin:2rem .5rem}.center-alignment-no #infoboxes{position:inherit;max-width:inherit}.center-alignment-no #infoboxes .infobox{clear:both}.center-alignment-no #infoboxes .infobox img{float:left;max-width:10em;margin:.5em .5em .5em 0}.center-alignment-no #sidebar{float:none;border:none;width:auto;margin:0 .5rem .125rem;padding:0}.center-alignment-no #sidebar input{border:0}.center-alignment-no .result .thumbnail{max-width:98%}.center-alignment-no .result .url span.url{white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden}.center-alignment-no .result .engines{float:right;flex-wrap:wrap;justify-content:flex-end;padding:3px 0 0;display:flex}.center-alignment-no .result-images{border-bottom:none!important}.center-alignment-no .image_result,.center-alignment-no .image_result img{max-width:98%}.center-alignment-no #backToTop{display:none}.center-alignment-no #pagination{margin:2rem 0 0!important}.center-alignment-no #main_results div#results{grid-template:"corrections"min-content"answers"min-content"sidebar"min-content"urls"1fr"pagination"min-content/45rem;justify-content:center;gap:0;margin:0 auto;display:grid}}#main_results div#results.only_template_images{grid-template:"corrections"min-content"answers"min-content"sidebar"min-content"urls"1fr"pagination"min-content/100%;gap:0;margin:1rem .5rem 0;display:grid}#main_results div#results.only_template_images #urls{flex-wrap:wrap;margin:0;display:flex}#main_results div#results.only_template_images #urls:after{content:"";flex-grow:10}#main_results div#results.only_template_images #backToTop{left:auto;right:1rem}#main_results div#results.only_template_images #pagination{margin-right:4rem}@media screen and (max-width:50em){#links_on_top span{display:none}.page_with_header{width:auto;margin:2rem .5rem}#infoboxes{position:inherit;max-width:inherit}#infoboxes .infobox{clear:both}#infoboxes .infobox img{float:left;max-width:10em;margin:.5em .5em .5em 0}#sidebar{float:none;border:none;width:auto;margin:0 .5rem .125rem;padding:0}#sidebar input{border:0}.result .thumbnail{max-width:98%}.result .url span.url{white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden}.result .engines{float:right;flex-wrap:wrap;justify-content:flex-end;padding:3px 0 0;display:flex}.result-images{border-bottom:none!important}.image_result,.image_result img{max-width:98%}#backToTop{display:none}#main_results div#results{grid-template:"corrections"min-content"answers"min-content"sidebar"min-content"urls"1fr"pagination"min-content/45rem;justify-content:center;gap:0;margin:0 auto;display:grid}html{background-color:var(--color-base-background-mobile)}#main_results div#results{grid-template-columns:100%;margin:0 auto}#links_on_top{top:1.4rem;right:10px}#main_index #links_on_top{top:.5rem;right:.5rem}#results{margin:0;padding:0}#pagination{margin:2rem 1rem 0!important}article[data-vim-selected]{border:1px solid var(--color-result-vim-arrow);border-radius:10px}.result{background:var(--color-result-background);border:1px solid var(--color-result-background);border-radius:10px;width:96%;margin:1rem 2%}.result-images{background:var(--color-base-background-mobile);height:10rem;width:unset;margin:0}.infobox{background-color:var(--color-sidebar-background);border:none!important}.numbered_pagination{display:none}.result-packages .attributes,.result-packages .attributes div{display:block}.result-packages .attributes div span{display:inline}.result-packages .attributes div span:first-child{font-weight:700}.result-packages .attributes div span:nth-child(2){margin-left:.5rem}}@media screen and (max-width:35em){.result-videos img.thumbnail{float:none!important}.result-videos .content{overflow:inherit}}pre code{white-space:pre-wrap}#main_results .result-keyvalue caption{caption-side:bottom;background-color:var(--color-result-keyvalue-table);padding:.8rem .5rem;font-style:italic}#main_results .result-keyvalue .col-key{width:25%}#main_results .result-keyvalue table{word-break:break-all;table-layout:fixed;background-color:var(--color-result-keyvalue-table);width:100%}#main_results .result-keyvalue tr.odd{background-color:var(--color-result-keyvalue-odd)}#main_results .result-keyvalue tr.even{background-color:var(--color-result-keyvalue-even)}#main_results .result-keyvalue th,#main_results .result-keyvalue td{padding:.3rem .5rem}.code-highlight pre{line-height:125%}.code-highlight td.linenos .normal,.code-highlight span.linenos{color:inherit;background-color:#0000;padding-left:5px;padding-right:5px}.code-highlight td.linenos .special,.code-highlight span.linenos.special{color:#000;background-color:#ffffc0;padding-left:5px;padding-right:5px}.code-highlight .hll{background-color:#ffc}.code-highlight .c{color:#3d7b7b;font-style:italic}.code-highlight .err{border:1px solid red}.code-highlight .k{color:green;font-weight:700}.code-highlight .o{color:#666}.code-highlight .ch,.code-highlight .cm{color:#3d7b7b;font-style:italic}.code-highlight .cp{color:#9c6500}.code-highlight .cpf,.code-highlight .c1,.code-highlight .cs{color:#3d7b7b;font-style:italic}.code-highlight .gd{color:#a00000}.code-highlight .ge{font-style:italic}.code-highlight .ges{font-style:italic;font-weight:700}.code-highlight .gr{color:#e40000}.code-highlight .gh{color:navy;font-weight:700}.code-highlight .gi{color:#008400}.code-highlight .go{color:#717171}.code-highlight .gp{color:navy;font-weight:700}.code-highlight .gs{font-weight:700}.code-highlight .gu{color:purple;font-weight:700}.code-highlight .gt{color:#04d}.code-highlight .kc,.code-highlight .kd,.code-highlight .kn{color:green;font-weight:700}.code-highlight .kp{color:green}.code-highlight .kr{color:green;font-weight:700}.code-highlight .kt{color:#b00040}.code-highlight .m{color:#666}.code-highlight .s{color:#ba2121}.code-highlight .na{color:#687822}.code-highlight .nb{color:green}.code-highlight .nc{color:#00f;font-weight:700}.code-highlight .no{color:#800}.code-highlight .nd{color:#a2f}.code-highlight .ni{color:#717171;font-weight:700}.code-highlight .ne{color:#cb3f38;font-weight:700}.code-highlight .nf{color:#00f}.code-highlight .nl{color:#767600}.code-highlight .nn{color:#00f;font-weight:700}.code-highlight .nt{color:green;font-weight:700}.code-highlight .nv{color:#19177c}.code-highlight .ow{color:#a2f;font-weight:700}.code-highlight .w{color:#bbb}.code-highlight .mb,.code-highlight .mf,.code-highlight .mh,.code-highlight .mi,.code-highlight .mo{color:#666}.code-highlight .sa,.code-highlight .sb,.code-highlight .sc,.code-highlight .dl{color:#ba2121}.code-highlight .sd{color:#ba2121;font-style:italic}.code-highlight .s2{color:#ba2121}.code-highlight .se{color:#aa5d1f;font-weight:700}.code-highlight .sh{color:#ba2121}.code-highlight .si{color:#a45a77;font-weight:700}.code-highlight .sx{color:green}.code-highlight .sr{color:#a45a77}.code-highlight .s1{color:#ba2121}.code-highlight .ss{color:#19177c}.code-highlight .bp{color:green}.code-highlight .fm{color:#00f}.code-highlight .vc,.code-highlight .vg,.code-highlight .vi,.code-highlight .vm{color:#19177c}.code-highlight .il{color:#666}.codelines{margin:.125rem 0 0;padding:1rem 0 0}.code-highlight pre{margin:0;padding:0 0 .75rem;overflow:auto}.code-highlight .linenos{-webkit-user-select:none;user-select:none;cursor:default;text-align:right;margin-right:8px}.code-highlight .linenos::selection{background:0 0}.code-highlight span.linenos{color:var(--color-line-number)}.code-highlight .err{color:inherit;border:none}@media (prefers-color-scheme:dark){:root.theme-auto .code-highlight pre{line-height:125%}:root.theme-auto .code-highlight td.linenos .normal,:root.theme-auto .code-highlight span.linenos{color:inherit;background-color:#0000;padding-left:5px;padding-right:5px}:root.theme-auto .code-highlight td.linenos .special,:root.theme-auto .code-highlight span.linenos.special{color:#000;background-color:#ffffc0;padding-left:5px;padding-right:5px}:root.theme-auto .code-highlight .hll{background-color:#49483e}:root.theme-auto .code-highlight .c{color:#959077}:root.theme-auto .code-highlight .err{color:#ed007e;background-color:#1e0010}:root.theme-auto .code-highlight .esc,:root.theme-auto .code-highlight .g{color:#f8f8f2}:root.theme-auto .code-highlight .k{color:#66d9ef}:root.theme-auto .code-highlight .l{color:#ae81ff}:root.theme-auto .code-highlight .n{color:#f8f8f2}:root.theme-auto .code-highlight .o{color:#ff4689}:root.theme-auto .code-highlight .x,:root.theme-auto .code-highlight .p{color:#f8f8f2}:root.theme-auto .code-highlight .ch,:root.theme-auto .code-highlight .cm,:root.theme-auto .code-highlight .cp,:root.theme-auto .code-highlight .cpf,:root.theme-auto .code-highlight .c1,:root.theme-auto .code-highlight .cs{color:#959077}:root.theme-auto .code-highlight .gd{color:#ff4689}:root.theme-auto .code-highlight .ge{color:#f8f8f2;font-style:italic}:root.theme-auto .code-highlight .ges{color:#f8f8f2;font-style:italic;font-weight:700}:root.theme-auto .code-highlight .gr,:root.theme-auto .code-highlight .gh{color:#f8f8f2}:root.theme-auto .code-highlight .gi{color:#a6e22e}:root.theme-auto .code-highlight .go{color:#66d9ef}:root.theme-auto .code-highlight .gp{color:#ff4689;font-weight:700}:root.theme-auto .code-highlight .gs{color:#f8f8f2;font-weight:700}:root.theme-auto .code-highlight .gu{color:#959077}:root.theme-auto .code-highlight .gt{color:#f8f8f2}:root.theme-auto .code-highlight .kc,:root.theme-auto .code-highlight .kd{color:#66d9ef}:root.theme-auto .code-highlight .kn{color:#ff4689}:root.theme-auto .code-highlight .kp,:root.theme-auto .code-highlight .kr,:root.theme-auto .code-highlight .kt{color:#66d9ef}:root.theme-auto .code-highlight .ld{color:#e6db74}:root.theme-auto .code-highlight .m{color:#ae81ff}:root.theme-auto .code-highlight .s{color:#e6db74}:root.theme-auto .code-highlight .na{color:#a6e22e}:root.theme-auto .code-highlight .nb{color:#f8f8f2}:root.theme-auto .code-highlight .nc{color:#a6e22e}:root.theme-auto .code-highlight .no{color:#66d9ef}:root.theme-auto .code-highlight .nd{color:#a6e22e}:root.theme-auto .code-highlight .ni{color:#f8f8f2}:root.theme-auto .code-highlight .ne,:root.theme-auto .code-highlight .nf{color:#a6e22e}:root.theme-auto .code-highlight .nl,:root.theme-auto .code-highlight .nn{color:#f8f8f2}:root.theme-auto .code-highlight .nx{color:#a6e22e}:root.theme-auto .code-highlight .py{color:#f8f8f2}:root.theme-auto .code-highlight .nt{color:#ff4689}:root.theme-auto .code-highlight .nv{color:#f8f8f2}:root.theme-auto .code-highlight .ow{color:#ff4689}:root.theme-auto .code-highlight .pm,:root.theme-auto .code-highlight .w{color:#f8f8f2}:root.theme-auto .code-highlight .mb,:root.theme-auto .code-highlight .mf,:root.theme-auto .code-highlight .mh,:root.theme-auto .code-highlight .mi,:root.theme-auto .code-highlight .mo{color:#ae81ff}:root.theme-auto .code-highlight .sa,:root.theme-auto .code-highlight .sb,:root.theme-auto .code-highlight .sc,:root.theme-auto .code-highlight .dl,:root.theme-auto .code-highlight .sd,:root.theme-auto .code-highlight .s2{color:#e6db74}:root.theme-auto .code-highlight .se{color:#ae81ff}:root.theme-auto .code-highlight .sh,:root.theme-auto .code-highlight .si,:root.theme-auto .code-highlight .sx,:root.theme-auto .code-highlight .sr,:root.theme-auto .code-highlight .s1,:root.theme-auto .code-highlight .ss{color:#e6db74}:root.theme-auto .code-highlight .bp{color:#f8f8f2}:root.theme-auto .code-highlight .fm{color:#a6e22e}:root.theme-auto .code-highlight .vc,:root.theme-auto .code-highlight .vg,:root.theme-auto .code-highlight .vi,:root.theme-auto .code-highlight .vm{color:#f8f8f2}:root.theme-auto .code-highlight .il{color:#ae81ff}:root.theme-auto .code-highlight pre{margin:0;padding:0 0 .75rem;overflow:auto}:root.theme-auto .code-highlight .linenos{-webkit-user-select:none;user-select:none;cursor:default;text-align:right;margin-right:8px}:root.theme-auto .code-highlight .linenos::selection{background:0 0}:root.theme-auto .code-highlight span.linenos{color:var(--color-line-number)}:root.theme-auto .code-highlight .err{color:inherit;border:none}}:root.theme-dark .code-highlight pre{line-height:125%}:root.theme-dark .code-highlight td.linenos .normal,:root.theme-dark .code-highlight span.linenos{color:inherit;background-color:#0000;padding-left:5px;padding-right:5px}:root.theme-dark .code-highlight td.linenos .special,:root.theme-dark .code-highlight span.linenos.special{color:#000;background-color:#ffffc0;padding-left:5px;padding-right:5px}:root.theme-dark .code-highlight .hll{background-color:#49483e}:root.theme-dark .code-highlight .c{color:#959077}:root.theme-dark .code-highlight .err{color:#ed007e;background-color:#1e0010}:root.theme-dark .code-highlight .esc,:root.theme-dark .code-highlight .g{color:#f8f8f2}:root.theme-dark .code-highlight .k{color:#66d9ef}:root.theme-dark .code-highlight .l{color:#ae81ff}:root.theme-dark .code-highlight .n{color:#f8f8f2}:root.theme-dark .code-highlight .o{color:#ff4689}:root.theme-dark .code-highlight .x,:root.theme-dark .code-highlight .p{color:#f8f8f2}:root.theme-dark .code-highlight .ch,:root.theme-dark .code-highlight .cm,:root.theme-dark .code-highlight .cp,:root.theme-dark .code-highlight .cpf,:root.theme-dark .code-highlight .c1,:root.theme-dark .code-highlight .cs{color:#959077}:root.theme-dark .code-highlight .gd{color:#ff4689}:root.theme-dark .code-highlight .ge{color:#f8f8f2;font-style:italic}:root.theme-dark .code-highlight .ges{color:#f8f8f2;font-style:italic;font-weight:700}:root.theme-dark .code-highlight .gr,:root.theme-dark .code-highlight .gh{color:#f8f8f2}:root.theme-dark .code-highlight .gi{color:#a6e22e}:root.theme-dark .code-highlight .go{color:#66d9ef}:root.theme-dark .code-highlight .gp{color:#ff4689;font-weight:700}:root.theme-dark .code-highlight .gs{color:#f8f8f2;font-weight:700}:root.theme-dark .code-highlight .gu{color:#959077}:root.theme-dark .code-highlight .gt{color:#f8f8f2}:root.theme-dark .code-highlight .kc,:root.theme-dark .code-highlight .kd{color:#66d9ef}:root.theme-dark .code-highlight .kn{color:#ff4689}:root.theme-dark .code-highlight .kp,:root.theme-dark .code-highlight .kr,:root.theme-dark .code-highlight .kt{color:#66d9ef}:root.theme-dark .code-highlight .ld{color:#e6db74}:root.theme-dark .code-highlight .m{color:#ae81ff}:root.theme-dark .code-highlight .s{color:#e6db74}:root.theme-dark .code-highlight .na{color:#a6e22e}:root.theme-dark .code-highlight .nb{color:#f8f8f2}:root.theme-dark .code-highlight .nc{color:#a6e22e}:root.theme-dark .code-highlight .no{color:#66d9ef}:root.theme-dark .code-highlight .nd{color:#a6e22e}:root.theme-dark .code-highlight .ni{color:#f8f8f2}:root.theme-dark .code-highlight .ne,:root.theme-dark .code-highlight .nf{color:#a6e22e}:root.theme-dark .code-highlight .nl,:root.theme-dark .code-highlight .nn{color:#f8f8f2}:root.theme-dark .code-highlight .nx{color:#a6e22e}:root.theme-dark .code-highlight .py{color:#f8f8f2}:root.theme-dark .code-highlight .nt{color:#ff4689}:root.theme-dark .code-highlight .nv{color:#f8f8f2}:root.theme-dark .code-highlight .ow{color:#ff4689}:root.theme-dark .code-highlight .pm,:root.theme-dark .code-highlight .w{color:#f8f8f2}:root.theme-dark .code-highlight .mb,:root.theme-dark .code-highlight .mf,:root.theme-dark .code-highlight .mh,:root.theme-dark .code-highlight .mi,:root.theme-dark .code-highlight .mo{color:#ae81ff}:root.theme-dark .code-highlight .sa,:root.theme-dark .code-highlight .sb,:root.theme-dark .code-highlight .sc,:root.theme-dark .code-highlight .dl,:root.theme-dark .code-highlight .sd,:root.theme-dark .code-highlight .s2{color:#e6db74}:root.theme-dark .code-highlight .se{color:#ae81ff}:root.theme-dark .code-highlight .sh,:root.theme-dark .code-highlight .si,:root.theme-dark .code-highlight .sx,:root.theme-dark .code-highlight .sr,:root.theme-dark .code-highlight .s1,:root.theme-dark .code-highlight .ss{color:#e6db74}:root.theme-dark .code-highlight .bp{color:#f8f8f2}:root.theme-dark .code-highlight .fm{color:#a6e22e}:root.theme-dark .code-highlight .vc,:root.theme-dark .code-highlight .vg,:root.theme-dark .code-highlight .vi,:root.theme-dark .code-highlight .vm{color:#f8f8f2}:root.theme-dark .code-highlight .il{color:#ae81ff}:root.theme-dark .code-highlight pre{margin:0;padding:0 0 .75rem;overflow:auto}:root.theme-dark .code-highlight .linenos{-webkit-user-select:none;user-select:none;cursor:default;text-align:right;margin-right:8px}:root.theme-dark .code-highlight .linenos::selection{background:0 0}:root.theme-dark .code-highlight span.linenos{color:var(--color-line-number)}:root.theme-dark .code-highlight .err{color:inherit;border:none}.result-paper .attributes{border-spacing:.125rem;display:table}.result-paper .attributes div{display:table-row}.result-paper .attributes div span{margin-top:.25rem;font-size:.9rem;display:table-cell}.result-paper .attributes div span time{font-size:.9rem}.result-paper .attributes div span:first-child{color:var(--color-base-font);min-width:10rem}.result-paper .attributes div span:nth-child(2){color:var(--color-result-publishdate-font)}.result-paper .content{margin-top:.25rem}.result-paper .comments{overflow-wrap:break-word;margin:.25rem 0 0;padding:0;font-size:.9rem;font-style:italic;line-height:1.24}@media screen and (max-width:50em){.result-paper .attributes,.result-paper .attributes div{display:block}.result-paper .attributes div span{display:inline}.result-paper .attributes div span:first-child{font-weight:700}.result-paper .attributes div span:nth-child(2){margin-left:.5rem}}#main_results .result-file{border:1px solid var(--color-result-border);border-radius:10px;margin:0 .5rem 1rem!important}#main_results .result-file video{aspect-ratio:16/9;width:100%;padding:10px 0 0}#main_results .result-file audio{width:100%;padding:10px 0 0}#main_results #results.image-detail-open.only_template_images{width:min(98%,59.25rem)!important}#main_results #results.only_template_images.image-detail-open #backToTop{right:inherit;left:56.75rem!important}article.result-images .detail{display:none}#results.image-detail-open article.result-images[data-vim-selected] .detail{background:var(--color-result-detail-background);border:1px solid var(--color-result-detail-background);z-index:1000;flex-direction:column;padding:4rem 3rem 3rem;transition:top 64ms ease-in;display:flex;position:fixed;inset:13rem 0 0 60rem;overflow-y:scroll}#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-images-source{text-align:left;border:none;flex:1;width:100%;text-decoration:none;display:block}#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-images-source img{object-fit:contain;width:inherit;height:inherit;max-width:100%;min-height:inherit;background:inherit;border:none;max-height:calc(100vh - 42rem);margin:0;padding:0}#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels{color:var(--color-result-detail-font);height:19rem}#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels hr{border-top:1px solid var(--color-result-detail-hr);border-bottom:none}#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels h4{text-overflow:ellipsis;height:2rem;margin-bottom:0;font-size:.9rem;overflow:hidden}#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels p{color:var(--color-result-detail-label-font);white-space:nowrap;text-overflow:ellipsis;margin:.8rem 0;font-size:.9rem;overflow:hidden}#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels p span{width:12rem;display:inline-block}#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels h4,#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels p,#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels a{text-align:left}#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels p.result-content{height:2rem;line-height:unset;text-overflow:ellipsis;overflow:hidden}#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels p.result-url{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels p.result-content:hover,#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels p.result-url:hover{background:var(--color-result-detail-background);position:relative;overflow:inherit!important;text-overflow:inherit!important}#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels a,#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels a:visited,#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels a:hover,#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels a:active{color:var(--color-result-detail-link)}#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels a:hover{text-decoration:underline}#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-close{padding:.4rem;top:1rem;left:1rem}#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-previous{padding:.4rem .5rem .4rem .3rem;top:1rem;right:6rem}#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-next{padding:.4rem;top:1rem;right:2rem}#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-close,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-next,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-previous{filter:opacity(40%);z-index:1200;border-radius:50%;width:1.5rem;height:1.5rem;display:block;position:absolute}#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-close span,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-next span,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-previous span{text-align:center;width:1.5rem;height:1.5rem;display:block}#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-next span:before,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-previous span:before{vertical-align:sub}#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-close,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-close:visited,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-close:hover,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-close:active,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-previous,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-previous:visited,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-previous:hover,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-previous:active,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-next,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-next:visited,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-next:hover,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-next:active{color:var(--color-result-detail-font);background:var(--color-result-detail-background);border:1px solid var(--color-result-detail-font)}#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-close:focus,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-close:hover,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-previous:focus,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-previous:hover,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-next:focus,#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-next:hover{filter:opacity(80%)}#results.image-detail-open article.result-images[data-vim-selected] .detail .loader{border-top:.5em solid var(--color-result-detail-loader-border);border-right:.5em solid var(--color-result-detail-loader-border);border-bottom:.5em solid var(--color-result-detail-loader-border);border-left:.5em solid var(--color-result-detail-loader-borderleft);position:absolute;top:1rem;right:50%}#results.image-detail-open.scrolling article.result-images[data-vim-selected] .detail{top:0}#results.image-detail-open.scrolling article.result-images[data-vim-selected] .detail a.result-images-source img{max-height:calc(100vh - 25rem)}@media screen and (max-width:79.75em){#results.image-detail-open article.result-images[data-vim-selected] .detail{top:0;left:0}#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-images-source{flex-direction:column;justify-content:center;display:flex}#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-images-source img{width:100%;max-height:calc(100vh - 24rem)}#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-detail-next{right:1rem}}@media screen and (max-width:50em){#results.image-detail-open article.result-images[data-vim-selected] .detail{padding:1rem;top:0;left:0}#results.image-detail-open article.result-images[data-vim-selected] .detail a.result-images-source img{width:100%;max-height:calc(100vh - 2rem);margin:0}#results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels p span{width:inherit;margin-right:1rem}}
/* =============================================================================
   HARBOR — a SearXNG theme in the key of Shadow of War
   -----------------------------------------------------------------------------
   Palette (verbatim):
     #09419C navy    #FFBC42 amber   #254441 teal
     #7B0D1E oxblood #98C1D9 sky

   Design language
     · Obsidian ground, cold blue-steel cast, no neutral greys.
     · Zero radius. Everything is cut, not moulded. Primary actions carry a
       clipped corner so they read as forged plate rather than web buttons.
     · Amber is the ember: selection, focus, the current thing, and nothing
       else. It always glows; nothing else ever does.
     · Sky is for reading. Navy fills. Teal affirms. Oxblood destroys.
     · Chrome (tabs, legends, buttons, category strip) is uppercase and
       tracked out — engraved labels, not sentences.

   This is an overlay on the "simple" theme. It restyles every surface simple
   ships: index, results, image detail, sidebar, preferences, engine tables,
   dialogs, tooltips, charts, scrollbars.

   Install with ./install.sh — see README.md. The installer matters: this file
   has no effect if it lands in a bundle the server does not serve.
   ============================================================================= */

/* --- 1. Tokens -------------------------------------------------------------
   The five palette colours are used verbatim wherever they are legible. Each
   one also gets a "-lift" (hover/fill-brighter) and, where the palette colour
   is too dark to read as text on obsidian, a "-text" form. #254441 and #7B0D1E
   are backgrounds, never type. */

html:root {
  /* palette, verbatim */
  --hb-navy: #09419c;
  --hb-teal: #254441;
  --hb-amber: #ffbc42;
  --hb-sky: #98c1d9;
  --hb-oxblood: #7b0d1e;

  /* palette, derived */
  --hb-navy-deep: #06285e;
  --hb-navy-lift: #0d55c6;
  --hb-navy-text: #4f87e0;
  --hb-teal-lift: #33605a;
  --hb-teal-text: #58a394;
  --hb-ox-lift: #a3182b;
  --hb-ox-text: #e0596a;
  --hb-amber-lift: #ffd07a;
  --hb-amber-dim: #b8842a;
  --hb-amber-deep: #4a3410;
  --hb-sky-dim: #6e8fa6;

  /* ground — obsidian with a blue-steel cast, five steps of depth */
  --hb-void: #080b10;
  --hb-bg: #101720;
  --hb-frame: #0b1119;
  --hb-surface: #171e27;
  --hb-surface-2: #1e2836;
  --hb-surface-3: #273442;
  --hb-slot: #0a0f15;

  /* edges */
  --hb-line: #26333f;
  --hb-line-2: #37485a;
  --hb-line-3: #4a5f75;

  /* type */
  --hb-text: #d7e1ea;
  --hb-text-2: #9db0c1;
  --hb-text-3: #6b8095;
  --hb-ink: #080b10;
  --hb-white: #fff;

  /* rgb channels for alpha compositing */
  --hb-amber-rgb: 255 188 66;
  --hb-navy-rgb: 9 65 156;
  --hb-sky-rgb: 152 193 217;
  --hb-ox-rgb: 123 13 30;

  /* ember — the only glow in the theme */
  --hb-ember: 0 0 0 1px var(--hb-amber), 0 0 14px -3px rgb(var(--hb-amber-rgb) / 65%);
  --hb-ember-soft: 0 0 10px -2px rgb(var(--hb-amber-rgb) / 50%);
  --hb-engrave: inset 0 1px 0 rgb(255 255 255 / 4%), inset 0 -1px 0 rgb(0 0 0 / 45%);
  --hb-well: inset 0 1px 3px rgb(0 0 0 / 60%);
  --hb-lift: 0 10px 30px -12px rgb(0 0 0 / 85%);

  /* the notch: forged-plate corner cut, used on primary actions only */
  --hb-notch: polygon(
    0.55rem 0,
    100% 0,
    100% calc(100% - 0.55rem),
    calc(100% - 0.55rem) 100%,
    0 100%,
    0 0.55rem
  );

  --hb-fast: 110ms cubic-bezier(0.2, 0.7, 0.3, 1);
  --hb-med: 180ms cubic-bezier(0.2, 0.7, 0.3, 1);

  /* native widgets — dropdown popups, scrollbars, spin buttons */
  color-scheme: dark;
}

/* --- 2. Colour roles -------------------------------------------------------
   Every variable simple ships, remapped. Harbor is dark by definition, so the
   light/auto/dark/black style modes all resolve to the same values — picking
   "Light" in Preferences must not produce a different site. "Black" alone
   drops the ground to true #000 for OLED. */

html:root,
html:root.theme-auto,
html:root.theme-light,
html:root.theme-dark,
html:root.theme-black {
  /* base */
  --color-base-font: var(--hb-text);
  --color-base-font-rgb: 215, 225, 234;
  --color-base-background: var(--hb-bg);
  --color-base-background-mobile: var(--hb-bg);
  --color-url-font: var(--hb-sky);
  --color-url-visited-font: var(--hb-sky-dim);

  /* frame */
  --color-header-background: var(--hb-frame);
  --color-header-border: var(--hb-line);
  --color-footer-background: var(--hb-frame);
  --color-footer-border: var(--hb-line);
  --color-sidebar-border: var(--hb-line);
  --color-sidebar-font: var(--hb-text);
  --color-sidebar-background: var(--hb-surface);

  /* back to top */
  --color-backtotop-font: var(--hb-amber);
  --color-backtotop-border: var(--hb-line-2);
  --color-backtotop-background: var(--hb-surface);

  /* buttons */
  --color-btn-background: var(--hb-navy);
  --color-btn-font: var(--hb-white);
  --color-show-btn-background: var(--hb-surface-3);
  --color-show-btn-font: var(--hb-text);

  /* search field */
  --color-search-border: var(--hb-line-2);
  --color-search-shadow: none;
  --color-search-background: var(--hb-slot);
  --color-search-font: var(--hb-text);
  --color-search-background-hover: var(--hb-amber);

  /* status */
  --color-error: var(--hb-ox-text);
  --color-error-background: #2a0a10;
  --color-warning: var(--hb-amber);
  --color-warning-background: #2a1f08;
  --color-success: var(--hb-teal-text);
  --color-success-background: #0e1f1c;

  /* categories — `-item-selected` is referenced by simple but never defined
     upstream, which is why the active tab had no fill at all */
  --color-categories-item-selected-font: var(--hb-amber);
  --color-categories-item-border-selected: var(--hb-amber);
  --color-categories-item-selected: rgb(var(--hb-amber-rgb) / 8%);

  /* autocomplete */
  --color-autocomplete-font: var(--hb-text);
  --color-autocomplete-border: var(--hb-line-2);
  --color-autocomplete-shadow: var(--hb-lift);
  --color-autocomplete-background: var(--hb-surface);
  --color-autocomplete-background-hover: var(--hb-surface-3);

  /* answers */
  --color-answer-font: var(--hb-text);
  --color-answer-background: var(--hb-surface);

  /* key/value results — `-keyvalue-table` is referenced but never defined
     upstream, so those tables fell back to transparent */
  --color-result-keyvalue-table: var(--hb-frame);
  --color-result-keyvalue-col-table: var(--hb-frame);
  --color-result-keyvalue-odd: var(--hb-surface);
  --color-result-keyvalue-even: var(--hb-surface-2);

  /* results */
  --color-result-background: var(--hb-surface);
  --color-result-border: var(--hb-line);
  --color-result-url-font: var(--hb-sky-dim);
  --color-result-vim-selected: var(--hb-surface-3);
  --color-result-vim-arrow: var(--hb-amber);
  --color-result-description-highlight-font: var(--hb-amber);
  --color-result-link-font: var(--hb-sky);
  --color-result-link-font-highlight: var(--hb-amber);
  --color-result-link-visited-font: var(--hb-sky-dim);
  --color-result-publishdate-font: var(--hb-text-3);
  --color-result-engines-font: var(--hb-text-3);
  --color-result-search-url-border: var(--hb-line-2);
  --color-result-search-url-font: var(--hb-text);
  --color-result-image-span-font: var(--hb-text-2);
  --color-result-image-span-font-selected: var(--hb-ink);
  --color-result-image-background: var(--hb-void);

  /* preferences — `-return-font` is referenced but never defined upstream,
     which is why Back / Reset defaults rendered as bare visited links */
  --color-settings-tr-hover: var(--hb-surface-2);
  --color-settings-engine-description-font: var(--hb-text-2);
  --color-settings-table-group-background: #0e1826;
  --color-settings-return-font: var(--hb-white);

  /* image detail modal */
  --color-result-detail-font: var(--hb-text);
  --color-result-detail-label-font: var(--hb-text-3);
  --color-result-detail-background: var(--hb-void);
  --color-result-detail-hr: var(--hb-line);
  --color-result-detail-link: var(--hb-sky);
  --color-result-detail-loader-border: rgb(var(--hb-amber-rgb) / 30%);
  --color-result-detail-loader-borderleft: rgb(0 0 0 / 0%);

  /* toolkit */
  --color-toolkit-badge-font: var(--hb-ink);
  --color-toolkit-badge-background: var(--hb-amber);
  --color-toolkit-kbd-font: var(--hb-amber);
  --color-toolkit-kbd-background: var(--hb-slot);
  --color-toolkit-dialog-border: var(--hb-line-2);
  --color-toolkit-dialog-background: var(--hb-surface);
  --color-toolkit-tabs-label-border: transparent;
  --color-toolkit-tabs-section-border: var(--hb-line);
  --color-toolkit-select-background: var(--hb-slot);
  --color-toolkit-select-border: var(--hb-line-2);
  --color-toolkit-select-background-hover: var(--hb-surface-2);
  --color-toolkit-input-text-font: var(--hb-text);
  --color-toolkit-checkbox-onoff-off-background: var(--hb-slot);
  --color-toolkit-checkbox-onoff-on-background: #2b1e08;
  --color-toolkit-checkbox-onoff-on-mark-background: var(--hb-amber);
  --color-toolkit-checkbox-onoff-on-mark-color: var(--hb-ink);
  --color-toolkit-checkbox-onoff-off-mark-background: var(--hb-line-2);
  --color-toolkit-checkbox-onoff-off-mark-color: var(--hb-text-3);
  --color-toolkit-checkbox-label-background: var(--hb-slot);
  --color-toolkit-checkbox-label-border: var(--hb-line-2);
  --color-toolkit-checkbox-input-border: var(--hb-amber);
  --color-toolkit-engine-tooltip-border: var(--hb-line-2);
  --color-toolkit-engine-tooltip-background: var(--hb-frame);
  --color-toolkit-loader-border: rgb(var(--hb-amber-rgb) / 30%);
  --color-toolkit-loader-borderleft: rgb(0 0 0 / 0%);

  /* docs, charts, misc */
  --color-doc-code: var(--hb-amber);
  --color-doc-code-background: var(--hb-slot);
  --color-bar-chart-primary: var(--hb-sky);
  --color-bar-chart-secondary: var(--hb-amber);
  --color-image-resolution-background: rgb(8 11 16 / 82%);
  --color-image-resolution-font: var(--hb-amber);
  --color-loading-indicator: rgb(var(--hb-amber-rgb) / 25%);
  --color-loading-indicator-gap: var(--hb-amber);
  --color-line-number: var(--hb-text-3);
  --color-favicon-background-color: var(--hb-surface-3);
  --color-favicon-border-color: var(--hb-line-2);
}

/* OLED: drop the ground to true black, keep the plate surfaces */
html:root.theme-black {
  --hb-void: #000;
  --hb-bg: #000;
  --hb-frame: #000;
  --hb-slot: #050709;
  --hb-surface: #0d1219;
  --hb-surface-2: #141c25;
  --hb-surface-3: #1c2733;
}

/* --- 3. Geometry -----------------------------------------------------------
   Nothing is moulded. The only survivors are the two spinners, which have to
   stay circles to read as motion. */

html:root *,
html:root *::before,
html:root *::after {
  border-radius: 0 !important;
}

html:root .loader,
html:root .loader::before,
html:root .loader::after {
  border-radius: 50% !important;
}

/* Selection and focus are the same ember, everywhere. */
html:root ::selection {
  color: var(--hb-ink);
  background: var(--hb-amber);
}

html:root a:focus-visible,
html:root button:focus-visible,
html:root select:focus-visible,
html:root summary:focus-visible,
html:root [tabindex]:focus-visible,
html:root input:focus-visible,
html:root textarea:focus-visible {
  outline: 1px solid var(--hb-amber);
  outline-offset: 2px;
}

/* The search box lights as a single unit, so its own controls must not draw a
   second ring inside the first. The buttons keep an indicator, turned inward. */
html:root .search_box #q:focus-visible {
  outline: none;
}

html:root .search_box #send_search:focus-visible,
html:root .search_box #clear_search:focus-visible {
  outline: 1px solid var(--hb-amber);
  outline-offset: -3px;
}

/* --- 4. Page frame ---------------------------------------------------------- */

html:root {
  background-color: var(--hb-bg);
}

html:root body {
  background-color: var(--hb-bg);
  background-image:
    radial-gradient(
      140rem 50rem at 50% -18rem,
      rgb(var(--hb-navy-rgb) / 11%),
      transparent 72%
    ),
    linear-gradient(180deg, rgb(8 11 16 / 55%) 0, transparent 60rem);
  background-attachment: fixed;
}

html:root h1,
html:root h2,
html:root h3,
html:root h4 {
  color: var(--hb-text);
}

html:root main > h1 {
  margin-bottom: 1.2rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid var(--hb-line);
  color: var(--hb-text);
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

html:root main > h1::after {
  content: "";
  display: block;
  width: 3.5rem;
  height: 2px;
  margin-top: 0.6rem;
  background: var(--hb-amber);
  box-shadow: var(--hb-ember-soft);
}

/* Header: a plate seated under an ember hairline. */
html:root #search_header {
  border-bottom: 1px solid var(--hb-line);
  background:
    linear-gradient(180deg, var(--hb-frame), var(--hb-void)) padding-box;
  box-shadow:
    inset 0 -1px 0 rgb(0 0 0 / 60%),
    0 1px 0 rgb(var(--hb-amber-rgb) / 12%);
}

html:root .index #search_header,
html:root main[id$="index"] #search_header {
  border: none;
  background: transparent;
  box-shadow: none;
}

html:root #search_logo svg {
  color: var(--hb-amber);
  fill: currentcolor;
  filter: drop-shadow(0 0 6px rgb(var(--hb-amber-rgb) / 45%));
}

/* The shipped wordmark is periwinkle PNG art; forge it to amber rather than
   ship a second binary. Delete these two rules to keep the stock logo. */
html:root .page_with_header .logo,
html:root .index .title {
  filter: grayscale(1) sepia(1) saturate(5.5) hue-rotate(-9deg) brightness(1.06);
}

html:root footer {
  border-top: 1px solid var(--hb-line);
  background: linear-gradient(180deg, var(--hb-void), var(--hb-frame));
  color: var(--hb-text-3);
}

html:root footer a {
  color: var(--hb-sky-dim);
}

html:root footer a:hover {
  color: var(--hb-amber);
}

html:root #links_on_top a,
html:root #links_on_top a:link *,
html:root #links_on_top a:visited * {
  color: var(--hb-text-2);
  font-size: 0.86em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: color var(--hb-fast);
}

html:root #links_on_top a:hover,
html:root #links_on_top a:hover * {
  color: var(--hb-amber);
}

/* --- 5. Search field -------------------------------------------------------
   A gun-metal slot, not a pill. The whole box lights when focus is inside it,
   which is the one moment amber is allowed to appear on the index page. */

html:root .search_box {
  border: 1px solid var(--hb-line-2);
  background: var(--hb-slot);
  box-shadow: var(--hb-well);
  transition:
    border-color var(--hb-fast),
    box-shadow var(--hb-fast);
}

html:root .search_box:focus-within {
  border-color: var(--hb-amber);
  box-shadow: var(--hb-well), var(--hb-ember);
}

html:root .search_box #q,
html:root .search_box #send_search,
html:root .search_box #clear_search {
  background: transparent;
  color: var(--hb-text);
}

/* #q is an input[type="text"], so the generic field treatment above would give
   it its own slot border and ember ring nested inside the search box's. The
   wrapper owns both. */
html:root .search_box #q,
html:root .search_box #q:hover,
html:root .search_box #q:focus {
  border: none;
  background: transparent;
  box-shadow: none;
  letter-spacing: 0.01em;
}

html:root #q::placeholder {
  color: var(--hb-text-3);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.86em;
  opacity: 1;
}

html:root .search_box #clear_search {
  color: var(--hb-text-3);
  transition: color var(--hb-fast);
}

html:root .search_box #clear_search:hover {
  color: var(--hb-ox-text);
}

html:root .search_box #send_search {
  color: var(--hb-sky);
  border-left: 1px solid var(--hb-line);
  transition:
    background-color var(--hb-fast),
    color var(--hb-fast);
}

html:root .search_box #send_search:hover {
  color: var(--hb-ink);
  background: var(--hb-amber);
}

/* --- 6. Category strip ------------------------------------------------------
   Engraved labels along a rail. The selected one takes the ember bar. Both
   markups simple can emit (checkbox+label, and the JS-less submit button) are
   covered. */

html:root .category_checkbox label,
html:root button.category_button {
  padding: 0.35rem 0.6rem;
  border: 1px solid transparent;
  border-bottom: 2px solid transparent;
  color: var(--hb-text-3);
  font-size: 0.82em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition:
    color var(--hb-fast),
    background-color var(--hb-fast),
    border-color var(--hb-fast),
    box-shadow var(--hb-fast);
}

html:root .category_checkbox label:hover,
html:root button.category_button:hover {
  color: var(--hb-sky);
  background: rgb(var(--hb-sky-rgb) / 6%);
  border-bottom-color: var(--hb-line-3);
}

html:root .category_checkbox input[type="checkbox"]:checked + label,
html:root button.category_button.selected,
html:root button.category_button:active {
  color: var(--hb-amber);
  background: rgb(var(--hb-amber-rgb) / 8%);
  border-bottom-color: var(--hb-amber);
  box-shadow: inset 0 -2px 0 var(--hb-amber);
}

html:root .category_checkbox label svg,
html:root button.category_button svg {
  opacity: 0.75;
}

html:root .category_checkbox input[type="checkbox"]:checked + label svg,
html:root button.category_button.selected svg {
  opacity: 1;
}

html:root .search_categories .help {
  border: 1px solid var(--hb-line-2);
  background: var(--hb-frame);
  color: var(--hb-text-2);
  box-shadow: var(--hb-lift);
}

/* --- 7. Autocomplete -------------------------------------------------------- */

html:root .autocomplete.open {
  border: 1px solid var(--hb-line-2);
  border-top: none;
  background: var(--hb-surface);
  box-shadow: var(--hb-lift);
}

html:root .autocomplete > ul > li {
  border-left: 2px solid transparent;
  color: var(--hb-text-2);
  transition:
    color var(--hb-fast),
    background-color var(--hb-fast),
    border-color var(--hb-fast);
}

html:root .autocomplete > ul > li.active,
html:root .autocomplete > ul > li:hover,
html:root .autocomplete > ul > li:focus {
  color: var(--hb-text);
  background: var(--hb-surface-3);
  border-left-color: var(--hb-amber);
}

/* --- 8. Results ------------------------------------------------------------
   Each result is a plate: hairline edge, dark face, a blade of amber down the
   left when it is the row you are on. */

html:root #urls article.result {
  margin: 0 0 0.4rem;
  border: 1px solid var(--hb-line);
  border-left: 0.2rem solid transparent;
  background: var(--hb-surface);
  transition:
    border-color var(--hb-fast),
    background-color var(--hb-fast),
    box-shadow var(--hb-fast);
}

html:root #urls article.result:hover {
  border-color: var(--hb-line-2);
  border-left-color: var(--hb-amber-dim);
  background: var(--hb-surface-2);
}

html:root #urls article.result:focus-within,
html:root article.result[data-vim-selected] {
  border-color: var(--hb-line-2);
  border-left-color: var(--hb-amber);
  background: var(--hb-surface-3);
  box-shadow: inset 0 0 0 1px rgb(var(--hb-amber-rgb) / 10%);
}

html:root article.result h3 a {
  color: var(--hb-sky);
  transition: color var(--hb-fast);
}

html:root article.result h3 a:visited {
  color: var(--hb-sky-dim);
}

html:root article.result h3 a:hover,
html:root article.result h3 a:focus {
  color: var(--hb-amber);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

html:root article.result .url_wrapper,
html:root article.result .url_wrapper a {
  color: var(--hb-text-3);
  font-size: 0.85rem;
  letter-spacing: 0.02em;
}

html:root article.result .content {
  color: var(--hb-text-2);
}

/* The matched terms are the only amber inside a result body. */
html:root article.result .content .highlight,
html:root .highlight {
  color: var(--hb-amber);
  font-weight: 600;
}

html:root article.result a:visited .highlight {
  color: var(--hb-amber-dim);
}

/* Engine attributions read as struck tags. */
html:root .engines {
  margin-top: 0.35rem;
}

html:root .engines span {
  padding: 0.05rem 0.35rem;
  border: 1px solid var(--hb-line);
  background: var(--hb-slot);
  color: var(--hb-text-3);
  font-size: 0.68rem !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

html:root .favicon img {
  border: 1px solid var(--hb-line-2);
  background: var(--hb-surface-3);
}

html:root .result .altlink a,
html:root #apis input,
html:root .show-content-button {
  border: 1px solid var(--hb-line-2);
  background: var(--hb-surface-2);
  color: var(--hb-text-2);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition:
    color var(--hb-fast),
    background-color var(--hb-fast),
    border-color var(--hb-fast);
}

html:root .result .altlink a:hover,
html:root #apis input:hover {
  border-color: var(--hb-amber);
  background: var(--hb-amber);
  color: var(--hb-ink);
}

/* Image results: no chrome, ember frame on the selected tile. */
html:root article.result-images img {
  border: 1px solid var(--hb-line) !important;
  background: var(--hb-void);
  transition:
    border-color var(--hb-fast),
    filter var(--hb-fast);
}

html:root article.result-images:hover img {
  border-color: var(--hb-line-3) !important;
}

html:root article.result-images[data-vim-selected] {
  background: transparent;
}

html:root article.result-images[data-vim-selected] img {
  border-color: var(--hb-amber) !important;
  filter: none;
  box-shadow: var(--hb-ember-soft);
}

html:root .result-images .image_resolution {
  border: 1px solid var(--hb-line-2);
  letter-spacing: 0.06em;
}

/* --- 9. Answers, sidebar, suggestions --------------------------------------- */

html:root #answers {
  border: 1px solid var(--hb-line-2);
  border-left: 3px solid var(--hb-amber);
  background: linear-gradient(90deg, rgb(var(--hb-amber-rgb) / 5%), transparent 30%),
    var(--hb-surface);
}

html:root #sidebar .infobox {
  border: 1px solid var(--hb-line);
  background: var(--hb-surface);
  box-shadow: var(--hb-engrave);
}

html:root #sidebar .infobox h2 {
  padding-bottom: 0.4rem;
  border-bottom: 1px solid var(--hb-line);
  color: var(--hb-text);
  font-size: 1rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

html:root #sidebar .infobox dt {
  color: var(--hb-text-3);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.82em;
}

html:root #infoboxes .title,
html:root #suggestions .title,
html:root #search_url .title,
html:root #engines_msg .title,
html:root #apis .title,
html:root summary.title {
  color: var(--hb-text-3);
  font-size: 0.82rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

html:root .sidebar-collapsible,
html:root #sidebar-end-collapsible {
  border-color: var(--hb-line);
}

html:root #suggestions .wrapper li::marker {
  color: var(--hb-amber-dim);
}

html:root #suggestions input[type="submit"],
html:root #infoboxes input[type="submit"] {
  clip-path: none;
  padding: 0.15rem 0 !important;
  background: transparent !important;
  color: var(--hb-sky) !important;
  border: none !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

html:root #suggestions input[type="submit"]:hover,
html:root #infoboxes input[type="submit"]:hover {
  color: var(--hb-amber) !important;
}

html:root #corrections input[type="submit"] {
  border: 1px solid var(--hb-line-2);
  background: var(--hb-surface-2) !important;
  color: var(--hb-sky) !important;
}

html:root #corrections input[type="submit"]:hover {
  border-color: var(--hb-amber);
  background: var(--hb-amber) !important;
  color: var(--hb-ink) !important;
}

html:root div.selectable_url {
  border: 1px solid var(--hb-line);
  background: var(--hb-slot);
  color: var(--hb-text-2);
}

/* --- 10. Pagination ---------------------------------------------------------
   Pagination is navigation, not a primary action, so it stays flat: no plate,
   no notch, an ember underline for the page you are on. Both the form and its
   submit carry class="page_number", so the styling has to name the input.

   The numbered strip also has to clear the floats. simple gives it
   overflow:hidden, which makes it a formatting context that shrinks to fit
   *between* the floated Previous/Next forms — with justify-content:center, any
   overflow is then cut off both ends, losing the low numbers. Clearing the
   floats gives it the full width instead. */

html:root .numbered_pagination {
  clear: both;
  overflow: visible;
  flex-wrap: wrap;
  gap: 0.1rem;
  padding-top: 0.9rem;
}

html:root form.page_number {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

html:root input.page_number,
html:root input.page_number_current {
  padding: 0.25rem 0.65rem !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
  filter: none !important;
  transform: none !important;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  text-decoration: none !important;
  transition:
    color var(--hb-fast),
    border-color var(--hb-fast);
}

html:root input.page_number {
  color: var(--hb-text-2) !important;
  cursor: pointer;
}

html:root input.page_number:hover {
  color: var(--hb-amber) !important;
  border-bottom-color: var(--hb-amber-dim) !important;
}

html:root input.page_number_current {
  color: var(--hb-amber) !important;
  border-bottom-color: var(--hb-amber) !important;
  cursor: default;
}

/* Previous / Next are the only bordered things here, and stay unfilled. */
html:root #pagination form.previous_page button,
html:root #pagination form.next_page button {
  padding: 0.45rem 0.9rem;
  border: 1px solid var(--hb-line-2);
  background: transparent;
  color: var(--hb-text-2);
  box-shadow: none;
  clip-path: none;
  filter: none;
  transform: none;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    color var(--hb-fast),
    border-color var(--hb-fast),
    background-color var(--hb-fast);
}

html:root #pagination form.previous_page button:hover,
html:root #pagination form.next_page button:hover {
  color: var(--hb-amber);
  border-color: var(--hb-amber);
  background: rgb(var(--hb-amber-rgb) / 8%);
  box-shadow: none;
  filter: none;
  transform: none;
}

/* --- back to top ------------------------------------------------------------ */

html:root #backToTop {
  border: 1px solid var(--hb-line-2);
  background: var(--hb-surface);
  box-shadow: var(--hb-lift);
  transition:
    border-color var(--hb-fast),
    background-color var(--hb-fast),
    opacity 0.4s;
}

html:root #backToTop:hover {
  border-color: var(--hb-amber);
  background: var(--hb-surface-3);
  box-shadow: var(--hb-lift), var(--hb-ember-soft);
}

html:root #backToTop a,
html:root #backToTop a:visited,
html:root #backToTop a:hover {
  color: var(--hb-amber);
}

/* --- 11. Buttons -----------------------------------------------------------
   Forged plate: navy face, cut corners, ember rim on hover. The clip-path
   eats box-shadows, so the glow is a drop-shadow filter instead. */

html:root input[type="submit"],
html:root .button,
html:root button.button,
html:root #results button[type="submit"] {
  padding: 0.6rem 1.4rem;
  border: 1px solid var(--hb-navy-lift);
  background: linear-gradient(180deg, var(--hb-navy), var(--hb-navy-deep));
  color: var(--hb-white);
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  clip-path: var(--hb-notch);
  transition:
    background var(--hb-med),
    color var(--hb-med),
    filter var(--hb-med),
    transform var(--hb-fast);
}

html:root input[type="submit"]:hover:not(:disabled),
html:root .button:hover:not(:disabled),
html:root button.button:hover:not(:disabled) {
  background: linear-gradient(180deg, var(--hb-amber-lift), var(--hb-amber));
  border-color: var(--hb-amber-lift);
  color: var(--hb-ink);
  filter: drop-shadow(0 0 10px rgb(var(--hb-amber-rgb) / 55%));
}

html:root input[type="submit"]:active:not(:disabled),
html:root .button:active:not(:disabled),
html:root button.button:active:not(:disabled) {
  transform: translateY(1px);
  filter: none;
}

html:root input[type="submit"]:disabled,
html:root .button:disabled,
html:root button:disabled {
  cursor: not-allowed;
  filter: grayscale(0.6);
  opacity: 0.45;
}

/* Disable-all is a destructive action, so it wears oxblood. */
html:root .button.disable-all-engines {
  border-color: var(--hb-ox-lift);
  background: linear-gradient(180deg, var(--hb-ox-lift), var(--hb-oxblood));
}

html:root .button.disable-all-engines:hover:not(:disabled) {
  background: linear-gradient(180deg, #c31e34, var(--hb-ox-lift));
  border-color: #c31e34;
  color: var(--hb-white);
  filter: drop-shadow(0 0 10px rgb(var(--hb-ox-rgb) / 80%));
}

/* --- 12. Selects -----------------------------------------------------------
   simple bakes its dropdown arrow in as a fixed-grey data-uri and parks it
   inside a 2rem transparent right border, with background-origin: content-box
   so the fill paints under that border. On the closed control the strip is
   invisible; as soon as the option list renders it shows up as a stray filled
   box beside the options. Repaint the arrow amber and carry it in padding
   instead, which leaves nothing to show through. */

html:root select {
  box-sizing: border-box;
  height: 2.4rem;
  vertical-align: middle;
  padding: 0.2rem 2.1rem 0.2rem 0.6rem !important;
  border: 1px solid var(--hb-line-2);
  background-color: var(--hb-slot);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M9 13l7 7 7-7' fill='none' stroke='%23ffbc42' stroke-width='2.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.55rem center;
  background-size: 1.05rem;
  background-origin: padding-box;
  color: var(--hb-text);
  font-size: 0.9rem;
  letter-spacing: 0.03em;
  box-shadow: var(--hb-well);
  transition:
    border-color var(--hb-fast),
    background-color var(--hb-fast),
    box-shadow var(--hb-fast);
}

/* An expanded list is sized by its rows, not by the closed control. */
html:root select[size],
html:root select[multiple] {
  height: auto;
  background-image: none;
  padding-right: 0.6rem !important;
}

html:root select:hover {
  border-color: var(--hb-line-3);
  background-color: var(--hb-surface-2);
}

html:root select:focus {
  border-color: var(--hb-amber);
  background-color: var(--hb-surface-2);
  box-shadow: var(--hb-well), var(--hb-ember);
  outline: none;
}

/* Native option lists honour little beyond these two, and fight anything more:
   leave the selection and hover highlights to the platform. */
html:root select option {
  background-color: var(--hb-surface-2);
  color: var(--hb-text);
}

/* --- 13. Text fields -------------------------------------------------------- */

html:root input[type="text"],
html:root input[type="search"],
html:root input[type="url"],
html:root input[type="number"],
html:root input[type="password"],
html:root textarea {
  box-sizing: border-box;
  padding: 0.4rem 0.6rem;
  border: 1px solid var(--hb-line-2);
  background: var(--hb-slot);
  color: var(--hb-text);
  box-shadow: var(--hb-well);
  transition:
    border-color var(--hb-fast),
    box-shadow var(--hb-fast);
}

html:root input[type="text"]:hover,
html:root textarea:hover {
  border-color: var(--hb-line-3);
}

html:root input[type="text"]:focus,
html:root input[type="search"]:focus,
html:root textarea:focus {
  border-color: var(--hb-amber);
  box-shadow: var(--hb-well), var(--hb-ember);
  outline: none;
}

/* --- 14. On/off switches ---------------------------------------------------
   simple's pill becomes a slot with a square slider. The two selector groups
   below mirror simple's own reversed-checkbox pairing exactly: group A is the
   "off" face, group B the "on" face. */

html:root input.checkbox-onoff[type="checkbox"] {
  box-sizing: border-box;
  width: 3.4em;
  height: 1.55em;
  margin: 0 1rem 0 0;
  vertical-align: middle;
  border: 1px solid var(--hb-line-2);
  box-shadow: var(--hb-well) !important;
  transition:
    border-color var(--hb-med),
    background-color var(--hb-med);
}

html:root input.checkbox-onoff[type="checkbox"]::before {
  top: 50%;
  transform: translateY(-50%);
  width: 1.65em;
  height: 1.65em;
  font-size: 0.8em;
  font-weight: 700;
  border: 1px solid rgb(0 0 0 / 45%);
  transition:
    left var(--hb-med),
    background-color var(--hb-med),
    color var(--hb-med),
    box-shadow var(--hb-med);
}

/* off */
html:root input.checkbox-onoff[type="checkbox"],
html:root input.checkbox-onoff.reversed-checkbox[type="checkbox"]:checked {
  background: var(--hb-slot);
  border-color: var(--hb-line-2);
}

html:root input.checkbox-onoff[type="checkbox"]::before,
html:root input.checkbox-onoff.reversed-checkbox[type="checkbox"]:checked::before {
  left: 0;
  color: var(--hb-void);
  background: linear-gradient(180deg, #5c7893, #3b4d60);
  box-shadow: none;
}

/* on */
html:root input.checkbox-onoff[type="checkbox"]:checked,
html:root input.checkbox-onoff.reversed-checkbox[type="checkbox"] {
  background: #2b1e08;
  border-color: var(--hb-amber-dim);
}

html:root input.checkbox-onoff[type="checkbox"]:checked::before,
html:root input.checkbox-onoff.reversed-checkbox[type="checkbox"]::before {
  left: calc(100% - 1.65em);
  color: var(--hb-ink);
  background: linear-gradient(180deg, var(--hb-amber-lift), var(--hb-amber));
  box-shadow: var(--hb-ember-soft);
}

/* simple draws focus as a detached box floating clear of the switch, and
   Firefox matches :focus-visible when you click a checkbox — so it lingers,
   reading as a stray rectangle over whatever sits in the next row. Drop it and
   put a tight outline on the switch itself, like every other control here. */
html:root input.checkbox-onoff[type="checkbox"]:focus::after,
html:root input.checkbox-onoff[type="checkbox"]:focus-visible::after {
  content: none;
}

html:root input.checkbox-onoff[type="checkbox"]:focus-visible {
  outline: 1px solid var(--hb-amber);
  outline-offset: 2px;
}

/* --- 15. Checkboxes --------------------------------------------------------- */

html:root input[type="checkbox"]:not(.checkbox-onoff) {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 1px solid var(--hb-line-2);
  background: var(--hb-slot);
  box-shadow: var(--hb-well);
  transition:
    background-color var(--hb-fast),
    border-color var(--hb-fast),
    box-shadow var(--hb-fast);
}

html:root input[type="checkbox"]:not(.checkbox-onoff)::after {
  width: 8px;
  height: 4px;
  top: 3px;
  left: 3px;
  border-width: 2px;
}

html:root input[type="checkbox"]:not(.checkbox-onoff):hover {
  border-color: var(--hb-line-3);
}

html:root input[type="checkbox"]:not(.checkbox-onoff):checked {
  border-color: var(--hb-amber);
  background: var(--hb-amber);
  box-shadow: var(--hb-ember-soft);
}

html:root input[type="checkbox"]:not(.checkbox-onoff):checked::after {
  border-color: var(--hb-ink);
}

/* Disabled boxes are capability flags in the engine table, not controls:
   simple strips their background, so the tick has to carry the meaning. */
html:root input[type="checkbox"][disabled]:not(.checkbox-onoff) {
  border-color: transparent;
  box-shadow: none;
}

html:root input[type="checkbox"][disabled]:not(.checkbox-onoff):checked::after {
  border-color: var(--hb-teal-text);
}

/* --- 16. Tabs --------------------------------------------------------------
   Order matters: simple styles "every label after the checked input" as
   inactive, then "the label immediately after it" as active. Same specificity,
   so these two rules must stay in this order. */

html:root .tabs {
  border-bottom: 1px solid var(--hb-line);
}

html:root .tabs > label,
html:root .tabs > li > a {
  margin: 0 0.25rem;
  padding: 0.7em 1.1em;
  border-width: 0 0 2px !important;
  border-bottom-color: transparent !important;
  color: var(--hb-text-3);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  transition:
    color var(--hb-fast),
    background-color var(--hb-fast),
    border-color var(--hb-fast),
    box-shadow var(--hb-fast);
}

html:root .tabs > label:hover,
html:root .tabs > li > a:hover {
  color: var(--hb-sky);
  background: rgb(var(--hb-sky-rgb) / 5%);
  border-bottom-color: var(--hb-line-3) !important;
}

html:root .tabs > label:last-of-type,
html:root body .tabs > input:checked + label {
  color: var(--hb-amber);
  background: linear-gradient(180deg, transparent, rgb(var(--hb-amber-rgb) / 10%));
  border-bottom-color: var(--hb-amber) !important;
  box-shadow: 0 2px 12px -6px rgb(var(--hb-amber-rgb) / 80%);
}

html:root body .tabs > input:checked ~ label {
  color: var(--hb-text-3);
  background: transparent;
  border-bottom-color: transparent !important;
  box-shadow: none;
}

html:root body .tabs > input:checked + label {
  color: var(--hb-amber);
  background: linear-gradient(180deg, transparent, rgb(var(--hb-amber-rgb) / 10%));
  border-bottom-color: var(--hb-amber) !important;
  box-shadow: 0 2px 12px -6px rgb(var(--hb-amber-rgb) / 80%);
}

html:root .tabs > section {
  border-top: 1px solid var(--hb-line);
}

/* The engine tabs nested inside the Engines tab sit one step quieter. */
html:root .tabs .tabs > label {
  font-size: 0.74rem;
  letter-spacing: 0.1em;
}

/* --- 17. Preferences -------------------------------------------------------
   Every rule here is written against `main[id$="preferences"]` rather than
   `#main_preferences`. simple's base.html derives that id by stripping the
   literal string "simple/" from the template path, so a theme copied under any
   other name gets `main_<theme>/preferences` and loses the whole layout — the
   suffix match survives either spelling. Where simple's own id selector
   outranks the attribute selector, the override is marked important. */

html:root main[id$="preferences"] form {
  border: 1px solid var(--hb-line);
  background: var(--hb-frame);
  box-shadow: var(--hb-lift);
}

html:root main[id$="preferences"] > form > .tabs {
  padding: 0 0.5rem;
  background: linear-gradient(180deg, var(--hb-void), var(--hb-frame));
}

html:root main[id$="preferences"] .tabs > section {
  padding: 0 !important;
}

html:root main[id$="preferences"] > form > .tabs > section > p {
  margin: 0;
  padding: 1rem 1.2rem 0;
  color: var(--hb-text-2);
}

/* One settings row. Legend | control | explanation, ruled off from the next. */
html:root main[id$="preferences"] fieldset {
  margin: 0 !important;
  padding: 0.85rem 1.2rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hb-line) !important;
  border-left: 2px solid transparent !important;
  transition:
    background-color var(--hb-fast),
    border-color var(--hb-fast);
}

html:root main[id$="preferences"] fieldset::after {
  content: "";
  display: block;
  clear: both;
}

html:root main[id$="preferences"] fieldset:hover {
  background: rgb(var(--hb-sky-rgb) / 3%);
  border-left-color: var(--hb-amber-dim) !important;
}

html:root main[id$="preferences"] fieldset:focus-within {
  background: rgb(var(--hb-amber-rgb) / 4%);
  border-left-color: var(--hb-amber) !important;
}

html:root main[id$="preferences"] legend {
  float: left;
  clear: left;
  width: 17rem !important;
  margin: 0 !important;
  padding: 0.55rem 1rem 0 0 !important;
  color: var(--hb-text);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

html:root main[id$="preferences"] .value {
  float: left;
  width: 16rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

html:root main[id$="preferences"] .value select {
  width: 15rem !important;
  margin: 0 !important;
}

html:root main[id$="preferences"] .description {
  float: right;
  width: calc(100% - 34rem) !important;
  min-width: 15rem;
  margin: 0 !important;
  padding: 0.6rem 0 0 !important;
  color: var(--hb-text-3);
  font-size: 0.84rem;
  line-height: 1.45;
}

/* simple rings the selected category in a 2px box here, which reads as a
   different component from the identical strip on the results page. Same
   underline treatment instead — the id rule it overrides forces important. */
html:root main[id$="preferences"] .category label {
  padding: 0.35rem 0.6rem !important;
  border: 1px solid transparent !important;
  border-bottom: 2px solid transparent !important;
}

html:root main[id$="preferences"] .category input[type="checkbox"]:checked + label {
  border-color: transparent !important;
  border-bottom-color: var(--hb-amber) !important;
  background: rgb(var(--hb-amber-rgb) / 8%);
  color: var(--hb-amber);
}

/* The categories picker sits in a fieldset with no .value wrapper. */
html:root main[id$="preferences"] #categories {
  margin-left: 17rem;
  padding-top: 0.2rem;
}

/* simple strips the border off preference text inputs; give them the same
   slot treatment as every other field. */
html:root main[id$="preferences"] input[type="text"] {
  box-sizing: border-box !important;
  width: 15rem !important;
  height: 2.4rem !important;
  padding: 0.4rem 0.6rem !important;
  border: 1px solid var(--hb-line-2) !important;
  background: var(--hb-slot) !important;
  color: var(--hb-text) !important;
  box-shadow: var(--hb-well) !important;
}

html:root main[id$="preferences"] input[type="text"]:focus {
  border-color: var(--hb-amber) !important;
  box-shadow: var(--hb-well), var(--hb-ember) !important;
}

html:root main[id$="preferences"] .value select:focus,
html:root main[id$="preferences"] .value input:focus {
  box-shadow: var(--hb-well), var(--hb-ember) !important;
}

/* Engine group headers. */
html:root main[id$="preferences"] div.pref-group,
html:root main[id$="preferences"] tr.pref-group th {
  background: var(--hb-void) !important;
  color: var(--hb-amber-dim);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border-top: 1px solid var(--hb-line);
  border-bottom: 1px solid var(--hb-line);
}

/* !bang chips read as engraved keys. */
html:root .bang,
html:root main[id$="preferences"] .bang {
  display: inline-block;
  padding: 0.1rem 0.4rem !important;
  border: 1px solid var(--hb-line-2) !important;
  background: var(--hb-slot) !important;
  color: var(--hb-amber) !important;
  font-family: monospace;
  font-size: 0.82em;
}

/* Enable all / Disable all */
html:root main[id$="preferences"] #toggle-all-engines-container {
  display: flex;
  gap: 0.5rem;
  padding: 0.8rem 1.2rem 0;
}

/* Save / Back / Reset defaults */
html:root main[id$="preferences"] > form > p.small_font {
  margin: 0;
  padding: 1rem 1.2rem 0;
  color: var(--hb-text-3);
  font-size: 0.8rem;
}

html:root main[id$="preferences"] > form > input[type="submit"] {
  margin: 1rem 1.2rem 1.4rem;
}

html:root main[id$="preferences"] .preferences_back {
  margin: 1rem 0.4rem 1.4rem !important;
  padding: 0 !important;
  border: 1px solid var(--hb-line-2) !important;
  background: var(--hb-surface-2) !important;
  transition:
    border-color var(--hb-fast),
    background-color var(--hb-fast);
}

html:root main[id$="preferences"] .preferences_back:last-of-type {
  margin-right: 1.2rem !important;
}

html:root main[id$="preferences"] .preferences_back a {
  display: block;
  padding: 0.6rem 1.2rem;
  color: var(--hb-text-2);
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

html:root main[id$="preferences"] .preferences_back:hover {
  border-color: var(--hb-ox-lift) !important;
  background: var(--hb-oxblood) !important;
}

html:root main[id$="preferences"] .preferences_back:hover a {
  color: var(--hb-white);
}

html:root main[id$="preferences"] #copy-hash-container {
  padding: 0 1.2rem;
}

/* Stacked layout once the three columns stop fitting. */
@media screen and (width <= 64em) {
  html:root main[id$="preferences"] legend,
  html:root main[id$="preferences"] .value,
  html:root main[id$="preferences"] .description {
    float: none !important;
    width: 100% !important;
    max-width: 100%;
  }

  html:root main[id$="preferences"] .description {
    padding-top: 0.4rem !important;
  }

  html:root main[id$="preferences"] legend {
    padding-bottom: 0.5rem !important;
  }

  html:root main[id$="preferences"] #categories {
    margin-left: 0;
  }
}

/* --- 18. Tables (engines, cookies, stats) ----------------------------------- */

html:root main[id$="preferences"] .scrollx,
html:root .scrollx {
  padding: 0 1.2rem 1.2rem;
}

html:root table th {
  color: var(--hb-text-2);
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

html:root table.striped > tbody > tr > th,
html:root table.striped > tbody > tr:first-child > th {
  border-bottom: 1px solid var(--hb-line-2);
  background: var(--hb-void);
}

html:root table.striped tr {
  border-bottom: 1px solid var(--hb-line);
  transition: background-color var(--hb-fast);
}

html:root table.table_engines th.name label {
  color: var(--hb-text);
  font-size: 0.95rem;
  letter-spacing: 0;
  text-transform: none;
}

html:root table.table_engines td {
  color: var(--hb-text-2);
}

html:root table.cookies td:first-child {
  color: var(--hb-amber-dim);
}

html:root table.cookies td:last-child {
  color: var(--hb-text-2);
}

/* Reliability / timeout flags reuse the palette's status colours. */
html:root td.danger,
html:root .danger {
  background: rgb(var(--hb-ox-rgb) / 45%) !important;
  color: var(--hb-white);
}

html:root td.warning,
html:root .warning {
  background: rgb(var(--hb-amber-rgb) / 16%) !important;
  color: var(--hb-amber);
}

html:root .success {
  background: rgb(88 163 148 / 16%) !important;
  color: var(--hb-teal-text);
}

/* --- 19. Dialogs and status ------------------------------------------------
   Oxblood destroys, amber warns, teal affirms — each with a heavy left bar so
   the state reads before the text does. */

html:root .dialog-error,
html:root .dialog-error-block {
  border: 1px solid var(--hb-ox-lift);
  border-left: 4px solid var(--hb-ox-text);
  background: #2a0a10;
  color: var(--hb-ox-text);
}

html:root .dialog-warning,
html:root .dialog-warning-block {
  border: 1px solid var(--hb-amber-dim);
  border-left: 4px solid var(--hb-amber);
  background: #241b08;
  color: var(--hb-amber);
}

html:root .dialog-modal {
  border: 1px solid var(--hb-line-2);
  background: var(--hb-surface);
  box-shadow: var(--hb-lift);
}

html:root .dialog-error .close,
html:root .dialog-warning .close {
  color: inherit;
  opacity: 0.7;
}

html:root .dialog-error .close:hover,
html:root .dialog-warning .close:hover {
  opacity: 1;
}

html:root #engines_msg .response-error {
  color: var(--hb-ox-text);
}

/* --- 20. Small parts -------------------------------------------------------- */

html:root kbd {
  padding: 0.1rem 0.4rem;
  border: 1px solid var(--hb-line-2);
  border-bottom-width: 2px;
  background: var(--hb-slot);
  color: var(--hb-amber);
  font-size: 0.85em;
}

html:root .badge {
  border: 1px solid var(--hb-amber-dim);
  background: var(--hb-amber);
  color: var(--hb-ink);
  font-weight: 700;
  letter-spacing: 0.06em;
}

html:root .engine-tooltip {
  border: 1px solid var(--hb-line-2);
  border-top: 2px solid var(--hb-amber);
  background: var(--hb-frame);
  color: var(--hb-text-2);
  box-shadow: var(--hb-lift);
}

html:root .engine-tooltip a {
  color: var(--hb-sky);
}

html:root code,
html:root pre {
  border: 1px solid var(--hb-line);
  background: var(--hb-slot);
  color: var(--hb-amber);
}

html:root .codelines .line-number,
html:root .codelines td:first-child {
  color: var(--hb-text-3);
}

/* Key/value result tables — simple references an undefined variable for the
   header fill, so these were transparent until now. */
html:root .result-keyvalue table,
html:root table.keyvalue th {
  border: 1px solid var(--hb-line);
}

/* --- 21. Charts ------------------------------------------------------------- */

html:root .bar-chart-bar,
html:root .bar-chart-serie1 {
  border-color: var(--hb-sky) !important;
}

html:root .bar-chart-serie2 {
  border-color: var(--hb-amber) !important;
}

html:root .stacked-bar-chart-median {
  background: var(--hb-sky);
  border-color: var(--hb-sky);
}

html:root .stacked-bar-chart-value {
  color: var(--hb-text-3);
  font-size: 0.85em;
}

html:root .engine-stats tr th {
  border-bottom-color: var(--hb-line-2);
}

/* --- 22. Image detail modal -------------------------------------------------- */

html:root article.result-images .detail {
  border: 1px solid var(--hb-line-2) !important;
  background: var(--hb-void) !important;
  box-shadow: var(--hb-lift);
}

html:root .result-images-labels dt,
html:root .detail .label {
  color: var(--hb-text-3);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.78rem;
}

html:root a.result-detail-close,
html:root a.result-detail-previous,
html:root a.result-detail-next {
  border: 1px solid var(--hb-line-2) !important;
  background: rgb(8 11 16 / 80%) !important;
  color: var(--hb-amber) !important;
  transition:
    border-color var(--hb-fast),
    background-color var(--hb-fast),
    box-shadow var(--hb-fast);
}

html:root a.result-detail-close:hover,
html:root a.result-detail-previous:hover,
html:root a.result-detail-next:hover {
  border-color: var(--hb-amber) !important;
  background: var(--hb-amber) !important;
  color: var(--hb-ink) !important;
  box-shadow: var(--hb-ember-soft);
}

/* --- 23. Index -------------------------------------------------------------- */

html:root body.index_endpoint .search_box,
html:root main[id$="index"] .search_box {
  border-color: var(--hb-line-3);
}

html:root main[id$="index"] .category_checkbox label {
  padding: 0.5rem 0.8rem;
}

/* --- 24. Scrollbars --------------------------------------------------------- */

html:root * {
  scrollbar-width: thin;
  scrollbar-color: var(--hb-line-3) var(--hb-void);
}

html:root ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html:root ::-webkit-scrollbar-track {
  background: var(--hb-void);
  border-left: 1px solid var(--hb-line);
}

html:root ::-webkit-scrollbar-thumb {
  background: var(--hb-line-3);
  border: 2px solid var(--hb-void);
}

html:root ::-webkit-scrollbar-thumb:hover {
  background: var(--hb-amber);
}

html:root ::-webkit-scrollbar-corner {
  background: var(--hb-void);
}

/* --- 25. Motion ------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  html:root *,
  html:root *::before,
  html:root *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }

  html:root input[type="submit"]:active:not(:disabled),
  html:root .button:active:not(:disabled) {
    transform: none !important;
  }
}

/* Forced-colours users get the UA's palette; drop the decoration rather than
   fight it. */
@media (forced-colors: active) {
  html:root *,
  html:root *::before,
  html:root *::after {
    box-shadow: none !important;
    filter: none !important;
    clip-path: none !important;
  }
}

@media print {
  html:root body {
    background: #fff;
    color: #000;
  }

  html:root #search_header,
  html:root #links_on_top,
  html:root #backToTop,
  html:root footer {
    display: none !important;
  }
}

/* --- 26. Right-to-left ------------------------------------------------------
   simple mirrors its own layout through a separate RTL build; these are the
   few places Harbor introduces a side of its own. */

html[dir="rtl"]:root main[id$="preferences"] legend {
  float: right;
  clear: right;
  padding: 0.55rem 0 0 1rem !important;
}

html[dir="rtl"]:root main[id$="preferences"] .value {
  float: right;
}

html[dir="rtl"]:root main[id$="preferences"] .description {
  float: left;
}

html[dir="rtl"]:root main[id$="preferences"] #categories {
  margin-right: 17rem;
  margin-left: 0;
}

html[dir="rtl"]:root main[id$="preferences"] fieldset {
  border-left: 0 !important;
  border-right: 2px solid transparent !important;
}

html[dir="rtl"]:root main[id$="preferences"] fieldset:hover {
  border-right-color: var(--hb-amber-dim) !important;
}

html[dir="rtl"]:root main[id$="preferences"] fieldset:focus-within {
  border-right-color: var(--hb-amber) !important;
}

html[dir="rtl"]:root #urls article.result {
  border-left: 1px solid var(--hb-line);
  border-right: 0.2rem solid transparent;
}

html[dir="rtl"]:root #urls article.result:hover {
  border-right-color: var(--hb-amber-dim);
}

html[dir="rtl"]:root #urls article.result:focus-within,
html[dir="rtl"]:root article.result[data-vim-selected] {
  border-right-color: var(--hb-amber);
}

html[dir="rtl"]:root .autocomplete > ul > li {
  border-left: none;
  border-right: 2px solid transparent;
}

html[dir="rtl"]:root .autocomplete > ul > li.active,
html[dir="rtl"]:root .autocomplete > ul > li:hover {
  border-right-color: var(--hb-amber);
}

html[dir="rtl"]:root #answers {
  border-left: 1px solid var(--hb-line-2);
  border-right: 3px solid var(--hb-amber);
  background: linear-gradient(-90deg, rgb(var(--hb-amber-rgb) / 5%), transparent 30%),
    var(--hb-surface);
}

html[dir="rtl"]:root main > h1::after {
  margin-left: auto;
}

@media screen and (width <= 64em) {
  html[dir="rtl"]:root main[id$="preferences"] #categories {
    margin-right: 0;
  }
}