.sort-direction-button{border:1px solid var(--color-theme-outline);flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid}.round .sort-direction-button{border-radius:.5rem}.sort-direction-button{background-color:rgb(from var(--color-theme-950) r g b / .7);color:color-mix(in oklab, var(--color-theme-text) 78%, transparent);font-size:1.25rem;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s}.sort-direction-button:hover{border-color:rgb(from var(--color-theme-primary) r g b / .45);background-color:rgb(from var(--color-theme-primary) r g b / .1);color:var(--color-theme-text)}.sort-direction-button:focus-visible{outline:2px solid var(--color-theme-primary);outline-offset:2px}.sort-direction-button:active{background-color:rgb(from var(--color-theme-primary) r g b / .16)}