@layer theme,base;@layer components{.inf-scale-axis{align-items:center;gap:.75rem;display:flex}.inf-scale-axis>i{background:var(--inf-copper);flex:1;height:1px;position:relative}.inf-scale-axis>i: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-scale>ol{gap:.75rem;margin-top:1rem;display:grid}.inf-stop{border:1px solid var(--inf-line);background:var(--background);border-radius:.875rem;grid-template-columns:5.5rem minmax(0,1fr);align-items:start;gap:.875rem;padding:1rem;display:grid}@media (min-width:48rem){.inf-scale>ol{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:1rem}.inf-stop{display:block}.inf-stop .inf-h3{margin-top:.875rem}}}@layer utilities;