price-builder-frontend/src/widgets/navbar/styles.module.scss

@use '../../shared/assets/styles/adaptive' as adaptive;

.navbar {
    display: flex;
    background-color: var(--transparent-black);
    backdrop-filter: blur(10px);
    width: 100%;
    justify-content: center;

    .container {
        padding: 15px;
        @include adaptive.container;

        .logo {
            display: flex;
            flex-direction: row;
            justify-content: start;
            align-items: end;
            gap: 8px;
            color: var(--primary-white);

            .title {
                margin: 0;
            }
        }
    }
}