@layer components{.pressable.ink,.pressable.line{font-size:var(--text-control);justify-content:center;align-items:center;gap:var(--space-xs);min-height:var(--control-height);padding:0 var(--space-l);cursor:pointer;transition:background-color var(--transition-fast,0s), color var(--transition-fast,0s);font-weight:800;text-decoration:none;display:inline-flex}.pressable.ink svg,.pressable.line svg{flex:none;width:1.15em;height:1.15em}.pressable.ink{background:var(--ink);color:var(--paper)}.pressable.ink[data-pressed]:not([data-disabled]){background:var(--ink-soft)}.pressable.line{border:var(--print-line);color:var(--ink)}.pressable.line[data-pressed]:not([data-disabled]){background:var(--paper-sunk)}.pressable.ink[data-disabled],.pressable.line[data-disabled]{cursor:default;opacity:.45}.pressable[data-focus-visible]{outline:var(--ring);outline-offset:var(--ring-offset)}}