@layer components{.ui-logo{--logo-width:3.375rem;--logo-height:3.375rem;--logo-padding-inline-end:1rem;width:fit-content;max-width:100%;min-height:var(--logo-height);color:var(--base-text-on-surface);align-items:center;padding-inline-end:var(--logo-padding-inline-end);line-height:1;display:inline-flex;overflow:hidden}.ui-logo>:where(svg,img){width:var(--logo-width);height:var(--logo-height);flex:none;display:block}.ui-logo :where(svg [fill]:not([fill=none])){fill:currentColor}.ui-logo :where(svg [stroke]:not([stroke=none])){stroke:currentColor}}