.tactile-btn{box-shadow:var(--tb-shadow-rest);transform:translateY(0);transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s ease}.tactile-btn:active:not(:disabled):not([aria-disabled=true]){transform:translateY(var(--tb-sink,4px));box-shadow:var(--tb-shadow-active);transition:transform .12s var(--ease),box-shadow .12s var(--ease)}.tactile-btn:disabled,.tactile-btn[aria-disabled=true]{box-shadow:none}@media (hover:hover) and (pointer:fine){.tactile-btn[data-variant=primary]:hover:not(:disabled){background:var(--accent-fill-hover)}.tactile-btn[data-variant=destructive]:hover:not(:disabled),.tactile-btn[data-variant=tertiary]:hover:not(:disabled){background:var(--card-alt)}}@media (prefers-reduced-motion:reduce){.tactile-btn,.tactile-btn:active:not(:disabled){transition:none}}.tactile-btn[data-variant=primary]{isolation:isolate}.tactile-btn__sheen{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(currentColor 0 0);mask-image:linear-gradient(currentColor 0 0)}.tactile-btn__sheen:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--btn-gloss-hi) 0,var(--btn-gloss-lo) 48%,transparent 52%);box-shadow:inset 0 1px 0 var(--btn-gloss-edge);transition:opacity .12s var(--ease)}.tactile-btn__sheen:after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:38%;background:linear-gradient(100deg,transparent,var(--btn-sheen) 50%,transparent);transform:translateX(-160%) skewX(-18deg)}.tactile-btn__sheen[data-playing=press]:after{animation:tb-sheen .45s var(--ease)}.tactile-btn__sheen[data-playing=idle]:after{animation:tb-sheen .9s var(--ease)}.tactile-btn:has(.tactile-btn__sheen[data-playing=press]) .tactile-btn__icon svg{animation:tb-icon-pop .45s var(--ease)}.tactile-btn:has(.tactile-btn__sheen[data-playing=idle]) .tactile-btn__icon svg{animation:tb-icon-pop .9s var(--ease)}.tactile-btn:active .tactile-btn__sheen:before{opacity:.6}@keyframes tb-sheen{to{transform:translateX(420%) skewX(-18deg)}}@keyframes tb-icon-pop{35%{transform:scale(1.22)}65%{transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.tactile-btn:has(.tactile-btn__sheen[data-playing]) .tactile-btn__icon svg,.tactile-btn__sheen:after{animation:none!important}}