.mtl-hold{isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;border-radius:.75rem;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.875rem;font-weight:700;transition:transform .2s cubic-bezier(.34,1.5,.64,1),opacity .2s;display:inline-flex;position:relative;overflow:hidden}.mtl-hold:disabled{opacity:.55;cursor:not-allowed}.mtl-hold-danger{background:color-mix(in oklab, var(--destructive) 14%, var(--card));color:var(--destructive);border:1.5px solid color-mix(in oklab, var(--destructive) 45%, transparent)}.mtl-hold-outline{background:var(--card);color:var(--destructive);border:1.5px solid var(--border)}.mtl-hold-fill{z-index:-1;background:var(--destructive);transform-origin:0;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleX(0)}.mtl-hold-text{align-items:center;gap:.4rem;transition:color .2s;display:inline-flex}.mtl-hold svg{width:1rem;height:1rem}.mtl-hold[data-state=hold]{transform:scale(.97)}.mtl-hold[data-state=hold] .mtl-hold-fill{transition:transform var(--hold,1.1s) linear;transform:scaleX(1)}.mtl-hold[data-state=hold] .mtl-hold-text,.mtl-hold[data-state=done] .mtl-hold-text{color:var(--destructive-foreground)}.mtl-hold[data-state=done] .mtl-hold-fill{transform:scaleX(1)}.mtl-hold[data-state=short]{animation:.35s mtl-hold-shake}@keyframes mtl-hold-shake{25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}@media (prefers-reduced-motion:reduce){.mtl-hold[data-state=short]{animation:none}}.mtl-count{vertical-align:middle;display:inline-grid;overflow:hidden}.mtl-count>span{grid-area:1/1;display:block}.mtl-count[data-bump]{animation:.45s cubic-bezier(.34,1.6,.64,1) mtl-count-bump}.mtl-count[data-dir=up]>.mtl-count-new{animation:.32s cubic-bezier(.22,1,.36,1) both mtl-count-in-up}.mtl-count[data-dir=down]>.mtl-count-new{animation:.32s cubic-bezier(.22,1,.36,1) both mtl-count-in-down}@keyframes mtl-count-bump{0%{transform:scale(1)}35%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes mtl-count-in-up{0%{opacity:0;transform:translateY(70%)}to{opacity:1;transform:none}}@keyframes mtl-count-in-down{0%{opacity:0;transform:translateY(-70%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mtl-count[data-bump],.mtl-count>.mtl-count-new{animation:none!important}}