header.search-query{display:flex;justify-content:center;align-items:center}header.search-query .query{position:relative;display:inline-flex;align-items:center;column-gap:1em}header.search-query .query .loading-info{min-width:40px}header.search-query .query label{margin-bottom:0}header.search-query .query button.active,header.search-query .query button.active:hover,header.search-query .query button:hover{background-color:var(--selection-color);border-radius:var(--border-radius)!important}header.search-query .query button{padding-top:5px;padding-bottom:5px}header.search-query .query button.active svg,header.search-query .query button.active:hover svg{color:#fff}header.search-query .query .separator{border-right:1px dotted rgba(255,255,255,.4);width:1px}@media (max-width: 1100px){header.search-query .query button .button-text{display:none}header.search-query .query .sort-buttons button .bp5-icon{margin:0}}.select-tags,.select-tags .tags-wrapper{display:flex;gap:.5em;align-items:center}.select-tags .tag{border-radius:var(--border-radius);background-color:#238551;cursor:pointer;display:flex;align-items:center;font-weight:400;padding:1px 0 1px .3em;white-space:nowrap}.select-tags .tag svg{color:#fff}@media (max-width: 1700px){.select-tags .tags-wrapper{display:none}}.tags-overlay{touch-action:none;position:fixed;text-align:center;top:0;left:0;width:100%;height:100%;background-color:transparent;transition:background-color var(--overlay-anim-duration);z-index:2}.tags-overlay.open{background-color:var(--overlay-bg-color)}.tags-overlay .content{--top-offset: calc(var(--header-line-height) / 2);--bottom-offset: calc(var(--header-line-height) * 3);--h-f-height: 48px;--h-f-shadow-color: rgba(0, 0, 0, .3);--h-f-border-color: rgba(0, 0, 0, .4);border:1px solid rgba(255,255,255,.1);background-color:var(--bg-color-3);border-radius:var(--border-radius);box-shadow:0 0 10px #000;position:relative;display:inline-block;text-align:left;max-width:800px;max-height:calc(100vh - var(--top-offset) - var(--bottom-offset));box-sizing:border-box;margin-top:var(--top-offset);padding:calc(var(--h-f-height)) 0;overflow:hidden}.tags-overlay .content header{background-color:var(--bg-color-3);border-bottom:1px solid var(--h-f-border-color);box-shadow:0 2px 5px var(--h-f-shadow-color);display:flex;align-items:center;position:absolute;top:0;left:0;width:100%;height:var(--h-f-height);box-sizing:border-box;text-align:left;padding:1em}.tags-overlay .content header h1{font-size:1.3em;font-weight:500;margin:0;flex-grow:2}.tags-overlay .content header .cancel-button{top:12px}.tags-overlay .content .tags-content{background-color:#0000001a;max-height:calc(100vh - var(--top-offset) - var(--bottom-offset) - 2 * var(--h-f-height));padding:1em;overflow-y:auto}.tags-overlay footer{border-top:1px solid var(--h-f-border-color);background-color:var(--bg-color-3);box-shadow:0 -2px 5px var(--h-f-shadow-color);display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;width:100%;height:var(--h-f-height)}.tags-selection{font-weight:400;max-width:800px}.tags-selection button{font-weight:300;margin:.3em;font-size:1.1em}.tags-selection button.selected{font-weight:300}.tags-selection button:not(:disabled):not(.selected){color:#e0e0e0}.tags-selection button:hover:not(:disabled):not(.selected){color:#fff}.tags-selection .tags-container{padding:.6em;margin-bottom:.6em}.tags-selection .tags-container:last-of-type{margin-bottom:0}.tags-selection h1{font-size:1.1em;font-weight:500;margin:0 0 1em}.view-app-skeleton{border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius);background-color:#00000026;width:var(--view-width);height:var(--view-height);display:inline-flex;align-items:center;justify-content:center}.view-app-skeleton>*{opacity:.1;animation:loading_anim 1.5s infinite}@keyframes loading_anim{0%{opacity:.1}50%{opacity:.35}to{opacity:.1}}.view-app-skeleton.small{width:var(--view-width-sm);height:var(--view-height-sm)}.result{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;padding-bottom:2em}.result .result-error{background-color:#0000001a;padding:2em;border-radius:var(--border-radius)}.result .result-error .error-text{color:var(--error-color);font-size:1.2em}
