.scene:where(.astro-vjc3kfer){width:100%;max-width:520px;margin-inline:auto;position:relative;container-type:inline-size}.stage:where(.astro-vjc3kfer){cursor:pointer}.replay:where(.astro-vjc3kfer){color:#ffffffe6;cursor:pointer;opacity:0;pointer-events:none;background:#ffffff1f;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:6px;padding:6px 10px 6px 8px;font-size:12px;font-weight:500;transition:opacity .4s,transform .4s,background .15s;display:inline-flex;position:absolute;top:16px;right:16px;transform:translateY(-4px)}.replay:where(.astro-vjc3kfer) svg:where(.astro-vjc3kfer){width:13px;height:13px}.replay:where(.astro-vjc3kfer):hover{background:#fff3}.scene:where(.astro-vjc3kfer).is-done .replay:where(.astro-vjc3kfer){opacity:1;pointer-events:auto;transform:none}@media (prefers-reduced-motion:reduce){.replay:where(.astro-vjc3kfer){display:none}}.stage:where(.astro-vjc3kfer){--u:min(1px, calc(100cqw / 520));width:520em;height:520em;font-size:var(--u);text-align:left;--card:#fff;--text:#1b1740;--muted:#6b6880;--faint:#9a96ad;--hair:#e9e6f2;--primary:oklch(56% .13 270);--green:#0a9b66;--green-ink:#0a7a52;--green-soft:#e9f8f0;--green-border:#bfe8d3;--amber:#b45309;--amber-soft:#fffbeb;--amber-border:#fde68a;--cream:oklch(93% .03 80);background:linear-gradient(160deg,oklch(46% .13 268),oklch(32% .11 270));border-radius:22em;margin-inline:auto;line-height:1;position:relative;overflow:hidden;box-shadow:0 40em 80em -30em oklch(32% .11 270/.55)}.dark .stage:where(.astro-vjc3kfer){box-shadow:0 40em 80em -30em #000000b3}.glow:where(.astro-vjc3kfer){filter:blur(40em);pointer-events:none;border-radius:999px;position:absolute}.glow-a:where(.astro-vjc3kfer){background:oklch(72% .11 275/.35);width:320em;height:260em;top:-80em;right:-60em}.toast:where(.astro-vjc3kfer){height:60em;color:var(--text);opacity:0;background:#fffffff5;border-radius:12em;align-items:center;gap:12em;padding:0 18em 0 12em;display:flex;position:absolute;top:28em;left:36em;transform:translateY(-10em);box-shadow:0 20em 40em -16em #140a3c99}.toast-text:where(.astro-vjc3kfer){flex-direction:column;gap:4em;display:flex}.toast-title:where(.astro-vjc3kfer){font-size:max(calc(14 * var(--u)), 11px);white-space:nowrap;font-weight:600}.toast-sub:where(.astro-vjc3kfer){font-size:max(calc(12.5 * var(--u)), 10px);color:var(--muted);white-space:nowrap}.av:where(.astro-vjc3kfer){width:calc(40 * var(--u));height:calc(40 * var(--u));color:#fff;font-size:max(calc(14 * var(--u)), 11px);letter-spacing:.02em;border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.av-ada:where(.astro-vjc3kfer){width:calc(36 * var(--u));height:calc(36 * var(--u));font-size:calc(13 * var(--u));background:linear-gradient(135deg,oklch(74% .16 45),oklch(68% .17 20))}.av-sarah:where(.astro-vjc3kfer){background:linear-gradient(135deg,oklch(62% .13 270),oklch(58% .14 295))}.wires:where(.astro-vjc3kfer){width:100%;height:100%;position:absolute;inset:0}.lines:where(.astro-vjc3kfer) path:where(.astro-vjc3kfer){stroke:#ffffffb3;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:100 200;stroke-dashoffset:101px}.card:where(.astro-vjc3kfer){background:var(--card);width:400em;height:256em;color:var(--text);opacity:0;border-radius:14em;flex-direction:column;gap:18em;padding:22em 24em 24em;display:flex;position:absolute;top:100em;left:60em;transform:translateY(14em);box-shadow:0 30em 60em -20em #140a3c8c}.who:where(.astro-vjc3kfer){align-items:center;gap:12em;height:40em;display:flex}.names:where(.astro-vjc3kfer){flex-direction:column;gap:4em;min-width:0;display:flex}.name:where(.astro-vjc3kfer){font-size:max(calc(16 * var(--u)), 12px);letter-spacing:-.01em;white-space:nowrap;font-weight:600}.role:where(.astro-vjc3kfer){font-size:max(calc(12.5 * var(--u)), 10px);color:var(--muted);white-space:nowrap}.status:where(.astro-vjc3kfer){width:104em;min-width:104em;height:26em;margin-left:auto;position:relative}.st:where(.astro-vjc3kfer){align-items:center;gap:calc(6 * var(--u));height:calc(26 * var(--u));padding:0 calc(10 * var(--u));border:calc(1 * var(--u)) solid;font-size:max(calc(12 * var(--u)), 10px);opacity:0;white-space:nowrap;border-radius:999px;font-weight:600;display:inline-flex;position:absolute;inset:0 0 auto auto}.st:where(.astro-vjc3kfer) i:where(.astro-vjc3kfer){width:calc(7 * var(--u));height:calc(7 * var(--u));background:currentColor;border-radius:999px}.st:where(.astro-vjc3kfer).waiting i:where(.astro-vjc3kfer){animation:1.2s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:1}50%{opacity:.35}}.st:where(.astro-vjc3kfer).waiting{color:var(--amber);background:var(--amber-soft);border-color:var(--amber-border)}.st:where(.astro-vjc3kfer).approved{color:var(--green-ink);background:var(--green-soft);border-color:var(--green-border)}.request:where(.astro-vjc3kfer){border:1em solid var(--hair);background:oklch(98.5% .004 85);border-radius:10em;flex-direction:column;gap:6em;padding:16em 18em;display:flex}.label:where(.astro-vjc3kfer){font-size:max(calc(11 * var(--u)), 9px);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:600}.from:where(.astro-vjc3kfer){font-size:max(calc(17 * var(--u)), 12.5px);letter-spacing:-.01em;font-weight:600}.detail:where(.astro-vjc3kfer){font-size:max(calc(13.5 * var(--u)), 11px);color:var(--muted)}.decide:where(.astro-vjc3kfer){height:40em;position:relative}.buttons:where(.astro-vjc3kfer),.decided:where(.astro-vjc3kfer){align-items:center;gap:calc(10 * var(--u));height:calc(40 * var(--u));opacity:0;display:inline-flex;position:absolute;inset:0 auto auto 0}.btn:where(.astro-vjc3kfer){align-items:center;gap:calc(7 * var(--u));height:calc(40 * var(--u));padding:0 calc(20 * var(--u));border-radius:calc(9 * var(--u));font-size:max(calc(14 * var(--u)), 11px);white-space:nowrap;font-weight:600;display:inline-flex}.btn:where(.astro-vjc3kfer).approve{color:#fff;background:var(--primary);box-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) color-mix(in srgb, transparent 65%, var(--primary));transform-origin:50%}.btn:where(.astro-vjc3kfer).back{color:var(--muted);border:calc(1 * var(--u)) solid #d8d4e6;background:#fff;font-weight:500}.btn:where(.astro-vjc3kfer).back svg:where(.astro-vjc3kfer){width:calc(14 * var(--u));height:calc(14 * var(--u));fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.decided:where(.astro-vjc3kfer){font-size:max(calc(14 * var(--u)), 11px);color:var(--text);white-space:nowrap}.decided:where(.astro-vjc3kfer) .tick:where(.astro-vjc3kfer){width:calc(26 * var(--u));height:calc(26 * var(--u));padding:calc(6 * var(--u));background:var(--green);fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;box-sizing:border-box;border-radius:999px}.out:where(.astro-vjc3kfer){width:150em;height:64em;color:var(--text);opacity:0;background:#fffffff2;border-radius:12em;align-items:center;gap:10em;padding:0 12em;display:flex;position:absolute;top:420em;transform:translateY(8em);box-shadow:0 16em 32em -14em #140a3c99}.out-1:where(.astro-vjc3kfer){left:25em}.out-2:where(.astro-vjc3kfer){left:185em}.out-3:where(.astro-vjc3kfer){left:345em}.tile:where(.astro-vjc3kfer){border-radius:9em;flex:none;justify-content:center;align-items:center;width:34em;height:34em;display:inline-flex}.tile:where(.astro-vjc3kfer) svg:where(.astro-vjc3kfer){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17em;height:17em}.tile:where(.astro-vjc3kfer) svg:where(.astro-vjc3kfer).filled{fill:currentColor;stroke:none}.notion:where(.astro-vjc3kfer){color:#1b1740;background:#f1f0f5}.slack:where(.astro-vjc3kfer){color:#7e22ce;background:#f3e8ff}.mail:where(.astro-vjc3kfer){color:oklch(58% .17 45);background:#fff1e6}.out-text:where(.astro-vjc3kfer){flex-direction:column;gap:4em;min-width:0;display:flex}.out-title:where(.astro-vjc3kfer){font-size:max(calc(14 * var(--u)), 11px);white-space:nowrap;font-weight:600}.out-sum:where(.astro-vjc3kfer){font-size:max(calc(12 * var(--u)), 10px);color:var(--muted);white-space:nowrap}.done:where(.astro-vjc3kfer){background:var(--green);border-radius:999px;justify-content:center;align-items:center;width:22em;height:22em;display:inline-flex;position:absolute;top:-6em;right:-6em;transform:scale(0);box-shadow:0 0 0 3em #fff}.done:where(.astro-vjc3kfer) svg:where(.astro-vjc3kfer){fill:none;stroke:#fff;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;width:12em;height:12em}.pointer:where(.astro-vjc3kfer){opacity:0;transform-origin:4.3em 4.3em;filter:drop-shadow(0 2em 4em #0000004d);width:26em;height:26em;position:absolute;top:0;left:0;transform:translate(540em,400em)}.pointer:where(.astro-vjc3kfer) svg:where(.astro-vjc3kfer){fill:#1b1740;stroke:#fff;stroke-width:1.5px;stroke-linejoin:round;width:100%;height:100%}.stage:where(.astro-vjc3kfer) .toast:where(.astro-vjc3kfer),.stage:where(.astro-vjc3kfer) .card:where(.astro-vjc3kfer),.stage:where(.astro-vjc3kfer) .st:where(.astro-vjc3kfer),.stage:where(.astro-vjc3kfer) .buttons:where(.astro-vjc3kfer),.stage:where(.astro-vjc3kfer) .decided:where(.astro-vjc3kfer),.stage:where(.astro-vjc3kfer) .btn:where(.astro-vjc3kfer).approve,.stage:where(.astro-vjc3kfer) .out:where(.astro-vjc3kfer),.stage:where(.astro-vjc3kfer) .done:where(.astro-vjc3kfer),.stage:where(.astro-vjc3kfer) .pointer:where(.astro-vjc3kfer),.stage:where(.astro-vjc3kfer) .lines:where(.astro-vjc3kfer) path:where(.astro-vjc3kfer){animation-duration:12s;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-iteration-count:1;animation-fill-mode:both}.toast:where(.astro-vjc3kfer){animation-name:toast}@keyframes toast{0%,3%{opacity:0;transform:translateY(-10em)}6%,13%{opacity:1;transform:none}16%,to{opacity:0;animation-timing-function:cubic-bezier(.4,0,1,1);transform:translateY(-6em)}}.card:where(.astro-vjc3kfer){animation-name:card}@keyframes card{0%,8%{opacity:0;transform:translateY(14em);box-shadow:0 30em 60em -20em #140a3c8c}12%,35%{opacity:1;transform:none;box-shadow:0 30em 60em -20em #140a3c8c}37%{opacity:1;box-shadow:0 0 0 3em color-mix(in srgb, var(--green) 35%, transparent), 0 34em 64em -20em #140a3c99;transform:translateY(-3em)}41%,to{opacity:1;transform:none;box-shadow:0 30em 60em -20em #140a3c8c}}.st:where(.astro-vjc3kfer).waiting{animation-name:st-waiting}.st:where(.astro-vjc3kfer).approved{animation-name:st-approved}@keyframes st-waiting{0%,11%{opacity:0;transform:scale(.9)}13%,35%{opacity:1;transform:none}37%,to{opacity:0;transform:scale(.9)}}@keyframes st-approved{0%,35.5%{opacity:0;transform:scale(.85)}37%{opacity:1;transform:scale(1.06)}38%,to{opacity:1;transform:none}}.buttons:where(.astro-vjc3kfer){animation-name:buttons}.decided:where(.astro-vjc3kfer){animation-name:decided}.btn:where(.astro-vjc3kfer).approve{animation-name:press}@keyframes buttons{0%,11%{opacity:0;transform:translateY(calc(4 * var(--u)))}14%,36%{opacity:1;transform:none}38.5%,to{opacity:0;transform:translateY(calc(-2 * var(--u)))}}@keyframes decided{0%,38.5%{opacity:0;transform:translateY(calc(6 * var(--u)))}41%,to{opacity:1;transform:none}}@keyframes press{0%,33%{background:var(--primary);transform:scale(1)}34%{background:var(--green);transform:scale(.95)}35.5%,to{background:var(--green);transform:scale(1)}}.pointer:where(.astro-vjc3kfer){animation-name:pointer}@keyframes pointer{0%,19%{opacity:0;transform:translate(540em,400em)}20%{opacity:1;transform:translate(520em,390em)}26%{opacity:1;transform:translate(290em,272em)}32%,33.8%{opacity:1;transform:translate(134em,292em)}34%{opacity:1;transform:translate(134em,292em)scale(.9)}34.5%,36%{opacity:1;transform:translate(134em,292em)scale(1)}41%,to{opacity:0;animation-timing-function:cubic-bezier(.4,0,1,1);transform:translate(560em,420em)}}.lines:where(.astro-vjc3kfer) path:where(.astro-vjc3kfer){animation-name:draw;animation-timing-function:ease-in-out}.lines:where(.astro-vjc3kfer) path:where(.astro-vjc3kfer):nth-child(2){animation-name:draw-mid}@keyframes draw{0%,40%{stroke-dashoffset:101px}48%,to{stroke-dashoffset:0}}@keyframes draw-mid{0%,41%{stroke-dashoffset:101px}47%,to{stroke-dashoffset:0}}.out-1:where(.astro-vjc3kfer){animation-name:out-1}.out-2:where(.astro-vjc3kfer){animation-name:out-2}.out-3:where(.astro-vjc3kfer){animation-name:out-3}.out-1:where(.astro-vjc3kfer) .done:where(.astro-vjc3kfer){animation-name:done-1}.out-2:where(.astro-vjc3kfer) .done:where(.astro-vjc3kfer){animation-name:done-2}.out-3:where(.astro-vjc3kfer) .done:where(.astro-vjc3kfer){animation-name:done-3}@keyframes out-1{0%,45%{opacity:0;transform:translateY(8em)}48%,to{opacity:1;transform:none}}@keyframes out-2{0%,47%{opacity:0;transform:translateY(8em)}50%,to{opacity:1;transform:none}}@keyframes out-3{0%,49%{opacity:0;transform:translateY(8em)}52%,to{opacity:1;transform:none}}@keyframes done-1{0%,47.5%{transform:scale(0)}49%,to{transform:scale(1)}}@keyframes done-2{0%,49.5%{transform:scale(0)}51%,to{transform:scale(1)}}@keyframes done-3{0%,51.5%{transform:scale(0)}53%,to{transform:scale(1)}}@container (width<=420px){.label:where(.astro-vjc3kfer),.role:where(.astro-vjc3kfer),.toast-sub:where(.astro-vjc3kfer){display:none}.out-text:where(.astro-vjc3kfer){overflow:hidden}.out-sum:where(.astro-vjc3kfer){display:none}.out-title:where(.astro-vjc3kfer){text-overflow:ellipsis;overflow:hidden}}@media (prefers-reduced-motion:reduce){.stage:where(.astro-vjc3kfer) :where(.astro-vjc3kfer){animation:none!important}.card:where(.astro-vjc3kfer),.st:where(.astro-vjc3kfer).approved,.decided:where(.astro-vjc3kfer),.out:where(.astro-vjc3kfer){opacity:1;transform:none}.toast:where(.astro-vjc3kfer),.st:where(.astro-vjc3kfer).waiting,.buttons:where(.astro-vjc3kfer),.pointer:where(.astro-vjc3kfer){opacity:0}.card:where(.astro-vjc3kfer){box-shadow:0 30em 60em -20em #140a3c8c}.done:where(.astro-vjc3kfer){transform:scale(1)}.lines:where(.astro-vjc3kfer) path:where(.astro-vjc3kfer){stroke-dashoffset:0}}