.sort-mode-selector{align-items:center;gap:.5rem;display:flex}.sort-trigger-wrapper{display:inline-block;position:relative}.sort-mode-selector__label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.sort-trigger{cursor:pointer;min-width:7.5rem;color:var(--color-text-secondary);background:0 0;border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.sort-trigger:hover{background:var(--color-bg-secondary);border-color:var(--color-border-secondary)}.sort-trigger:focus{border-color:var(--color-accent-primary,#3b82f6);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent-primary) 15%, transparent);outline:none}.sort-trigger.open{border-color:var(--color-accent-primary,#3b82f6);background:var(--color-bg-secondary)}.sort-trigger__text{text-align:start;flex:1}.sort-trigger__arrow{width:1rem;height:1rem;color:var(--color-text-secondary);transition:transform .15s}.sort-trigger.open .sort-trigger__arrow{transform:rotate(180deg)}.sort-dropdown-menu{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);z-index:1000;border-radius:10px;min-width:10rem;animation:.15s sort-dropdown-enter;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 24px #00000024}@keyframes sort-dropdown-enter{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.sort-option{color:var(--color-text-primary);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;transition:background .1s;display:flex;position:relative}.sort-option:not(:last-child){border-bottom:1px solid var(--color-border-secondary)}.sort-option:hover{background:var(--color-bg-secondary)}.sort-option.selected{background:color-mix(in srgb, var(--color-accent-primary) 6%, transparent)}.sort-option.selected:before{content:"";background-color:var(--color-accent-primary,#3b82f6);border-radius:1px;width:2px;position:absolute;top:.25rem;bottom:.25rem;left:0}.sort-option__name{color:var(--color-text-primary);flex:1;font-weight:500}.sort-option__description{color:var(--color-text-tertiary);font-size:.6875rem;font-weight:400}