@layer reset,tokens;@layer ui{.p-logo{--_h:var(--pulse-size-logo-default);--_gap:var(--pulse-space-2);--_name:var(--pulse-font-size-lg);--_prod:var(--pulse-font-size-sm);align-items:center;gap:var(--p-logo-gap,var(--_gap));color:var(--pulse-color-fg-primary);border-radius:var(--pulse-radius-sm);text-decoration:none;display:inline-flex}.p-logo[data-size=sm]{--_h:var(--pulse-size-logo-sm);--_gap:var(--pulse-space-1_5);--_name:var(--pulse-font-size-base)}.p-logo[data-size=lg]{--_h:var(--pulse-size-logo-lg);--_gap:var(--pulse-space-3);--_name:var(--pulse-font-size-2xl)}.p-logo:not([data-layout=stacked]):has(>.p-logo__text .p-logo__product)>.p-logo__mark{block-size:max(var(--_h), calc((var(--_name) + var(--_prod)) * var(--pulse-font-line-height-tight) + var(--pulse-space-0_5)))}.p-logo[data-layout=stacked]{text-align:center;flex-direction:column}.p-logo[data-layout=stacked] .p-logo__text{align-items:center}.p-logo[data-tone=accent] .p-logo__mark{color:var(--pulse-color-accent-solid)}.p-logo:is(a):hover .p-logo__name{color:var(--pulse-color-fg-primary);text-underline-offset:var(--pulse-space-0_5);text-decoration:underline}.p-logo:is(a):focus-visible{outline:var(--pulse-border-width-focus) solid var(--pulse-color-state-focus-ring);outline-offset:var(--pulse-border-width-focus-offset)}.p-logo__mark{block-size:var(--_h);aspect-ratio:705/811;fill:currentColor;flex:none;display:block}.p-logo__tile{inline-size:var(--_h);block-size:var(--_h);border-radius:var(--pulse-radius-md);background:var(--pulse-color-accent-solid);color:var(--pulse-color-accent-on-solid);flex:none;place-items:center;display:grid}.p-logo__tile .p-logo__mark{block-size:62%}.p-logo[data-size=sm] .p-logo__tile{border-radius:var(--pulse-radius-sm)}.p-logo[data-size=lg] .p-logo__tile{border-radius:var(--pulse-radius-xl)}.p-logo[data-tone=tile-neutral] .p-logo__tile{background:var(--pulse-color-bg-inverse);color:var(--pulse-color-fg-inverse)}.p-logo__text{gap:var(--pulse-space-0_5);flex-direction:column;min-inline-size:0;display:flex}.p-logo__name{font-size:var(--_name);font-weight:var(--pulse-font-weight-semibold);line-height:var(--pulse-font-line-height-tight);letter-spacing:var(--pulse-text-h1-letter-spacing);white-space:nowrap;color:var(--pulse-color-fg-primary)}.p-logo__product{font-size:var(--_prod);font-weight:var(--pulse-font-weight-medium);line-height:var(--pulse-font-line-height-tight);color:var(--pulse-color-fg-tertiary);white-space:nowrap}.p-logo[data-size=lg]{--_prod:var(--pulse-font-size-base)}}@layer app;
