@layer components {
    .logo {
        display: inline-block;
        color: inherit;
        line-height: 0;

        & svg {
            display: block;
            inline-size: auto;
            block-size: var(--logo-size, 2.5rem);
        }
    }
}