.sp-mar-seg{transition:flex-grow .9s var(--ease-out-expo), background-color .5s;flex-basis:0}.sp-mar-bar{transition:width .9s var(--ease-out-expo), background-color .5s}.sp-mar-meter{transition:width .4s var(--ease-out-expo), background-color .3s}.sp-mar-meter.is-good{background:var(--color-magenta)}.sp-mar-meter.is-short{background:var(--fg-soft)}.sp-mar-meter.is-over{background:var(--fg)}.sp-mar-input{field-sizing:content;min-height:3rem;transition:border-color var(--dur-2);outline:none}.sp-mar-input:focus-visible,.sp-mar-input:focus{border-color:var(--color-magenta)}.sp-mar-range{appearance:none;background:linear-gradient(var(--color-magenta), var(--color-magenta)) 0 50% / var(--p,50%) 3px no-repeat, linear-gradient(var(--rule-strong), var(--rule-strong)) 0 50% / 100% 1px no-repeat;cursor:pointer;height:24px}.sp-mar-range::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--color-magenta);width:22px;height:22px;transition:transform var(--dur-2) var(--ease-out-expo);background:#fff;border-radius:999px}.sp-mar-range::-moz-range-thumb{border:1px solid var(--color-magenta);background:#fff;border-radius:999px;width:22px;height:22px}.sp-mar-range:active::-webkit-slider-thumb{transform:scale(1.12)}.sp-mar-range:focus-visible{outline:1px solid var(--color-magenta);outline-offset:6px}.sp-mar-dot{background:var(--rule);transition:background-color .4s var(--ease-out-quart)}.sp-mar-dot.is-on{background:var(--color-magenta)}.sp-mar-tile{animation:sp-mar-pop .6s var(--ease-out-expo) both}@keyframes sp-mar-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.sp-mar-day{transition:color var(--dur-2)}.sp-mar-day:hover:not(:disabled) .font-medium{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.sp-mar-day:focus-visible{outline:2px solid var(--color-magenta);outline-offset:2px;border-radius:var(--radius-xs)}.sp-mar-day:disabled{cursor:default}.sp-mar-day-icon{background:var(--fg);color:var(--bg)}.sp-mar-day.is-rest .sp-mar-day-icon{border:1px dashed var(--rule-strong);background:0 0}.sp-mar-day.is-rest{color:var(--fg-muted)}.sp-mar-fill{width:0;animation:2s linear both sp-mar-grow}@keyframes sp-mar-grow{0%{width:0}to{width:100%}}.sp-mar-caption{animation:sp-mar-pop .5s var(--ease-out-expo) both}.sp-mar-beat:focus-visible{outline:2px solid var(--color-magenta);outline-offset:2px;border-radius:var(--radius-xs)}.sp-mar-beat-dot{background:var(--rule-strong);transition:background-color var(--dur-2), transform var(--dur-2) var(--ease-out-expo)}.sp-mar-beat[aria-pressed=true] .sp-mar-beat-dot{background:var(--color-magenta);transform:scale(1.4)}.sp-mar-beat-note{opacity:0;max-height:0;transition:max-height .6s var(--ease-out-expo), opacity .4s, margin-top .6s var(--ease-out-expo);margin-top:0;overflow:hidden}.sp-mar-beat[aria-pressed=true] .sp-mar-beat-note{opacity:1;max-height:6rem;margin-top:.375rem}.sp-mar-beat:not([aria-pressed=true]):hover .t-h4{color:var(--fg-muted)}.sp-mar-wire{background-image:linear-gradient(180deg, var(--rule-strong) 50%, transparent 0);background-size:1px 6px}.sp-mar-node{transition:border-color var(--dur-2)}.sp-mar-node-icon{transition:background-color var(--dur-2), color var(--dur-2), border-color var(--dur-2)}.sp-mar-node-icon.is-trigger{background:var(--color-magenta-600);color:#fff}.sp-mar-node-icon.is-email{background:var(--fg);color:var(--bg)}.sp-mar-node-icon.is-wait{border:1px solid var(--rule-strong);color:var(--fg)}.sp-mar-node.is-off .sp-mar-node-icon,.sp-mar-node.is-off .sp-mar-node-text{opacity:.4}.sp-mar-node.is-off{border-style:dashed}.sp-mar-node.is-running{border-color:var(--color-magenta)}.sp-mar-node.is-done .sp-mar-node-icon{border-color:var(--color-magenta);background:var(--color-magenta-600);color:#fff}.sp-mar-mail{animation:sp-mar-drop .6s var(--ease-out-expo) both}@keyframes sp-mar-drop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.sp-mar-call.is-new{animation:sp-mar-drop .6s var(--ease-out-expo) both}.sp-mar-call.is-new .sp-mar-call-icon{border-color:var(--color-magenta);background:var(--color-magenta-600);color:#fff}@media (prefers-reduced-motion:reduce){.sp-mar-tile,.sp-mar-caption,.sp-mar-mail,.sp-mar-call.is-new{animation:none}.sp-mar-fill{width:100%;animation:none}.sp-mar-seg,.sp-mar-bar,.sp-mar-meter,.sp-mar-beat-note{transition:none}}