@layer components {
    .ui-finder-bar {
        height: var(--height-base);
        border-bottom: 1px solid var(--border-color-light);
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        align-items: center;



        > div {
            display: flex;
            align-items: center;
        }
        > div:nth-child(2){
            justify-self: center;
        }
        > div:nth-child(3){
            display: flex;
            justify-content: flex-end;
        }

    }
    .navigation-group {
        display: flex;
    }
}