.big-action{--ba-h:40px;--ba-lip:4px;--ba-pad:18px;--ba-r:12px;--ba-print-w:50px;--ba-ease:cubic-bezier(.2, .8, .2, 1);--ba-face-top:var(--c-ink-271);--ba-face:var(--c-ink-56);--ba-face-bottom:var(--c-ink-338);--ba-lip-top:var(--c-ink-339);--ba-lip-bottom:var(--c-ink-340);--ba-ink:var(--c-surface-418);--ba-print:var(--c-mid-135);--ba-glow:color-mix(in srgb, var(--c-ink-56) 20%, transparent);height:calc(var(--ba-h) + var(--ba-lip));padding:0 0 var(--ba-lip);border-radius:var(--ba-r);color:var(--ba-ink);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;flex:none;align-items:flex-start;text-decoration:none;display:inline-flex;position:relative}.big-action.is-copper{--ba-face-top:var(--c-amber-46);--ba-face:var(--c-amber-1);--ba-face-bottom:var(--c-amber-154);--ba-lip-top:var(--c-amber-155);--ba-lip-bottom:var(--c-orange-115);--ba-ink:var(--c-surface-322);--ba-print:var(--c-amber-156);--ba-glow:color-mix(in srgb, var(--c-amber-1) 25.1%, transparent)}.big-action.is-sm{--ba-h:32px;--ba-lip:3px;--ba-pad:13px;--ba-r:10px;--ba-print-w:40px}.big-action.is-graphite{--ba-face-top:var(--c-surface-419);--ba-face:var(--c-surface-420);--ba-face-bottom:var(--c-surface-421);--ba-lip-top:var(--c-surface-144);--ba-lip-bottom:var(--c-surface-81);--ba-ink:var(--c-ink-341);--ba-print:var(--c-ink-1);--ba-glow:color-mix(in srgb, var(--c-surface-422) 0%, transparent)}.big-action.is-icon .ba-face{width:var(--ba-h);padding:0}.big-action:before{content:"";inset:var(--ba-lip) 0 0;border-radius:var(--ba-r);background:linear-gradient(180deg, var(--ba-lip-top), var(--ba-lip-bottom));box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--t-shade) 12.16%, transparent), 0 1px 2px color-mix(in srgb, var(--t-shade) 25.1%, transparent), 0 6px 12px -8px color-mix(in srgb, var(--t-shade) 60%, transparent), 0 8px 18px -14px var(--ba-glow);position:absolute}.ba-face{z-index:1;height:var(--ba-h);padding:0 var(--ba-pad);border-radius:var(--ba-r);background:linear-gradient(180deg, var(--ba-face-top) 0%, var(--ba-face) 46%, var(--ba-face-bottom) 100%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--t-wash) 85.1%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--t-wash) 25.1%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--t-shade) 7.84%, transparent);transition:transform .34s cubic-bezier(.34, 1.56, .64, 1), filter .18s var(--ba-ease);isolation:isolate;justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative;transform:translateY(0)}.ba-face:after{content:"";border-radius:calc(var(--ba-r) - 1px) calc(var(--ba-r) - 1px) 40% 40% / calc(var(--ba-r) - 1px) calc(var(--ba-r) - 1px) 10px 10px;background:linear-gradient(180deg, color-mix(in srgb, var(--t-wash) 45.1%, transparent), color-mix(in srgb, var(--t-wash) 0%, transparent));pointer-events:none;z-index:2;position:absolute;inset:1px 1px 50%}.ba-label{z-index:3;letter-spacing:-.005em;white-space:nowrap;text-shadow:0 1px 0 color-mix(in srgb, var(--t-wash) 34.9%, transparent);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:inline-flex;position:relative}.big-action.is-sm .ba-label{gap:7px;font-size:12.5px}.ba-label svg{flex-shrink:0;width:15px;height:15px}.big-action.is-sm .ba-label svg{width:14px;height:14px}.big-action:not(:where(:disabled,[aria-disabled=true])):hover .ba-face{filter:brightness(1.04)saturate(1.03)}.big-action:active .ba-face,.big-action.is-pressed .ba-face{transform:translateY(calc(var(--ba-lip) - 1.5px));transition:transform 70ms ease-out, filter .18s var(--ba-ease)}.big-action:focus-visible{outline:2px solid var(--t-accent,var(--c-green-13));outline-offset:3px}.big-action:disabled,.big-action.is-disabled{cursor:not-allowed;opacity:.45}.big-action:disabled .ba-face,.big-action.is-disabled .ba-face{filter:saturate(.6);transform:none}.ba-prints{z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.big-action .ba-prints .ba-print{width:var(--ba-print-w);height:calc(var(--ba-print-w) * 1.3);color:var(--ba-print);mix-blend-mode:multiply;max-width:none;transform:translate(-50%, -50%) rotate(var(--ba-rot,0deg)) scale(var(--ba-scale,1));opacity:0;animation:ba-smudge-fade var(--ba-life,8s) cubic-bezier(.25, .6, .3, 1) forwards;transition:none;position:absolute;-webkit-mask-image:radial-gradient(closest-side,#000 45%,#0000 100%);mask-image:radial-gradient(closest-side,#000 45%,#0000 100%)}.ba-print-haze{fill:currentColor;opacity:.07}.ba-print-ridges{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;opacity:.3}@keyframes ba-smudge-fade{0%{opacity:0}2%{opacity:1}45%{opacity:.75}to{opacity:0}}@media (prefers-reduced-motion:reduce){.ba-face,.big-action:active .ba-face,.big-action.is-pressed .ba-face{transition:none;transform:none}.big-action .ba-prints .ba-print{opacity:.8;animation:none}}.big-action.is-graphite .ba-face{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--t-wash) 14.12%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--t-wash) 5.1%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--t-shade) 20%, transparent)}.big-action.is-graphite .ba-face:after{background:linear-gradient(180deg, color-mix(in srgb, var(--t-wash) 7.06%, transparent), color-mix(in srgb, var(--t-wash) 0%, transparent))}.big-action.is-graphite .ba-label{text-shadow:0 -1px 0 color-mix(in srgb, var(--t-shade) 34.9%, transparent)}.big-action.is-graphite .ba-prints .ba-print{mix-blend-mode:screen}
