.fc-hold-button{--hold-p: 0;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;border:1px solid color-mix(in srgb,var(--destructive) 28%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--destructive) 5%,var(--background));color:var(--destructive);font:inherit;font-weight:650;line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s ease,box-shadow .16s ease}.fc-hold-button--sm{min-height:36px;padding:0 13px;font-size:12px}.fc-hold-button--md{min-height:42px;padding:0 16px;font-size:13px}.fc-hold-button--icon{width:34px;height:34px;padding:0}.fc-hold-button--neutral{border-color:var(--border);background:var(--background);color:var(--foreground)}.fc-hold-button__progress{position:absolute;inset:0;z-index:0;transform:scaleX(var(--hold-p));transform-origin:left center;background:linear-gradient(90deg,color-mix(in srgb,var(--destructive) 76%,#fff),var(--destructive));transition:filter .16s ease}.fc-hold-button--neutral .fc-hold-button__progress{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 68%,#fff),var(--primary))}.fc-hold-button__content{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:opacity .16s ease,filter .16s ease,color .16s ease}.fc-hold-button__content--done{position:absolute;opacity:0;filter:blur(2px);color:#fff}.fc-hold-button[data-phase=holding]{transform:scale(.985);box-shadow:0 9px 24px -18px color-mix(in srgb,var(--destructive) 70%,transparent)}.fc-hold-button[data-phase=holding] .fc-hold-button__content--idle{color:color-mix(in srgb,#fff calc(var(--hold-p) * 100%),var(--destructive))}.fc-hold-button[data-phase=done] .fc-hold-button__content--idle{opacity:0;filter:blur(2px)}.fc-hold-button[data-phase=done] .fc-hold-button__content--done{opacity:1;filter:none}.fc-hold-button:focus-visible{outline:2px solid color-mix(in srgb,var(--destructive) 70%,transparent);outline-offset:2px}.fc-hold-button:disabled{opacity:.5;cursor:default;pointer-events:none}.fc-hold-button__icon,.fc-hold-button__icon>svg{display:inline-flex}@media(hover:hover)and (pointer:fine){.fc-hold-button:not(:disabled):hover{border-color:color-mix(in srgb,var(--destructive) 48%,var(--border))}}@media(prefers-reduced-motion:reduce){.fc-hold-button,.fc-hold-button__content{transition:none}}
