.pillar-scene{--u:calc(100cqw / 700);--pillar-line:var(--color-wool-grey);--pillar-inner:var(--color-charcoal-400);--pillar-fill:var(--color-charcoal-600);container-type:inline-size}.pillar-scene[data-tone=light]{--pillar-line:var(--color-charcoal-200);--pillar-inner:var(--color-charcoal-200);--pillar-fill:color-mix(in srgb, var(--color-wool-grey) 40%, var(--color-wool-grey-200))}.pillar-layer,.pillar-layer>svg,.pillar-pane{width:100%;height:100%;position:absolute;inset:0}.pillar-layer{pointer-events:none}.pillar-pane{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:color-mix(in srgb, var(--pillar-fill) var(--pillar-fill-alpha,50%), transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pillar-outline{stroke-width:1.25px;stroke:color-mix(in srgb, var(--pillar-tint) calc(var(--ohot,0) * 100%), var(--pillar-line))}.pillar-stop{stop-color:color-mix(in srgb, var(--pillar-tint) calc(var(--hot,0) * 100%), var(--pillar-inner))}.pillar-scene svg :is(path,line){vector-effect:non-scaling-stroke}.pillar-scene svg line{stroke-width:1px}.pillar-glow-stop{stop-color:var(--color-parlor-blue-300)}.pillar-scene[data-tone=light] .pillar-pane{-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px)}.pillar-scene[data-tone=light] :is(.pillar-outline,.pillar-glow,line){stroke-width:.55px}