.tabs.tabs--presets{--tab-gap:.5rem;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--tab-gap)}.tabs.tabs--presets .tab-btn{order:0;flex:0 0 auto;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.65rem 1.25rem;border:1px solid var(--gray-darken);border-radius:100px;background-color:var(--white);color:var(--secondary);font-weight:500;line-height:1.1;white-space:nowrap;transition:background-color var(--transition-duration) ease,border-color var(--transition-duration) ease,color var(--transition-duration) ease}@media(any-hover:hover){.tabs.tabs--presets .tab-btn:hover:not(:disabled):not(.is-active){border-color:var(--primary);color:var(--dark)}}@media(any-hover:none){.tabs.tabs--presets .tab-btn:active:not(:disabled):not(.is-active){border-color:var(--primary);color:var(--dark)}}.tabs.tabs--presets .tab-btn.is-active{background-color:var(--primary);border-color:var(--primary);color:var(--dark)}.tabs.tabs--presets .tab-content{order:1;width:100%;margin-top:1rem}.tabs.tabs--presets .filter-toggle{padding:0;border:none;order:0;flex:0 0 auto;margin-left:auto;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border:1px solid var(--secondary);border-radius:100px;background-color:transparent;color:var(--secondary);font-family:inherit;font-size:1rem;font-weight:500;line-height:1.1;white-space:nowrap;transition:background-color var(--transition-duration) ease,border-color var(--transition-duration) ease,color var(--transition-duration) ease}@media(any-hover:hover){.tabs.tabs--presets .filter-toggle:hover:not(:disabled):not(.is-active){background-color:var(--secondary);color:var(--white)}}@media(any-hover:none){.tabs.tabs--presets .filter-toggle:active:not(:disabled):not(.is-active){background-color:var(--secondary);color:var(--white)}}.tabs.tabs--presets .filter-toggle-icon{flex:0 0 auto;width:1.15em;height:1.15em}.tabs.tabs--presets .filter-toggle-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:1.4em;height:1.4em;padding:0 .4em;border-radius:100px;background-color:var(--primary);color:var(--dark);font-size:.8rem;font-weight:600;line-height:1}.presets{display:flex;flex-wrap:wrap;gap:.5rem}.presets .preset{color:inherit}.presets .preset,.presets .preset:hover{text-decoration:none}.presets .preset{display:inline-flex;align-items:center;padding:.5rem 1rem;border:1px solid var(--gray-darken);border-radius:var(--border-radius);background-color:var(--gray);color:var(--secondary);line-height:1.2;transition:background-color var(--transition-duration) ease,border-color var(--transition-duration) ease,color var(--transition-duration) ease}@media(any-hover:hover){.presets .preset:hover:not(:disabled):not(.is-active){border-color:var(--primary);background-color:var(--primary-lighten);color:var(--dark)}}@media(any-hover:none){.presets .preset:active:not(:disabled):not(.is-active){border-color:var(--primary);background-color:var(--primary-lighten);color:var(--dark)}}
