.wo-ruled{background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(2.25rem - 1px), var(--pipe-ticket-rule) calc(2.25rem - 1px), var(--pipe-ticket-rule) 2.25rem)}.wo-perf{background-image:radial-gradient(circle at 8px 0, var(--background) 5px, transparent 5.5px);background-repeat:repeat-x;background-size:16px 12px;height:12px}.pipe{background:linear-gradient(to bottom, var(--pipe-copper-edge) 0%, var(--pipe-copper) 30%, color-mix(in oklch, var(--pipe-copper) 70%, white) 45%, var(--pipe-copper) 60%, var(--pipe-copper-edge) 100%);position:relative;overflow:hidden}.pipe-vertical{background:linear-gradient(to right, var(--pipe-copper-edge) 0%, var(--pipe-copper) 30%, color-mix(in oklch, var(--pipe-copper) 70%, white) 45%, var(--pipe-copper) 60%, var(--pipe-copper-edge) 100%);position:relative;overflow:hidden}.pipe:after,.pipe-vertical:after{content:"";opacity:.85;position:absolute}.pipe:after{background-image:repeating-linear-gradient(to right, var(--pipe-water) 0, var(--pipe-water) 14px, transparent 14px, transparent 30px);height:2px;top:50%;left:0;right:0;transform:translateY(-50%)}.pipe-vertical:after{background-image:repeating-linear-gradient(to bottom, var(--pipe-water) 0, var(--pipe-water) 14px, transparent 14px, transparent 30px);width:2px;top:0;bottom:0;left:50%;transform:translate(-50%)}.pipe-fitting{background:linear-gradient(to bottom, var(--pipe-copper-edge) 0%, color-mix(in oklch, var(--pipe-copper) 85%, white) 40%, var(--pipe-copper-edge) 100%);border-radius:calc(var(--radius) * .5)}@media (prefers-reduced-motion:no-preference){.pipe:after{animation:1.6s linear infinite pipe-flow-x}.pipe-vertical:after{animation:1.6s linear infinite pipe-flow-y}.wo-ink{animation:.32s ease-out both wo-print}}@keyframes pipe-flow-x{0%{background-position:0 0}to{background-position:30px 0}}@keyframes pipe-flow-y{0%{background-position:0 0}to{background-position:0 30px}}@keyframes wo-print{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}