@layer properties,theme,base;@layer components{._funnel_yw6ie_4{gap:var(--pui-space-3);display:grid;container-type:inline-size}._steps_yw6ie_9{display:grid}._item_yw6ie_12{list-style:none;display:grid}._skeleton_yw6ie_16{justify-items:center;gap:var(--pui-space-3);display:grid}._skeleton_yw6ie_16>span{block-size:var(--pui-size-8);border-radius:var(--pui-radius-chip);display:block}._step_yw6ie_9{align-items:center;gap:var(--pui-space-1-5) var(--pui-space-4);padding:var(--pui-space-1) var(--pui-space-1-5);border-radius:var(--pui-radius-control);text-align:start;cursor:pointer;transition:background-color var(--pui-motion-out) var(--pui-ease-default), transform var(--pui-motion-out) var(--pui-ease-default);grid-template-columns:minmax(0,1fr);display:grid}@container (width>=36rem){._step_yw6ie_9{grid-template-columns:minmax(10rem,30%) minmax(0,1fr)}}._step_yw6ie_9:hover,._step_yw6ie_9[aria-pressed=true]{background:var(--pui-hover);transition-duration:0s}._step_yw6ie_9:focus-visible{outline:var(--pui-focus-width) var(--pui-focus-style) var(--pui-focus-ring);outline-offset:1px}._name_yw6ie_54{align-items:baseline;gap:0 var(--pui-space-2);flex-wrap:wrap;min-width:0;display:flex}._label_yw6ie_61{min-width:0;color:var(--pui-ink-2);font-size:var(--pui-text-sm);flex:auto}._value_yw6ie_67{color:var(--pui-ink);font-family:var(--pui-font-numeric);font-size:var(--pui-text-sm);font-weight:var(--pui-weight-medium);font-variant-numeric:tabular-nums}._step_yw6ie_9[data-missing] ._value_yw6ie_67{color:var(--pui-ink-3);font-family:inherit;font-weight:inherit}._start_yw6ie_79{color:var(--pui-ink-3);font-size:var(--pui-text-xs);font-variant-numeric:tabular-nums}._change_yw6ie_84{font-size:var(--pui-text-xs);font-variant-numeric:tabular-nums}._change_yw6ie_84[data-trend=up]{color:var(--pui-green)}._change_yw6ie_84[data-trend=down]{color:var(--pui-red)}._track_yw6ie_96{block-size:var(--pui-size-8);position:relative}._bar_yw6ie_100,._ghost_yw6ie_101{border-radius:var(--pui-bar-radius,var(--pui-radius-chip));position:absolute;inset-block:0}._bar_yw6ie_100{inline-size:calc(var(--_w) * 100%);background:var(--_c);min-inline-size:2px;transition:background-color var(--pui-motion-out) var(--pui-ease-default)}._bar_yw6ie_100.unmeasured{background-color:var(--pui-unmeasured)}._ghost_yw6ie_101{inline-size:calc(var(--_ghost) * 100%);background:color-mix(in oklab, var(--_c) 18%, var(--pui-surface))}._funnel_yw6ie_4[data-shape=centred] ._bar_yw6ie_100,._funnel_yw6ie_4[data-shape=centred] ._ghost_yw6ie_101{inset-inline-start:50%;translate:-50%}._funnel_yw6ie_4[data-shape=centred] ._bar_yw6ie_100:dir(rtl),._funnel_yw6ie_4[data-shape=centred] ._ghost_yw6ie_101:dir(rtl){translate:50%}._funnel_yw6ie_4[data-shape=aligned] ._bar_yw6ie_100,._funnel_yw6ie_4[data-shape=aligned] ._ghost_yw6ie_101{inset-inline-start:0}._prev_yw6ie_134{background:var(--pui-ink);inline-size:2px;border-radius:1px;position:absolute;inset-block:-3px;inset-inline-start:calc(var(--_prev) * 100% - 1px)}._funnel_yw6ie_4[data-shape=centred] ._prev_yw6ie_134{inset-inline-start:calc(50% + var(--_prev) * 50% - 1px)}._step_yw6ie_9[data-dim] ._bar_yw6ie_100{background:color-mix(in oklab, var(--_c) 35%, var(--pui-surface))}._step_yw6ie_9[data-dim] ._label_yw6ie_61,._step_yw6ie_9[data-dim] ._value_yw6ie_67{color:var(--pui-ink-3)}._between_yw6ie_154{align-items:center;gap:var(--pui-space-2);padding-block:var(--pui-space-0-5);color:var(--pui-ink-3);font-size:var(--pui-text-xs);font-variant-numeric:tabular-nums;padding-inline-start:var(--pui-space-1-5);display:flex}@container (width>=36rem){._between_yw6ie_154{padding-inline-start:calc(min(30%, 100%) + var(--pui-space-5))}._funnel_yw6ie_4[data-shape=centred] ._between_yw6ie_154{justify-content:center;padding-inline-start:calc(30% + var(--pui-space-5))}}._rate_yw6ie_173{color:var(--pui-ink-2)}._lost_yw6ie_176{color:var(--pui-ink-3)}._overall_yw6ie_180{justify-content:space-between;align-items:baseline;gap:var(--pui-space-3);padding:var(--pui-space-2) var(--pui-space-1-5) 0;border-block-start:1px solid var(--pui-line-soft);color:var(--pui-ink-3);font-size:var(--pui-text-sm);display:flex}._overall_yw6ie_180 strong{color:var(--pui-ink);font-family:var(--pui-font-numeric);font-weight:var(--pui-weight-medium)}._funnel_yw6ie_4[data-variant=conversion] ._steps_yw6ie_9{gap:var(--pui-space-3)}._funnel_yw6ie_4[data-variant=conversion] ._step_yw6ie_9{grid-template-columns:minmax(0,1fr) 9rem}._funnel_yw6ie_4[data-variant=conversion] ._name_yw6ie_54{grid-area:1/1}._funnel_yw6ie_4[data-variant=conversion] ._label_yw6ie_61{flex-basis:100%}._funnel_yw6ie_4[data-variant=conversion] ._track_yw6ie_96{background:var(--pui-surface-2);border-radius:var(--pui-radius-chip);grid-area:2/1/auto/-1}._funnel_yw6ie_4[data-variant=conversion] ._bar_yw6ie_100{min-inline-size:0}._conversion_yw6ie_218{color:var(--pui-ink-2);font-size:var(--pui-text-xs);font-variant-numeric:tabular-nums;text-align:end;text-wrap:balance;grid-area:1/2}@container (width>=36rem){._funnel_yw6ie_4[data-variant=conversion] ._step_yw6ie_9{grid-template-columns:minmax(10rem,30%) minmax(0,1fr) 9rem}._funnel_yw6ie_4[data-variant=conversion] ._track_yw6ie_96{grid-area:1/2}._funnel_yw6ie_4[data-variant=conversion] ._conversion_yw6ie_218{grid-column:3}}}@layer utilities;
