@layer components{.btn[data-v-19dd9e95]{--h:var(--z-button-s);--px:var(--s-4);justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--h);min-width:var(--z-target);padding-inline:var(--px);border-radius:calc(var(--h)/2);background:var(--bg,transparent);color:var(--fg,var(--primary));box-shadow:var(--ring,0 0 0 0 transparent),var(--lift,0 0 0 0 transparent);letter-spacing:.006rem;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:border-radius var(--dur-spatial-fast) var(--ease-spatial-fast),background-color var(--dur-effects) var(--ease-effects),color var(--dur-effects) var(--ease-effects),box-shadow var(--dur-effects) var(--ease-effects);font-weight:550;display:inline-flex}.btn[data-v-19dd9e95]:active{border-radius:var(--press,var(--r-sm))}.btn[data-v-19dd9e95]:disabled{opacity:var(--state-disabled);pointer-events:none}.size-s[data-v-19dd9e95]{font-size:.875rem}.size-m[data-v-19dd9e95]{--h:var(--z-button-m);--px:var(--s-6);--press:var(--r-lg);font-size:1rem}.size-l[data-v-19dd9e95]{--h:var(--z-button-l);--px:var(--s-12);--press:var(--r-xl);gap:var(--s-3);font-size:1.5rem}.size-l .icon[data-v-19dd9e95]{font-size:var(--z-icon-lg)}.filled[data-v-19dd9e95]{--bg:var(--primary);--fg:var(--on-primary)}.tonal[data-v-19dd9e95]{--bg:var(--secondary-container);--fg:var(--on-secondary-container)}.outlined[data-v-19dd9e95]{--ring:inset 0 0 0 var(--z-hairline) var(--outline-variant);--fg:var(--on-surface-variant)}.elevated[data-v-19dd9e95]{--bg:var(--surface-container-low);--lift:var(--elev-1)}.elevated[data-v-19dd9e95]:hover{--lift:var(--elev-2)}.text[data-v-19dd9e95]{--px:var(--s-3)}.icon[data-v-19dd9e95]{transition:translate var(--dur-spatial-fast) var(--ease-spatial-fast),font-variation-settings var(--dur-effects) var(--ease-effects)}.btn:hover .icon[data-v-19dd9e95]{--fill:1}.btn:hover .trail[data-v-19dd9e95]{translate:var(--s-1) 0}}
