@layer theme,base;@layer components{.inf-ladder{border-left:1px solid var(--inf-copper);display:grid}.inf-rung{gap:.75rem;padding:1rem 0 1rem 1.25rem;display:grid;position:relative}.inf-rung+.inf-rung{border-top:1px solid var(--inf-line)}.inf-rung:before{content:"";background:var(--inf-copper);width:.75rem;height:1px;position:absolute;top:1.6rem;left:0}.inf-rung-if,.inf-rung-then>p{gap:.1rem;line-height:1.4;display:grid}.inf-rung-then{grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:.875rem;display:grid}.inf-rung-to{background:var(--inf-copper);width:1px;height:1rem;margin-left:2.75rem}@media (min-width:48rem){.inf-rung{grid-template-columns:minmax(0,5fr) 3rem minmax(0,5fr);align-items:center;gap:1.25rem;padding-block:1.25rem}.inf-rung:before{top:50%}.inf-rung-to{width:100%;height:1px;margin-left:0;position:relative}.inf-rung-to:after{content:"";border-top:1px solid var(--inf-copper);border-right:1px solid var(--inf-copper);width:.5rem;height:.5rem;position:absolute;top:-.25rem;right:0;transform:rotate(45deg)}.inf-rung-then{grid-template-columns:7rem minmax(0,1fr)}}}@layer utilities;