@skippr/live-agent-sdk 0.106.0 → 0.108.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -521,6 +521,10 @@ var LAUNCHER_MODE = {
521
521
  Template: "template"
522
522
  };
523
523
  var DEFAULT_LAUNCHER_MODE = LAUNCHER_MODE.Avatar;
524
+ var SPLASH_LAYOUT = {
525
+ Primary: "primary",
526
+ AlwaysOn: "always_on"
527
+ };
524
528
  var SPLASH_COPY_DEFAULTS = {
525
529
  howItWorksHeading: "How it works",
526
530
  lastAccomplishmentHeading: "Last accomplishment",
@@ -532,7 +536,11 @@ var SPLASH_COPY_DEFAULTS = {
532
536
  screenSubtext: "Skippr sees your screen while the session runs",
533
537
  startCta: "Start with Skippr",
534
538
  continueCta: "Continue session",
535
- dismissLabel: "Skip for now"
539
+ dismissLabel: "Skip for now",
540
+ tipsHeading: "Tips",
541
+ tipsCta: "Need help with something else?",
542
+ tipsEmptyTitle: "Ask about this page",
543
+ tipsEmptyDescription: "Get instant answers about anything you see here"
536
544
  };
537
545
  var SPLASH_SECTION_GLYPH = {
538
546
  Route: "route",
@@ -3593,6 +3601,7 @@ function useAdoptionGoals({
3593
3601
  authedFetch
3594
3602
  }) {
3595
3603
  const [candidates, setCandidates] = useState10([]);
3604
+ const [hasResolved, setHasResolved] = useState10(false);
3596
3605
  const [hash, setHash] = useState10(window.location.hash);
3597
3606
  const match = useCallback11(async () => {
3598
3607
  try {
@@ -3610,11 +3619,14 @@ function useAdoptionGoals({
3610
3619
  } catch (e) {
3611
3620
  console.warn("[Skippr] adoption match failed", e);
3612
3621
  setCandidates([]);
3622
+ } finally {
3623
+ setHasResolved(true);
3613
3624
  }
3614
3625
  }, [authedFetch]);
3615
3626
  useEffect12(() => {
3616
3627
  if (!enabled || !bearerToken) {
3617
3628
  setCandidates([]);
3629
+ setHasResolved(false);
3618
3630
  return;
3619
3631
  }
3620
3632
  match();
@@ -3654,7 +3666,7 @@ function useAdoptionGoals({
3654
3666
  const attendGoal = useCallback11((goalId) => {
3655
3667
  postStatus(goalId, "attended" /* Attended */);
3656
3668
  }, [postStatus]);
3657
- return { goals, attendGoal };
3669
+ return { goals, hasResolved, attendGoal };
3658
3670
  }
3659
3671
 
3660
3672
  // src/hooks/useAuth.ts
@@ -6107,23 +6119,51 @@ var DARK_FOREGROUND = "#2d2b3d";
6107
6119
  var LIGHT_FOREGROUND = "#ffffff";
6108
6120
  var LUMINANCE_THRESHOLD = 0.179;
6109
6121
  var HEX_COLOR = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
6122
+ var MIN_CONTRAST_ON_WHITE = 4.5;
6123
+ var DARKENING_STEPS = 12;
6110
6124
  function isHexColor(value) {
6111
6125
  return HEX_COLOR.test(value);
6112
6126
  }
6113
- function linearChannel(hex, offset) {
6114
- const channel = Number.parseInt(hex.slice(offset, offset + 2), 16) / 255;
6115
- return channel <= 0.03928 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4;
6116
- }
6117
- function luminance(accentColor) {
6127
+ function toChannels(accentColor) {
6118
6128
  const hex = accentColor.replace("#", "");
6119
6129
  const fullHex = hex.length === 3 ? hex.split("").map((char) => char + char).join("") : hex;
6120
- return 0.2126 * linearChannel(fullHex, 0) + 0.7152 * linearChannel(fullHex, 2) + 0.0722 * linearChannel(fullHex, 4);
6130
+ return [0, 2, 4].map((offset) => Number.parseInt(fullHex.slice(offset, offset + 2), 16));
6131
+ }
6132
+ function toHex(channels) {
6133
+ return `#${channels.map((channel) => Math.round(channel).toString(16).padStart(2, "0")).join("")}`;
6134
+ }
6135
+ function linearChannel(channel) {
6136
+ const scaled = channel / 255;
6137
+ return scaled <= 0.03928 ? scaled / 12.92 : ((scaled + 0.055) / 1.055) ** 2.4;
6138
+ }
6139
+ function luminance(accentColor) {
6140
+ const [r, g, b] = toChannels(accentColor);
6141
+ return 0.2126 * linearChannel(r) + 0.7152 * linearChannel(g) + 0.0722 * linearChannel(b);
6142
+ }
6143
+ function contrastOnWhite(accentColor) {
6144
+ return 1.05 / (luminance(accentColor) + 0.05);
6145
+ }
6146
+ function darken(accentColor, factor) {
6147
+ const [r, g, b] = toChannels(accentColor);
6148
+ return toHex([r * factor, g * factor, b * factor]);
6121
6149
  }
6122
6150
  function brandForeground(accentColor) {
6123
6151
  return luminance(accentColor) > LUMINANCE_THRESHOLD ? DARK_FOREGROUND : LIGHT_FOREGROUND;
6124
6152
  }
6125
6153
  function brandOnWhite(accentColor) {
6126
- return luminance(accentColor) > LUMINANCE_THRESHOLD ? DARK_FOREGROUND : accentColor;
6154
+ if (contrastOnWhite(accentColor) >= MIN_CONTRAST_ON_WHITE)
6155
+ return toHex(toChannels(accentColor));
6156
+ let tooDark = 0;
6157
+ let tooLight = 1;
6158
+ for (let step = 0;step < DARKENING_STEPS; step++) {
6159
+ const factor = (tooDark + tooLight) / 2;
6160
+ if (contrastOnWhite(darken(accentColor, factor)) >= MIN_CONTRAST_ON_WHITE) {
6161
+ tooDark = factor;
6162
+ } else {
6163
+ tooLight = factor;
6164
+ }
6165
+ }
6166
+ return darken(accentColor, tooDark);
6127
6167
  }
6128
6168
 
6129
6169
  // src/capture/paintCursorOverlay.ts
@@ -8482,7 +8522,7 @@ function ShadowHost({
8482
8522
  const hostRef = useRef25(null);
8483
8523
  const [shadowRoot, setShadowRoot] = useState22(null);
8484
8524
  const css = `/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
8485
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-100:oklch(93.6% .032 17.717);--skippr-color-red-200:oklch(88.5% .062 18.334);--skippr-color-red-300:oklch(80.8% .114 19.571);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-500:oklch(63.7% .237 25.331);--skippr-color-red-600:oklch(57.7% .245 27.325);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-neutral-100:oklch(97% 0 0);--skippr-color-neutral-200:oklch(92.2% 0 0);--skippr-color-neutral-500:oklch(55.6% 0 0);--skippr-color-neutral-700:oklch(37.1% 0 0);--skippr-color-black:#000;--skippr-color-white:#fff;--skippr-spacing:.25rem;--skippr-text-xs:.75rem;--skippr-text-xs--line-height:calc(1/.75);--skippr-text-sm:.875rem;--skippr-text-sm--line-height:calc(1.25/.875);--skippr-font-weight-medium:500;--skippr-font-weight-semibold:600;--skippr-font-weight-bold:700;--skippr-leading-snug:1.375;--skippr-leading-relaxed:1.625;--skippr-ease-out:cubic-bezier(0,0,.2,1);--skippr-ease-in-out:cubic-bezier(.4,0,.2,1);--skippr-animate-spin:spin 1s linear infinite;--skippr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--skippr-animate-bounce:bounce 1s infinite;--skippr-blur-sm:8px;--skippr-default-transition-duration:.15s;--skippr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--skippr-default-font-family:var(--skippr-font-sans);--skippr-default-mono-font-family:var(--skippr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--skippr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--skippr-default-font-feature-settings,normal);font-variation-settings:var(--skippr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--skippr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--skippr-default-mono-font-feature-settings,normal);font-variation-settings:var(--skippr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.skippr\\:pointer-events-auto{pointer-events:auto}.skippr\\:pointer-events-none{pointer-events:none}.skippr\\:absolute{position:absolute}.skippr\\:fixed{position:fixed}.skippr\\:relative{position:relative}.skippr\\:sticky{position:sticky}.skippr\\:-inset-\\[3px\\]{inset:-3px}.skippr\\:inset-0{inset:calc(var(--skippr-spacing)*0)}.skippr\\:inset-y-0{inset-block:calc(var(--skippr-spacing)*0)}.skippr\\:-top-1{top:calc(var(--skippr-spacing)*-1)}.skippr\\:-top-6{top:calc(var(--skippr-spacing)*-6)}.skippr\\:-top-8{top:calc(var(--skippr-spacing)*-8)}.skippr\\:-top-\\[2px\\]{top:-2px}.skippr\\:-top-\\[3px\\]{top:-3px}.skippr\\:-top-\\[13px\\]{top:-13px}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-1\\/2{top:50%}.skippr\\:top-\\[8px\\]{top:8px}.skippr\\:top-full{top:100%}.skippr\\:-right-1{right:calc(var(--skippr-spacing)*-1)}.skippr\\:-right-8{right:calc(var(--skippr-spacing)*-8)}.skippr\\:-right-\\[2px\\]{right:-2px}.skippr\\:-right-\\[6px\\]{right:-6px}.skippr\\:right-0{right:calc(var(--skippr-spacing)*0)}.skippr\\:right-3{right:calc(var(--skippr-spacing)*3)}.skippr\\:right-5{right:calc(var(--skippr-spacing)*5)}.skippr\\:right-6{right:calc(var(--skippr-spacing)*6)}.skippr\\:right-\\[4px\\]{right:4px}.skippr\\:right-\\[8px\\]{right:8px}.skippr\\:-bottom-\\[2px\\]{bottom:-2px}.skippr\\:bottom-3{bottom:calc(var(--skippr-spacing)*3)}.skippr\\:bottom-4{bottom:calc(var(--skippr-spacing)*4)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-\\[calc\\(100\\%\\+8px\\)\\]{bottom:calc(100% + 8px)}.skippr\\:bottom-\\[calc\\(100\\%\\+11px\\)\\]{bottom:calc(100% + 11px)}.skippr\\:bottom-full{bottom:100%}.skippr\\:-left-8{left:calc(var(--skippr-spacing)*-8)}.skippr\\:-left-\\[2px\\]{left:-2px}.skippr\\:-left-\\[6px\\]{left:-6px}.skippr\\:left-0{left:calc(var(--skippr-spacing)*0)}.skippr\\:left-1\\/2{left:50%}.skippr\\:left-2{left:calc(var(--skippr-spacing)*2)}.skippr\\:left-3{left:calc(var(--skippr-spacing)*3)}.skippr\\:left-5{left:calc(var(--skippr-spacing)*5)}.skippr\\:left-6{left:calc(var(--skippr-spacing)*6)}.skippr\\:z-10{z-index:10}.skippr\\:z-20{z-index:20}.skippr\\:z-\\[1\\]{z-index:1}.skippr\\:z-\\[2\\]{z-index:2}.skippr\\:z-\\[4\\]{z-index:4}.skippr\\:z-\\[5\\]{z-index:5}.skippr\\:z-\\[6\\]{z-index:6}.skippr\\:z-\\[7\\]{z-index:7}.skippr\\:z-\\[8\\]{z-index:8}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:z-\\[10000\\]{z-index:10000}.skippr\\:order-first{order:-9999}.skippr\\:order-last{order:9999}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-1{margin-top:calc(var(--skippr-spacing)*-1)}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.skippr\\:-mt-\\[27px\\]{margin-top:-27px}.skippr\\:mt-1{margin-top:calc(var(--skippr-spacing)*1)}.skippr\\:mt-1\\.5{margin-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:mt-2{margin-top:calc(var(--skippr-spacing)*2)}.skippr\\:mt-3{margin-top:calc(var(--skippr-spacing)*3)}.skippr\\:mt-3\\.5{margin-top:calc(var(--skippr-spacing)*3.5)}.skippr\\:mt-\\[1px\\]{margin-top:1px}.skippr\\:mt-\\[6px\\]{margin-top:6px}.skippr\\:mt-\\[8px\\]{margin-top:8px}.skippr\\:mt-\\[9px\\]{margin-top:9px}.skippr\\:-mr-1{margin-right:calc(var(--skippr-spacing)*-1)}.skippr\\:mr-7{margin-right:calc(var(--skippr-spacing)*7)}.skippr\\:mr-\\[22px\\]{margin-right:22px}.skippr\\:-mb-\\[5px\\]{margin-bottom:-5px}.skippr\\:mb-1{margin-bottom:calc(var(--skippr-spacing)*1)}.skippr\\:mb-1\\.5{margin-bottom:calc(var(--skippr-spacing)*1.5)}.skippr\\:mb-2{margin-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:mb-3{margin-bottom:calc(var(--skippr-spacing)*3)}.skippr\\:mb-4{margin-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:mb-\\[14px\\]{margin-bottom:14px}.skippr\\:-ml-\\[2px\\]{margin-left:-2px}.skippr\\:ml-0\\.5{margin-left:calc(var(--skippr-spacing)*.5)}.skippr\\:ml-1{margin-left:calc(var(--skippr-spacing)*1)}.skippr\\:ml-7{margin-left:calc(var(--skippr-spacing)*7)}.skippr\\:ml-auto{margin-left:auto}.skippr\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.skippr\\:block{display:block}.skippr\\:flex{display:flex}.skippr\\:hidden{display:none}.skippr\\:inline-flex{display:inline-flex}.skippr\\:aspect-square{aspect-ratio:1}.skippr\\:size-1{width:calc(var(--skippr-spacing)*1);height:calc(var(--skippr-spacing)*1)}.skippr\\:size-1\\.5{width:calc(var(--skippr-spacing)*1.5);height:calc(var(--skippr-spacing)*1.5)}.skippr\\:size-2{width:calc(var(--skippr-spacing)*2);height:calc(var(--skippr-spacing)*2)}.skippr\\:size-2\\.5{width:calc(var(--skippr-spacing)*2.5);height:calc(var(--skippr-spacing)*2.5)}.skippr\\:size-3{width:calc(var(--skippr-spacing)*3);height:calc(var(--skippr-spacing)*3)}.skippr\\:size-3\\.5{width:calc(var(--skippr-spacing)*3.5);height:calc(var(--skippr-spacing)*3.5)}.skippr\\:size-4{width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}.skippr\\:size-5{width:calc(var(--skippr-spacing)*5);height:calc(var(--skippr-spacing)*5)}.skippr\\:size-6{width:calc(var(--skippr-spacing)*6);height:calc(var(--skippr-spacing)*6)}.skippr\\:size-7{width:calc(var(--skippr-spacing)*7);height:calc(var(--skippr-spacing)*7)}.skippr\\:size-8{width:calc(var(--skippr-spacing)*8);height:calc(var(--skippr-spacing)*8)}.skippr\\:size-9{width:calc(var(--skippr-spacing)*9);height:calc(var(--skippr-spacing)*9)}.skippr\\:size-10{width:calc(var(--skippr-spacing)*10);height:calc(var(--skippr-spacing)*10)}.skippr\\:size-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.skippr\\:size-\\[3px\\]{width:3px;height:3px}.skippr\\:size-\\[4px\\]{width:4px;height:4px}.skippr\\:size-\\[5px\\]{width:5px;height:5px}.skippr\\:size-\\[6px\\]{width:6px;height:6px}.skippr\\:size-\\[7px\\]{width:7px;height:7px}.skippr\\:size-\\[8px\\]{width:8px;height:8px}.skippr\\:size-\\[9px\\]{width:9px;height:9px}.skippr\\:size-\\[10px\\]{width:10px;height:10px}.skippr\\:size-\\[11px\\]{width:11px;height:11px}.skippr\\:size-\\[12px\\]{width:12px;height:12px}.skippr\\:size-\\[13px\\]{width:13px;height:13px}.skippr\\:size-\\[14px\\]{width:14px;height:14px}.skippr\\:size-\\[15px\\]{width:15px;height:15px}.skippr\\:size-\\[16px\\]{width:16px;height:16px}.skippr\\:size-\\[17px\\]{width:17px;height:17px}.skippr\\:size-\\[18px\\]{width:18px;height:18px}.skippr\\:size-\\[19px\\]{width:19px;height:19px}.skippr\\:size-\\[20px\\]{width:20px;height:20px}.skippr\\:size-\\[22px\\]{width:22px;height:22px}.skippr\\:size-\\[26px\\]{width:26px;height:26px}.skippr\\:size-\\[28px\\]{width:28px;height:28px}.skippr\\:size-\\[30px\\]{width:30px;height:30px}.skippr\\:size-\\[32px\\]{width:32px;height:32px}.skippr\\:size-\\[34px\\]{width:34px;height:34px}.skippr\\:size-\\[38px\\]{width:38px;height:38px}.skippr\\:size-\\[46px\\]{width:46px;height:46px}.skippr\\:size-full{width:100%;height:100%}.skippr\\:h-0{height:calc(var(--skippr-spacing)*0)}.skippr\\:h-1{height:calc(var(--skippr-spacing)*1)}.skippr\\:h-1\\.5{height:calc(var(--skippr-spacing)*1.5)}.skippr\\:h-2{height:calc(var(--skippr-spacing)*2)}.skippr\\:h-3{height:calc(var(--skippr-spacing)*3)}.skippr\\:h-3\\.5{height:calc(var(--skippr-spacing)*3.5)}.skippr\\:h-5{height:calc(var(--skippr-spacing)*5)}.skippr\\:h-6{height:calc(var(--skippr-spacing)*6)}.skippr\\:h-7{height:calc(var(--skippr-spacing)*7)}.skippr\\:h-8{height:calc(var(--skippr-spacing)*8)}.skippr\\:h-9{height:calc(var(--skippr-spacing)*9)}.skippr\\:h-10{height:calc(var(--skippr-spacing)*10)}.skippr\\:h-\\[5px\\]{height:5px}.skippr\\:h-\\[14px\\]{height:14px}.skippr\\:h-\\[16px\\]{height:16px}.skippr\\:h-\\[18\\.5px\\]{height:18.5px}.skippr\\:h-\\[18px\\]{height:18px}.skippr\\:h-\\[22px\\]{height:22px}.skippr\\:h-\\[24px\\]{height:24px}.skippr\\:h-\\[26px\\]{height:26px}.skippr\\:h-\\[36px\\]{height:36px}.skippr\\:h-\\[38px\\]{height:38px}.skippr\\:h-\\[48px\\]{height:48px}.skippr\\:h-\\[54px\\]{height:54px}.skippr\\:h-full{height:100%}.skippr\\:h-px{height:1px}.skippr\\:max-h-\\[132px\\]{max-height:132px}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:min-h-11{min-height:calc(var(--skippr-spacing)*11)}.skippr\\:min-h-\\[16px\\]{min-height:16px}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3\\.5{width:calc(var(--skippr-spacing)*3.5)}.skippr\\:w-5{width:calc(var(--skippr-spacing)*5)}.skippr\\:w-6{width:calc(var(--skippr-spacing)*6)}.skippr\\:w-7{width:calc(var(--skippr-spacing)*7)}.skippr\\:w-10{width:calc(var(--skippr-spacing)*10)}.skippr\\:w-40{width:calc(var(--skippr-spacing)*40)}.skippr\\:w-\\[2\\.5px\\]{width:2.5px}.skippr\\:w-\\[2px\\]{width:2px}.skippr\\:w-\\[3px\\]{width:3px}.skippr\\:w-\\[14px\\]{width:14px}.skippr\\:w-\\[15\\.4px\\]{width:15.4px}.skippr\\:w-\\[15px\\]{width:15px}.skippr\\:w-\\[16px\\]{width:16px}.skippr\\:w-\\[22px\\]{width:22px}.skippr\\:w-\\[36px\\]{width:36px}.skippr\\:w-\\[38px\\]{width:38px}.skippr\\:w-\\[50px\\]{width:50px}.skippr\\:w-\\[148px\\]{width:148px}.skippr\\:w-\\[150px\\]{width:150px}.skippr\\:w-\\[220px\\]{width:220px}.skippr\\:w-\\[225px\\]{width:225px}.skippr\\:w-\\[240px\\]{width:240px}.skippr\\:w-\\[255px\\]{width:255px}.skippr\\:w-\\[320px\\]{width:320px}.skippr\\:w-fit{width:fit-content}.skippr\\:w-full{width:100%}.skippr\\:w-px{width:1px}.skippr\\:max-w-64{max-width:calc(var(--skippr-spacing)*64)}.skippr\\:max-w-72{max-width:calc(var(--skippr-spacing)*72)}.skippr\\:max-w-\\[80\\%\\]{max-width:80%}.skippr\\:max-w-\\[280px\\]{max-width:280px}.skippr\\:min-w-0{min-width:calc(var(--skippr-spacing)*0)}.skippr\\:min-w-11{min-width:calc(var(--skippr-spacing)*11)}.skippr\\:min-w-\\[96px\\]{min-width:96px}.skippr\\:flex-1{flex:1}.skippr\\:shrink-0{flex-shrink:0}.skippr\\:origin-bottom{transform-origin:bottom}.skippr\\:origin-bottom-left{transform-origin:0 100%}.skippr\\:origin-bottom-right{transform-origin:100% 100%}.skippr\\:origin-center{transform-origin:50%}.skippr\\:origin-left{transform-origin:0}.skippr\\:origin-right{transform-origin:100%}.skippr\\:origin-top{transform-origin:top}.skippr\\:origin-top-left{transform-origin:0 0}.skippr\\:origin-top-right{transform-origin:100% 0}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*-7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-y-\\[4px\\]{--tw-translate-y:calc(4px*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-\\[0\\.94\\]{scale:.94}.skippr\\:-rotate-90{rotate:-90deg}.skippr\\:rotate-45{rotate:45deg}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out\\]{animation:.2s ease-out skippr-agent-in}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out_240ms_both\\]{animation:.2s ease-out .24s both skippr-agent-in}.skippr\\:\\[animation\\:skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:\\[animation\\:skippr-block-reveal_320ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.32s cubic-bezier(.22,1,.36,1) skippr-block-reveal}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0\\.18s_infinite\\]{animation:1.1s ease-in-out .18s infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0\\.36s_infinite\\]{animation:1.1s ease-in-out .36s infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0s_infinite\\]{animation:1.1s ease-in-out infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-evaporate_3\\.2s_ease-in_forwards\\]{animation:3.2s ease-in forwards skippr-evaporate}.skippr\\:\\[animation\\:skippr-fade-in_0\\.2s_ease\\]{animation:.2s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.16s_ease\\]{animation:.16s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.22s_ease\\]{animation:.22s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.24s_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.24s cubic-bezier(.22,1,.36,1) skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.25s_ease\\]{animation:.25s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-out_0\\.18s_ease-in_forwards\\]{animation:.18s ease-in forwards skippr-fade-out}.skippr\\:\\[animation\\:skippr-finger-tap_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-finger-tap}.skippr\\:\\[animation\\:skippr-mote-rise_1\\.6s_ease-out_infinite\\]{animation:1.6s ease-out infinite skippr-mote-rise}.skippr\\:\\[animation\\:skippr-orb-in_320ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.32s cubic-bezier(.34,1.3,.64,1) skippr-orb-in}.skippr\\:\\[animation\\:skippr-pop_0\\.2s_ease\\]{animation:.2s skippr-pop}.skippr\\:\\[animation\\:skippr-stage-fade_240ms_ease-out\\]{animation:.24s ease-out skippr-stage-fade}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) skippr-tip-in}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)_backwards\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) backwards skippr-tip-in}.skippr\\:\\[animation\\:skippr-toolset-pop_280ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.28s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:\\[animation\\:skippr-toolset-pop_440ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.44s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:animate-\\[skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:animate-\\[skippr-bubble-in_0\\.28s_ease-out\\]{animation:.28s ease-out skippr-bubble-in}.skippr\\:animate-\\[skippr-fade-in_0\\.3s_ease-out\\]{animation:.3s ease-out skippr-fade-in}.skippr\\:animate-\\[skippr-pill-content_0\\.22s_ease-out\\]{animation:.22s ease-out skippr-pill-content}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.6s_infinite\\]{animation:1.1s ease-in-out .6s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.skippr\\:animate-bounce{animation:var(--skippr-animate-bounce)}.skippr\\:animate-ping{animation:var(--skippr-animate-ping)}.skippr\\:animate-skippr-annotation-pulse{animation:1.8s ease-in-out infinite skippr-annotation-pulse}.skippr\\:animate-skippr-click-ping{animation:.5s ease-out forwards skippr-click-ping}.skippr\\:animate-skippr-cursor-pop{animation:.22s ease-out skippr-cursor-pop}.skippr\\:animate-skippr-flow{animation:3.6s linear infinite skippr-flow}.skippr\\:animate-skippr-press{animation:.5s ease-in-out skippr-press}.skippr\\:animate-skippr-ptt-transmit{animation:1.4s ease-out infinite skippr-ptt-transmit}.skippr\\:animate-skippr-rec-ring{animation:2s ease-out infinite skippr-rec-ring}.skippr\\:animate-skippr-tab-fade{animation:.2s ease-out skippr-tab-fade}.skippr\\:animate-skippr-thinking-dot{animation:1.2s ease-in-out infinite skippr-thinking-dot}.skippr\\:animate-skippr-voice-pulse{animation:1.6s ease-out infinite skippr-voice-pulse}.skippr\\:animate-spin{animation:var(--skippr-animate-spin)}.skippr\\:cursor-default{cursor:default}.skippr\\:cursor-grab{cursor:grab}.skippr\\:cursor-not-allowed{cursor:not-allowed}.skippr\\:cursor-pointer{cursor:pointer}.skippr\\:touch-none{touch-action:none}.skippr\\:resize-none{resize:none}.skippr\\:flex-col{flex-direction:column}.skippr\\:flex-col-reverse{flex-direction:column-reverse}.skippr\\:flex-row{flex-direction:row}.skippr\\:flex-row-reverse{flex-direction:row-reverse}.skippr\\:items-baseline{align-items:baseline}.skippr\\:items-center{align-items:center}.skippr\\:items-end{align-items:flex-end}.skippr\\:items-start{align-items:flex-start}.skippr\\:justify-between{justify-content:space-between}.skippr\\:justify-center{justify-content:center}.skippr\\:justify-end{justify-content:flex-end}.skippr\\:justify-start{justify-content:flex-start}.skippr\\:gap-0\\.5{gap:calc(var(--skippr-spacing)*.5)}.skippr\\:gap-1{gap:calc(var(--skippr-spacing)*1)}.skippr\\:gap-1\\.5{gap:calc(var(--skippr-spacing)*1.5)}.skippr\\:gap-2{gap:calc(var(--skippr-spacing)*2)}.skippr\\:gap-2\\.5{gap:calc(var(--skippr-spacing)*2.5)}.skippr\\:gap-3{gap:calc(var(--skippr-spacing)*3)}.skippr\\:gap-\\[1px\\]{gap:1px}.skippr\\:gap-\\[2px\\]{gap:2px}.skippr\\:gap-\\[3px\\]{gap:3px}.skippr\\:gap-\\[4px\\]{gap:4px}.skippr\\:gap-\\[5px\\]{gap:5px}.skippr\\:gap-\\[6px\\]{gap:6px}.skippr\\:gap-\\[7px\\]{gap:7px}.skippr\\:gap-\\[8px\\]{gap:8px}.skippr\\:gap-\\[9px\\]{gap:9px}.skippr\\:gap-\\[14px\\]{gap:14px}.skippr\\:gap-px{gap:1px}:where(.skippr\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-\\[6px\\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(6px*var(--tw-space-y-reverse));margin-block-end:calc(6px*calc(1 - var(--tw-space-y-reverse)))}.skippr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skippr\\:overflow-hidden{overflow:hidden}.skippr\\:overflow-visible{overflow:visible}.skippr\\:overflow-y-auto{overflow-y:auto}.skippr\\:overscroll-contain{overscroll-behavior:contain}.skippr\\:rounded{border-radius:.25rem}.skippr\\:rounded-2xl{border-radius:1.125rem}.skippr\\:rounded-\\[1rem\\]{border-radius:1rem}.skippr\\:rounded-\\[4px\\]{border-radius:4px}.skippr\\:rounded-\\[5px\\]{border-radius:5px}.skippr\\:rounded-\\[10px\\]{border-radius:10px}.skippr\\:rounded-\\[11px\\]{border-radius:11px}.skippr\\:rounded-\\[12px\\]{border-radius:12px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-\\[16px\\]{border-radius:16px}.skippr\\:rounded-\\[20px\\]{border-radius:20px}.skippr\\:rounded-full{border-radius:3.40282e38px}.skippr\\:rounded-md{border-radius:.5rem}.skippr\\:rounded-sm{border-radius:.375rem}.skippr\\:rounded-xl{border-radius:.875rem}.skippr\\:rounded-t-\\[6px\\]{border-top-left-radius:6px;border-top-right-radius:6px}.skippr\\:rounded-t-\\[18px\\]{border-top-left-radius:18px;border-top-right-radius:18px}.skippr\\:rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.skippr\\:rounded-l-\\[6px\\]{border-top-left-radius:6px;border-bottom-left-radius:6px}.skippr\\:rounded-l-\\[18px\\]{border-top-left-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-l-full{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.skippr\\:rounded-tl-\\[6px\\]{border-top-left-radius:6px}.skippr\\:rounded-tl-md{border-top-left-radius:.5rem}.skippr\\:rounded-r-\\[6px\\]{border-top-right-radius:6px;border-bottom-right-radius:6px}.skippr\\:rounded-r-\\[18px\\]{border-top-right-radius:18px;border-bottom-right-radius:18px}.skippr\\:rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.skippr\\:rounded-tr-\\[6px\\]{border-top-right-radius:6px}.skippr\\:rounded-b-\\[6px\\]{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.skippr\\:rounded-b-\\[18px\\]{border-bottom-right-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-b-full{border-bottom-right-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.skippr\\:rounded-bl-\\[6px\\]{border-bottom-left-radius:6px}.skippr\\:border{border-style:var(--tw-border-style);border-width:1px}.skippr\\:border-0{border-style:var(--tw-border-style);border-width:0}.skippr\\:border-2{border-style:var(--tw-border-style);border-width:2px}.skippr\\:border-\\[2\\.5px\\]{border-style:var(--tw-border-style);border-width:2.5px}.skippr\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.skippr\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.skippr\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.skippr\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.skippr\\:border-none{--tw-border-style:none;border-style:none}.skippr\\:border-\\[\\#d8d3ca\\]{border-color:#d8d3ca}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.1\\)\\]{border-color:#2d2d3f1a}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{border-color:#2d2d3f0f}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.08\\)\\]{border-color:#2d2d3f14}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.12\\)\\]{border-color:#2d2d3f1f}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{border-color:#2d2d3f24}.skippr\\:border-\\[var\\(--skippr-brand-ring\\)\\]{border-color:var(--skippr-brand-ring)}.skippr\\:border-black\\/25{border-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-black\\/25{border-color:color-mix(in oklab,var(--skippr-color-black)25%,transparent)}}.skippr\\:border-border{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-brand{border-color:var(--skippr-brand,#2bc0ae)}.skippr\\:border-input{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-primary\\/20{border-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-primary\\/20{border-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)20%,transparent)}}.skippr\\:border-transparent{border-color:#0000}.skippr\\:border-white,.skippr\\:border-white\\/30{border-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-white\\/30{border-color:color-mix(in oklab,var(--skippr-color-white)30%,transparent)}}.skippr\\:border-t-brand{border-top-color:var(--skippr-brand,#2bc0ae)}.skippr\\:border-t-white{border-top-color:var(--skippr-color-white)}.skippr\\:border-r-border{border-right-color:oklch(92.3% .003 48.717)}.skippr\\:border-l-border{border-left-color:oklch(92.3% .003 48.717)}.skippr\\:bg-\\[\\#2D2D3F\\]{background-color:#2d2d3f}.skippr\\:bg-\\[\\#F1EFEA\\]{background-color:#f1efea}.skippr\\:bg-\\[\\#b9b4ab\\]{background-color:#b9b4ab}.skippr\\:bg-\\[\\#dc2626\\]{background-color:#dc2626}.skippr\\:bg-\\[\\#eeeae4\\]{background-color:#eeeae4}.skippr\\:bg-\\[\\#f2f0eb\\]{background-color:#f2f0eb}.skippr\\:bg-\\[\\#f4ecd8\\]{background-color:#f4ecd8}.skippr\\:bg-\\[\\#f4f2ee\\]{background-color:#f4f2ee}.skippr\\:bg-\\[rgba\\(45\\,45\\,63\\,0\\.03\\)\\]{background-color:#2d2d3f08}.skippr\\:bg-amber-50{background-color:var(--skippr-color-amber-50)}.skippr\\:bg-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:color-mix(in oklab,var(--skippr-color-black)7.0%,transparent)}}.skippr\\:bg-brand,.skippr\\:bg-brand\\/10{background-color:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-brand\\/10{background-color:color-mix(in oklab,var(--skippr-brand,#2bc0ae)10%,transparent)}}.skippr\\:bg-brand\\/50{background-color:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-brand\\/50{background-color:color-mix(in oklab,var(--skippr-brand,#2bc0ae)50%,transparent)}}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/95{background-color:oklab(29.9244% .0107414 -.0305411/.95)}.skippr\\:bg-card{background-color:oklch(100% 0 0)}.skippr\\:bg-current{background-color:currentColor}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-foreground\\/10{background-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:bg-launcher{background-color:#2d2d3f}.skippr\\:bg-muted-foreground\\/40{background-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:bg-neutral-100{background-color:var(--skippr-color-neutral-100)}.skippr\\:bg-primary,.skippr\\:bg-primary\\/10{background-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-primary\\/10{background-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)10%,transparent)}}.skippr\\:bg-red-50{background-color:var(--skippr-color-red-50)}.skippr\\:bg-red-100{background-color:var(--skippr-color-red-100)}.skippr\\:bg-red-500{background-color:var(--skippr-color-red-500)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white,.skippr\\:bg-white\\/40{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/40{background-color:color-mix(in oklab,var(--skippr-color-white)40%,transparent)}}.skippr\\:bg-white\\/70{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/70{background-color:color-mix(in oklab,var(--skippr-color-white)70%,transparent)}}.skippr\\:bg-white\\/80{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/80{background-color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:bg-white\\/95{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/95{background-color:color-mix(in oklab,var(--skippr-color-white)95%,transparent)}}.skippr\\:fill-brand{fill:var(--skippr-brand,#2bc0ae)}.skippr\\:fill-current{fill:currentColor}.skippr\\:fill-primary\\/30{fill:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:fill-primary\\/30{fill:color-mix(in oklab,var(--skippr-brand,#2d2b3d)30%,transparent)}}.skippr\\:fill-white{fill:var(--skippr-color-white)}.skippr\\:stroke-black\\/15{stroke:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:stroke-black\\/15{stroke:color-mix(in oklab,var(--skippr-color-black)15%,transparent)}}.skippr\\:stroke-bubble{stroke:#2d2b3d}.skippr\\:object-contain{object-fit:contain}.skippr\\:object-cover{object-fit:cover}.skippr\\:p-0{padding:calc(var(--skippr-spacing)*0)}.skippr\\:p-1\\.5{padding:calc(var(--skippr-spacing)*1.5)}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-3\\.5{padding:calc(var(--skippr-spacing)*3.5)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:p-\\[2px\\]{padding:2px}.skippr\\:p-\\[3px\\]{padding:3px}.skippr\\:p-\\[9px\\]{padding:9px}.skippr\\:p-\\[14px\\]{padding:14px}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-3\\.5{padding-inline:calc(var(--skippr-spacing)*3.5)}.skippr\\:px-4{padding-inline:calc(var(--skippr-spacing)*4)}.skippr\\:px-5{padding-inline:calc(var(--skippr-spacing)*5)}.skippr\\:px-6{padding-inline:calc(var(--skippr-spacing)*6)}.skippr\\:px-8{padding-inline:calc(var(--skippr-spacing)*8)}.skippr\\:px-\\[5px\\]{padding-inline:5px}.skippr\\:px-\\[7px\\]{padding-inline:7px}.skippr\\:px-\\[8px\\]{padding-inline:8px}.skippr\\:px-\\[9px\\]{padding-inline:9px}.skippr\\:px-\\[10px\\]{padding-inline:10px}.skippr\\:px-\\[11px\\]{padding-inline:11px}.skippr\\:px-\\[12px\\]{padding-inline:12px}.skippr\\:px-\\[18px\\]{padding-inline:18px}.skippr\\:px-\\[22px\\]{padding-inline:22px}.skippr\\:py-0\\.5{padding-block:calc(var(--skippr-spacing)*.5)}.skippr\\:py-1{padding-block:calc(var(--skippr-spacing)*1)}.skippr\\:py-1\\.5{padding-block:calc(var(--skippr-spacing)*1.5)}.skippr\\:py-2{padding-block:calc(var(--skippr-spacing)*2)}.skippr\\:py-2\\.5{padding-block:calc(var(--skippr-spacing)*2.5)}.skippr\\:py-3{padding-block:calc(var(--skippr-spacing)*3)}.skippr\\:py-4{padding-block:calc(var(--skippr-spacing)*4)}.skippr\\:py-6{padding-block:calc(var(--skippr-spacing)*6)}.skippr\\:py-\\[1px\\]{padding-block:1px}.skippr\\:py-\\[3px\\]{padding-block:3px}.skippr\\:py-\\[4px\\]{padding-block:4px}.skippr\\:py-\\[5px\\]{padding-block:5px}.skippr\\:py-\\[6px\\]{padding-block:6px}.skippr\\:py-\\[7px\\]{padding-block:7px}.skippr\\:py-\\[13px\\]{padding-block:13px}.skippr\\:pt-1{padding-top:calc(var(--skippr-spacing)*1)}.skippr\\:pt-5{padding-top:calc(var(--skippr-spacing)*5)}.skippr\\:pt-\\[8px\\]{padding-top:8px}.skippr\\:pt-\\[9px\\]{padding-top:9px}.skippr\\:pt-\\[10px\\]{padding-top:10px}.skippr\\:pt-\\[18px\\]{padding-top:18px}.skippr\\:pt-\\[22px\\]{padding-top:22px}.skippr\\:pr-2\\.5{padding-right:calc(var(--skippr-spacing)*2.5)}.skippr\\:pr-3{padding-right:calc(var(--skippr-spacing)*3)}.skippr\\:pr-\\[5px\\]{padding-right:5px}.skippr\\:pr-\\[6px\\]{padding-right:6px}.skippr\\:pr-\\[9px\\]{padding-right:9px}.skippr\\:pr-\\[10px\\]{padding-right:10px}.skippr\\:pb-0\\.5{padding-bottom:calc(var(--skippr-spacing)*.5)}.skippr\\:pb-1{padding-bottom:calc(var(--skippr-spacing)*1)}.skippr\\:pb-4{padding-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:pb-\\[8px\\]{padding-bottom:8px}.skippr\\:pb-\\[10px\\]{padding-bottom:10px}.skippr\\:pb-\\[22px\\]{padding-bottom:22px}.skippr\\:pl-1\\.5{padding-left:calc(var(--skippr-spacing)*1.5)}.skippr\\:pl-2\\.5{padding-left:calc(var(--skippr-spacing)*2.5)}.skippr\\:pl-3\\.5{padding-left:calc(var(--skippr-spacing)*3.5)}.skippr\\:pl-\\[9px\\]{padding-left:9px}.skippr\\:pl-\\[13px\\]{padding-left:13px}.skippr\\:text-center{text-align:center}.skippr\\:text-left{text-align:left}.skippr\\:font-mono{font-family:var(--skippr-font-mono)}.skippr\\:text-sm{font-size:var(--skippr-text-sm);line-height:var(--tw-leading,var(--skippr-text-sm--line-height))}.skippr\\:text-xs{font-size:var(--skippr-text-xs);line-height:var(--tw-leading,var(--skippr-text-xs--line-height))}.skippr\\:text-\\[8\\.5px\\]{font-size:8.5px}.skippr\\:text-\\[9\\.5px\\]{font-size:9.5px}.skippr\\:text-\\[9px\\]{font-size:9px}.skippr\\:text-\\[10\\.5px\\]{font-size:10.5px}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11\\.5px\\]{font-size:11.5px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:text-\\[12\\.5px\\]{font-size:12.5px}.skippr\\:text-\\[12px\\]{font-size:12px}.skippr\\:text-\\[13px\\]{font-size:13px}.skippr\\:text-\\[14px\\]{font-size:14px}.skippr\\:text-\\[16px\\]{font-size:16px}.skippr\\:text-\\[18px\\]{font-size:18px}.skippr\\:leading-5{--tw-leading:calc(var(--skippr-spacing)*5);line-height:calc(var(--skippr-spacing)*5)}.skippr\\:leading-\\[1\\.2\\]{--tw-leading:1.2;line-height:1.2}.skippr\\:leading-\\[1\\.25\\]{--tw-leading:1.25;line-height:1.25}.skippr\\:leading-none{--tw-leading:1;line-height:1}.skippr\\:leading-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-snug{--tw-leading:var(--skippr-leading-snug);line-height:var(--skippr-leading-snug)}.skippr\\:font-bold{--tw-font-weight:var(--skippr-font-weight-bold);font-weight:var(--skippr-font-weight-bold)}.skippr\\:font-medium{--tw-font-weight:var(--skippr-font-weight-medium);font-weight:var(--skippr-font-weight-medium)}.skippr\\:font-semibold{--tw-font-weight:var(--skippr-font-weight-semibold);font-weight:var(--skippr-font-weight-semibold)}.skippr\\:tracking-\\[-0\\.01em\\]{--tw-tracking:-.01em;letter-spacing:-.01em}.skippr\\:tracking-\\[-0\\.0125em\\]{--tw-tracking:-.0125em;letter-spacing:-.0125em}.skippr\\:tracking-\\[0\\.02em\\]{--tw-tracking:.02em;letter-spacing:.02em}.skippr\\:tracking-\\[0\\.05em\\]{--tw-tracking:.05em;letter-spacing:.05em}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-\\[\\#2D2D3F\\]{color:#2d2d3f}.skippr\\:text-\\[\\#5a5650\\]{color:#5a5650}.skippr\\:text-\\[\\#5c5850\\]{color:#5c5850}.skippr\\:text-\\[\\#6b6660\\]{color:#6b6660}.skippr\\:text-\\[\\#6b6875\\]{color:#6b6875}.skippr\\:text-\\[\\#8b877f\\]{color:#8b877f}.skippr\\:text-\\[\\#92400e\\]{color:#92400e}.skippr\\:text-\\[\\#a8a49c\\]{color:#a8a49c}.skippr\\:text-\\[\\#b8b4ac\\]{color:#b8b4ac}.skippr\\:text-\\[\\#c9c5bd\\]{color:#c9c5bd}.skippr\\:text-\\[\\#cbc7bf\\]{color:#cbc7bf}.skippr\\:text-\\[\\#dc2626\\]{color:#dc2626}.skippr\\:text-\\[var\\(--skippr-brand-deep\\)\\]{color:var(--skippr-brand-deep)}.skippr\\:text-\\[var\\(--skippr-brand-on-white\\,\\#2d2b3d\\)\\]{color:var(--skippr-brand-on-white,#2d2b3d)}.skippr\\:text-amber-700{color:var(--skippr-color-amber-700)}.skippr\\:text-amber-950{color:var(--skippr-color-amber-950)}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-black,.skippr\\:text-black\\/40{color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-black\\/40{color:color-mix(in oklab,var(--skippr-color-black)40%,transparent)}}.skippr\\:text-brand{color:var(--skippr-brand,#2bc0ae)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-neutral-500{color:var(--skippr-color-neutral-500)}.skippr\\:text-neutral-700{color:var(--skippr-color-neutral-700)}.skippr\\:text-primary{color:var(--skippr-brand,#2d2b3d)}.skippr\\:text-primary-foreground{color:var(--skippr-brand-foreground,#fff)}.skippr\\:text-red-400{color:var(--skippr-color-red-400)}.skippr\\:text-red-600{color:var(--skippr-color-red-600)}.skippr\\:text-red-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white,.skippr\\:text-white\\/60{color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-white\\/60{color:color-mix(in oklab,var(--skippr-color-white)60%,transparent)}}.skippr\\:capitalize{text-transform:capitalize}.skippr\\:uppercase{text-transform:uppercase}.skippr\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.skippr\\:line-through{text-decoration-line:line-through}.skippr\\:underline{text-decoration-line:underline}.skippr\\:decoration-muted-foreground\\/40{text-decoration-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:underline-offset-2,.skippr\\:underline-offset-\\[2px\\]{text-underline-offset:2px}.skippr\\:placeholder-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}.skippr\\:opacity-0{opacity:0}.skippr\\:opacity-40{opacity:.4}.skippr\\:opacity-75{opacity:.75}.skippr\\:opacity-100{opacity:1}.skippr\\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-3px_0_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:-3px 0 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-4px_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:-4px 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-6px_8px_30px_rgba\\(15\\,18\\,26\\,0\\.32\\)\\]{--tw-shadow:-6px 8px 30px var(--tw-shadow-color,#0f121a52);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_-3px_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:0 -3px 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_-6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 -6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_1\\.5px_rgba\\(255\\,255\\,255\\,0\\.85\\)\\]{--tw-shadow:0 0 0 1.5px var(--tw-shadow-color,#ffffffd9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_1px_rgba\\(45\\,45\\,63\\,0\\.10\\)\\,0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.04\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#2d2d3f1a),0 1px 2px var(--tw-shadow-color,#2d2d3f0a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_4px_var\\(--skippr-brand-ring\\)\\]{--tw-shadow:0 0 0 4px var(--tw-shadow-color,var(--skippr-brand-ring));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.05\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#2d2d3f0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.08\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#2d2d3f14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.28\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#2d2d3f24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_3px_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:0 3px 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(45\\,45\\,63\\,0\\.1\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#2d2d3f1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(239\\,68\\,68\\,0\\.45\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#ef444473);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(45\\,43\\,61\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2d2b3d73),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_6px_16px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{--tw-shadow:0 6px 16px var(--tw-shadow-color,#2d2d3f24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_22px_rgba\\(45\\,45\\,63\\,0\\.12\\)\\,0_1px_3px_rgba\\(45\\,45\\,63\\,0\\.04\\)\\]{--tw-shadow:0 8px 22px var(--tw-shadow-color,#2d2d3f1f),0 1px 3px var(--tw-shadow-color,#2d2d3f0a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(45\\,43\\,61\\,0\\.35\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#2d2b3d59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_30px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#2d2d3f24),0 2px 6px var(--tw-shadow-color,#2d2d3f0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_26px_rgba\\(45\\,45\\,63\\,0\\.13\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.05\\)\\]{--tw-shadow:0 10px 26px var(--tw-shadow-color,#2d2d3f21),0 2px 6px var(--tw-shadow-color,#2d2d3f0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_28px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 10px 28px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_30px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\,0_0_0_1\\.5px_var\\(--skippr-brand-ring\\)\\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#2d2d3f24),0 0 0 1.5px var(--tw-shadow-color,var(--skippr-brand-ring));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_32px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 32px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_14px_34px_rgba\\(45\\,45\\,63\\,0\\.15\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{--tw-shadow:0 14px 34px var(--tw-shadow-color,#2d2d3f26),0 2px 6px var(--tw-shadow-color,#2d2d3f0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[3px_0_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:3px 0 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[4px_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:4px 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[inset_0_0_0_1\\.5px_var\\(--skippr-brand\\,\\#2bc0ae\\)\\]{--tw-shadow:inset 0 0 0 1.5px var(--tw-shadow-color,var(--skippr-brand,#2bc0ae));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-black\\/5{--tw-ring-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--skippr-color-black)5%,transparent)}}.skippr\\:ring-brand{--tw-ring-color:var(--skippr-brand,#2bc0ae)}.skippr\\:ring-white\\/15{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-white\\/15{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)15%,transparent)}}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_2px_5px_rgba\\(0\\,0\\,0\\,0\\.4\\)\\]{--tw-drop-shadow-size:drop-shadow(0 2px 5px var(--tw-drop-shadow-color,#0006));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--skippr-blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.skippr\\:transition-\\[filter\\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[gap\\]{transition-property:gap;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[height\\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[left\\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[opacity\\,transform\\,height\\]{transition-property:opacity,transform,height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,height\\,background-color\\,border-color\\]{transition-property:width,height,background-color,border-color;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,margin\\]{transition-property:width,margin;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-75{--tw-duration:75ms;transition-duration:75ms}.skippr\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:duration-\\[400ms\\]{--tw-duration:.4s;transition-duration:.4s}.skippr\\:ease-\\[cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.skippr\\:ease-\\[cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.3,.64,1);transition-timing-function:cubic-bezier(.34,1.3,.64,1)}.skippr\\:ease-\\[cubic-bezier\\(0\\.34\\,1\\.56\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.56,.64,1);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:ease-out{--tw-ease:var(--skippr-ease-out);transition-timing-function:var(--skippr-ease-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:select-none{-webkit-user-select:none;user-select:none}.skippr\\:select-text{-webkit-user-select:text;user-select:text}.skippr\\:\\[animation-delay\\:0ms\\]{animation-delay:0s}.skippr\\:\\[animation-delay\\:150ms\\]{animation-delay:.15s}.skippr\\:\\[animation-delay\\:200ms\\]{animation-delay:.2s}.skippr\\:\\[animation-delay\\:300ms\\]{animation-delay:.3s}.skippr\\:\\[animation-delay\\:400ms\\]{animation-delay:.4s}.skippr\\:\\[overflow-anchor\\:none\\]{overflow-anchor:none}.skippr\\:group-focus-within\\:scale-100:is(:where(.skippr\\:group):focus-within *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-focus-within\\:opacity-100:is(:where(.skippr\\:group):focus-within *){opacity:1}@media (hover:hover){.skippr\\:group-hover\\:scale-100:is(:where(.skippr\\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-hover\\:text-red-300:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-red-300)}.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:group-hover\\:opacity-100:is(:where(.skippr\\:group):hover *){opacity:1}}.skippr\\:placeholder\\:text-\\[\\#b0aca4\\]::placeholder{color:#b0aca4}.skippr\\:first\\:mt-0:first-child{margin-top:calc(var(--skippr-spacing)*0)}@media (hover:hover){.skippr\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--skippr-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:hover\\:bg-\\[\\#3a384b\\]:hover{background-color:#3a384b}.skippr\\:hover\\:bg-\\[\\#3d3d52\\]:hover{background-color:#3d3d52}.skippr\\:hover\\:bg-\\[\\#f2f0eb\\]:hover{background-color:#f2f0eb}.skippr\\:hover\\:bg-\\[\\#f4f2ee\\]:hover{background-color:#f4f2ee}.skippr\\:hover\\:bg-\\[\\#f6f4f0\\]:hover{background-color:#f6f4f0}.skippr\\:hover\\:bg-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-amber-100:hover{background-color:var(--skippr-color-amber-100)}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-foreground\\/8:hover{background-color:oklab(14.7% .00261104 .00303026/.08)}.skippr\\:hover\\:bg-muted:hover{background-color:oklch(97% .001 106.424)}.skippr\\:hover\\:bg-neutral-100:hover{background-color:var(--skippr-color-neutral-100)}.skippr\\:hover\\:bg-neutral-200:hover{background-color:var(--skippr-color-neutral-200)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)90%,transparent)}}.skippr\\:hover\\:bg-red-200:hover{background-color:var(--skippr-color-red-200)}.skippr\\:hover\\:bg-red-600:hover{background-color:var(--skippr-color-red-600)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\:bg-transparent:hover{background-color:#0000}.skippr\\:hover\\:bg-white\\/20:hover{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-white\\/20:hover{background-color:color-mix(in oklab,var(--skippr-color-white)20%,transparent)}}.skippr\\:hover\\:text-\\[\\#2D2D3F\\]:hover{color:#2d2d3f}.skippr\\:hover\\:text-\\[\\#5a5650\\]:hover{color:#5a5650}.skippr\\:hover\\:text-\\[\\#8b877f\\]:hover{color:#8b877f}.skippr\\:hover\\:text-\\[\\#b8b4ac\\]:hover{color:#b8b4ac}.skippr\\:hover\\:text-accent-foreground:hover{color:oklch(21.6% .006 56.043)}.skippr\\:hover\\:text-foreground:hover{color:oklch(14.7% .004 49.25)}.skippr\\:hover\\:underline:hover{text-decoration-line:underline}.skippr\\:hover\\:decoration-muted-foreground:hover{text-decoration-color:oklch(55.3% .013 58.071)}.skippr\\:hover\\:opacity-80:hover{opacity:.8}.skippr\\:hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:hover\\:brightness-\\[1\\.04\\]:hover{--tw-brightness:brightness(1.04);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:hover\\:brightness-\\[1\\.06\\]:hover{--tw-brightness:brightness(1.06);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.skippr\\:focus\\:border-primary:focus{border-color:var(--skippr-brand,#2d2b3d)}.skippr\\:focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:focus\\:ring-primary\\/30:focus{--tw-ring-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:focus\\:ring-primary\\/30:focus{--tw-ring-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)30%,transparent)}}.skippr\\:focus-visible\\:border-\\[var\\(--skippr-brand-ring\\)\\]:focus-visible{border-color:var(--skippr-brand-ring)}.skippr\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:focus-visible\\:ring-\\[var\\(--skippr-brand-ring\\)\\]:focus-visible{--tw-ring-color:var(--skippr-brand-ring)}.skippr\\:focus-visible\\:ring-bubble\\/60:focus-visible{--tw-ring-color:oklab(29.9244% .0107414 -.0305411/.6)}.skippr\\:focus-visible\\:ring-ring:focus-visible{--tw-ring-color:oklch(70.9% .01 56.259)}.skippr\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.skippr\\:focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.skippr\\:focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.skippr\\:focus-visible\\:outline-\\[var\\(--skippr-brand\\)\\]:focus-visible{outline-color:var(--skippr-brand)}.skippr\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.skippr\\:active\\:translate-y-0:active{--tw-translate-y:calc(var(--skippr-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:active\\:scale-\\[0\\.98\\]:active{scale:.98}.skippr\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.skippr\\:disabled\\:cursor-default:disabled{cursor:default}.skippr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.skippr\\:disabled\\:opacity-50:disabled{opacity:.5}.skippr\\:disabled\\:opacity-60:disabled{opacity:.6}.skippr\\:disabled\\:opacity-80:disabled{opacity:.8}@media (hover:hover){.skippr\\:disabled\\:hover\\:bg-\\[\\#2D2D3F\\]:disabled:hover{background-color:#2d2d3f}.skippr\\:disabled\\:hover\\:bg-white:disabled:hover{background-color:var(--skippr-color-white)}}@media (prefers-reduced-motion:reduce){.skippr\\:motion-reduce\\:hidden{display:none}.skippr\\:motion-reduce\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:motion-reduce\\:animate-none{animation:none}}.skippr\\:\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.skippr\\:\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.skippr\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}}:host{--skippr-brand-active:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-active:color-mix(in srgb,var(--skippr-brand,#2bc0ae)93%,#000)}}:host{--skippr-brand-deep:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-deep:color-mix(in srgb,var(--skippr-brand,#2bc0ae)78%,#000)}}:host{--skippr-brand-ring:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-ring:color-mix(in srgb,var(--skippr-brand,#2bc0ae)22%,transparent)}}:host{--skippr-brand-halo:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-halo:color-mix(in srgb,var(--skippr-brand,#2bc0ae)40%,transparent)}}:host{--skippr-brand-glow:linear-gradient(90deg,var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae))}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-glow:linear-gradient(90deg,var(--skippr-brand,#2bc0ae),color-mix(in srgb,var(--skippr-brand,#2bc0ae)55%,#fff),color-mix(in srgb,var(--skippr-brand,#2bc0ae)72%,#fff),var(--skippr-brand,#2bc0ae),color-mix(in srgb,var(--skippr-brand,#2bc0ae)42%,#fff))}}@keyframes skippr-tap{0%{transform:scale(1)}45%{transform:scale(.7)}to{transform:scale(1)}}@keyframes skippr-press{0%{transform:scale(1)}55%{transform:scale(1)}85%{transform:scale(.68)}to{transform:scale(1)}}@keyframes skippr-cursor-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes skippr-click-ping{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes skippr-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-speak{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-thinking-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes skippr-pulse-ring{0%,to{box-shadow:0 0 #2d2b3d66}50%{box-shadow:0 0 0 10px #2d2b3d00}}@keyframes skippr-rec-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)55%,transparent)}70%{box-shadow:0 0 0 11px #0000}to{box-shadow:0 0 #0000}}@keyframes skippr-voice-pulse{0%{box-shadow:0 0 0 0 var(--skippr-pulse-color,#2bc0ae80)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}@keyframes skippr-ptt-transmit{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)60%,transparent),0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)35%,transparent)}70%{box-shadow:0 0 0 9px #0000,0 0 0 16px #0000}to{box-shadow:0 0 #0000,0 0 #0000}}@keyframes skippr-annotation-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)50%,transparent)}50%{box-shadow:0 0 0 6px #0000}}@keyframes skippr-speak-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes skippr-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes skippr-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes skippr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-evaporate{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}55%{opacity:.85;filter:blur()}to{opacity:0;filter:blur(2.5px);transform:translateY(-7px)scale(.965)}}@keyframes skippr-mote-rise{0%{opacity:0;transform:translateY(2px)scale(.5)}25%{opacity:.85}to{opacity:0;transform:translateY(-24px)scale(1)}}@keyframes skippr-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes skippr-wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-bubble-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-tip-in{0%{opacity:0;transform:translateY(14px)scale(.96)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-pill-content{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skippr-banner-look{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes skippr-finger-tap{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(2px)rotate(-6deg)}}@keyframes skippr-toolset-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes skippr-stage-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skippr-agent-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-orb-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@keyframes skippr-blink{0%,40%{transform:scaleY(1)}41.3%,42%{transform:scaleY(.08)}43.3%,70%{transform:scaleY(1)}71.3%,72%{transform:scaleY(.08)}73.3%,to{transform:scaleY(1)}}.skippr-buddy-blink{transform-box:fill-box;transform-origin:50%;animation:5s linear infinite skippr-blink}@keyframes skippr-avatar-eyes-bob{0%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(0)}18%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(24px)}33.33%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-30px)}48%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-7px)}64%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-30px)}82%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(31px)}96%,to{transform:translateY(0)}}@keyframes skippr-avatar-pupil-glance{0%,21.33%{transform:translate(0)}28%,68%{transform:translate(-30px)}74%,to{transform:translate(0)}}@keyframes skippr-avatar-body-vibe{0%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}17.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}33.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}49.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}65.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}81.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}96%,to{transform:scale(1)}}@keyframes skippr-avatar-blink{0%,40%{transform:scaleY(1)}41.3%,42%{transform:scaleY(.08)}43.3%,70%{transform:scaleY(1)}71.3%,72%{transform:scaleY(.08)}73.3%,to{transform:scaleY(1)}}@keyframes skippr-avatar-bub-tail-drift{0%,10%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translate(0)}45%,60%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translate(-24px)}95%,to{transform:translate(0)}}@keyframes skippr-avatar-antenna-shake{0%,to{transform:rotate(-4deg)}25%{transform:rotate(4deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.skippr-avatar-eyes{animation:5s infinite skippr-avatar-eyes-bob}.skippr-avatar-pupil{animation:5s linear infinite skippr-avatar-pupil-glance}.skippr-avatar-body{transform-box:fill-box;transform-origin:50% 100%;animation:5s infinite skippr-avatar-body-vibe}.skippr-avatar-blink{transform-box:fill-box;transform-origin:50%;animation:5s infinite skippr-avatar-blink}.skippr-avatar-body .skippr-avatar-antenna{transform-box:view-box;transform-origin:48px 22px;animation:1.6s ease-in-out infinite skippr-avatar-antenna-shake}.skippr-avatar-body .skippr-avatar-bub-tail{animation:5s infinite skippr-avatar-bub-tail-drift}@keyframes skippr-buddy-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes skippr-buddy-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes skippr-buddy-pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes skippr-buddy-sleep{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(1px)scale(.995)}}@keyframes skippr-buddy-zfloat{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes skippr-peek-left{0%,20%{transform:translate(-58%)}46%,66%{transform:translate(0)}92%,to{transform:translate(-58%)}}@keyframes skippr-peek-right{0%,20%{transform:translate(58%)}46%,66%{transform:translate(0)}92%,to{transform:translate(58%)}}@keyframes skippr-peek-top{0%,20%{transform:translateY(-58%)}46%,66%{transform:translateY(0)}92%,to{transform:translateY(-58%)}}@keyframes skippr-peek-bottom{0%,20%{transform:translateY(58%)}46%,66%{transform:translateY(0)}92%,to{transform:translateY(58%)}}.skippr-peek-left{animation:3.6s ease-in-out infinite skippr-peek-left}.skippr-peek-right{animation:3.6s ease-in-out infinite skippr-peek-right}.skippr-peek-top{animation:3.6s ease-in-out infinite skippr-peek-top}.skippr-peek-bottom{animation:3.6s ease-in-out infinite skippr-peek-bottom}.skippr-peek-out{animation:none;transform:none}@keyframes skippr-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes skippr-block-reveal{0%{opacity:0;max-height:0;transform:translateY(-4px)}55%{opacity:1}to{opacity:1;max-height:260px;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.skippr-buddy-blink,[style*=skippr-blink],[style*=skippr-buddy-bob],[style*=skippr-buddy-breathe],[style*=skippr-buddy-pop],[style*=skippr-buddy-sleep],[style*=skippr-buddy-zfloat],.skippr-avatar-eyes,.skippr-avatar-pupil,.skippr-avatar-body,.skippr-avatar-blink,.skippr-avatar-body .skippr-avatar-antenna,.skippr-avatar-body .skippr-avatar-bub-tail,.skippr-peek-left,.skippr-peek-right,.skippr-peek-top,.skippr-peek-bottom{animation-play-state:paused}}.skippr-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.skippr-no-scrollbar::-webkit-scrollbar{display:none}:host{color:var(--color-foreground)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
8525
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-100:oklch(93.6% .032 17.717);--skippr-color-red-200:oklch(88.5% .062 18.334);--skippr-color-red-300:oklch(80.8% .114 19.571);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-500:oklch(63.7% .237 25.331);--skippr-color-red-600:oklch(57.7% .245 27.325);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-neutral-100:oklch(97% 0 0);--skippr-color-neutral-200:oklch(92.2% 0 0);--skippr-color-neutral-500:oklch(55.6% 0 0);--skippr-color-neutral-700:oklch(37.1% 0 0);--skippr-color-black:#000;--skippr-color-white:#fff;--skippr-spacing:.25rem;--skippr-text-xs:.75rem;--skippr-text-xs--line-height:calc(1/.75);--skippr-text-sm:.875rem;--skippr-text-sm--line-height:calc(1.25/.875);--skippr-font-weight-medium:500;--skippr-font-weight-semibold:600;--skippr-font-weight-bold:700;--skippr-leading-snug:1.375;--skippr-leading-relaxed:1.625;--skippr-ease-out:cubic-bezier(0,0,.2,1);--skippr-ease-in-out:cubic-bezier(.4,0,.2,1);--skippr-animate-spin:spin 1s linear infinite;--skippr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--skippr-animate-bounce:bounce 1s infinite;--skippr-blur-sm:8px;--skippr-default-transition-duration:.15s;--skippr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--skippr-default-font-family:var(--skippr-font-sans);--skippr-default-mono-font-family:var(--skippr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--skippr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--skippr-default-font-feature-settings,normal);font-variation-settings:var(--skippr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--skippr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--skippr-default-mono-font-feature-settings,normal);font-variation-settings:var(--skippr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.skippr\\:pointer-events-auto{pointer-events:auto}.skippr\\:pointer-events-none{pointer-events:none}.skippr\\:absolute{position:absolute}.skippr\\:fixed{position:fixed}.skippr\\:relative{position:relative}.skippr\\:sticky{position:sticky}.skippr\\:-inset-\\[3px\\]{inset:-3px}.skippr\\:inset-0{inset:calc(var(--skippr-spacing)*0)}.skippr\\:inset-y-0{inset-block:calc(var(--skippr-spacing)*0)}.skippr\\:-top-1{top:calc(var(--skippr-spacing)*-1)}.skippr\\:-top-6{top:calc(var(--skippr-spacing)*-6)}.skippr\\:-top-8{top:calc(var(--skippr-spacing)*-8)}.skippr\\:-top-\\[2px\\]{top:-2px}.skippr\\:-top-\\[3px\\]{top:-3px}.skippr\\:-top-\\[13px\\]{top:-13px}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-1\\/2{top:50%}.skippr\\:top-\\[8px\\]{top:8px}.skippr\\:top-full{top:100%}.skippr\\:-right-1{right:calc(var(--skippr-spacing)*-1)}.skippr\\:-right-8{right:calc(var(--skippr-spacing)*-8)}.skippr\\:-right-\\[2px\\]{right:-2px}.skippr\\:-right-\\[6px\\]{right:-6px}.skippr\\:right-0{right:calc(var(--skippr-spacing)*0)}.skippr\\:right-3{right:calc(var(--skippr-spacing)*3)}.skippr\\:right-5{right:calc(var(--skippr-spacing)*5)}.skippr\\:right-6{right:calc(var(--skippr-spacing)*6)}.skippr\\:right-\\[4px\\]{right:4px}.skippr\\:right-\\[8px\\]{right:8px}.skippr\\:-bottom-\\[2px\\]{bottom:-2px}.skippr\\:bottom-3{bottom:calc(var(--skippr-spacing)*3)}.skippr\\:bottom-4{bottom:calc(var(--skippr-spacing)*4)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-\\[calc\\(100\\%\\+8px\\)\\]{bottom:calc(100% + 8px)}.skippr\\:bottom-\\[calc\\(100\\%\\+11px\\)\\]{bottom:calc(100% + 11px)}.skippr\\:bottom-full{bottom:100%}.skippr\\:-left-8{left:calc(var(--skippr-spacing)*-8)}.skippr\\:-left-\\[2px\\]{left:-2px}.skippr\\:-left-\\[6px\\]{left:-6px}.skippr\\:left-0{left:calc(var(--skippr-spacing)*0)}.skippr\\:left-1\\/2{left:50%}.skippr\\:left-2{left:calc(var(--skippr-spacing)*2)}.skippr\\:left-3{left:calc(var(--skippr-spacing)*3)}.skippr\\:left-5{left:calc(var(--skippr-spacing)*5)}.skippr\\:left-6{left:calc(var(--skippr-spacing)*6)}.skippr\\:z-10{z-index:10}.skippr\\:z-20{z-index:20}.skippr\\:z-\\[1\\]{z-index:1}.skippr\\:z-\\[2\\]{z-index:2}.skippr\\:z-\\[4\\]{z-index:4}.skippr\\:z-\\[5\\]{z-index:5}.skippr\\:z-\\[6\\]{z-index:6}.skippr\\:z-\\[7\\]{z-index:7}.skippr\\:z-\\[8\\]{z-index:8}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:z-\\[10000\\]{z-index:10000}.skippr\\:order-first{order:-9999}.skippr\\:order-last{order:9999}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-1{margin-top:calc(var(--skippr-spacing)*-1)}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.skippr\\:-mt-\\[27px\\]{margin-top:-27px}.skippr\\:mt-1{margin-top:calc(var(--skippr-spacing)*1)}.skippr\\:mt-1\\.5{margin-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:mt-2{margin-top:calc(var(--skippr-spacing)*2)}.skippr\\:mt-3{margin-top:calc(var(--skippr-spacing)*3)}.skippr\\:mt-3\\.5{margin-top:calc(var(--skippr-spacing)*3.5)}.skippr\\:mt-\\[1px\\]{margin-top:1px}.skippr\\:mt-\\[6px\\]{margin-top:6px}.skippr\\:mt-\\[8px\\]{margin-top:8px}.skippr\\:mt-\\[9px\\]{margin-top:9px}.skippr\\:-mr-1{margin-right:calc(var(--skippr-spacing)*-1)}.skippr\\:mr-7{margin-right:calc(var(--skippr-spacing)*7)}.skippr\\:mr-\\[22px\\]{margin-right:22px}.skippr\\:-mb-\\[5px\\]{margin-bottom:-5px}.skippr\\:mb-1{margin-bottom:calc(var(--skippr-spacing)*1)}.skippr\\:mb-1\\.5{margin-bottom:calc(var(--skippr-spacing)*1.5)}.skippr\\:mb-2{margin-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:mb-3{margin-bottom:calc(var(--skippr-spacing)*3)}.skippr\\:mb-4{margin-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:mb-\\[14px\\]{margin-bottom:14px}.skippr\\:-ml-\\[2px\\]{margin-left:-2px}.skippr\\:ml-0\\.5{margin-left:calc(var(--skippr-spacing)*.5)}.skippr\\:ml-1{margin-left:calc(var(--skippr-spacing)*1)}.skippr\\:ml-7{margin-left:calc(var(--skippr-spacing)*7)}.skippr\\:ml-auto{margin-left:auto}.skippr\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.skippr\\:block{display:block}.skippr\\:flex{display:flex}.skippr\\:hidden{display:none}.skippr\\:inline-flex{display:inline-flex}.skippr\\:aspect-square{aspect-ratio:1}.skippr\\:size-1{width:calc(var(--skippr-spacing)*1);height:calc(var(--skippr-spacing)*1)}.skippr\\:size-1\\.5{width:calc(var(--skippr-spacing)*1.5);height:calc(var(--skippr-spacing)*1.5)}.skippr\\:size-2{width:calc(var(--skippr-spacing)*2);height:calc(var(--skippr-spacing)*2)}.skippr\\:size-2\\.5{width:calc(var(--skippr-spacing)*2.5);height:calc(var(--skippr-spacing)*2.5)}.skippr\\:size-3{width:calc(var(--skippr-spacing)*3);height:calc(var(--skippr-spacing)*3)}.skippr\\:size-3\\.5{width:calc(var(--skippr-spacing)*3.5);height:calc(var(--skippr-spacing)*3.5)}.skippr\\:size-4{width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}.skippr\\:size-5{width:calc(var(--skippr-spacing)*5);height:calc(var(--skippr-spacing)*5)}.skippr\\:size-6{width:calc(var(--skippr-spacing)*6);height:calc(var(--skippr-spacing)*6)}.skippr\\:size-7{width:calc(var(--skippr-spacing)*7);height:calc(var(--skippr-spacing)*7)}.skippr\\:size-8{width:calc(var(--skippr-spacing)*8);height:calc(var(--skippr-spacing)*8)}.skippr\\:size-9{width:calc(var(--skippr-spacing)*9);height:calc(var(--skippr-spacing)*9)}.skippr\\:size-10{width:calc(var(--skippr-spacing)*10);height:calc(var(--skippr-spacing)*10)}.skippr\\:size-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.skippr\\:size-\\[3px\\]{width:3px;height:3px}.skippr\\:size-\\[4px\\]{width:4px;height:4px}.skippr\\:size-\\[5px\\]{width:5px;height:5px}.skippr\\:size-\\[6px\\]{width:6px;height:6px}.skippr\\:size-\\[7px\\]{width:7px;height:7px}.skippr\\:size-\\[8px\\]{width:8px;height:8px}.skippr\\:size-\\[9px\\]{width:9px;height:9px}.skippr\\:size-\\[10px\\]{width:10px;height:10px}.skippr\\:size-\\[11px\\]{width:11px;height:11px}.skippr\\:size-\\[12px\\]{width:12px;height:12px}.skippr\\:size-\\[13px\\]{width:13px;height:13px}.skippr\\:size-\\[14px\\]{width:14px;height:14px}.skippr\\:size-\\[15px\\]{width:15px;height:15px}.skippr\\:size-\\[16px\\]{width:16px;height:16px}.skippr\\:size-\\[17px\\]{width:17px;height:17px}.skippr\\:size-\\[18px\\]{width:18px;height:18px}.skippr\\:size-\\[19px\\]{width:19px;height:19px}.skippr\\:size-\\[20px\\]{width:20px;height:20px}.skippr\\:size-\\[22px\\]{width:22px;height:22px}.skippr\\:size-\\[26px\\]{width:26px;height:26px}.skippr\\:size-\\[28px\\]{width:28px;height:28px}.skippr\\:size-\\[30px\\]{width:30px;height:30px}.skippr\\:size-\\[32px\\]{width:32px;height:32px}.skippr\\:size-\\[34px\\]{width:34px;height:34px}.skippr\\:size-\\[38px\\]{width:38px;height:38px}.skippr\\:size-\\[46px\\]{width:46px;height:46px}.skippr\\:size-full{width:100%;height:100%}.skippr\\:h-0{height:calc(var(--skippr-spacing)*0)}.skippr\\:h-1{height:calc(var(--skippr-spacing)*1)}.skippr\\:h-1\\.5{height:calc(var(--skippr-spacing)*1.5)}.skippr\\:h-2{height:calc(var(--skippr-spacing)*2)}.skippr\\:h-3{height:calc(var(--skippr-spacing)*3)}.skippr\\:h-3\\.5{height:calc(var(--skippr-spacing)*3.5)}.skippr\\:h-5{height:calc(var(--skippr-spacing)*5)}.skippr\\:h-6{height:calc(var(--skippr-spacing)*6)}.skippr\\:h-7{height:calc(var(--skippr-spacing)*7)}.skippr\\:h-8{height:calc(var(--skippr-spacing)*8)}.skippr\\:h-9{height:calc(var(--skippr-spacing)*9)}.skippr\\:h-10{height:calc(var(--skippr-spacing)*10)}.skippr\\:h-\\[5px\\]{height:5px}.skippr\\:h-\\[14px\\]{height:14px}.skippr\\:h-\\[16px\\]{height:16px}.skippr\\:h-\\[18\\.5px\\]{height:18.5px}.skippr\\:h-\\[18px\\]{height:18px}.skippr\\:h-\\[22px\\]{height:22px}.skippr\\:h-\\[24px\\]{height:24px}.skippr\\:h-\\[26px\\]{height:26px}.skippr\\:h-\\[36px\\]{height:36px}.skippr\\:h-\\[38px\\]{height:38px}.skippr\\:h-\\[48px\\]{height:48px}.skippr\\:h-\\[54px\\]{height:54px}.skippr\\:h-full{height:100%}.skippr\\:h-px{height:1px}.skippr\\:max-h-\\[132px\\]{max-height:132px}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:min-h-11{min-height:calc(var(--skippr-spacing)*11)}.skippr\\:min-h-\\[16px\\]{min-height:16px}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3\\.5{width:calc(var(--skippr-spacing)*3.5)}.skippr\\:w-5{width:calc(var(--skippr-spacing)*5)}.skippr\\:w-6{width:calc(var(--skippr-spacing)*6)}.skippr\\:w-7{width:calc(var(--skippr-spacing)*7)}.skippr\\:w-10{width:calc(var(--skippr-spacing)*10)}.skippr\\:w-40{width:calc(var(--skippr-spacing)*40)}.skippr\\:w-\\[2\\.5px\\]{width:2.5px}.skippr\\:w-\\[2px\\]{width:2px}.skippr\\:w-\\[3px\\]{width:3px}.skippr\\:w-\\[14px\\]{width:14px}.skippr\\:w-\\[15\\.4px\\]{width:15.4px}.skippr\\:w-\\[15px\\]{width:15px}.skippr\\:w-\\[16px\\]{width:16px}.skippr\\:w-\\[22px\\]{width:22px}.skippr\\:w-\\[36px\\]{width:36px}.skippr\\:w-\\[38px\\]{width:38px}.skippr\\:w-\\[50px\\]{width:50px}.skippr\\:w-\\[148px\\]{width:148px}.skippr\\:w-\\[150px\\]{width:150px}.skippr\\:w-\\[220px\\]{width:220px}.skippr\\:w-\\[225px\\]{width:225px}.skippr\\:w-\\[240px\\]{width:240px}.skippr\\:w-\\[255px\\]{width:255px}.skippr\\:w-\\[320px\\]{width:320px}.skippr\\:w-fit{width:fit-content}.skippr\\:w-full{width:100%}.skippr\\:w-px{width:1px}.skippr\\:max-w-64{max-width:calc(var(--skippr-spacing)*64)}.skippr\\:max-w-72{max-width:calc(var(--skippr-spacing)*72)}.skippr\\:max-w-\\[80\\%\\]{max-width:80%}.skippr\\:max-w-\\[280px\\]{max-width:280px}.skippr\\:min-w-0{min-width:calc(var(--skippr-spacing)*0)}.skippr\\:min-w-11{min-width:calc(var(--skippr-spacing)*11)}.skippr\\:min-w-\\[96px\\]{min-width:96px}.skippr\\:flex-1{flex:1}.skippr\\:shrink-0{flex-shrink:0}.skippr\\:origin-bottom{transform-origin:bottom}.skippr\\:origin-bottom-left{transform-origin:0 100%}.skippr\\:origin-bottom-right{transform-origin:100% 100%}.skippr\\:origin-center{transform-origin:50%}.skippr\\:origin-left{transform-origin:0}.skippr\\:origin-right{transform-origin:100%}.skippr\\:origin-top{transform-origin:top}.skippr\\:origin-top-left{transform-origin:0 0}.skippr\\:origin-top-right{transform-origin:100% 0}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*-7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-y-\\[4px\\]{--tw-translate-y:calc(4px*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-\\[0\\.94\\]{scale:.94}.skippr\\:-rotate-90{rotate:-90deg}.skippr\\:rotate-45{rotate:45deg}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out\\]{animation:.2s ease-out skippr-agent-in}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out_240ms_both\\]{animation:.2s ease-out .24s both skippr-agent-in}.skippr\\:\\[animation\\:skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:\\[animation\\:skippr-block-reveal_320ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.32s cubic-bezier(.22,1,.36,1) skippr-block-reveal}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0\\.18s_infinite\\]{animation:1.1s ease-in-out .18s infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0\\.36s_infinite\\]{animation:1.1s ease-in-out .36s infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0s_infinite\\]{animation:1.1s ease-in-out infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-evaporate_3\\.2s_ease-in_forwards\\]{animation:3.2s ease-in forwards skippr-evaporate}.skippr\\:\\[animation\\:skippr-fade-in_0\\.2s_ease\\]{animation:.2s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.16s_ease\\]{animation:.16s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.22s_ease\\]{animation:.22s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.24s_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.24s cubic-bezier(.22,1,.36,1) skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.25s_ease\\]{animation:.25s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-out_0\\.18s_ease-in_forwards\\]{animation:.18s ease-in forwards skippr-fade-out}.skippr\\:\\[animation\\:skippr-finger-tap_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-finger-tap}.skippr\\:\\[animation\\:skippr-mote-rise_1\\.6s_ease-out_infinite\\]{animation:1.6s ease-out infinite skippr-mote-rise}.skippr\\:\\[animation\\:skippr-orb-in_320ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.32s cubic-bezier(.34,1.3,.64,1) skippr-orb-in}.skippr\\:\\[animation\\:skippr-pop_0\\.2s_ease\\]{animation:.2s skippr-pop}.skippr\\:\\[animation\\:skippr-stage-fade_240ms_ease-out\\]{animation:.24s ease-out skippr-stage-fade}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) skippr-tip-in}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)_backwards\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) backwards skippr-tip-in}.skippr\\:\\[animation\\:skippr-toolset-pop_280ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.28s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:\\[animation\\:skippr-toolset-pop_440ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.44s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:animate-\\[skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:animate-\\[skippr-bubble-in_0\\.28s_ease-out\\]{animation:.28s ease-out skippr-bubble-in}.skippr\\:animate-\\[skippr-fade-in_0\\.3s_ease-out\\]{animation:.3s ease-out skippr-fade-in}.skippr\\:animate-\\[skippr-pill-content_0\\.22s_ease-out\\]{animation:.22s ease-out skippr-pill-content}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.6s_infinite\\]{animation:1.1s ease-in-out .6s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.skippr\\:animate-bounce{animation:var(--skippr-animate-bounce)}.skippr\\:animate-ping{animation:var(--skippr-animate-ping)}.skippr\\:animate-skippr-annotation-pulse{animation:1.8s ease-in-out infinite skippr-annotation-pulse}.skippr\\:animate-skippr-click-ping{animation:.5s ease-out forwards skippr-click-ping}.skippr\\:animate-skippr-cursor-pop{animation:.22s ease-out skippr-cursor-pop}.skippr\\:animate-skippr-flow{animation:3.6s linear infinite skippr-flow}.skippr\\:animate-skippr-press{animation:.5s ease-in-out skippr-press}.skippr\\:animate-skippr-ptt-transmit{animation:1.4s ease-out infinite skippr-ptt-transmit}.skippr\\:animate-skippr-rec-ring{animation:2s ease-out infinite skippr-rec-ring}.skippr\\:animate-skippr-tab-fade{animation:.2s ease-out skippr-tab-fade}.skippr\\:animate-skippr-thinking-dot{animation:1.2s ease-in-out infinite skippr-thinking-dot}.skippr\\:animate-skippr-voice-pulse{animation:1.6s ease-out infinite skippr-voice-pulse}.skippr\\:animate-spin{animation:var(--skippr-animate-spin)}.skippr\\:cursor-default{cursor:default}.skippr\\:cursor-grab{cursor:grab}.skippr\\:cursor-not-allowed{cursor:not-allowed}.skippr\\:cursor-pointer{cursor:pointer}.skippr\\:touch-none{touch-action:none}.skippr\\:resize-none{resize:none}.skippr\\:flex-col{flex-direction:column}.skippr\\:flex-col-reverse{flex-direction:column-reverse}.skippr\\:flex-row{flex-direction:row}.skippr\\:flex-row-reverse{flex-direction:row-reverse}.skippr\\:items-baseline{align-items:baseline}.skippr\\:items-center{align-items:center}.skippr\\:items-end{align-items:flex-end}.skippr\\:items-start{align-items:flex-start}.skippr\\:justify-between{justify-content:space-between}.skippr\\:justify-center{justify-content:center}.skippr\\:justify-end{justify-content:flex-end}.skippr\\:justify-start{justify-content:flex-start}.skippr\\:gap-0\\.5{gap:calc(var(--skippr-spacing)*.5)}.skippr\\:gap-1{gap:calc(var(--skippr-spacing)*1)}.skippr\\:gap-1\\.5{gap:calc(var(--skippr-spacing)*1.5)}.skippr\\:gap-2{gap:calc(var(--skippr-spacing)*2)}.skippr\\:gap-2\\.5{gap:calc(var(--skippr-spacing)*2.5)}.skippr\\:gap-3{gap:calc(var(--skippr-spacing)*3)}.skippr\\:gap-\\[1px\\]{gap:1px}.skippr\\:gap-\\[2px\\]{gap:2px}.skippr\\:gap-\\[3px\\]{gap:3px}.skippr\\:gap-\\[4px\\]{gap:4px}.skippr\\:gap-\\[5px\\]{gap:5px}.skippr\\:gap-\\[6px\\]{gap:6px}.skippr\\:gap-\\[7px\\]{gap:7px}.skippr\\:gap-\\[8px\\]{gap:8px}.skippr\\:gap-\\[9px\\]{gap:9px}.skippr\\:gap-\\[14px\\]{gap:14px}.skippr\\:gap-px{gap:1px}:where(.skippr\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-\\[6px\\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(6px*var(--tw-space-y-reverse));margin-block-end:calc(6px*calc(1 - var(--tw-space-y-reverse)))}.skippr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skippr\\:overflow-hidden{overflow:hidden}.skippr\\:overflow-visible{overflow:visible}.skippr\\:overflow-y-auto{overflow-y:auto}.skippr\\:overscroll-contain{overscroll-behavior:contain}.skippr\\:rounded{border-radius:.25rem}.skippr\\:rounded-2xl{border-radius:1.125rem}.skippr\\:rounded-\\[1rem\\]{border-radius:1rem}.skippr\\:rounded-\\[4px\\]{border-radius:4px}.skippr\\:rounded-\\[5px\\]{border-radius:5px}.skippr\\:rounded-\\[10px\\]{border-radius:10px}.skippr\\:rounded-\\[11px\\]{border-radius:11px}.skippr\\:rounded-\\[12px\\]{border-radius:12px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-\\[16px\\]{border-radius:16px}.skippr\\:rounded-\\[20px\\]{border-radius:20px}.skippr\\:rounded-full{border-radius:3.40282e38px}.skippr\\:rounded-md{border-radius:.5rem}.skippr\\:rounded-sm{border-radius:.375rem}.skippr\\:rounded-xl{border-radius:.875rem}.skippr\\:rounded-t-\\[6px\\]{border-top-left-radius:6px;border-top-right-radius:6px}.skippr\\:rounded-t-\\[18px\\]{border-top-left-radius:18px;border-top-right-radius:18px}.skippr\\:rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.skippr\\:rounded-l-\\[6px\\]{border-top-left-radius:6px;border-bottom-left-radius:6px}.skippr\\:rounded-l-\\[18px\\]{border-top-left-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-l-full{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.skippr\\:rounded-tl-\\[6px\\]{border-top-left-radius:6px}.skippr\\:rounded-tl-md{border-top-left-radius:.5rem}.skippr\\:rounded-r-\\[6px\\]{border-top-right-radius:6px;border-bottom-right-radius:6px}.skippr\\:rounded-r-\\[18px\\]{border-top-right-radius:18px;border-bottom-right-radius:18px}.skippr\\:rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.skippr\\:rounded-tr-\\[6px\\]{border-top-right-radius:6px}.skippr\\:rounded-b-\\[6px\\]{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.skippr\\:rounded-b-\\[18px\\]{border-bottom-right-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-b-full{border-bottom-right-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.skippr\\:rounded-bl-\\[6px\\]{border-bottom-left-radius:6px}.skippr\\:border{border-style:var(--tw-border-style);border-width:1px}.skippr\\:border-0{border-style:var(--tw-border-style);border-width:0}.skippr\\:border-2{border-style:var(--tw-border-style);border-width:2px}.skippr\\:border-\\[2\\.5px\\]{border-style:var(--tw-border-style);border-width:2.5px}.skippr\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.skippr\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.skippr\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.skippr\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.skippr\\:border-none{--tw-border-style:none;border-style:none}.skippr\\:border-\\[\\#d8d3ca\\]{border-color:#d8d3ca}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.1\\)\\]{border-color:#2d2d3f1a}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{border-color:#2d2d3f0f}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.08\\)\\]{border-color:#2d2d3f14}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.12\\)\\]{border-color:#2d2d3f1f}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{border-color:#2d2d3f24}.skippr\\:border-\\[var\\(--skippr-brand-ring\\)\\]{border-color:var(--skippr-brand-ring)}.skippr\\:border-black\\/25{border-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-black\\/25{border-color:color-mix(in oklab,var(--skippr-color-black)25%,transparent)}}.skippr\\:border-border{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-brand{border-color:var(--skippr-brand,#2bc0ae)}.skippr\\:border-input{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-primary\\/20{border-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-primary\\/20{border-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)20%,transparent)}}.skippr\\:border-transparent{border-color:#0000}.skippr\\:border-white,.skippr\\:border-white\\/30{border-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-white\\/30{border-color:color-mix(in oklab,var(--skippr-color-white)30%,transparent)}}.skippr\\:border-t-brand{border-top-color:var(--skippr-brand,#2bc0ae)}.skippr\\:border-t-white{border-top-color:var(--skippr-color-white)}.skippr\\:border-r-border{border-right-color:oklch(92.3% .003 48.717)}.skippr\\:border-l-border{border-left-color:oklch(92.3% .003 48.717)}.skippr\\:bg-\\[\\#2D2D3F\\]{background-color:#2d2d3f}.skippr\\:bg-\\[\\#F1EFEA\\]{background-color:#f1efea}.skippr\\:bg-\\[\\#b9b4ab\\]{background-color:#b9b4ab}.skippr\\:bg-\\[\\#dc2626\\]{background-color:#dc2626}.skippr\\:bg-\\[\\#eeeae4\\]{background-color:#eeeae4}.skippr\\:bg-\\[\\#f2f0eb\\]{background-color:#f2f0eb}.skippr\\:bg-\\[\\#f4ecd8\\]{background-color:#f4ecd8}.skippr\\:bg-\\[\\#f4f2ee\\]{background-color:#f4f2ee}.skippr\\:bg-\\[rgba\\(45\\,45\\,63\\,0\\.03\\)\\]{background-color:#2d2d3f08}.skippr\\:bg-amber-50{background-color:var(--skippr-color-amber-50)}.skippr\\:bg-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:color-mix(in oklab,var(--skippr-color-black)7.0%,transparent)}}.skippr\\:bg-brand,.skippr\\:bg-brand\\/50{background-color:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-brand\\/50{background-color:color-mix(in oklab,var(--skippr-brand,#2bc0ae)50%,transparent)}}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/95{background-color:oklab(29.9244% .0107414 -.0305411/.95)}.skippr\\:bg-card{background-color:oklch(100% 0 0)}.skippr\\:bg-current{background-color:currentColor}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-foreground\\/10{background-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:bg-launcher{background-color:#2d2d3f}.skippr\\:bg-muted-foreground\\/40{background-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:bg-neutral-100{background-color:var(--skippr-color-neutral-100)}.skippr\\:bg-primary,.skippr\\:bg-primary\\/10{background-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-primary\\/10{background-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)10%,transparent)}}.skippr\\:bg-red-50{background-color:var(--skippr-color-red-50)}.skippr\\:bg-red-100{background-color:var(--skippr-color-red-100)}.skippr\\:bg-red-500{background-color:var(--skippr-color-red-500)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white,.skippr\\:bg-white\\/40{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/40{background-color:color-mix(in oklab,var(--skippr-color-white)40%,transparent)}}.skippr\\:bg-white\\/70{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/70{background-color:color-mix(in oklab,var(--skippr-color-white)70%,transparent)}}.skippr\\:bg-white\\/80{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/80{background-color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:bg-white\\/95{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/95{background-color:color-mix(in oklab,var(--skippr-color-white)95%,transparent)}}.skippr\\:fill-brand{fill:var(--skippr-brand,#2bc0ae)}.skippr\\:fill-current{fill:currentColor}.skippr\\:fill-primary\\/30{fill:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:fill-primary\\/30{fill:color-mix(in oklab,var(--skippr-brand,#2d2b3d)30%,transparent)}}.skippr\\:fill-white{fill:var(--skippr-color-white)}.skippr\\:stroke-black\\/15{stroke:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:stroke-black\\/15{stroke:color-mix(in oklab,var(--skippr-color-black)15%,transparent)}}.skippr\\:stroke-bubble{stroke:#2d2b3d}.skippr\\:object-contain{object-fit:contain}.skippr\\:object-cover{object-fit:cover}.skippr\\:p-0{padding:calc(var(--skippr-spacing)*0)}.skippr\\:p-1\\.5{padding:calc(var(--skippr-spacing)*1.5)}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-3\\.5{padding:calc(var(--skippr-spacing)*3.5)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:p-\\[2px\\]{padding:2px}.skippr\\:p-\\[3px\\]{padding:3px}.skippr\\:p-\\[9px\\]{padding:9px}.skippr\\:p-\\[14px\\]{padding:14px}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-3\\.5{padding-inline:calc(var(--skippr-spacing)*3.5)}.skippr\\:px-4{padding-inline:calc(var(--skippr-spacing)*4)}.skippr\\:px-5{padding-inline:calc(var(--skippr-spacing)*5)}.skippr\\:px-6{padding-inline:calc(var(--skippr-spacing)*6)}.skippr\\:px-8{padding-inline:calc(var(--skippr-spacing)*8)}.skippr\\:px-\\[5px\\]{padding-inline:5px}.skippr\\:px-\\[7px\\]{padding-inline:7px}.skippr\\:px-\\[8px\\]{padding-inline:8px}.skippr\\:px-\\[9px\\]{padding-inline:9px}.skippr\\:px-\\[10px\\]{padding-inline:10px}.skippr\\:px-\\[11px\\]{padding-inline:11px}.skippr\\:px-\\[12px\\]{padding-inline:12px}.skippr\\:px-\\[18px\\]{padding-inline:18px}.skippr\\:px-\\[22px\\]{padding-inline:22px}.skippr\\:py-0\\.5{padding-block:calc(var(--skippr-spacing)*.5)}.skippr\\:py-1{padding-block:calc(var(--skippr-spacing)*1)}.skippr\\:py-1\\.5{padding-block:calc(var(--skippr-spacing)*1.5)}.skippr\\:py-2{padding-block:calc(var(--skippr-spacing)*2)}.skippr\\:py-2\\.5{padding-block:calc(var(--skippr-spacing)*2.5)}.skippr\\:py-3{padding-block:calc(var(--skippr-spacing)*3)}.skippr\\:py-4{padding-block:calc(var(--skippr-spacing)*4)}.skippr\\:py-6{padding-block:calc(var(--skippr-spacing)*6)}.skippr\\:py-\\[1px\\]{padding-block:1px}.skippr\\:py-\\[3px\\]{padding-block:3px}.skippr\\:py-\\[4px\\]{padding-block:4px}.skippr\\:py-\\[5px\\]{padding-block:5px}.skippr\\:py-\\[6px\\]{padding-block:6px}.skippr\\:py-\\[7px\\]{padding-block:7px}.skippr\\:py-\\[13px\\]{padding-block:13px}.skippr\\:pt-1{padding-top:calc(var(--skippr-spacing)*1)}.skippr\\:pt-5{padding-top:calc(var(--skippr-spacing)*5)}.skippr\\:pt-\\[8px\\]{padding-top:8px}.skippr\\:pt-\\[9px\\]{padding-top:9px}.skippr\\:pt-\\[10px\\]{padding-top:10px}.skippr\\:pt-\\[18px\\]{padding-top:18px}.skippr\\:pt-\\[22px\\]{padding-top:22px}.skippr\\:pr-2\\.5{padding-right:calc(var(--skippr-spacing)*2.5)}.skippr\\:pr-3{padding-right:calc(var(--skippr-spacing)*3)}.skippr\\:pr-\\[5px\\]{padding-right:5px}.skippr\\:pr-\\[6px\\]{padding-right:6px}.skippr\\:pr-\\[9px\\]{padding-right:9px}.skippr\\:pr-\\[10px\\]{padding-right:10px}.skippr\\:pb-0\\.5{padding-bottom:calc(var(--skippr-spacing)*.5)}.skippr\\:pb-1{padding-bottom:calc(var(--skippr-spacing)*1)}.skippr\\:pb-4{padding-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:pb-\\[8px\\]{padding-bottom:8px}.skippr\\:pb-\\[10px\\]{padding-bottom:10px}.skippr\\:pb-\\[22px\\]{padding-bottom:22px}.skippr\\:pl-1\\.5{padding-left:calc(var(--skippr-spacing)*1.5)}.skippr\\:pl-2\\.5{padding-left:calc(var(--skippr-spacing)*2.5)}.skippr\\:pl-3\\.5{padding-left:calc(var(--skippr-spacing)*3.5)}.skippr\\:pl-\\[9px\\]{padding-left:9px}.skippr\\:pl-\\[13px\\]{padding-left:13px}.skippr\\:text-center{text-align:center}.skippr\\:text-left{text-align:left}.skippr\\:font-mono{font-family:var(--skippr-font-mono)}.skippr\\:text-sm{font-size:var(--skippr-text-sm);line-height:var(--tw-leading,var(--skippr-text-sm--line-height))}.skippr\\:text-xs{font-size:var(--skippr-text-xs);line-height:var(--tw-leading,var(--skippr-text-xs--line-height))}.skippr\\:text-\\[8\\.5px\\]{font-size:8.5px}.skippr\\:text-\\[9\\.5px\\]{font-size:9.5px}.skippr\\:text-\\[9px\\]{font-size:9px}.skippr\\:text-\\[10\\.5px\\]{font-size:10.5px}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11\\.5px\\]{font-size:11.5px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:text-\\[12\\.5px\\]{font-size:12.5px}.skippr\\:text-\\[12px\\]{font-size:12px}.skippr\\:text-\\[13px\\]{font-size:13px}.skippr\\:text-\\[14px\\]{font-size:14px}.skippr\\:text-\\[16px\\]{font-size:16px}.skippr\\:text-\\[18px\\]{font-size:18px}.skippr\\:leading-5{--tw-leading:calc(var(--skippr-spacing)*5);line-height:calc(var(--skippr-spacing)*5)}.skippr\\:leading-\\[1\\.2\\]{--tw-leading:1.2;line-height:1.2}.skippr\\:leading-\\[1\\.25\\]{--tw-leading:1.25;line-height:1.25}.skippr\\:leading-none{--tw-leading:1;line-height:1}.skippr\\:leading-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-snug{--tw-leading:var(--skippr-leading-snug);line-height:var(--skippr-leading-snug)}.skippr\\:font-bold{--tw-font-weight:var(--skippr-font-weight-bold);font-weight:var(--skippr-font-weight-bold)}.skippr\\:font-medium{--tw-font-weight:var(--skippr-font-weight-medium);font-weight:var(--skippr-font-weight-medium)}.skippr\\:font-semibold{--tw-font-weight:var(--skippr-font-weight-semibold);font-weight:var(--skippr-font-weight-semibold)}.skippr\\:tracking-\\[-0\\.01em\\]{--tw-tracking:-.01em;letter-spacing:-.01em}.skippr\\:tracking-\\[-0\\.0125em\\]{--tw-tracking:-.0125em;letter-spacing:-.0125em}.skippr\\:tracking-\\[0\\.02em\\]{--tw-tracking:.02em;letter-spacing:.02em}.skippr\\:tracking-\\[0\\.05em\\]{--tw-tracking:.05em;letter-spacing:.05em}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-\\[\\#2D2D3F\\]{color:#2d2d3f}.skippr\\:text-\\[\\#5a5650\\]{color:#5a5650}.skippr\\:text-\\[\\#5c5850\\]{color:#5c5850}.skippr\\:text-\\[\\#6b6660\\]{color:#6b6660}.skippr\\:text-\\[\\#6b6875\\]{color:#6b6875}.skippr\\:text-\\[\\#8b877f\\]{color:#8b877f}.skippr\\:text-\\[\\#92400e\\]{color:#92400e}.skippr\\:text-\\[\\#a8a49c\\]{color:#a8a49c}.skippr\\:text-\\[\\#b8b4ac\\]{color:#b8b4ac}.skippr\\:text-\\[\\#c9c5bd\\]{color:#c9c5bd}.skippr\\:text-\\[\\#cbc7bf\\]{color:#cbc7bf}.skippr\\:text-\\[\\#dc2626\\]{color:#dc2626}.skippr\\:text-\\[var\\(--skippr-brand-deep\\)\\]{color:var(--skippr-brand-deep)}.skippr\\:text-amber-700{color:var(--skippr-color-amber-700)}.skippr\\:text-amber-950{color:var(--skippr-color-amber-950)}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-black,.skippr\\:text-black\\/40{color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-black\\/40{color:color-mix(in oklab,var(--skippr-color-black)40%,transparent)}}.skippr\\:text-brand{color:var(--skippr-brand,#2bc0ae)}.skippr\\:text-brand-on-white{color:var(--skippr-brand-on-white,#1e8478)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-neutral-500{color:var(--skippr-color-neutral-500)}.skippr\\:text-neutral-700{color:var(--skippr-color-neutral-700)}.skippr\\:text-primary{color:var(--skippr-brand,#2d2b3d)}.skippr\\:text-primary-foreground{color:var(--skippr-brand-foreground,#fff)}.skippr\\:text-red-400{color:var(--skippr-color-red-400)}.skippr\\:text-red-600{color:var(--skippr-color-red-600)}.skippr\\:text-red-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white,.skippr\\:text-white\\/60{color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-white\\/60{color:color-mix(in oklab,var(--skippr-color-white)60%,transparent)}}.skippr\\:capitalize{text-transform:capitalize}.skippr\\:uppercase{text-transform:uppercase}.skippr\\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.skippr\\:line-through{text-decoration-line:line-through}.skippr\\:underline{text-decoration-line:underline}.skippr\\:decoration-muted-foreground\\/40{text-decoration-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:underline-offset-2,.skippr\\:underline-offset-\\[2px\\]{text-underline-offset:2px}.skippr\\:placeholder-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}.skippr\\:opacity-0{opacity:0}.skippr\\:opacity-40{opacity:.4}.skippr\\:opacity-75{opacity:.75}.skippr\\:opacity-100{opacity:1}.skippr\\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-3px_0_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:-3px 0 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-4px_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:-4px 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-6px_8px_30px_rgba\\(15\\,18\\,26\\,0\\.32\\)\\]{--tw-shadow:-6px 8px 30px var(--tw-shadow-color,#0f121a52);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_-3px_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:0 -3px 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_-6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 -6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_1\\.5px_rgba\\(255\\,255\\,255\\,0\\.85\\)\\]{--tw-shadow:0 0 0 1.5px var(--tw-shadow-color,#ffffffd9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_1px_rgba\\(45\\,45\\,63\\,0\\.10\\)\\,0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.04\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#2d2d3f1a),0 1px 2px var(--tw-shadow-color,#2d2d3f0a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_4px_var\\(--skippr-brand-ring\\)\\]{--tw-shadow:0 0 0 4px var(--tw-shadow-color,var(--skippr-brand-ring));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.05\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#2d2d3f0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.08\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#2d2d3f14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.28\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#2d2d3f24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_3px_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:0 3px 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(45\\,45\\,63\\,0\\.1\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#2d2d3f1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(239\\,68\\,68\\,0\\.45\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#ef444473);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(45\\,43\\,61\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2d2b3d73),0 2px 4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_6px_16px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{--tw-shadow:0 6px 16px var(--tw-shadow-color,#2d2d3f24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_22px_rgba\\(45\\,45\\,63\\,0\\.12\\)\\,0_1px_3px_rgba\\(45\\,45\\,63\\,0\\.04\\)\\]{--tw-shadow:0 8px 22px var(--tw-shadow-color,#2d2d3f1f),0 1px 3px var(--tw-shadow-color,#2d2d3f0a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(45\\,43\\,61\\,0\\.35\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#2d2b3d59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_30px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#2d2d3f24),0 2px 6px var(--tw-shadow-color,#2d2d3f0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_26px_rgba\\(45\\,45\\,63\\,0\\.13\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.05\\)\\]{--tw-shadow:0 10px 26px var(--tw-shadow-color,#2d2d3f21),0 2px 6px var(--tw-shadow-color,#2d2d3f0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_28px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 10px 28px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_30px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\,0_0_0_1\\.5px_var\\(--skippr-brand-ring\\)\\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#2d2d3f24),0 0 0 1.5px var(--tw-shadow-color,var(--skippr-brand-ring));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_32px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 32px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_14px_34px_rgba\\(45\\,45\\,63\\,0\\.15\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{--tw-shadow:0 14px 34px var(--tw-shadow-color,#2d2d3f26),0 2px 6px var(--tw-shadow-color,#2d2d3f0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[3px_0_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:3px 0 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[4px_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:4px 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[inset_0_0_0_1\\.5px_var\\(--skippr-brand\\,\\#2bc0ae\\)\\]{--tw-shadow:inset 0 0 0 1.5px var(--tw-shadow-color,var(--skippr-brand,#2bc0ae));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-black\\/5{--tw-ring-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--skippr-color-black)5%,transparent)}}.skippr\\:ring-brand{--tw-ring-color:var(--skippr-brand,#2bc0ae)}.skippr\\:ring-white\\/15{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-white\\/15{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)15%,transparent)}}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_2px_5px_rgba\\(0\\,0\\,0\\,0\\.4\\)\\]{--tw-drop-shadow-size:drop-shadow(0 2px 5px var(--tw-drop-shadow-color,#0006));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--skippr-blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.skippr\\:transition-\\[filter\\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[gap\\]{transition-property:gap;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[height\\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[left\\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[opacity\\,transform\\,height\\]{transition-property:opacity,transform,height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,height\\,background-color\\,border-color\\]{transition-property:width,height,background-color,border-color;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,margin\\]{transition-property:width,margin;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-75{--tw-duration:75ms;transition-duration:75ms}.skippr\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:duration-\\[400ms\\]{--tw-duration:.4s;transition-duration:.4s}.skippr\\:ease-\\[cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.skippr\\:ease-\\[cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.3,.64,1);transition-timing-function:cubic-bezier(.34,1.3,.64,1)}.skippr\\:ease-\\[cubic-bezier\\(0\\.34\\,1\\.56\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.56,.64,1);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:ease-out{--tw-ease:var(--skippr-ease-out);transition-timing-function:var(--skippr-ease-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:select-none{-webkit-user-select:none;user-select:none}.skippr\\:select-text{-webkit-user-select:text;user-select:text}.skippr\\:\\[animation-delay\\:0ms\\]{animation-delay:0s}.skippr\\:\\[animation-delay\\:150ms\\]{animation-delay:.15s}.skippr\\:\\[animation-delay\\:200ms\\]{animation-delay:.2s}.skippr\\:\\[animation-delay\\:300ms\\]{animation-delay:.3s}.skippr\\:\\[animation-delay\\:400ms\\]{animation-delay:.4s}.skippr\\:\\[overflow-anchor\\:none\\]{overflow-anchor:none}.skippr\\:group-focus-within\\:scale-100:is(:where(.skippr\\:group):focus-within *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-focus-within\\:opacity-100:is(:where(.skippr\\:group):focus-within *){opacity:1}@media (hover:hover){.skippr\\:group-hover\\:scale-100:is(:where(.skippr\\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-hover\\:text-red-300:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-red-300)}.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:group-hover\\:opacity-100:is(:where(.skippr\\:group):hover *){opacity:1}}.skippr\\:placeholder\\:text-\\[\\#b0aca4\\]::placeholder{color:#b0aca4}.skippr\\:first\\:mt-0:first-child{margin-top:calc(var(--skippr-spacing)*0)}@media (hover:hover){.skippr\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--skippr-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:hover\\:bg-\\[\\#3a384b\\]:hover{background-color:#3a384b}.skippr\\:hover\\:bg-\\[\\#3d3d52\\]:hover{background-color:#3d3d52}.skippr\\:hover\\:bg-\\[\\#f2f0eb\\]:hover{background-color:#f2f0eb}.skippr\\:hover\\:bg-\\[\\#f4f2ee\\]:hover{background-color:#f4f2ee}.skippr\\:hover\\:bg-\\[\\#f6f4f0\\]:hover{background-color:#f6f4f0}.skippr\\:hover\\:bg-\\[rgba\\(45\\,45\\,63\\,0\\.04\\)\\]:hover{background-color:#2d2d3f0a}.skippr\\:hover\\:bg-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-amber-100:hover{background-color:var(--skippr-color-amber-100)}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-foreground\\/8:hover{background-color:oklab(14.7% .00261104 .00303026/.08)}.skippr\\:hover\\:bg-muted:hover{background-color:oklch(97% .001 106.424)}.skippr\\:hover\\:bg-neutral-100:hover{background-color:var(--skippr-color-neutral-100)}.skippr\\:hover\\:bg-neutral-200:hover{background-color:var(--skippr-color-neutral-200)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)90%,transparent)}}.skippr\\:hover\\:bg-red-200:hover{background-color:var(--skippr-color-red-200)}.skippr\\:hover\\:bg-red-600:hover{background-color:var(--skippr-color-red-600)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\:bg-transparent:hover{background-color:#0000}.skippr\\:hover\\:bg-white\\/20:hover{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-white\\/20:hover{background-color:color-mix(in oklab,var(--skippr-color-white)20%,transparent)}}.skippr\\:hover\\:text-\\[\\#2D2D3F\\]:hover{color:#2d2d3f}.skippr\\:hover\\:text-\\[\\#5a5650\\]:hover{color:#5a5650}.skippr\\:hover\\:text-\\[\\#8b877f\\]:hover{color:#8b877f}.skippr\\:hover\\:text-\\[\\#b8b4ac\\]:hover{color:#b8b4ac}.skippr\\:hover\\:text-accent-foreground:hover{color:oklch(21.6% .006 56.043)}.skippr\\:hover\\:text-foreground:hover{color:oklch(14.7% .004 49.25)}.skippr\\:hover\\:underline:hover{text-decoration-line:underline}.skippr\\:hover\\:decoration-muted-foreground:hover{text-decoration-color:oklch(55.3% .013 58.071)}.skippr\\:hover\\:opacity-80:hover{opacity:.8}.skippr\\:hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:hover\\:brightness-\\[1\\.04\\]:hover{--tw-brightness:brightness(1.04);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.skippr\\:hover\\:brightness-\\[1\\.06\\]:hover{--tw-brightness:brightness(1.06);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.skippr\\:focus\\:border-primary:focus{border-color:var(--skippr-brand,#2d2b3d)}.skippr\\:focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:focus\\:ring-primary\\/30:focus{--tw-ring-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:focus\\:ring-primary\\/30:focus{--tw-ring-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)30%,transparent)}}.skippr\\:focus-visible\\:border-\\[var\\(--skippr-brand-ring\\)\\]:focus-visible{border-color:var(--skippr-brand-ring)}.skippr\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:focus-visible\\:ring-\\[var\\(--skippr-brand-ring\\)\\]:focus-visible{--tw-ring-color:var(--skippr-brand-ring)}.skippr\\:focus-visible\\:ring-bubble\\/60:focus-visible{--tw-ring-color:oklab(29.9244% .0107414 -.0305411/.6)}.skippr\\:focus-visible\\:ring-ring:focus-visible{--tw-ring-color:oklch(70.9% .01 56.259)}.skippr\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.skippr\\:focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.skippr\\:focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.skippr\\:focus-visible\\:outline-\\[var\\(--skippr-brand\\)\\]:focus-visible{outline-color:var(--skippr-brand)}.skippr\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.skippr\\:active\\:translate-y-0:active{--tw-translate-y:calc(var(--skippr-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:active\\:scale-\\[0\\.98\\]:active{scale:.98}.skippr\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.skippr\\:disabled\\:cursor-default:disabled{cursor:default}.skippr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.skippr\\:disabled\\:opacity-50:disabled{opacity:.5}.skippr\\:disabled\\:opacity-60:disabled{opacity:.6}.skippr\\:disabled\\:opacity-80:disabled{opacity:.8}@media (hover:hover){.skippr\\:disabled\\:hover\\:bg-\\[\\#2D2D3F\\]:disabled:hover{background-color:#2d2d3f}.skippr\\:disabled\\:hover\\:bg-white:disabled:hover{background-color:var(--skippr-color-white)}}@media (prefers-reduced-motion:reduce){.skippr\\:motion-reduce\\:hidden{display:none}.skippr\\:motion-reduce\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:motion-reduce\\:animate-none{animation:none}}.skippr\\:\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.skippr\\:\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.skippr\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}}:host{--skippr-brand-active:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-active:color-mix(in srgb,var(--skippr-brand,#2bc0ae)93%,#000)}}:host{--skippr-brand-deep:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-deep:color-mix(in srgb,var(--skippr-brand,#2bc0ae)78%,#000)}}:host{--skippr-brand-ring:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-ring:color-mix(in srgb,var(--skippr-brand,#2bc0ae)22%,transparent)}}:host{--skippr-brand-halo:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-halo:color-mix(in srgb,var(--skippr-brand,#2bc0ae)40%,transparent)}}:host{--skippr-brand-glow:linear-gradient(90deg,var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae))}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-glow:linear-gradient(90deg,var(--skippr-brand,#2bc0ae),color-mix(in srgb,var(--skippr-brand,#2bc0ae)55%,#fff),color-mix(in srgb,var(--skippr-brand,#2bc0ae)72%,#fff),var(--skippr-brand,#2bc0ae),color-mix(in srgb,var(--skippr-brand,#2bc0ae)42%,#fff))}}@keyframes skippr-tap{0%{transform:scale(1)}45%{transform:scale(.7)}to{transform:scale(1)}}@keyframes skippr-press{0%{transform:scale(1)}55%{transform:scale(1)}85%{transform:scale(.68)}to{transform:scale(1)}}@keyframes skippr-cursor-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes skippr-click-ping{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes skippr-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-speak{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-thinking-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes skippr-pulse-ring{0%,to{box-shadow:0 0 #2d2b3d66}50%{box-shadow:0 0 0 10px #2d2b3d00}}@keyframes skippr-rec-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)55%,transparent)}70%{box-shadow:0 0 0 11px #0000}to{box-shadow:0 0 #0000}}@keyframes skippr-voice-pulse{0%{box-shadow:0 0 0 0 var(--skippr-pulse-color,#2bc0ae80)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}@keyframes skippr-ptt-transmit{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)60%,transparent),0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)35%,transparent)}70%{box-shadow:0 0 0 9px #0000,0 0 0 16px #0000}to{box-shadow:0 0 #0000,0 0 #0000}}@keyframes skippr-annotation-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)50%,transparent)}50%{box-shadow:0 0 0 6px #0000}}@keyframes skippr-speak-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes skippr-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes skippr-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes skippr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-evaporate{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}55%{opacity:.85;filter:blur()}to{opacity:0;filter:blur(2.5px);transform:translateY(-7px)scale(.965)}}@keyframes skippr-mote-rise{0%{opacity:0;transform:translateY(2px)scale(.5)}25%{opacity:.85}to{opacity:0;transform:translateY(-24px)scale(1)}}@keyframes skippr-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes skippr-wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-bubble-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-tip-in{0%{opacity:0;transform:translateY(14px)scale(.96)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-pill-content{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skippr-banner-look{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes skippr-finger-tap{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(2px)rotate(-6deg)}}@keyframes skippr-toolset-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes skippr-stage-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skippr-agent-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-orb-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@keyframes skippr-blink{0%,40%{transform:scaleY(1)}41.3%,42%{transform:scaleY(.08)}43.3%,70%{transform:scaleY(1)}71.3%,72%{transform:scaleY(.08)}73.3%,to{transform:scaleY(1)}}.skippr-buddy-blink{transform-box:fill-box;transform-origin:50%;animation:5s linear infinite skippr-blink}@keyframes skippr-avatar-eyes-bob{0%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(0)}18%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(24px)}33.33%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-30px)}48%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-7px)}64%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-30px)}82%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(31px)}96%,to{transform:translateY(0)}}@keyframes skippr-avatar-pupil-glance{0%,21.33%{transform:translate(0)}28%,68%{transform:translate(-30px)}74%,to{transform:translate(0)}}@keyframes skippr-avatar-body-vibe{0%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}17.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}33.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}49.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}65.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}81.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}96%,to{transform:scale(1)}}@keyframes skippr-avatar-blink{0%,40%{transform:scaleY(1)}41.3%,42%{transform:scaleY(.08)}43.3%,70%{transform:scaleY(1)}71.3%,72%{transform:scaleY(.08)}73.3%,to{transform:scaleY(1)}}@keyframes skippr-avatar-bub-tail-drift{0%,10%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translate(0)}45%,60%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translate(-24px)}95%,to{transform:translate(0)}}@keyframes skippr-avatar-antenna-shake{0%,to{transform:rotate(-4deg)}25%{transform:rotate(4deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.skippr-avatar-eyes{animation:5s infinite skippr-avatar-eyes-bob}.skippr-avatar-pupil{animation:5s linear infinite skippr-avatar-pupil-glance}.skippr-avatar-body{transform-box:fill-box;transform-origin:50% 100%;animation:5s infinite skippr-avatar-body-vibe}.skippr-avatar-blink{transform-box:fill-box;transform-origin:50%;animation:5s infinite skippr-avatar-blink}.skippr-avatar-body .skippr-avatar-antenna{transform-box:view-box;transform-origin:48px 22px;animation:1.6s ease-in-out infinite skippr-avatar-antenna-shake}.skippr-avatar-body .skippr-avatar-bub-tail{animation:5s infinite skippr-avatar-bub-tail-drift}@keyframes skippr-buddy-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes skippr-buddy-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes skippr-buddy-pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes skippr-buddy-sleep{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(1px)scale(.995)}}@keyframes skippr-buddy-zfloat{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes skippr-peek-left{0%,20%{transform:translate(-58%)}46%,66%{transform:translate(0)}92%,to{transform:translate(-58%)}}@keyframes skippr-peek-right{0%,20%{transform:translate(58%)}46%,66%{transform:translate(0)}92%,to{transform:translate(58%)}}@keyframes skippr-peek-top{0%,20%{transform:translateY(-58%)}46%,66%{transform:translateY(0)}92%,to{transform:translateY(-58%)}}@keyframes skippr-peek-bottom{0%,20%{transform:translateY(58%)}46%,66%{transform:translateY(0)}92%,to{transform:translateY(58%)}}.skippr-peek-left{animation:3.6s ease-in-out infinite skippr-peek-left}.skippr-peek-right{animation:3.6s ease-in-out infinite skippr-peek-right}.skippr-peek-top{animation:3.6s ease-in-out infinite skippr-peek-top}.skippr-peek-bottom{animation:3.6s ease-in-out infinite skippr-peek-bottom}.skippr-peek-out{animation:none;transform:none}@keyframes skippr-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes skippr-block-reveal{0%{opacity:0;max-height:0;transform:translateY(-4px)}55%{opacity:1}to{opacity:1;max-height:260px;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.skippr-buddy-blink,[style*=skippr-blink],[style*=skippr-buddy-bob],[style*=skippr-buddy-breathe],[style*=skippr-buddy-pop],[style*=skippr-buddy-sleep],[style*=skippr-buddy-zfloat],.skippr-avatar-eyes,.skippr-avatar-pupil,.skippr-avatar-body,.skippr-avatar-blink,.skippr-avatar-body .skippr-avatar-antenna,.skippr-avatar-body .skippr-avatar-bub-tail,.skippr-peek-left,.skippr-peek-right,.skippr-peek-top,.skippr-peek-bottom{animation-play-state:paused}}.skippr-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.skippr-no-scrollbar::-webkit-scrollbar{display:none}:host{color:var(--color-foreground)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
8486
8526
  const hostStyle = accentColor && isHexColor(accentColor) ? {
8487
8527
  "--skippr-brand": accentColor,
8488
8528
  "--skippr-brand-foreground": brandForeground(accentColor),
@@ -8865,12 +8905,36 @@ function LoadingDots({ label }) {
8865
8905
  });
8866
8906
  }
8867
8907
 
8908
+ // src/components/LogoMark.tsx
8909
+ import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
8910
+ function LogoMark({ className, decorative }) {
8911
+ return /* @__PURE__ */ jsxs24("svg", {
8912
+ viewBox: "21 21 109 109",
8913
+ fill: "none",
8914
+ xmlns: "http://www.w3.org/2000/svg",
8915
+ role: decorative ? undefined : "img",
8916
+ "aria-label": decorative ? undefined : "Skippr",
8917
+ "aria-hidden": decorative || undefined,
8918
+ className,
8919
+ children: [
8920
+ /* @__PURE__ */ jsx30("path", {
8921
+ d: "M119.497 24C124.193 24 128 27.8071 128 32.5033V81.3974C128 83.0339 127.536 84.5616 126.735 85.8587L89.8936 57.4811L89.8943 57.4804C80.4203 50.1648 66.2971 56.7058 66.297 69.0147V89.9007H29.5033C24.8071 89.9007 21 86.0936 21 81.3974V32.5033C21 27.8071 24.8071 24 29.5033 24H119.497ZM76.2715 69.0147C76.2716 65.1724 80.7356 63.0111 83.7978 65.3755L115.637 89.9007H76.2715V69.0147Z",
8922
+ fill: "currentColor"
8923
+ }),
8924
+ /* @__PURE__ */ jsx30("path", {
8925
+ d: "M83.7979 64.8856C80.7358 62.5211 76.2716 64.6824 76.2716 68.5247V120.892C76.2716 125.27 81.8518 127.191 84.5938 123.755L97.6194 107.437C98.1001 106.836 98.7119 106.35 99.4091 106.016C100.106 105.683 100.871 105.51 101.645 105.51H122.946C127.386 105.51 129.316 99.9436 125.81 97.2466L83.7979 64.8856Z",
8926
+ className: "skippr:fill-brand"
8927
+ })
8928
+ ]
8929
+ });
8930
+ }
8931
+
8868
8932
  // src/components/MessageList.tsx
8869
8933
  import { useCallback as useCallback25, useLayoutEffect as useLayoutEffect3, useRef as useRef31, useState as useState27 } from "react";
8870
8934
 
8871
8935
  // src/components/ChatInput.tsx
8872
8936
  import { useContext as useContext16, useEffect as useEffect33, useRef as useRef29, useState as useState24 } from "react";
8873
- import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
8937
+ import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
8874
8938
  var MAX_INPUT_HEIGHT = 60;
8875
8939
  function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
8876
8940
  const ctx = useContext16(LiveAgentContext);
@@ -8912,12 +8976,12 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
8912
8976
  handleSubmit(e);
8913
8977
  }
8914
8978
  }
8915
- return /* @__PURE__ */ jsxs24("form", {
8979
+ return /* @__PURE__ */ jsxs25("form", {
8916
8980
  onSubmit: handleSubmit,
8917
8981
  "data-skippr-no-drag": "",
8918
8982
  className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:border-t skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:p-[9px]",
8919
8983
  children: [
8920
- /* @__PURE__ */ jsx30("textarea", {
8984
+ /* @__PURE__ */ jsx31("textarea", {
8921
8985
  ref: textareaRef,
8922
8986
  rows: 1,
8923
8987
  value: inputText,
@@ -8928,7 +8992,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
8928
8992
  className: "skippr:min-w-0 skippr:flex-1 skippr:resize-none skippr:overflow-y-auto skippr:rounded-[10px] skippr:border skippr:border-[rgba(45,45,63,0.14)] skippr:bg-white skippr:px-[10px] skippr:py-[7px] skippr:text-[13px] skippr:font-medium skippr:leading-5 skippr:text-[#2D2D3F] skippr:shadow-[0_1px_2px_rgba(45,45,63,0.05)] skippr:outline-none skippr:focus-visible:border-[var(--skippr-brand-ring)] skippr:focus-visible:ring-2 skippr:focus-visible:ring-[var(--skippr-brand-ring)] skippr:placeholder:text-[#b0aca4]",
8929
8993
  style: { maxHeight: `${MAX_INPUT_HEIGHT}px` }
8930
8994
  }),
8931
- /* @__PURE__ */ jsx30("button", {
8995
+ /* @__PURE__ */ jsx31("button", {
8932
8996
  type: "submit",
8933
8997
  disabled: !canSend,
8934
8998
  "aria-label": "Send message",
@@ -8937,7 +9001,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
8937
9001
  color: "var(--skippr-brand-foreground, #2d2b3d)"
8938
9002
  },
8939
9003
  className: cn("skippr:flex skippr:size-[34px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:transition-[filter] skippr:focus-visible:outline-2 skippr:focus-visible:outline-offset-2 skippr:focus-visible:outline-[var(--skippr-brand)]", canSend ? "skippr:cursor-pointer skippr:hover:brightness-[1.06]" : "skippr:cursor-not-allowed"),
8940
- children: /* @__PURE__ */ jsx30(Send, {
9004
+ children: /* @__PURE__ */ jsx31(Send, {
8941
9005
  className: "skippr:size-[16px]",
8942
9006
  strokeWidth: 2
8943
9007
  })
@@ -8947,7 +9011,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
8947
9011
  }
8948
9012
 
8949
9013
  // src/components/ChatMessage.tsx
8950
- import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
9014
+ import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
8951
9015
  function formatTimestamp(ts) {
8952
9016
  return new Date(ts).toLocaleTimeString("en-US", {
8953
9017
  hour: "numeric",
@@ -8957,16 +9021,16 @@ function formatTimestamp(ts) {
8957
9021
  }
8958
9022
  function ChatMessage({ message }) {
8959
9023
  const isAgent = message.role === "assistant";
8960
- return /* @__PURE__ */ jsx31("div", {
9024
+ return /* @__PURE__ */ jsx32("div", {
8961
9025
  className: cn("skippr:flex skippr:gap-2", isAgent ? "skippr:items-start" : "skippr:justify-end"),
8962
- children: /* @__PURE__ */ jsxs25("div", {
9026
+ children: /* @__PURE__ */ jsxs26("div", {
8963
9027
  className: cn("skippr:flex skippr:max-w-[80%] skippr:flex-col", isAgent ? "skippr:items-start" : "skippr:items-end"),
8964
9028
  children: [
8965
- /* @__PURE__ */ jsx31("div", {
9029
+ /* @__PURE__ */ jsx32("div", {
8966
9030
  className: cn("skippr:rounded-2xl skippr:px-4 skippr:py-2.5 skippr:text-sm skippr:leading-relaxed", isAgent ? "skippr:border skippr:border-border skippr:bg-card skippr:text-foreground" : "skippr:bg-primary skippr:text-primary-foreground"),
8967
9031
  children: message.content
8968
9032
  }),
8969
- message.timestamp && /* @__PURE__ */ jsx31("span", {
9033
+ message.timestamp && /* @__PURE__ */ jsx32("span", {
8970
9034
  className: "skippr:mt-1 skippr:px-1 skippr:text-[10px] skippr:text-muted-foreground/60",
8971
9035
  children: formatTimestamp(message.timestamp)
8972
9036
  })
@@ -8989,7 +9053,7 @@ async function copyToClipboard(text) {
8989
9053
  }
8990
9054
 
8991
9055
  // src/components/LinkCard.tsx
8992
- import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
9056
+ import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
8993
9057
  var COPIED_RESET_MS = 2000;
8994
9058
  var DISMISS_AFTER_COPY_MS = 3000;
8995
9059
  function LinkCard({ card, onDismiss }) {
@@ -9014,56 +9078,56 @@ function LinkCard({ card, onDismiss }) {
9014
9078
  setCopied(true);
9015
9079
  dismissTimerRef.current = setTimeout(onDismiss, DISMISS_AFTER_COPY_MS);
9016
9080
  }, [card.url, onDismiss]);
9017
- return /* @__PURE__ */ jsxs26("div", {
9081
+ return /* @__PURE__ */ jsxs27("div", {
9018
9082
  className: "skippr:rounded-2xl skippr:rounded-tl-md skippr:bg-card skippr:p-3.5 skippr:ring-2 skippr:ring-brand",
9019
9083
  children: [
9020
- /* @__PURE__ */ jsxs26("div", {
9084
+ /* @__PURE__ */ jsxs27("div", {
9021
9085
  className: "skippr:mb-1 skippr:flex skippr:items-start skippr:justify-between skippr:gap-2",
9022
9086
  children: [
9023
- card.title && /* @__PURE__ */ jsx32("p", {
9087
+ card.title && /* @__PURE__ */ jsx33("p", {
9024
9088
  className: "skippr:text-sm skippr:font-semibold skippr:leading-snug skippr:text-foreground",
9025
9089
  children: card.title
9026
9090
  }),
9027
- /* @__PURE__ */ jsx32("button", {
9091
+ /* @__PURE__ */ jsx33("button", {
9028
9092
  type: "button",
9029
9093
  onClick: onDismiss,
9030
9094
  "aria-label": "Dismiss link",
9031
9095
  className: "skippr:-mr-1 skippr:-mt-1 skippr:flex skippr:size-6 skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-muted-foreground skippr:transition-colors skippr:hover:bg-muted skippr:hover:text-foreground",
9032
- children: /* @__PURE__ */ jsx32(X, {
9096
+ children: /* @__PURE__ */ jsx33(X, {
9033
9097
  className: "skippr:size-3.5",
9034
9098
  strokeWidth: 2.5
9035
9099
  })
9036
9100
  })
9037
9101
  ]
9038
9102
  }),
9039
- /* @__PURE__ */ jsx32("p", {
9103
+ /* @__PURE__ */ jsx33("p", {
9040
9104
  className: "skippr:mb-3 skippr:truncate skippr:text-xs skippr:text-muted-foreground",
9041
9105
  children: card.url
9042
9106
  }),
9043
- /* @__PURE__ */ jsxs26("div", {
9107
+ /* @__PURE__ */ jsxs27("div", {
9044
9108
  className: "skippr:flex skippr:gap-2",
9045
9109
  children: [
9046
- /* @__PURE__ */ jsxs26("a", {
9110
+ /* @__PURE__ */ jsxs27("a", {
9047
9111
  href: card.url,
9048
9112
  target: "_blank",
9049
9113
  rel: "noopener noreferrer",
9050
9114
  className: "skippr:inline-flex skippr:flex-1 skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-md skippr:bg-primary skippr:py-2 skippr:text-sm skippr:font-medium skippr:text-primary-foreground skippr:transition-all skippr:hover:bg-primary/90 skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-ring skippr:focus-visible:ring-offset-2",
9051
9115
  children: [
9052
- /* @__PURE__ */ jsx32(ExternalLink, {
9116
+ /* @__PURE__ */ jsx33(ExternalLink, {
9053
9117
  className: "skippr:size-4"
9054
9118
  }),
9055
9119
  "Open"
9056
9120
  ]
9057
9121
  }),
9058
- /* @__PURE__ */ jsxs26(Button, {
9122
+ /* @__PURE__ */ jsxs27(Button, {
9059
9123
  variant: "outline",
9060
9124
  className: "skippr:flex-1 skippr:py-2",
9061
9125
  onClick: handleCopy,
9062
9126
  "aria-label": "Copy link",
9063
9127
  children: [
9064
- copied ? /* @__PURE__ */ jsx32(Check, {
9128
+ copied ? /* @__PURE__ */ jsx33(Check, {
9065
9129
  className: "skippr:size-4"
9066
- }) : /* @__PURE__ */ jsx32(Copy, {
9130
+ }) : /* @__PURE__ */ jsx33(Copy, {
9067
9131
  className: "skippr:size-4"
9068
9132
  }),
9069
9133
  copied ? "Copied" : "Copy link"
@@ -9077,28 +9141,28 @@ function LinkCard({ card, onDismiss }) {
9077
9141
 
9078
9142
  // src/components/PlanCard.tsx
9079
9143
  import { useEffect as useEffect35, useState as useState26 } from "react";
9080
- import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
9144
+ import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
9081
9145
  var APPROVE_MESSAGE = "Yes, go ahead.";
9082
9146
  var CANCEL_MESSAGE = "No, cancel that.";
9083
9147
  var COMPLETED_CARD_VISIBLE_MS = 2500;
9084
9148
  var APPROVING_RESET_MS = 8000;
9085
9149
  function StepIcon({ status }) {
9086
9150
  if (status === "done") {
9087
- return /* @__PURE__ */ jsx33(CircleCheck, {
9151
+ return /* @__PURE__ */ jsx34(CircleCheck, {
9088
9152
  className: "skippr:size-4 skippr:text-chart-3"
9089
9153
  });
9090
9154
  }
9091
9155
  if (status === "failed") {
9092
- return /* @__PURE__ */ jsx33(CircleX, {
9156
+ return /* @__PURE__ */ jsx34(CircleX, {
9093
9157
  className: "skippr:size-4 skippr:text-destructive"
9094
9158
  });
9095
9159
  }
9096
9160
  if (status === "active") {
9097
- return /* @__PURE__ */ jsx33(Circle, {
9161
+ return /* @__PURE__ */ jsx34(Circle, {
9098
9162
  className: "skippr:size-4 skippr:fill-primary/30 skippr:text-primary"
9099
9163
  });
9100
9164
  }
9101
- return /* @__PURE__ */ jsx33(Circle, {
9165
+ return /* @__PURE__ */ jsx34(Circle, {
9102
9166
  className: "skippr:size-4 skippr:text-muted-foreground/30"
9103
9167
  });
9104
9168
  }
@@ -9129,43 +9193,43 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
9129
9193
  const timer = setTimeout(onDismiss, COMPLETED_CARD_VISIBLE_MS);
9130
9194
  return () => clearTimeout(timer);
9131
9195
  }, [plan.state, onDismiss]);
9132
- return /* @__PURE__ */ jsxs27("div", {
9196
+ return /* @__PURE__ */ jsxs28("div", {
9133
9197
  className: "skippr:rounded-2xl skippr:rounded-tl-md skippr:bg-card skippr:p-3.5 skippr:ring-2 skippr:ring-brand",
9134
9198
  children: [
9135
- /* @__PURE__ */ jsx33("p", {
9199
+ /* @__PURE__ */ jsx34("p", {
9136
9200
  className: "skippr:mb-3 skippr:text-sm skippr:font-semibold skippr:leading-snug skippr:text-foreground",
9137
9201
  children: "Plan"
9138
9202
  }),
9139
- /* @__PURE__ */ jsx33("div", {
9203
+ /* @__PURE__ */ jsx34("div", {
9140
9204
  className: "skippr:space-y-2",
9141
- children: plan.steps.map((step) => /* @__PURE__ */ jsxs27("div", {
9205
+ children: plan.steps.map((step) => /* @__PURE__ */ jsxs28("div", {
9142
9206
  className: "skippr:flex skippr:items-center skippr:gap-2",
9143
9207
  children: [
9144
- /* @__PURE__ */ jsx33(StepIcon, {
9208
+ /* @__PURE__ */ jsx34(StepIcon, {
9145
9209
  status: step.status
9146
9210
  }),
9147
- /* @__PURE__ */ jsx33("p", {
9211
+ /* @__PURE__ */ jsx34("p", {
9148
9212
  className: cn("skippr:text-sm skippr:leading-snug", step.status === "done" && "skippr:text-muted-foreground skippr:line-through", step.status === "active" && "skippr:font-medium skippr:text-foreground", step.status === "pending" && "skippr:text-muted-foreground", step.status === "failed" && "skippr:text-destructive"),
9149
9213
  children: step.label
9150
9214
  })
9151
9215
  ]
9152
9216
  }, step.index))
9153
9217
  }),
9154
- awaitingApproval && /* @__PURE__ */ jsxs27("div", {
9218
+ awaitingApproval && /* @__PURE__ */ jsxs28("div", {
9155
9219
  className: "skippr:mt-3.5 skippr:flex skippr:gap-2",
9156
9220
  children: [
9157
- /* @__PURE__ */ jsxs27(Button, {
9221
+ /* @__PURE__ */ jsxs28(Button, {
9158
9222
  className: "skippr:flex-1 skippr:gap-1.5 skippr:py-2",
9159
9223
  disabled: isApproving,
9160
9224
  onClick: approve,
9161
9225
  children: [
9162
- isApproving && /* @__PURE__ */ jsx33("span", {
9226
+ isApproving && /* @__PURE__ */ jsx34("span", {
9163
9227
  className: "skippr:size-3 skippr:shrink-0 skippr:animate-spin skippr:rounded-full skippr:border-2 skippr:border-white/30 skippr:border-t-white"
9164
9228
  }),
9165
9229
  isApproving ? "Approving…" : "Approve"
9166
9230
  ]
9167
9231
  }),
9168
- /* @__PURE__ */ jsx33(Button, {
9232
+ /* @__PURE__ */ jsx34(Button, {
9169
9233
  variant: "outline",
9170
9234
  className: "skippr:flex-1 skippr:py-2",
9171
9235
  disabled: isApproving,
@@ -9179,26 +9243,26 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
9179
9243
  }
9180
9244
 
9181
9245
  // src/components/TypingIndicator.tsx
9182
- import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
9246
+ import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
9183
9247
  function TypingIndicator() {
9184
- return /* @__PURE__ */ jsx34("div", {
9248
+ return /* @__PURE__ */ jsx35("div", {
9185
9249
  className: "skippr:flex skippr:items-start skippr:gap-2 skippr:animate-skippr-tab-fade",
9186
- children: /* @__PURE__ */ jsxs28("div", {
9250
+ children: /* @__PURE__ */ jsxs29("div", {
9187
9251
  className: "skippr:inline-flex skippr:items-center skippr:gap-1 skippr:rounded-2xl skippr:border skippr:border-primary/20 skippr:bg-primary/10 skippr:px-4 skippr:py-2 skippr:text-xs skippr:text-primary",
9188
9252
  children: [
9189
- /* @__PURE__ */ jsx34("span", {
9253
+ /* @__PURE__ */ jsx35("span", {
9190
9254
  children: "Agent is analyzing your screen"
9191
9255
  }),
9192
- /* @__PURE__ */ jsxs28("span", {
9256
+ /* @__PURE__ */ jsxs29("span", {
9193
9257
  className: "skippr:inline-flex skippr:items-center skippr:gap-[2px]",
9194
9258
  children: [
9195
- /* @__PURE__ */ jsx34("span", {
9259
+ /* @__PURE__ */ jsx35("span", {
9196
9260
  className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:0ms]"
9197
9261
  }),
9198
- /* @__PURE__ */ jsx34("span", {
9262
+ /* @__PURE__ */ jsx35("span", {
9199
9263
  className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:200ms]"
9200
9264
  }),
9201
- /* @__PURE__ */ jsx34("span", {
9265
+ /* @__PURE__ */ jsx35("span", {
9202
9266
  className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:400ms]"
9203
9267
  })
9204
9268
  ]
@@ -9209,7 +9273,7 @@ function TypingIndicator() {
9209
9273
  }
9210
9274
 
9211
9275
  // src/components/MessageList.tsx
9212
- import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
9276
+ import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
9213
9277
  var BOTTOM_THRESHOLD_PX = 32;
9214
9278
  function MessageList({
9215
9279
  messages,
@@ -9268,59 +9332,59 @@ function MessageList({
9268
9332
  container.scrollTop = container.scrollHeight;
9269
9333
  }, [messages.length, lastMessage?.content]);
9270
9334
  const showTyping = isStreaming && lastMessage?.role === "assistant" && lastMessage.content === "";
9271
- return /* @__PURE__ */ jsxs29("div", {
9335
+ return /* @__PURE__ */ jsxs30("div", {
9272
9336
  className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
9273
9337
  children: [
9274
- /* @__PURE__ */ jsxs29("div", {
9338
+ /* @__PURE__ */ jsxs30("div", {
9275
9339
  className: "skippr:relative skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
9276
9340
  children: [
9277
- /* @__PURE__ */ jsxs29("div", {
9341
+ /* @__PURE__ */ jsxs30("div", {
9278
9342
  ref: containerRef,
9279
9343
  onScroll: handleScroll,
9280
9344
  "data-skippr-no-drag": "",
9281
9345
  className: "skippr:min-h-0 skippr:flex-1 skippr:select-text skippr:space-y-4 skippr:overflow-y-auto skippr:p-4 skippr:[overflow-anchor:none]",
9282
9346
  children: [
9283
- messages.length === 0 && !showTyping && (readOnly ? /* @__PURE__ */ jsx35("p", {
9347
+ messages.length === 0 && !showTyping && (readOnly ? /* @__PURE__ */ jsx36("p", {
9284
9348
  className: "skippr:px-2 skippr:py-6 skippr:text-center skippr:text-sm skippr:text-muted-foreground",
9285
9349
  children: "No messages in this conversation yet."
9286
- }) : /* @__PURE__ */ jsx35(LoadingDots, {
9350
+ }) : /* @__PURE__ */ jsx36(LoadingDots, {
9287
9351
  label: "Waiting for conversation to begin..."
9288
9352
  })),
9289
- messages.map((message) => /* @__PURE__ */ jsx35(ChatMessage, {
9353
+ messages.map((message) => /* @__PURE__ */ jsx36(ChatMessage, {
9290
9354
  message
9291
9355
  }, message.id)),
9292
- showTyping && /* @__PURE__ */ jsx35(TypingIndicator, {})
9356
+ showTyping && /* @__PURE__ */ jsx36(TypingIndicator, {})
9293
9357
  ]
9294
9358
  }),
9295
- showJumpToLatest && /* @__PURE__ */ jsx35("button", {
9359
+ showJumpToLatest && /* @__PURE__ */ jsx36("button", {
9296
9360
  type: "button",
9297
9361
  onClick: jumpToLatest,
9298
9362
  "aria-label": "Jump to latest message",
9299
9363
  className: "skippr:-translate-x-1/2 skippr:absolute skippr:bottom-3 skippr:left-1/2 skippr:flex skippr:min-h-11 skippr:min-w-11 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:border skippr:border-border skippr:bg-background skippr:p-1.5 skippr:text-foreground skippr:shadow-md skippr:transition-colors skippr:hover:bg-muted",
9300
- children: /* @__PURE__ */ jsx35(ChevronDown, {
9364
+ children: /* @__PURE__ */ jsx36(ChevronDown, {
9301
9365
  className: "skippr:size-4"
9302
9366
  })
9303
9367
  })
9304
9368
  ]
9305
9369
  }),
9306
- sendChatMessage && isPlanVisible(plan) && plan.planId !== dismissedPlanId && /* @__PURE__ */ jsx35("div", {
9370
+ sendChatMessage && isPlanVisible(plan) && plan.planId !== dismissedPlanId && /* @__PURE__ */ jsx36("div", {
9307
9371
  "data-skippr-no-drag": "",
9308
9372
  className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
9309
- children: /* @__PURE__ */ jsx35(PlanCard, {
9373
+ children: /* @__PURE__ */ jsx36(PlanCard, {
9310
9374
  plan,
9311
9375
  sendChatMessage,
9312
9376
  onDismiss: dismissPlan
9313
9377
  }, plan.planId)
9314
9378
  }),
9315
- linkCard && linkCard.cardId !== dismissedLinkCardId && /* @__PURE__ */ jsx35("div", {
9379
+ linkCard && linkCard.cardId !== dismissedLinkCardId && /* @__PURE__ */ jsx36("div", {
9316
9380
  "data-skippr-no-drag": "",
9317
9381
  className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
9318
- children: /* @__PURE__ */ jsx35(LinkCard, {
9382
+ children: /* @__PURE__ */ jsx36(LinkCard, {
9319
9383
  card: linkCard,
9320
9384
  onDismiss: dismissLinkCard
9321
9385
  }, linkCard.cardId)
9322
9386
  }),
9323
- !readOnly && sendChatMessage && /* @__PURE__ */ jsx35(ChatInput, {
9387
+ !readOnly && sendChatMessage && /* @__PURE__ */ jsx36(ChatInput, {
9324
9388
  sendChatMessage,
9325
9389
  isSendingChat,
9326
9390
  autoFocus
@@ -9331,14 +9395,14 @@ function MessageList({
9331
9395
 
9332
9396
  // src/components/SessionAgenda.tsx
9333
9397
  import { useContext as useContext17 } from "react";
9334
- import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
9398
+ import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
9335
9399
  function SessionAgenda({ phases, hasStarted }) {
9336
9400
  const ctx = useContext17(LiveAgentContext);
9337
9401
  const title = ctx?.activeModule?.name ?? "Agenda";
9338
9402
  if (phases.length === 0 || !hasStarted) {
9339
- return /* @__PURE__ */ jsx36("div", {
9403
+ return /* @__PURE__ */ jsx37("div", {
9340
9404
  className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
9341
- children: /* @__PURE__ */ jsx36(LoadingDots, {
9405
+ children: /* @__PURE__ */ jsx37(LoadingDots, {
9342
9406
  label: "Waiting for agenda to load..."
9343
9407
  })
9344
9408
  });
@@ -9348,17 +9412,17 @@ function SessionAgenda({ phases, hasStarted }) {
9348
9412
  const activeIndex = phases.findIndex((p) => p.status === "active");
9349
9413
  const currentStep = activeIndex >= 0 ? activeIndex + 1 : Math.min(completedCount + 1, total);
9350
9414
  const progressPct = Math.round(completedCount / total * 100);
9351
- return /* @__PURE__ */ jsxs30("div", {
9415
+ return /* @__PURE__ */ jsxs31("div", {
9352
9416
  className: "skippr:flex-1 skippr:overflow-y-auto skippr:p-[14px]",
9353
9417
  children: [
9354
- /* @__PURE__ */ jsxs30("div", {
9418
+ /* @__PURE__ */ jsxs31("div", {
9355
9419
  className: "skippr:mb-2 skippr:flex skippr:items-baseline skippr:justify-between",
9356
9420
  children: [
9357
- /* @__PURE__ */ jsx36("span", {
9421
+ /* @__PURE__ */ jsx37("span", {
9358
9422
  className: "skippr:text-[12.5px] skippr:font-semibold skippr:text-[#2D2D3F]",
9359
9423
  children: title
9360
9424
  }),
9361
- /* @__PURE__ */ jsxs30("span", {
9425
+ /* @__PURE__ */ jsxs31("span", {
9362
9426
  className: "skippr:text-[11px] skippr:font-semibold skippr:text-[var(--skippr-brand-deep)]",
9363
9427
  children: [
9364
9428
  "step ",
@@ -9369,14 +9433,14 @@ function SessionAgenda({ phases, hasStarted }) {
9369
9433
  })
9370
9434
  ]
9371
9435
  }),
9372
- /* @__PURE__ */ jsx36("div", {
9436
+ /* @__PURE__ */ jsx37("div", {
9373
9437
  role: "progressbar",
9374
9438
  "aria-label": "Agenda progress",
9375
9439
  "aria-valuenow": Math.round(progressPct),
9376
9440
  "aria-valuemin": 0,
9377
9441
  "aria-valuemax": 100,
9378
9442
  className: "skippr:mb-[14px] skippr:h-[5px] skippr:overflow-hidden skippr:rounded-full skippr:bg-[#eeeae4]",
9379
- children: /* @__PURE__ */ jsx36("div", {
9443
+ children: /* @__PURE__ */ jsx37("div", {
9380
9444
  className: "skippr:h-full skippr:rounded-full skippr:bg-brand",
9381
9445
  style: { width: `${progressPct}%` }
9382
9446
  })
@@ -9384,29 +9448,29 @@ function SessionAgenda({ phases, hasStarted }) {
9384
9448
  phases.map((phase) => {
9385
9449
  const isActive = phase.status === "active";
9386
9450
  const isCompleted = phase.status === "completed";
9387
- return /* @__PURE__ */ jsxs30("div", {
9451
+ return /* @__PURE__ */ jsxs31("div", {
9388
9452
  className: "skippr:flex skippr:items-center skippr:gap-[9px] skippr:py-[5px]",
9389
9453
  children: [
9390
- isCompleted ? /* @__PURE__ */ jsx36("span", {
9454
+ isCompleted ? /* @__PURE__ */ jsx37("span", {
9391
9455
  className: "skippr:flex skippr:size-[19px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-brand",
9392
- children: /* @__PURE__ */ jsx36(Check, {
9456
+ children: /* @__PURE__ */ jsx37(Check, {
9393
9457
  className: "skippr:size-[11px]",
9394
9458
  style: { color: "var(--skippr-brand-foreground, #2d2b3d)" },
9395
9459
  strokeWidth: 3
9396
9460
  })
9397
- }) : isActive ? /* @__PURE__ */ jsx36("span", {
9461
+ }) : isActive ? /* @__PURE__ */ jsx37("span", {
9398
9462
  className: "skippr:flex skippr:size-[19px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-brand skippr:shadow-[0_0_0_4px_var(--skippr-brand-ring)]",
9399
- children: /* @__PURE__ */ jsx36("span", {
9463
+ children: /* @__PURE__ */ jsx37("span", {
9400
9464
  className: "skippr:size-[6px] skippr:rounded-full skippr:bg-white"
9401
9465
  })
9402
- }) : /* @__PURE__ */ jsx36("span", {
9466
+ }) : /* @__PURE__ */ jsx37("span", {
9403
9467
  className: "skippr:size-[19px] skippr:shrink-0 skippr:rounded-full skippr:border-2 skippr:border-[#d8d3ca] skippr:bg-white"
9404
9468
  }),
9405
- /* @__PURE__ */ jsx36("span", {
9469
+ /* @__PURE__ */ jsx37("span", {
9406
9470
  className: cn("skippr:text-[12.5px]", isActive || isCompleted ? "skippr:font-semibold skippr:text-[#2D2D3F]" : "skippr:font-medium skippr:text-[#a8a49c]"),
9407
9471
  children: phase.name
9408
9472
  }),
9409
- isActive && /* @__PURE__ */ jsx36("span", {
9473
+ isActive && /* @__PURE__ */ jsx37("span", {
9410
9474
  className: "skippr:ml-auto skippr:text-[9.5px] skippr:font-bold skippr:uppercase skippr:tracking-[0.05em] skippr:text-[var(--skippr-brand-deep)]",
9411
9475
  children: "now"
9412
9476
  })
@@ -9418,12 +9482,12 @@ function SessionAgenda({ phases, hasStarted }) {
9418
9482
  }
9419
9483
 
9420
9484
  // src/components/SessionWarningBanner.tsx
9421
- import { jsx as jsx37 } from "react/jsx-runtime";
9485
+ import { jsx as jsx38 } from "react/jsx-runtime";
9422
9486
  var SESSION_WARNING_THRESHOLD_SECS = 60;
9423
9487
  function SessionWarningBanner({ remaining }) {
9424
9488
  if (remaining === null || remaining <= 0 || remaining > SESSION_WARNING_THRESHOLD_SECS)
9425
9489
  return null;
9426
- return /* @__PURE__ */ jsx37("div", {
9490
+ return /* @__PURE__ */ jsx38("div", {
9427
9491
  "data-testid": "session-warning-banner",
9428
9492
  role: "alert",
9429
9493
  className: "skippr:bg-red-50 skippr:px-4 skippr:py-1.5 skippr:text-center skippr:text-xs skippr:font-medium skippr:text-red-700",
@@ -9432,7 +9496,7 @@ function SessionWarningBanner({ remaining }) {
9432
9496
  }
9433
9497
 
9434
9498
  // src/components/Sidebar.tsx
9435
- import { jsx as jsx38, jsxs as jsxs31, Fragment as Fragment4 } from "react/jsx-runtime";
9499
+ import { jsx as jsx39, jsxs as jsxs32, Fragment as Fragment4 } from "react/jsx-runtime";
9436
9500
  var PANEL_GAP_PX = 12;
9437
9501
  var PANEL_VIEWPORT_MARGIN_PX = 24;
9438
9502
  var PANEL_MAX_HEIGHT_PX = 460;
@@ -9542,17 +9606,17 @@ function Sidebar({
9542
9606
  document.body.style.transition = "";
9543
9607
  };
9544
9608
  }, [isSidebar, isPanelOpen, position]);
9545
- return /* @__PURE__ */ jsxs31("div", {
9609
+ return /* @__PURE__ */ jsxs32("div", {
9546
9610
  ref: internalCtx?.panelRef,
9547
9611
  className: cn("skippr:fixed skippr:z-[9999]", "skippr:bg-card", "skippr:flex skippr:flex-col", "skippr:overflow-hidden", isFloating && "skippr:rounded-[16px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:shadow-[0_14px_34px_rgba(45,45,63,0.15),0_2px_6px_rgba(45,45,63,0.06)]", isFloating && "skippr:transition-[opacity,transform,height] skippr:duration-300 skippr:ease-in-out", isFloating && (popsDown ? isLeftAligned ? "skippr:origin-top-left" : "skippr:origin-top-right" : isLeftAligned ? "skippr:origin-bottom-left" : "skippr:origin-bottom-right"), isFloating && !isPanelOpen && "skippr:scale-0 skippr:opacity-0 skippr:pointer-events-none", isFloating && isPanelOpen && "skippr:scale-100 skippr:opacity-100", followsPanel && "skippr:select-none", isSidebar && "skippr:top-0 skippr:h-full", isSidebar && "skippr:transition-[width] skippr:duration-300 skippr:ease-in-out", isSidebar && position === "right" && "skippr:right-0 skippr:border-l skippr:border-l-border", isSidebar && position === "left" && "skippr:left-0 skippr:border-r skippr:border-r-border", isSidebar && !isPanelOpen && "skippr:w-0 skippr:border-0"),
9548
9612
  style: { width: isPanelOpen ? SIDEBAR_WIDTH : undefined, ...floatingStyle },
9549
9613
  children: [
9550
- !hideHeader && /* @__PURE__ */ jsx38(ChatHeader, {
9614
+ !hideHeader && /* @__PURE__ */ jsx39(ChatHeader, {
9551
9615
  wasDraggedRef,
9552
9616
  draggable: followsPanel,
9553
9617
  headerRef
9554
9618
  }),
9555
- authFailed ? /* @__PURE__ */ jsx38(AuthError, {}) : isAuthenticated && hasResolvedModules ? /* @__PURE__ */ jsx38(AuthenticatedContent, {
9619
+ authFailed ? /* @__PURE__ */ jsx39(AuthError, {}) : isAuthenticated && hasResolvedModules ? /* @__PURE__ */ jsx39(AuthenticatedContent, {
9556
9620
  isConnected,
9557
9621
  isPaused,
9558
9622
  isPausing,
@@ -9568,14 +9632,14 @@ function Sidebar({
9568
9632
  talkLabel: startSessionLabel,
9569
9633
  talkDisabled,
9570
9634
  showTalk: !isFloating
9571
- }) : usesHostAuth || isValidating || isAuthenticated ? /* @__PURE__ */ jsx38("div", {
9635
+ }) : usesHostAuth || isValidating || isAuthenticated ? /* @__PURE__ */ jsx39("div", {
9572
9636
  className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
9573
- children: /* @__PURE__ */ jsx38(LoadingDots, {
9637
+ children: /* @__PURE__ */ jsx39(LoadingDots, {
9574
9638
  label: "Loading..."
9575
9639
  })
9576
- }) : /* @__PURE__ */ jsx38("div", {
9640
+ }) : /* @__PURE__ */ jsx39("div", {
9577
9641
  "data-skippr-no-drag": "",
9578
- children: /* @__PURE__ */ jsx38(LoginFlow, {
9642
+ children: /* @__PURE__ */ jsx39(LoginFlow, {
9579
9643
  requestOtp,
9580
9644
  verifyOtp,
9581
9645
  error: authError,
@@ -9604,20 +9668,20 @@ function AuthenticatedContent({
9604
9668
  }) {
9605
9669
  const inSession = isConnected || isStarting || isPaused || isPausing;
9606
9670
  const effectiveTab = showAgenda ? activeTab : "chat";
9607
- return /* @__PURE__ */ jsxs31(Fragment4, {
9671
+ return /* @__PURE__ */ jsxs32(Fragment4, {
9608
9672
  children: [
9609
- isConnected && /* @__PURE__ */ jsx38(ConnectedBanner, {}),
9610
- /* @__PURE__ */ jsx38("div", {
9673
+ isConnected && /* @__PURE__ */ jsx39(ConnectedBanner, {}),
9674
+ /* @__PURE__ */ jsx39("div", {
9611
9675
  className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
9612
- children: isDisconnecting ? /* @__PURE__ */ jsx38("div", {
9676
+ children: isDisconnecting ? /* @__PURE__ */ jsx39("div", {
9613
9677
  className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
9614
- children: /* @__PURE__ */ jsx38(LoadingDots, {
9678
+ children: /* @__PURE__ */ jsx39(LoadingDots, {
9615
9679
  label: "Ending session..."
9616
9680
  })
9617
- }) : inSession ? /* @__PURE__ */ jsx38(ConnectedBody, {
9681
+ }) : inSession ? /* @__PURE__ */ jsx39(ConnectedBody, {
9618
9682
  activeTab: effectiveTab,
9619
9683
  autoFocusChat
9620
- }) : /* @__PURE__ */ jsx38(IdleHistory, {
9684
+ }) : /* @__PURE__ */ jsx39(IdleHistory, {
9621
9685
  activeTab: effectiveTab,
9622
9686
  history: idleHistory,
9623
9687
  onTalk,
@@ -9627,36 +9691,24 @@ function AuthenticatedContent({
9627
9691
  error
9628
9692
  })
9629
9693
  }),
9630
- !hideControls && /* @__PURE__ */ jsx38("div", {
9694
+ !hideControls && /* @__PURE__ */ jsx39("div", {
9631
9695
  "data-skippr-no-drag": "",
9632
9696
  className: "skippr:shrink-0 skippr:border-t skippr:border-border",
9633
- children: /* @__PURE__ */ jsx38("div", {
9697
+ children: /* @__PURE__ */ jsx39("div", {
9634
9698
  className: "skippr:flex skippr:items-center skippr:justify-center skippr:px-4 skippr:pt-1 skippr:pb-0.5 skippr:text-[10px] skippr:text-muted-foreground",
9635
- children: /* @__PURE__ */ jsxs31("a", {
9699
+ children: /* @__PURE__ */ jsxs32("a", {
9636
9700
  href: ATTRIBUTION_URL,
9637
9701
  target: "_blank",
9638
9702
  rel: "noopener noreferrer",
9639
9703
  className: `${FOCUS_RING2} skippr:flex skippr:w-fit skippr:items-center skippr:gap-1 skippr:rounded-[4px] skippr:transition-colors skippr:hover:text-foreground`,
9640
9704
  children: [
9641
- /* @__PURE__ */ jsxs31("svg", {
9642
- viewBox: "21 21 109 109",
9643
- className: "skippr:size-3",
9644
- fill: "none",
9645
- "aria-hidden": "true",
9646
- children: [
9647
- /* @__PURE__ */ jsx38("path", {
9648
- d: "M119.497 24C124.193 24 128 27.8071 128 32.5033V81.3974C128 83.0339 127.536 84.5616 126.735 85.8587L89.8936 57.4811L89.8943 57.4804C80.4203 50.1648 66.2971 56.7058 66.297 69.0147V89.9007H29.5033C24.8071 89.9007 21 86.0936 21 81.3974V32.5033C21 27.8071 24.8071 24 29.5033 24H119.497ZM76.2715 69.0147C76.2716 65.1724 80.7356 63.0111 83.7978 65.3755L115.637 89.9007H76.2715V69.0147Z",
9649
- fill: "currentColor"
9650
- }),
9651
- /* @__PURE__ */ jsx38("path", {
9652
- d: "M83.7979 64.8856C80.7358 62.5211 76.2716 64.6824 76.2716 68.5247V120.892C76.2716 125.27 81.8518 127.191 84.5938 123.755L97.6194 107.437C98.1001 106.836 98.7119 106.35 99.4091 106.016C100.106 105.683 100.871 105.51 101.645 105.51H122.946C127.386 105.51 129.316 99.9436 125.81 97.2466L83.7979 64.8856Z",
9653
- className: "skippr:fill-brand"
9654
- })
9655
- ]
9705
+ /* @__PURE__ */ jsx39(LogoMark, {
9706
+ decorative: true,
9707
+ className: "skippr:size-3"
9656
9708
  }),
9657
9709
  ATTRIBUTION_PREFIX,
9658
9710
  " ",
9659
- /* @__PURE__ */ jsx38("span", {
9711
+ /* @__PURE__ */ jsx39("span", {
9660
9712
  className: "skippr:font-medium skippr:text-foreground skippr:underline skippr:underline-offset-2",
9661
9713
  children: ATTRIBUTION_BRAND
9662
9714
  })
@@ -9664,10 +9716,10 @@ function AuthenticatedContent({
9664
9716
  })
9665
9717
  })
9666
9718
  }),
9667
- /* @__PURE__ */ jsx38("div", {
9719
+ /* @__PURE__ */ jsx39("div", {
9668
9720
  "data-skippr-no-drag": "",
9669
9721
  className: `skippr:shrink-0 skippr:px-2${hideControls ? " skippr:pb-4 skippr:border-t skippr:border-border skippr:pt-1" : " skippr:pb-1"}`,
9670
- children: /* @__PURE__ */ jsx38(ConsentNotice, {
9722
+ children: /* @__PURE__ */ jsx39(ConsentNotice, {
9671
9723
  leadIn: "By continuing",
9672
9724
  determiner: "the",
9673
9725
  className: "skippr:whitespace-nowrap skippr:text-[10px]"
@@ -9677,17 +9729,17 @@ function AuthenticatedContent({
9677
9729
  });
9678
9730
  }
9679
9731
  function AuthError() {
9680
- return /* @__PURE__ */ jsxs31("div", {
9732
+ return /* @__PURE__ */ jsxs32("div", {
9681
9733
  className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:items-center skippr:justify-center skippr:px-6 skippr:py-4 skippr:text-center",
9682
9734
  children: [
9683
- /* @__PURE__ */ jsx38(CircleAlert, {
9735
+ /* @__PURE__ */ jsx39(CircleAlert, {
9684
9736
  className: "skippr:mb-3 skippr:size-7 skippr:text-destructive"
9685
9737
  }),
9686
- /* @__PURE__ */ jsx38("p", {
9738
+ /* @__PURE__ */ jsx39("p", {
9687
9739
  className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
9688
9740
  children: "We couldn't verify your session"
9689
9741
  }),
9690
- /* @__PURE__ */ jsx38("p", {
9742
+ /* @__PURE__ */ jsx39("p", {
9691
9743
  className: "skippr:mt-1 skippr:text-xs skippr:text-muted-foreground",
9692
9744
  children: "Please contact administrator."
9693
9745
  })
@@ -9696,7 +9748,7 @@ function AuthError() {
9696
9748
  }
9697
9749
  function ConnectedBanner() {
9698
9750
  const remaining = useSessionRemaining();
9699
- return /* @__PURE__ */ jsx38(SessionWarningBanner, {
9751
+ return /* @__PURE__ */ jsx39(SessionWarningBanner, {
9700
9752
  remaining
9701
9753
  });
9702
9754
  }
@@ -9710,45 +9762,45 @@ function IdleHistory({
9710
9762
  error
9711
9763
  }) {
9712
9764
  if (history2.isLoading) {
9713
- return /* @__PURE__ */ jsx38("div", {
9765
+ return /* @__PURE__ */ jsx39("div", {
9714
9766
  className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
9715
- children: /* @__PURE__ */ jsx38(LoadingDots, {
9767
+ children: /* @__PURE__ */ jsx39(LoadingDots, {
9716
9768
  label: "Loading conversation..."
9717
9769
  })
9718
9770
  });
9719
9771
  }
9720
- return /* @__PURE__ */ jsxs31("div", {
9772
+ return /* @__PURE__ */ jsxs32("div", {
9721
9773
  className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
9722
9774
  children: [
9723
- activeTab === "agenda" ? /* @__PURE__ */ jsx38("div", {
9775
+ activeTab === "agenda" ? /* @__PURE__ */ jsx39("div", {
9724
9776
  "data-skippr-no-drag": "",
9725
9777
  className: "skippr:min-h-0 skippr:flex-1 skippr:overflow-y-auto",
9726
- children: /* @__PURE__ */ jsx38(SessionAgenda, {
9778
+ children: /* @__PURE__ */ jsx39(SessionAgenda, {
9727
9779
  phases: history2.phases,
9728
9780
  hasStarted: history2.phases.length > 0
9729
9781
  })
9730
- }) : /* @__PURE__ */ jsx38(MessageList, {
9782
+ }) : /* @__PURE__ */ jsx39(MessageList, {
9731
9783
  messages: history2.messages,
9732
9784
  isStreaming: false,
9733
9785
  readOnly: true
9734
9786
  }),
9735
- (showTalk || error) && /* @__PURE__ */ jsxs31("div", {
9787
+ (showTalk || error) && /* @__PURE__ */ jsxs32("div", {
9736
9788
  "data-skippr-no-drag": "",
9737
9789
  className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
9738
9790
  children: [
9739
- showTalk && /* @__PURE__ */ jsxs31("button", {
9791
+ showTalk && /* @__PURE__ */ jsxs32("button", {
9740
9792
  type: "button",
9741
9793
  onClick: onTalk,
9742
9794
  disabled: talkDisabled,
9743
9795
  className: "skippr:flex skippr:w-full skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-xl skippr:bg-primary skippr:px-4 skippr:py-3 skippr:font-semibold skippr:text-[13px] skippr:text-primary-foreground skippr:transition-colors skippr:hover:bg-primary/90 skippr:disabled:cursor-not-allowed skippr:disabled:opacity-50",
9744
9796
  children: [
9745
- /* @__PURE__ */ jsx38(Mic, {
9797
+ /* @__PURE__ */ jsx39(Mic, {
9746
9798
  className: "skippr:size-4"
9747
9799
  }),
9748
9800
  talkLabel
9749
9801
  ]
9750
9802
  }),
9751
- error && /* @__PURE__ */ jsx38("p", {
9803
+ error && /* @__PURE__ */ jsx39("p", {
9752
9804
  role: "alert",
9753
9805
  className: cn("skippr:text-center skippr:text-xs skippr:text-destructive", showTalk && "skippr:mt-2"),
9754
9806
  children: error
@@ -9769,18 +9821,18 @@ function ConnectedBody({
9769
9821
  const { agentControls, isPaused } = useLiveAgent();
9770
9822
  const { isHeld } = useSessionHoldContext();
9771
9823
  if (activeTab === "agenda") {
9772
- return /* @__PURE__ */ jsx38("div", {
9824
+ return /* @__PURE__ */ jsx39("div", {
9773
9825
  "data-skippr-no-drag": "",
9774
9826
  className: "skippr:min-h-0 skippr:flex-1 skippr:overflow-y-auto skippr:animate-skippr-tab-fade",
9775
- children: /* @__PURE__ */ jsx38(SessionAgenda, {
9827
+ children: /* @__PURE__ */ jsx39(SessionAgenda, {
9776
9828
  phases,
9777
9829
  hasStarted: allMessages.length > 0 || agentState === "speaking"
9778
9830
  })
9779
9831
  }, "agenda");
9780
9832
  }
9781
- return /* @__PURE__ */ jsx38("div", {
9833
+ return /* @__PURE__ */ jsx39("div", {
9782
9834
  className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
9783
- children: /* @__PURE__ */ jsx38(MessageList, {
9835
+ children: /* @__PURE__ */ jsx39(MessageList, {
9784
9836
  messages: allMessages,
9785
9837
  isStreaming: agentState === "speaking",
9786
9838
  sendChatMessage,
@@ -9797,9 +9849,9 @@ function ConnectedBody({
9797
9849
  import { useContext as useContext19 } from "react";
9798
9850
 
9799
9851
  // src/components/Logo.tsx
9800
- import { jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
9852
+ import { jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
9801
9853
  function Logo({ className, decorative }) {
9802
- return /* @__PURE__ */ jsxs32("svg", {
9854
+ return /* @__PURE__ */ jsxs33("svg", {
9803
9855
  width: "1em",
9804
9856
  height: "1em",
9805
9857
  viewBox: "0 0 200 200",
@@ -9810,20 +9862,20 @@ function Logo({ className, decorative }) {
9810
9862
  "aria-hidden": decorative || undefined,
9811
9863
  className,
9812
9864
  children: [
9813
- /* @__PURE__ */ jsx39("rect", {
9865
+ /* @__PURE__ */ jsx40("rect", {
9814
9866
  width: "200",
9815
9867
  height: "200",
9816
9868
  rx: "40",
9817
9869
  fill: "#2D2D3F"
9818
9870
  }),
9819
- /* @__PURE__ */ jsxs32("g", {
9871
+ /* @__PURE__ */ jsxs33("g", {
9820
9872
  transform: "translate(100 100) scale(0.8) translate(-100 -100)",
9821
9873
  children: [
9822
- /* @__PURE__ */ jsx39("path", {
9874
+ /* @__PURE__ */ jsx40("path", {
9823
9875
  d: "M144.497 59C149.193 59 153 62.8071 153 67.5033V116.397C153 118.034 152.536 119.562 151.735 120.859L114.894 92.4811L114.894 92.4804C105.42 85.1648 91.2971 91.7058 91.297 104.015V124.901H54.5033C49.8071 124.901 46 121.094 46 116.397V67.5033C46 62.8071 49.8071 59 54.5033 59H144.497ZM101.272 104.015C101.272 100.172 105.736 98.0111 108.798 100.375L140.637 124.901H101.272V104.015Z",
9824
9876
  fill: "white"
9825
9877
  }),
9826
- /* @__PURE__ */ jsx39("path", {
9878
+ /* @__PURE__ */ jsx40("path", {
9827
9879
  d: "M108.798 99.8856C105.736 97.5211 101.271 99.6824 101.271 103.525V155.892C101.271 160.27 106.852 162.191 109.594 158.755L122.619 142.437C123.1 141.836 123.712 141.35 124.409 141.016C125.106 140.683 125.871 140.51 126.645 140.51H147.946C152.386 140.51 154.316 134.944 150.81 132.247L108.798 99.8856Z",
9828
9880
  className: "skippr:fill-brand"
9829
9881
  })
@@ -9834,7 +9886,7 @@ function Logo({ className, decorative }) {
9834
9886
  }
9835
9887
 
9836
9888
  // src/components/SidebarTrigger.tsx
9837
- import { jsx as jsx40 } from "react/jsx-runtime";
9889
+ import { jsx as jsx41 } from "react/jsx-runtime";
9838
9890
  function SidebarTrigger() {
9839
9891
  const {
9840
9892
  isPanelOpen,
@@ -9854,20 +9906,20 @@ function SidebarTrigger() {
9854
9906
  if (isMinimized || isConnected || isStarting || isPausing)
9855
9907
  return null;
9856
9908
  const handleClick = isPanelOpen && minimizable ? minimizePanel : togglePanel;
9857
- return /* @__PURE__ */ jsx40("button", {
9909
+ return /* @__PURE__ */ jsx41("button", {
9858
9910
  type: "button",
9859
9911
  onClick: handleClick,
9860
9912
  title: isPanelOpen ? "Close chat" : "Open chat",
9861
9913
  "aria-label": isPanelOpen ? "Close chat" : "Open chat",
9862
9914
  style: { bottom: triggerBottomPx(launcherBottomPx, popsDown) },
9863
9915
  className: cn("skippr:fixed skippr:z-[9998]", "skippr:flex skippr:size-12 skippr:items-center skippr:justify-center", "skippr:shadow-[0_4px_16px_rgba(45,43,61,0.45),0_2px_4px_rgba(0,0,0,0.1)] skippr:transition-all", "skippr:cursor-pointer skippr:hover:brightness-110 skippr:hover:-translate-y-0.5 skippr:active:translate-y-0", isPanelOpen ? "skippr:rounded-[14px] skippr:bg-bubble skippr:text-white" : "skippr:rounded-[10px] skippr:overflow-hidden", position === "right" ? "skippr:right-6" : "skippr:left-6"),
9864
- children: isPanelOpen ? /* @__PURE__ */ jsx40(ChevronDown, {
9916
+ children: isPanelOpen ? /* @__PURE__ */ jsx41(ChevronDown, {
9865
9917
  className: "skippr:size-5"
9866
- }) : logoUrl ? /* @__PURE__ */ jsx40("img", {
9918
+ }) : logoUrl ? /* @__PURE__ */ jsx41("img", {
9867
9919
  src: logoUrl,
9868
9920
  alt: "",
9869
9921
  className: "skippr:size-12 skippr:object-cover"
9870
- }) : /* @__PURE__ */ jsx40(Logo, {
9922
+ }) : /* @__PURE__ */ jsx41(Logo, {
9871
9923
  className: "skippr:size-12"
9872
9924
  })
9873
9925
  });
@@ -10212,7 +10264,7 @@ function useVoiceBarDrag(containerRef, onDrop, followRefs, reportDragging) {
10212
10264
 
10213
10265
  // src/components/VoiceBarChatLine.tsx
10214
10266
  import { useCallback as useCallback28, useContext as useContext22, useEffect as useEffect42, useRef as useRef36, useState as useState31 } from "react";
10215
- import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
10267
+ import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
10216
10268
  var IDLE_HIDE_MS = 6000;
10217
10269
  function VoiceBarChatLine({
10218
10270
  popsDown,
@@ -10261,12 +10313,12 @@ function VoiceBarChatLine({
10261
10313
  width: 255,
10262
10314
  ...popsDown ? { top: "calc(100% + 12px)" } : { bottom: "calc(100% + 12px)" }
10263
10315
  };
10264
- return /* @__PURE__ */ jsxs33("div", {
10316
+ return /* @__PURE__ */ jsxs34("div", {
10265
10317
  style: embedded ? undefined : style,
10266
10318
  onPointerDown: (event) => event.stopPropagation(),
10267
10319
  className: cn("skippr:flex skippr:items-center skippr:gap-[7px] skippr:py-[4px] skippr:pl-[13px] skippr:pr-[5px]", !embedded && "skippr:z-[4] skippr:rounded-[12px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_26px_rgba(45,45,63,0.13),0_2px_6px_rgba(45,45,63,0.05)] skippr:[animation:skippr-fade-in_0.16s_ease]"),
10268
10320
  children: [
10269
- /* @__PURE__ */ jsx41("input", {
10321
+ /* @__PURE__ */ jsx42("input", {
10270
10322
  ref: inputRef,
10271
10323
  value: text,
10272
10324
  onChange: (event) => {
@@ -10284,7 +10336,7 @@ function VoiceBarChatLine({
10284
10336
  "aria-label": "Message",
10285
10337
  className: "skippr:min-w-0 skippr:flex-1 skippr:border-none skippr:bg-transparent skippr:py-[7px] skippr:text-[13px] skippr:font-medium skippr:text-[#2D2D3F] skippr:outline-none skippr:placeholder:text-[#b0aca4]"
10286
10338
  }),
10287
- /* @__PURE__ */ jsx41("button", {
10339
+ /* @__PURE__ */ jsx42("button", {
10288
10340
  type: "button",
10289
10341
  onClick: submit,
10290
10342
  disabled: !sendReady,
@@ -10294,7 +10346,7 @@ function VoiceBarChatLine({
10294
10346
  },
10295
10347
  "aria-label": "Send",
10296
10348
  className: "skippr:flex skippr:size-[32px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:transition-[filter] skippr:hover:brightness-[1.06] skippr:focus-visible:outline-2 skippr:focus-visible:outline-offset-2 skippr:focus-visible:outline-[var(--skippr-brand)] skippr:disabled:cursor-not-allowed",
10297
- children: /* @__PURE__ */ jsx41(Send, {
10349
+ children: /* @__PURE__ */ jsx42(Send, {
10298
10350
  className: "skippr:size-[15px]",
10299
10351
  strokeWidth: 2
10300
10352
  })
@@ -10305,7 +10357,7 @@ function VoiceBarChatLine({
10305
10357
 
10306
10358
  // src/components/VoiceBarLinkCard.tsx
10307
10359
  import { useCallback as useCallback29, useEffect as useEffect43, useRef as useRef37, useState as useState32 } from "react";
10308
- import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
10360
+ import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
10309
10361
  var COPIED_RESET_MS2 = 2000;
10310
10362
  var DISMISS_AFTER_COPY_MS2 = 3000;
10311
10363
  function VoiceBarLinkCard({ card, onDismiss }) {
@@ -10330,52 +10382,52 @@ function VoiceBarLinkCard({ card, onDismiss }) {
10330
10382
  setCopied(true);
10331
10383
  dismissTimerRef.current = setTimeout(onDismiss, DISMISS_AFTER_COPY_MS2);
10332
10384
  }, [card.url, onDismiss]);
10333
- return /* @__PURE__ */ jsxs34("div", {
10385
+ return /* @__PURE__ */ jsxs35("div", {
10334
10386
  className: "skippr:relative skippr:w-[225px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
10335
10387
  children: [
10336
- /* @__PURE__ */ jsx42("button", {
10388
+ /* @__PURE__ */ jsx43("button", {
10337
10389
  type: "button",
10338
10390
  onClick: onDismiss,
10339
10391
  "aria-label": "Dismiss link",
10340
10392
  className: "skippr:absolute skippr:right-[8px] skippr:top-[8px] skippr:flex skippr:size-[20px] skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#b8b4ac] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]",
10341
- children: /* @__PURE__ */ jsx42(X, {
10393
+ children: /* @__PURE__ */ jsx43(X, {
10342
10394
  className: "skippr:size-[12px]",
10343
10395
  strokeWidth: 2.5
10344
10396
  })
10345
10397
  }),
10346
- /* @__PURE__ */ jsxs34("div", {
10398
+ /* @__PURE__ */ jsxs35("div", {
10347
10399
  className: "skippr:px-[12px] skippr:pb-[10px] skippr:pt-[10px]",
10348
10400
  children: [
10349
- /* @__PURE__ */ jsx42("p", {
10401
+ /* @__PURE__ */ jsx43("p", {
10350
10402
  className: "skippr:mr-[22px] skippr:truncate skippr:text-[10px] skippr:text-[#8b877f]",
10351
10403
  children: card.url
10352
10404
  }),
10353
- /* @__PURE__ */ jsxs34("div", {
10405
+ /* @__PURE__ */ jsxs35("div", {
10354
10406
  className: "skippr:mt-[9px] skippr:flex skippr:gap-[8px]",
10355
10407
  children: [
10356
- /* @__PURE__ */ jsxs34("a", {
10408
+ /* @__PURE__ */ jsxs35("a", {
10357
10409
  href: card.url,
10358
10410
  target: "_blank",
10359
10411
  rel: "noopener noreferrer",
10360
10412
  className: "skippr:flex skippr:flex-1 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-[6px] skippr:rounded-full skippr:bg-[#2D2D3F] skippr:px-[10px] skippr:py-[6px] skippr:text-[11px] skippr:font-semibold skippr:text-white skippr:transition-colors skippr:hover:bg-[#3d3d52]",
10361
10413
  children: [
10362
- /* @__PURE__ */ jsx42(ExternalLink, {
10414
+ /* @__PURE__ */ jsx43(ExternalLink, {
10363
10415
  className: "skippr:size-[11px]",
10364
10416
  strokeWidth: 2.5
10365
10417
  }),
10366
10418
  "open"
10367
10419
  ]
10368
10420
  }),
10369
- /* @__PURE__ */ jsxs34("button", {
10421
+ /* @__PURE__ */ jsxs35("button", {
10370
10422
  type: "button",
10371
10423
  onClick: handleCopy,
10372
10424
  "aria-label": "Copy link",
10373
10425
  className: "skippr:flex skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-[6px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.12)] skippr:bg-white skippr:px-[10px] skippr:py-[6px] skippr:text-[11px] skippr:font-semibold skippr:text-[#2D2D3F] skippr:transition-colors skippr:hover:bg-[#f2f0eb]",
10374
10426
  children: [
10375
- copied ? /* @__PURE__ */ jsx42(Check, {
10427
+ copied ? /* @__PURE__ */ jsx43(Check, {
10376
10428
  className: "skippr:size-[11px]",
10377
10429
  strokeWidth: 3
10378
- }) : /* @__PURE__ */ jsx42(Copy, {
10430
+ }) : /* @__PURE__ */ jsx43(Copy, {
10379
10431
  className: "skippr:size-[11px]",
10380
10432
  strokeWidth: 2.5
10381
10433
  }),
@@ -10392,7 +10444,7 @@ function VoiceBarLinkCard({ card, onDismiss }) {
10392
10444
 
10393
10445
  // src/components/VoiceBarNotification.tsx
10394
10446
  import { useEffect as useEffect44, useRef as useRef38, useState as useState33 } from "react";
10395
- import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
10447
+ import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
10396
10448
  function VoiceBarNotification({ notifications, pos, onDismiss }) {
10397
10449
  const [index2, setIndex] = useState33(0);
10398
10450
  const [paused, setPaused] = useState33(false);
@@ -10437,21 +10489,21 @@ function VoiceBarNotification({ notifications, pos, onDismiss }) {
10437
10489
  zIndex: 6,
10438
10490
  ...popsDown ? { top: "calc(100% + 10px)" } : { bottom: "calc(100% + 10px)" }
10439
10491
  };
10440
- return /* @__PURE__ */ jsx43("div", {
10492
+ return /* @__PURE__ */ jsx44("div", {
10441
10493
  style: wrapperStyle,
10442
10494
  "data-skippr-no-drag": "",
10443
- children: /* @__PURE__ */ jsxs35("div", {
10495
+ children: /* @__PURE__ */ jsxs36("div", {
10444
10496
  ref: cardRef,
10445
10497
  className: "skippr:flex skippr:w-[255px] skippr:items-center skippr:gap-[8px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:px-[11px] skippr:py-[3px] skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
10446
10498
  children: [
10447
- /* @__PURE__ */ jsx43("span", {
10499
+ /* @__PURE__ */ jsx44("span", {
10448
10500
  className: "skippr:flex skippr:min-h-[16px] skippr:min-w-0 skippr:flex-1 skippr:items-center skippr:text-[10px] skippr:font-medium skippr:leading-[1.25] skippr:text-[#5a5650]",
10449
- children: /* @__PURE__ */ jsx43("span", {
10501
+ children: /* @__PURE__ */ jsx44("span", {
10450
10502
  className: "skippr:line-clamp-2",
10451
10503
  children: notification.message
10452
10504
  })
10453
10505
  }),
10454
- /* @__PURE__ */ jsx43("button", {
10506
+ /* @__PURE__ */ jsx44("button", {
10455
10507
  type: "button",
10456
10508
  onClick: () => {
10457
10509
  notification.activate();
@@ -10460,7 +10512,7 @@ function VoiceBarNotification({ notifications, pos, onDismiss }) {
10460
10512
  className: "skippr:shrink-0 skippr:cursor-pointer skippr:rounded-full skippr:bg-[#2D2D3F] skippr:px-[9px] skippr:py-[3px] skippr:text-[9.5px] skippr:font-semibold skippr:text-white skippr:transition-colors skippr:hover:bg-[#3d3d52]",
10461
10513
  children: "start"
10462
10514
  }),
10463
- hasMultiple && /* @__PURE__ */ jsxs35("button", {
10515
+ hasMultiple && /* @__PURE__ */ jsxs36("button", {
10464
10516
  type: "button",
10465
10517
  onClick: () => setIndex((current) => (current + 1) % notifications.length),
10466
10518
  "aria-label": "Next",
@@ -10470,7 +10522,7 @@ function VoiceBarNotification({ notifications, pos, onDismiss }) {
10470
10522
  safeIndex + 1,
10471
10523
  "/",
10472
10524
  notifications.length,
10473
- /* @__PURE__ */ jsx43(ChevronRight, {
10525
+ /* @__PURE__ */ jsx44(ChevronRight, {
10474
10526
  className: "skippr:size-[11px]",
10475
10527
  strokeWidth: 2.5
10476
10528
  })
@@ -10483,13 +10535,13 @@ function VoiceBarNotification({ notifications, pos, onDismiss }) {
10483
10535
 
10484
10536
  // src/components/VoiceBarPlanCard.tsx
10485
10537
  import { useEffect as useEffect45, useState as useState34 } from "react";
10486
- import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
10538
+ import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
10487
10539
  var APPROVING_RESET_MS2 = 8000;
10488
10540
  function StepIndicator({ step }) {
10489
10541
  if (step.status === "done") {
10490
- return /* @__PURE__ */ jsx44("span", {
10542
+ return /* @__PURE__ */ jsx45("span", {
10491
10543
  className: "skippr:flex skippr:size-[16px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-brand",
10492
- children: /* @__PURE__ */ jsx44(Check, {
10544
+ children: /* @__PURE__ */ jsx45(Check, {
10493
10545
  className: "skippr:size-[10px]",
10494
10546
  style: { color: "var(--skippr-brand-foreground, #2d2b3d)" },
10495
10547
  strokeWidth: 3
@@ -10497,15 +10549,15 @@ function StepIndicator({ step }) {
10497
10549
  });
10498
10550
  }
10499
10551
  if (step.status === "failed") {
10500
- return /* @__PURE__ */ jsx44("span", {
10552
+ return /* @__PURE__ */ jsx45("span", {
10501
10553
  className: "skippr:flex skippr:size-[16px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-[#dc2626]",
10502
- children: /* @__PURE__ */ jsx44(X, {
10554
+ children: /* @__PURE__ */ jsx45(X, {
10503
10555
  className: "skippr:size-[10px] skippr:text-white",
10504
10556
  strokeWidth: 3
10505
10557
  })
10506
10558
  });
10507
10559
  }
10508
- return /* @__PURE__ */ jsx44("span", {
10560
+ return /* @__PURE__ */ jsx45("span", {
10509
10561
  className: cn("skippr:flex skippr:size-[16px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-[#f2f0eb] skippr:text-[9px] skippr:font-bold skippr:text-[#8b877f]", step.status === "active" && "skippr:bg-white skippr:text-brand skippr:shadow-[inset_0_0_0_1.5px_var(--skippr-brand,#2bc0ae)]"),
10510
10562
  children: step.index + 1
10511
10563
  });
@@ -10545,75 +10597,75 @@ function VoiceBarPlanCard({
10545
10597
  const timer = setTimeout(onDismiss, COMPLETED_CARD_VISIBLE_MS);
10546
10598
  return () => clearTimeout(timer);
10547
10599
  }, [plan.state, onDismiss]);
10548
- return /* @__PURE__ */ jsxs36("div", {
10600
+ return /* @__PURE__ */ jsxs37("div", {
10549
10601
  className: cn(!embedded && "skippr:w-[255px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]"),
10550
10602
  children: [
10551
- /* @__PURE__ */ jsxs36("div", {
10603
+ /* @__PURE__ */ jsxs37("div", {
10552
10604
  className: "skippr:flex skippr:items-center skippr:justify-between skippr:border-b skippr:border-[rgba(45,45,63,0.06)] skippr:px-[12px] skippr:py-[6px]",
10553
10605
  children: [
10554
- /* @__PURE__ */ jsx44("span", {
10606
+ /* @__PURE__ */ jsx45("span", {
10555
10607
  className: "skippr:text-[11px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#2D2D3F]",
10556
10608
  children: "Plan"
10557
10609
  }),
10558
- /* @__PURE__ */ jsx44("button", {
10610
+ /* @__PURE__ */ jsx45("button", {
10559
10611
  type: "button",
10560
10612
  onClick: onDismiss,
10561
10613
  "aria-label": "Dismiss plan",
10562
10614
  className: "skippr:flex skippr:size-[20px] skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#b8b4ac] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]",
10563
- children: /* @__PURE__ */ jsx44(X, {
10615
+ children: /* @__PURE__ */ jsx45(X, {
10564
10616
  className: "skippr:size-[12px]",
10565
10617
  strokeWidth: 2.5
10566
10618
  })
10567
10619
  })
10568
10620
  ]
10569
10621
  }),
10570
- /* @__PURE__ */ jsxs36("div", {
10622
+ /* @__PURE__ */ jsxs37("div", {
10571
10623
  className: "skippr:px-[12px] skippr:pb-[10px] skippr:pt-[8px]",
10572
10624
  children: [
10573
- /* @__PURE__ */ jsx44("p", {
10625
+ /* @__PURE__ */ jsx45("p", {
10574
10626
  className: "skippr:text-[11.5px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#2D2D3F]",
10575
10627
  children: "Here's my plan"
10576
10628
  }),
10577
- awaitingApproval && /* @__PURE__ */ jsxs36("p", {
10629
+ awaitingApproval && /* @__PURE__ */ jsxs37("p", {
10578
10630
  className: "skippr:mt-[1px] skippr:text-[10px] skippr:text-[#8b877f]",
10579
10631
  children: [
10580
10632
  plan.steps.length,
10581
10633
  " steps · review and approve to run"
10582
10634
  ]
10583
10635
  }),
10584
- /* @__PURE__ */ jsx44("div", {
10636
+ /* @__PURE__ */ jsx45("div", {
10585
10637
  className: "skippr:mt-[8px] skippr:max-h-[132px] skippr:space-y-[6px] skippr:overflow-y-auto skippr:overscroll-contain",
10586
- children: plan.steps.map((step) => /* @__PURE__ */ jsxs36("div", {
10638
+ children: plan.steps.map((step) => /* @__PURE__ */ jsxs37("div", {
10587
10639
  className: "skippr:flex skippr:items-center skippr:gap-[7px]",
10588
10640
  children: [
10589
- /* @__PURE__ */ jsx44(StepIndicator, {
10641
+ /* @__PURE__ */ jsx45(StepIndicator, {
10590
10642
  step
10591
10643
  }),
10592
- /* @__PURE__ */ jsx44("p", {
10644
+ /* @__PURE__ */ jsx45("p", {
10593
10645
  className: cn("skippr:min-w-0 skippr:text-[11px] skippr:leading-snug skippr:text-[#2D2D3F]", step.status === "pending" && "skippr:text-[#8b877f]", step.status === "failed" && "skippr:text-[#dc2626]"),
10594
10646
  children: step.label
10595
10647
  })
10596
10648
  ]
10597
10649
  }, step.index))
10598
10650
  }),
10599
- /* @__PURE__ */ jsx44("div", {
10651
+ /* @__PURE__ */ jsx45("div", {
10600
10652
  className: "skippr:mt-[9px]",
10601
- children: awaitingApproval ? /* @__PURE__ */ jsxs36("div", {
10653
+ children: awaitingApproval ? /* @__PURE__ */ jsxs37("div", {
10602
10654
  className: "skippr:flex skippr:gap-[8px]",
10603
10655
  children: [
10604
- /* @__PURE__ */ jsxs36("button", {
10656
+ /* @__PURE__ */ jsxs37("button", {
10605
10657
  type: "button",
10606
10658
  disabled: isApproving,
10607
10659
  onClick: approve,
10608
10660
  className: "skippr:flex skippr:flex-1 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-[6px] skippr:rounded-full skippr:bg-[#2D2D3F] skippr:px-[10px] skippr:py-[6px] skippr:text-[11px] skippr:font-semibold skippr:text-white skippr:transition-colors skippr:hover:bg-[#3d3d52] skippr:disabled:cursor-default skippr:disabled:opacity-80 skippr:disabled:hover:bg-[#2D2D3F]",
10609
10661
  children: [
10610
- isApproving && /* @__PURE__ */ jsx44("span", {
10662
+ isApproving && /* @__PURE__ */ jsx45("span", {
10611
10663
  className: "skippr:size-[10px] skippr:shrink-0 skippr:animate-spin skippr:rounded-full skippr:border-2 skippr:border-white/30 skippr:border-t-white"
10612
10664
  }),
10613
10665
  isApproving ? "approving…" : "approve plan"
10614
10666
  ]
10615
10667
  }),
10616
- /* @__PURE__ */ jsx44("button", {
10668
+ /* @__PURE__ */ jsx45("button", {
10617
10669
  type: "button",
10618
10670
  disabled: isApproving,
10619
10671
  onClick: cancel,
@@ -10621,11 +10673,11 @@ function VoiceBarPlanCard({
10621
10673
  children: "cancel"
10622
10674
  })
10623
10675
  ]
10624
- }) : /* @__PURE__ */ jsxs36("span", {
10676
+ }) : /* @__PURE__ */ jsxs37("span", {
10625
10677
  style: { color: "var(--skippr-brand-foreground, #2d2b3d)" },
10626
10678
  className: "skippr:flex skippr:items-center skippr:justify-center skippr:gap-[5px] skippr:rounded-full skippr:bg-brand skippr:px-[10px] skippr:py-[6px] skippr:text-[11px] skippr:font-semibold",
10627
10679
  children: [
10628
- /* @__PURE__ */ jsx44(Check, {
10680
+ /* @__PURE__ */ jsx45(Check, {
10629
10681
  className: "skippr:size-[11px]",
10630
10682
  strokeWidth: 3
10631
10683
  }),
@@ -10640,7 +10692,7 @@ function VoiceBarPlanCard({
10640
10692
  }
10641
10693
 
10642
10694
  // src/components/VoiceBarFrame.tsx
10643
- import { jsx as jsx45, jsxs as jsxs37, Fragment as Fragment5 } from "react/jsx-runtime";
10695
+ import { jsx as jsx46, jsxs as jsxs38, Fragment as Fragment5 } from "react/jsx-runtime";
10644
10696
  var AUTO_OFF_MOTES = [
10645
10697
  { left: "13%", delay: "0s", size: 4 },
10646
10698
  { left: "27%", delay: "0.4s", size: 3 },
@@ -10653,19 +10705,19 @@ var AUTO_OFF_MOTES = [
10653
10705
  var EDGE_BUTTON = "skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:text-[#b8b4ac] skippr:cursor-pointer skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]";
10654
10706
  var PILL = "skippr:relative skippr:flex skippr:h-[36px] skippr:min-w-[96px] skippr:flex-1 skippr:items-center skippr:justify-center skippr:gap-[8px] skippr:rounded-full skippr:text-[13px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-white";
10655
10707
  function LoadingAvatar({ logoUrl }) {
10656
- return /* @__PURE__ */ jsxs37("span", {
10708
+ return /* @__PURE__ */ jsxs38("span", {
10657
10709
  className: "skippr:relative skippr:size-[22px] skippr:shrink-0",
10658
10710
  children: [
10659
- /* @__PURE__ */ jsx45("span", {
10711
+ /* @__PURE__ */ jsx46("span", {
10660
10712
  className: "skippr:absolute skippr:-inset-[3px] skippr:rounded-full skippr:border-2 skippr:border-[var(--skippr-brand-ring)] skippr:border-t-brand skippr:animate-spin"
10661
10713
  }),
10662
- /* @__PURE__ */ jsx45("span", {
10714
+ /* @__PURE__ */ jsx46("span", {
10663
10715
  className: "skippr:absolute skippr:inset-0 skippr:overflow-hidden skippr:rounded-full",
10664
- children: logoUrl ? /* @__PURE__ */ jsx45("img", {
10716
+ children: logoUrl ? /* @__PURE__ */ jsx46("img", {
10665
10717
  src: logoUrl,
10666
10718
  alt: "",
10667
10719
  className: "skippr:block skippr:size-full skippr:object-cover"
10668
- }) : /* @__PURE__ */ jsx45("span", {
10720
+ }) : /* @__PURE__ */ jsx46("span", {
10669
10721
  className: "skippr:block skippr:size-full skippr:bg-launcher"
10670
10722
  })
10671
10723
  })
@@ -10673,7 +10725,7 @@ function LoadingAvatar({ logoUrl }) {
10673
10725
  });
10674
10726
  }
10675
10727
  function BusyRing({ tone }) {
10676
- return /* @__PURE__ */ jsx45("span", {
10728
+ return /* @__PURE__ */ jsx46("span", {
10677
10729
  className: cn("skippr:pointer-events-none skippr:absolute skippr:-inset-[3px] skippr:rounded-full skippr:border-2 skippr:animate-spin", tone === "white" ? "skippr:border-white/30 skippr:border-t-white" : "skippr:border-[var(--skippr-brand-ring)] skippr:border-t-brand")
10678
10730
  });
10679
10731
  }
@@ -10696,16 +10748,16 @@ function useTransientHint(timeoutMs) {
10696
10748
  };
10697
10749
  }
10698
10750
  function AgentDots() {
10699
- return /* @__PURE__ */ jsxs37("span", {
10751
+ return /* @__PURE__ */ jsxs38("span", {
10700
10752
  className: "skippr:flex skippr:items-center skippr:gap-[4px]",
10701
10753
  children: [
10702
- /* @__PURE__ */ jsx45("span", {
10754
+ /* @__PURE__ */ jsx46("span", {
10703
10755
  className: "skippr:size-[4px] skippr:rounded-full skippr:bg-current skippr:[animation:skippr-breathe_1.1s_ease-in-out_0s_infinite]"
10704
10756
  }),
10705
- /* @__PURE__ */ jsx45("span", {
10757
+ /* @__PURE__ */ jsx46("span", {
10706
10758
  className: "skippr:size-[4px] skippr:rounded-full skippr:bg-current skippr:[animation:skippr-breathe_1.1s_ease-in-out_0.18s_infinite]"
10707
10759
  }),
10708
- /* @__PURE__ */ jsx45("span", {
10760
+ /* @__PURE__ */ jsx46("span", {
10709
10761
  className: "skippr:size-[4px] skippr:rounded-full skippr:bg-current skippr:[animation:skippr-breathe_1.1s_ease-in-out_0.36s_infinite]"
10710
10762
  })
10711
10763
  ]
@@ -10713,9 +10765,9 @@ function AgentDots() {
10713
10765
  }
10714
10766
  function SpeakingBars() {
10715
10767
  const { barRefs } = useMicLevel(true);
10716
- return /* @__PURE__ */ jsx45("span", {
10768
+ return /* @__PURE__ */ jsx46("span", {
10717
10769
  className: "skippr:flex skippr:h-[22px] skippr:items-center skippr:gap-[3px]",
10718
- children: Array.from({ length: MIC_BARS }).map((_, index2) => /* @__PURE__ */ jsx45("span", {
10770
+ children: Array.from({ length: MIC_BARS }).map((_, index2) => /* @__PURE__ */ jsx46("span", {
10719
10771
  ref: (el) => {
10720
10772
  barRefs.current[index2] = el;
10721
10773
  },
@@ -10735,7 +10787,7 @@ function MicLevelHalo({ enabled }) {
10735
10787
  maxGrowthPx: MIC_HALO_GROWTH_PX,
10736
10788
  noiseGate: MIC_HALO_NOISE_GATE
10737
10789
  });
10738
- return /* @__PURE__ */ jsx45("span", {
10790
+ return /* @__PURE__ */ jsx46("span", {
10739
10791
  ref: (el) => {
10740
10792
  barRefs.current[0] = el;
10741
10793
  },
@@ -10744,7 +10796,7 @@ function MicLevelHalo({ enabled }) {
10744
10796
  });
10745
10797
  }
10746
10798
  function ShortcutChip({ children }) {
10747
- return /* @__PURE__ */ jsx45("span", {
10799
+ return /* @__PURE__ */ jsx46("span", {
10748
10800
  className: "skippr:rounded-[5px] skippr:border skippr:border-[rgba(45,45,63,0.1)] skippr:bg-[#f2f0eb] skippr:px-[5px] skippr:py-[1px] skippr:font-mono skippr:text-[10px] skippr:font-semibold skippr:text-[#6b6660]",
10749
10801
  children
10750
10802
  });
@@ -10780,56 +10832,56 @@ function ShortcutHint({
10780
10832
  el.removeEventListener("mouseleave", leave);
10781
10833
  };
10782
10834
  }, [enabled, seenRef]);
10783
- return /* @__PURE__ */ jsxs37("div", {
10835
+ return /* @__PURE__ */ jsxs38("div", {
10784
10836
  ref,
10785
10837
  className: "skippr:relative skippr:flex skippr:min-w-[96px] skippr:flex-1",
10786
10838
  children: [
10787
- enabled && visible && !suppressed && /* @__PURE__ */ jsxs37("div", {
10839
+ enabled && visible && !suppressed && /* @__PURE__ */ jsxs38("div", {
10788
10840
  className: "skippr:pointer-events-none skippr:absolute skippr:bottom-[calc(100%+11px)] skippr:left-1/2 skippr:z-[8] skippr:flex skippr:-translate-x-1/2 skippr:items-center skippr:gap-[7px] skippr:whitespace-nowrap skippr:rounded-[11px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:px-[11px] skippr:py-[6px] skippr:shadow-[0_8px_22px_rgba(45,45,63,0.12),0_1px_3px_rgba(45,45,63,0.04)] skippr:[animation:skippr-fade-in_0.22s_ease]",
10789
10841
  children: [
10790
- /* @__PURE__ */ jsxs37("span", {
10842
+ /* @__PURE__ */ jsxs38("span", {
10791
10843
  className: "skippr:flex skippr:items-center skippr:gap-[3px]",
10792
10844
  children: [
10793
- /* @__PURE__ */ jsx45(ShortcutChip, {
10845
+ /* @__PURE__ */ jsx46(ShortcutChip, {
10794
10846
  children: "Ctrl"
10795
10847
  }),
10796
- /* @__PURE__ */ jsx45("span", {
10848
+ /* @__PURE__ */ jsx46("span", {
10797
10849
  className: "skippr:text-[9px] skippr:text-[#c9c5bd]",
10798
10850
  children: "+"
10799
10851
  }),
10800
- /* @__PURE__ */ jsx45(ShortcutChip, {
10852
+ /* @__PURE__ */ jsx46(ShortcutChip, {
10801
10853
  children: "Space"
10802
10854
  })
10803
10855
  ]
10804
10856
  }),
10805
- /* @__PURE__ */ jsx45("span", {
10857
+ /* @__PURE__ */ jsx46("span", {
10806
10858
  className: "skippr:text-[10.5px] skippr:font-medium skippr:text-[#8b877f]",
10807
10859
  children: "talk"
10808
10860
  }),
10809
- /* @__PURE__ */ jsx45("span", {
10861
+ /* @__PURE__ */ jsx46("span", {
10810
10862
  className: "skippr:text-[10px] skippr:text-[#cbc7bf]",
10811
10863
  children: "·"
10812
10864
  }),
10813
- /* @__PURE__ */ jsxs37("span", {
10865
+ /* @__PURE__ */ jsxs38("span", {
10814
10866
  className: "skippr:flex skippr:items-center skippr:gap-[3px]",
10815
10867
  children: [
10816
- /* @__PURE__ */ jsx45(ShortcutChip, {
10868
+ /* @__PURE__ */ jsx46(ShortcutChip, {
10817
10869
  children: "Ctrl"
10818
10870
  }),
10819
- /* @__PURE__ */ jsx45("span", {
10871
+ /* @__PURE__ */ jsx46("span", {
10820
10872
  className: "skippr:text-[9px] skippr:text-[#c9c5bd]",
10821
10873
  children: "+"
10822
10874
  }),
10823
- /* @__PURE__ */ jsx45(ShortcutChip, {
10875
+ /* @__PURE__ */ jsx46(ShortcutChip, {
10824
10876
  children: "X"
10825
10877
  })
10826
10878
  ]
10827
10879
  }),
10828
- /* @__PURE__ */ jsx45("span", {
10880
+ /* @__PURE__ */ jsx46("span", {
10829
10881
  className: "skippr:text-[10.5px] skippr:font-medium skippr:text-[#8b877f]",
10830
10882
  children: "stop"
10831
10883
  }),
10832
- /* @__PURE__ */ jsx45("span", {
10884
+ /* @__PURE__ */ jsx46("span", {
10833
10885
  className: "skippr:absolute skippr:left-1/2 skippr:top-full skippr:size-[9px] skippr:-translate-x-1/2 skippr:-translate-y-[4px] skippr:rotate-45 skippr:border-b skippr:border-r skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white"
10834
10886
  })
10835
10887
  ]
@@ -11047,12 +11099,12 @@ function VoiceBarFrame({
11047
11099
  ...popsDown ? { top: "calc(100% + 12px)" } : { bottom: "calc(100% + 12px)" }
11048
11100
  };
11049
11101
  const pillEvaporate = autoOffClosing ? "skippr:[animation:skippr-evaporate_3.2s_ease-in_forwards] skippr:motion-reduce:animate-none" : "";
11050
- return /* @__PURE__ */ jsxs37("div", {
11102
+ return /* @__PURE__ */ jsxs38("div", {
11051
11103
  ref: setContainerRefs,
11052
11104
  style: barPosStyle(pos),
11053
11105
  className: "skippr:fixed skippr:z-[9999] skippr:flex skippr:w-[255px] skippr:touch-none skippr:cursor-grab skippr:items-center",
11054
11106
  children: [
11055
- glow && /* @__PURE__ */ jsx45("span", {
11107
+ glow && /* @__PURE__ */ jsx46("span", {
11056
11108
  "aria-hidden": true,
11057
11109
  className: "skippr:pointer-events-none skippr:absolute skippr:-left-[6px] skippr:-right-[6px] skippr:-top-[13px] skippr:h-[24px] skippr:rounded-full skippr:animate-skippr-flow skippr:motion-reduce:animate-none",
11058
11110
  style: {
@@ -11062,13 +11114,13 @@ function VoiceBarFrame({
11062
11114
  backgroundSize: "300% 100%"
11063
11115
  }
11064
11116
  }),
11065
- /* @__PURE__ */ jsx45("span", {
11117
+ /* @__PURE__ */ jsx46("span", {
11066
11118
  className: cn("skippr:pointer-events-none skippr:absolute skippr:inset-0 skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:transition-shadow", glow ? "skippr:shadow-[0_10px_30px_rgba(45,45,63,0.14),0_0_0_1.5px_var(--skippr-brand-ring)]" : "skippr:shadow-[0_8px_30px_rgba(45,45,63,0.14),0_2px_6px_rgba(45,45,63,0.06)]", pillEvaporate)
11067
11119
  }),
11068
- autoOffClosing && /* @__PURE__ */ jsx45("span", {
11120
+ autoOffClosing && /* @__PURE__ */ jsx46("span", {
11069
11121
  "aria-hidden": true,
11070
11122
  className: "skippr:pointer-events-none skippr:absolute skippr:inset-0 skippr:z-[4] skippr:overflow-visible",
11071
- children: AUTO_OFF_MOTES.map((mote) => /* @__PURE__ */ jsx45("span", {
11123
+ children: AUTO_OFF_MOTES.map((mote) => /* @__PURE__ */ jsx46("span", {
11072
11124
  className: "skippr:absolute skippr:top-1/2 skippr:rounded-full skippr:bg-brand skippr:[animation:skippr-mote-rise_1.6s_ease-out_infinite] skippr:motion-reduce:animate-none",
11073
11125
  style: {
11074
11126
  left: mote.left,
@@ -11078,39 +11130,39 @@ function VoiceBarFrame({
11078
11130
  }
11079
11131
  }, mote.left))
11080
11132
  }),
11081
- showLiveStrip && /* @__PURE__ */ jsx45("div", {
11133
+ showLiveStrip && /* @__PURE__ */ jsx46("div", {
11082
11134
  style: stripStyle,
11083
11135
  className: "skippr:pointer-events-none skippr:z-[5]",
11084
- children: /* @__PURE__ */ jsxs37("div", {
11136
+ children: /* @__PURE__ */ jsxs38("div", {
11085
11137
  className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
11086
11138
  children: [
11087
- /* @__PURE__ */ jsx45("span", {
11139
+ /* @__PURE__ */ jsx46("span", {
11088
11140
  style: { background: livePillBg },
11089
11141
  className: "skippr:size-[7px] skippr:shrink-0 skippr:rounded-full skippr:[animation:skippr-breathe_1.1s_ease-in-out_0s_infinite]"
11090
11142
  }),
11091
- /* @__PURE__ */ jsx45("span", {
11143
+ /* @__PURE__ */ jsx46("span", {
11092
11144
  className: "skippr:whitespace-nowrap skippr:text-[12px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#5a5650]",
11093
11145
  children: liveStripLabel
11094
11146
  })
11095
11147
  ]
11096
11148
  })
11097
11149
  }),
11098
- showHeldStrip && /* @__PURE__ */ jsx45("div", {
11150
+ showHeldStrip && /* @__PURE__ */ jsx46("div", {
11099
11151
  style: stripStyle,
11100
11152
  className: "skippr:pointer-events-none skippr:z-[5]",
11101
- children: /* @__PURE__ */ jsxs37("div", {
11153
+ children: /* @__PURE__ */ jsxs38("div", {
11102
11154
  role: "timer",
11103
11155
  "aria-label": `Agent closes in ${holdCountdown} seconds`,
11104
11156
  className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
11105
11157
  children: [
11106
- /* @__PURE__ */ jsx45("span", {
11158
+ /* @__PURE__ */ jsx46("span", {
11107
11159
  className: "skippr:size-[7px] skippr:shrink-0 skippr:rounded-full skippr:bg-[#b9b4ab]"
11108
11160
  }),
11109
- /* @__PURE__ */ jsxs37("span", {
11161
+ /* @__PURE__ */ jsxs38("span", {
11110
11162
  className: "skippr:whitespace-nowrap skippr:text-[12px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#5a5650]",
11111
11163
  children: [
11112
11164
  "Agent closes in",
11113
- /* @__PURE__ */ jsxs37("span", {
11165
+ /* @__PURE__ */ jsxs38("span", {
11114
11166
  className: "skippr:ml-1 skippr:tabular-nums",
11115
11167
  children: [
11116
11168
  heldMinutes,
@@ -11123,83 +11175,83 @@ function VoiceBarFrame({
11123
11175
  ]
11124
11176
  })
11125
11177
  }),
11126
- showTimerStrip && sessionTimer && /* @__PURE__ */ jsx45("div", {
11178
+ showTimerStrip && sessionTimer && /* @__PURE__ */ jsx46("div", {
11127
11179
  style: stripStyle,
11128
11180
  className: "skippr:pointer-events-none skippr:z-[5]",
11129
- children: /* @__PURE__ */ jsxs37("div", {
11181
+ children: /* @__PURE__ */ jsxs38("div", {
11130
11182
  className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
11131
11183
  children: [
11132
- /* @__PURE__ */ jsx45("span", {
11184
+ /* @__PURE__ */ jsx46("span", {
11133
11185
  style: { background: sessionTimer.warning ? "#f59e0b" : "#b9b4ab" },
11134
11186
  className: "skippr:size-[7px] skippr:shrink-0 skippr:rounded-full"
11135
11187
  }),
11136
- /* @__PURE__ */ jsx45("span", {
11188
+ /* @__PURE__ */ jsx46("span", {
11137
11189
  className: cn("skippr:whitespace-nowrap skippr:text-[12px] skippr:font-semibold skippr:tracking-[-0.01em]", sessionTimer.warning ? "skippr:text-[#92400e]" : "skippr:text-[#5a5650]"),
11138
11190
  children: sessionTimer.label
11139
11191
  })
11140
11192
  ]
11141
11193
  })
11142
11194
  }),
11143
- showAutoOffStrip && /* @__PURE__ */ jsx45("div", {
11195
+ showAutoOffStrip && /* @__PURE__ */ jsx46("div", {
11144
11196
  role: "status",
11145
11197
  style: stripStyle,
11146
11198
  className: "skippr:pointer-events-none skippr:z-[6]",
11147
- children: /* @__PURE__ */ jsxs37("div", {
11199
+ children: /* @__PURE__ */ jsxs38("div", {
11148
11200
  className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
11149
11201
  children: [
11150
- /* @__PURE__ */ jsx45("span", {
11202
+ /* @__PURE__ */ jsx46("span", {
11151
11203
  className: "skippr:size-[7px] skippr:shrink-0 skippr:rounded-full skippr:bg-[#b9b4ab] skippr:[animation:skippr-breathe_1.1s_ease-in-out_0s_infinite]"
11152
11204
  }),
11153
- /* @__PURE__ */ jsx45("span", {
11205
+ /* @__PURE__ */ jsx46("span", {
11154
11206
  className: "skippr:whitespace-nowrap skippr:text-[12px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#5a5650]",
11155
11207
  children: "No activity — closing…"
11156
11208
  })
11157
11209
  ]
11158
11210
  })
11159
11211
  }),
11160
- floatingPlanActive && activePlan && /* @__PURE__ */ jsx45("div", {
11212
+ floatingPlanActive && activePlan && /* @__PURE__ */ jsx46("div", {
11161
11213
  style: planCardStyle,
11162
11214
  className: "skippr:z-[6]",
11163
11215
  "data-skippr-no-drag": "",
11164
- children: /* @__PURE__ */ jsx45(VoiceBarPlanCard, {
11216
+ children: /* @__PURE__ */ jsx46(VoiceBarPlanCard, {
11165
11217
  plan: activePlan,
11166
11218
  sendChatMessage,
11167
11219
  onDismiss: () => setDismissedFloatingPlanId(activePlan.planId)
11168
11220
  }, activePlan.planId)
11169
11221
  }),
11170
- linkCardActive && visibleLinkCard && /* @__PURE__ */ jsx45("div", {
11222
+ linkCardActive && visibleLinkCard && /* @__PURE__ */ jsx46("div", {
11171
11223
  style: planCardStyle,
11172
11224
  className: "skippr:z-[6]",
11173
11225
  "data-skippr-no-drag": "",
11174
- children: /* @__PURE__ */ jsx45(VoiceBarLinkCard, {
11226
+ children: /* @__PURE__ */ jsx46(VoiceBarLinkCard, {
11175
11227
  card: visibleLinkCard,
11176
11228
  onDismiss: () => setDismissedLinkCardId(visibleLinkCard.cardId)
11177
11229
  }, visibleLinkCard.cardId)
11178
11230
  }),
11179
- loginOpen && needsLogin && /* @__PURE__ */ jsx45("div", {
11231
+ loginOpen && needsLogin && /* @__PURE__ */ jsx46("div", {
11180
11232
  style: planCardStyle,
11181
11233
  className: "skippr:z-[6]",
11182
11234
  "data-skippr-no-drag": "",
11183
11235
  onPointerDown: (event) => event.stopPropagation(),
11184
- children: /* @__PURE__ */ jsx45(VoiceBarLoginCard, {
11236
+ children: /* @__PURE__ */ jsx46(VoiceBarLoginCard, {
11185
11237
  onDismiss: () => {
11186
11238
  setLoginOpen(false);
11187
11239
  setAutoStartAfterLogin(false);
11188
11240
  }
11189
11241
  })
11190
11242
  }),
11191
- !sessionLive && !needsLogin && !bannerActive && /* @__PURE__ */ jsx45("div", {
11243
+ !sessionLive && !needsLogin && !bannerActive && /* @__PURE__ */ jsx46("div", {
11192
11244
  style: planCardStyle,
11193
11245
  className: "skippr:z-[6]",
11194
11246
  "data-skippr-no-drag": "",
11195
- children: /* @__PURE__ */ jsx45("div", {
11247
+ children: /* @__PURE__ */ jsx46("div", {
11196
11248
  className: "skippr:w-[220px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:px-3 skippr:py-2 skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
11197
- children: /* @__PURE__ */ jsx45(ConsentNotice, {
11249
+ children: /* @__PURE__ */ jsx46(ConsentNotice, {
11198
11250
  leadIn: "By starting a session"
11199
11251
  })
11200
11252
  })
11201
11253
  }),
11202
- hasNotifications && !bannerOpen && !chatOpen && !isCapturingSpeech && !planCardActive && /* @__PURE__ */ jsx45("button", {
11254
+ hasNotifications && !bannerOpen && !chatOpen && !isCapturingSpeech && !planCardActive && /* @__PURE__ */ jsx46("button", {
11203
11255
  type: "button",
11204
11256
  onClick: ifNotDragged(() => setBannerOpen(true)),
11205
11257
  "aria-label": "Show notifications",
@@ -11209,61 +11261,61 @@ function VoiceBarFrame({
11209
11261
  },
11210
11262
  className: "skippr:absolute skippr:-top-[3px] skippr:right-[4px] skippr:z-[7] skippr:size-[13px] skippr:cursor-pointer skippr:rounded-full skippr:border-[2.5px] skippr:border-white skippr:animate-skippr-voice-pulse skippr:motion-reduce:animate-none"
11211
11263
  }),
11212
- bannerActive && !chatOpen && !isCapturingSpeech && !planCardActive && /* @__PURE__ */ jsx45(VoiceBarNotification, {
11264
+ bannerActive && !chatOpen && !isCapturingSpeech && !planCardActive && /* @__PURE__ */ jsx46(VoiceBarNotification, {
11213
11265
  notifications,
11214
11266
  pos,
11215
11267
  onDismiss: closeBanner
11216
11268
  }),
11217
- /* @__PURE__ */ jsxs37("div", {
11269
+ /* @__PURE__ */ jsxs38("div", {
11218
11270
  className: cn("skippr:relative skippr:z-[1] skippr:flex skippr:w-full skippr:items-center skippr:gap-[7px] skippr:px-[7px] skippr:py-[5px]", pillEvaporate),
11219
11271
  children: [
11220
- showClose && /* @__PURE__ */ jsxs37("button", {
11272
+ showClose && /* @__PURE__ */ jsxs38("button", {
11221
11273
  type: "button",
11222
11274
  onClick: ifNotDragged(closeBar),
11223
11275
  disabled: isPausing || isLoading,
11224
11276
  "aria-label": sessionLive ? "End session" : "Close",
11225
11277
  className: cn(EDGE_BUTTON, "skippr:relative skippr:size-[26px]", isLoading && "skippr:cursor-not-allowed skippr:opacity-40 skippr:hover:bg-transparent skippr:hover:text-[#b8b4ac]"),
11226
11278
  children: [
11227
- isPausing && /* @__PURE__ */ jsx45(BusyRing, {
11279
+ isPausing && /* @__PURE__ */ jsx46(BusyRing, {
11228
11280
  tone: "brand"
11229
11281
  }),
11230
- /* @__PURE__ */ jsx45(X, {
11282
+ /* @__PURE__ */ jsx46(X, {
11231
11283
  className: "skippr:size-[14px]",
11232
11284
  strokeWidth: 2
11233
11285
  })
11234
11286
  ]
11235
11287
  }),
11236
- isLoading && /* @__PURE__ */ jsxs37("div", {
11288
+ isLoading && /* @__PURE__ */ jsxs38("div", {
11237
11289
  className: cn(PILL, "skippr:bg-[#F1EFEA] skippr:overflow-hidden", !isExchanging && "skippr:[animation:skippr-fade-in_0.25s_ease]"),
11238
11290
  children: [
11239
- /* @__PURE__ */ jsx45(LoadingAvatar, {
11291
+ /* @__PURE__ */ jsx46(LoadingAvatar, {
11240
11292
  logoUrl
11241
11293
  }),
11242
- /* @__PURE__ */ jsx45("span", {
11294
+ /* @__PURE__ */ jsx46("span", {
11243
11295
  className: "skippr:whitespace-nowrap skippr:text-[12.5px] skippr:font-semibold skippr:text-[#5a5650]",
11244
11296
  children: "Agent is loading"
11245
11297
  }),
11246
- /* @__PURE__ */ jsxs37("span", {
11298
+ /* @__PURE__ */ jsxs38("span", {
11247
11299
  className: "skippr:flex skippr:items-end skippr:gap-[3px]",
11248
11300
  children: [
11249
- /* @__PURE__ */ jsx45("span", {
11301
+ /* @__PURE__ */ jsx46("span", {
11250
11302
  className: "skippr:size-[3px] skippr:rounded-full skippr:bg-brand skippr:[animation:skippr-breathe_1.1s_ease-in-out_0s_infinite]"
11251
11303
  }),
11252
- /* @__PURE__ */ jsx45("span", {
11304
+ /* @__PURE__ */ jsx46("span", {
11253
11305
  className: "skippr:size-[3px] skippr:rounded-full skippr:bg-brand skippr:[animation:skippr-breathe_1.1s_ease-in-out_0.18s_infinite]"
11254
11306
  }),
11255
- /* @__PURE__ */ jsx45("span", {
11307
+ /* @__PURE__ */ jsx46("span", {
11256
11308
  className: "skippr:size-[3px] skippr:rounded-full skippr:bg-brand skippr:[animation:skippr-breathe_1.1s_ease-in-out_0.36s_infinite]"
11257
11309
  })
11258
11310
  ]
11259
11311
  })
11260
11312
  ]
11261
11313
  }),
11262
- !isLoading && isConnected && !textMode && pushOrTap && /* @__PURE__ */ jsx45(ShortcutHint, {
11314
+ !isLoading && isConnected && !textMode && pushOrTap && /* @__PURE__ */ jsx46(ShortcutHint, {
11263
11315
  enabled: isPushToTalk,
11264
11316
  seenRef: hintSeenRef,
11265
11317
  suppressed: hintSuppressed,
11266
- children: /* @__PURE__ */ jsxs37("button", {
11318
+ children: /* @__PURE__ */ jsxs38("button", {
11267
11319
  type: "button",
11268
11320
  "data-skippr-no-drag": "",
11269
11321
  style: {
@@ -11282,7 +11334,7 @@ function VoiceBarFrame({
11282
11334
  "aria-label": requestLabel,
11283
11335
  className: cn(PILL, "skippr:cursor-pointer skippr:transition-[filter] skippr:hover:brightness-[1.04] skippr:active:scale-[0.98]", isCapturingSpeech && "skippr:animate-skippr-ptt-transmit skippr:motion-reduce:animate-none"),
11284
11336
  children: [
11285
- agentActive ? /* @__PURE__ */ jsx45(AgentDots, {}) : isCapturingSpeech ? /* @__PURE__ */ jsx45(SpeakingBars, {}) : /* @__PURE__ */ jsx45(AudioLines, {
11337
+ agentActive ? /* @__PURE__ */ jsx46(AgentDots, {}) : isCapturingSpeech ? /* @__PURE__ */ jsx46(SpeakingBars, {}) : /* @__PURE__ */ jsx46(AudioLines, {
11286
11338
  className: "skippr:size-[17px]",
11287
11339
  strokeWidth: 2
11288
11340
  }),
@@ -11290,53 +11342,53 @@ function VoiceBarFrame({
11290
11342
  ]
11291
11343
  })
11292
11344
  }),
11293
- !isLoading && isConnected && !textMode && !pushOrTap && /* @__PURE__ */ jsxs37("div", {
11345
+ !isLoading && isConnected && !textMode && !pushOrTap && /* @__PURE__ */ jsxs38("div", {
11294
11346
  style: { background: livePillBg, color: "var(--skippr-brand-foreground, #2d2b3d)" },
11295
11347
  className: cn(PILL, "skippr:gap-[9px] skippr:px-[8px]"),
11296
11348
  children: [
11297
- /* @__PURE__ */ jsx45("button", {
11349
+ /* @__PURE__ */ jsx46("button", {
11298
11350
  type: "button",
11299
11351
  onClick: ifNotDragged(togglePause),
11300
11352
  "aria-label": isHeld ? "Resume" : "Pause",
11301
11353
  className: "skippr:flex skippr:size-[26px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:cursor-pointer skippr:transition-colors skippr:hover:bg-white/20",
11302
- children: isHeld ? /* @__PURE__ */ jsx45(Play, {
11354
+ children: isHeld ? /* @__PURE__ */ jsx46(Play, {
11303
11355
  className: "skippr:size-[13px]",
11304
11356
  fill: "currentColor",
11305
11357
  strokeWidth: 0
11306
- }) : /* @__PURE__ */ jsx45(Pause, {
11358
+ }) : /* @__PURE__ */ jsx46(Pause, {
11307
11359
  className: "skippr:size-[13px]",
11308
11360
  fill: "currentColor",
11309
11361
  strokeWidth: 0
11310
11362
  })
11311
11363
  }),
11312
- !isHeld && /* @__PURE__ */ jsxs37(Fragment5, {
11364
+ !isHeld && /* @__PURE__ */ jsxs38(Fragment5, {
11313
11365
  children: [
11314
- /* @__PURE__ */ jsxs37("span", {
11366
+ /* @__PURE__ */ jsxs38("span", {
11315
11367
  className: "skippr:relative skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center",
11316
11368
  children: [
11317
- /* @__PURE__ */ jsx45(MicLevelHalo, {
11369
+ /* @__PURE__ */ jsx46(MicLevelHalo, {
11318
11370
  enabled: !isMuted
11319
11371
  }),
11320
- /* @__PURE__ */ jsx45("button", {
11372
+ /* @__PURE__ */ jsx46("button", {
11321
11373
  type: "button",
11322
11374
  onClick: ifNotDragged(() => void toggleMute()),
11323
11375
  style: { background: "#fff", color: "var(--skippr-brand-deep)" },
11324
11376
  "aria-label": isMuted ? "Unmute" : "Mute",
11325
11377
  className: "skippr:relative skippr:flex skippr:size-[30px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:cursor-pointer skippr:transition-[filter] skippr:hover:brightness-[1.06]",
11326
- children: isMuted ? /* @__PURE__ */ jsx45(MicOff, {
11378
+ children: isMuted ? /* @__PURE__ */ jsx46(MicOff, {
11327
11379
  className: "skippr:size-[15px]",
11328
11380
  strokeWidth: 2
11329
- }) : /* @__PURE__ */ jsx45(Mic, {
11381
+ }) : /* @__PURE__ */ jsx46(Mic, {
11330
11382
  className: "skippr:size-[15px]",
11331
11383
  strokeWidth: 2
11332
11384
  })
11333
11385
  })
11334
11386
  ]
11335
11387
  }),
11336
- /* @__PURE__ */ jsxs37("span", {
11388
+ /* @__PURE__ */ jsxs38("span", {
11337
11389
  className: "skippr:relative skippr:inline-flex",
11338
11390
  children: [
11339
- /* @__PURE__ */ jsx45("button", {
11391
+ /* @__PURE__ */ jsx46("button", {
11340
11392
  type: "button",
11341
11393
  onClick: ifNotDragged(() => {
11342
11394
  stopActions2();
@@ -11346,13 +11398,13 @@ function VoiceBarFrame({
11346
11398
  ...stopHintProps,
11347
11399
  "aria-label": "Stop live action",
11348
11400
  className: "skippr:flex skippr:size-[26px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:transition-colors skippr:hover:bg-white/20",
11349
- children: /* @__PURE__ */ jsx45(Square, {
11401
+ children: /* @__PURE__ */ jsx46(Square, {
11350
11402
  className: "skippr:size-[11px]",
11351
11403
  fill: "currentColor",
11352
11404
  strokeWidth: 0
11353
11405
  })
11354
11406
  }),
11355
- stopHintVisible && /* @__PURE__ */ jsx45("span", {
11407
+ stopHintVisible && /* @__PURE__ */ jsx46("span", {
11356
11408
  className: "skippr:pointer-events-none skippr:absolute skippr:bottom-full skippr:left-1/2 skippr:z-10 skippr:mb-1.5 skippr:-translate-x-1/2 skippr:whitespace-nowrap skippr:rounded skippr:bg-foreground skippr:px-1.5 skippr:py-0.5 skippr:text-[10px] skippr:font-medium skippr:text-background",
11357
11409
  "aria-hidden": "true",
11358
11410
  children: "Stop live action"
@@ -11363,17 +11415,17 @@ function VoiceBarFrame({
11363
11415
  })
11364
11416
  ]
11365
11417
  }),
11366
- !isLoading && isConnected && textMode && /* @__PURE__ */ jsxs37("div", {
11418
+ !isLoading && isConnected && textMode && /* @__PURE__ */ jsxs38("div", {
11367
11419
  className: cn(PILL, "skippr:gap-[7px] skippr:bg-[#F1EFEA] skippr:text-[#5a5650] skippr:[animation:skippr-fade-in_0.25s_ease]"),
11368
11420
  children: [
11369
- /* @__PURE__ */ jsx45(MessageSquare, {
11421
+ /* @__PURE__ */ jsx46(MessageSquare, {
11370
11422
  className: "skippr:size-[15px] skippr:text-[#8b877f]",
11371
11423
  strokeWidth: 2
11372
11424
  }),
11373
11425
  "Text mode"
11374
11426
  ]
11375
11427
  }),
11376
- !sessionLive && /* @__PURE__ */ jsxs37("button", {
11428
+ !sessionLive && /* @__PURE__ */ jsxs38("button", {
11377
11429
  type: "button",
11378
11430
  onClick: ifNotDragged(() => {
11379
11431
  if (canStart) {
@@ -11388,48 +11440,48 @@ function VoiceBarFrame({
11388
11440
  style: { color: "var(--skippr-brand-foreground, #2d2b3d)" },
11389
11441
  className: cn(PILL, "skippr:cursor-pointer skippr:bg-brand skippr:px-[12px] skippr:transition-[filter] skippr:hover:brightness-[1.04] skippr:active:scale-[0.98] skippr:disabled:cursor-not-allowed skippr:disabled:opacity-60"),
11390
11442
  children: [
11391
- /* @__PURE__ */ jsx45("span", {
11443
+ /* @__PURE__ */ jsx46("span", {
11392
11444
  className: "skippr:size-[22px] skippr:shrink-0 skippr:overflow-hidden skippr:rounded-full skippr:shadow-[0_0_0_1.5px_rgba(255,255,255,0.85)]",
11393
- children: logoUrl ? /* @__PURE__ */ jsx45("img", {
11445
+ children: logoUrl ? /* @__PURE__ */ jsx46("img", {
11394
11446
  src: logoUrl,
11395
11447
  alt: "",
11396
11448
  className: "skippr:block skippr:size-full skippr:object-cover"
11397
- }) : /* @__PURE__ */ jsx45("span", {
11449
+ }) : /* @__PURE__ */ jsx46("span", {
11398
11450
  className: "skippr:block skippr:size-full skippr:bg-launcher"
11399
11451
  })
11400
11452
  }),
11401
11453
  "Talk to AI Agent"
11402
11454
  ]
11403
11455
  }),
11404
- (sessionLive || isRoomChat) && /* @__PURE__ */ jsx45("button", {
11456
+ (sessionLive || isRoomChat) && /* @__PURE__ */ jsx46("button", {
11405
11457
  type: "button",
11406
11458
  onClick: ifNotDragged(toggleChat),
11407
11459
  disabled: isLoading,
11408
11460
  "aria-label": "Open chat",
11409
11461
  className: cn(EDGE_BUTTON, "skippr:size-[30px] skippr:text-[#8b877f]", isLoading && "skippr:cursor-not-allowed skippr:opacity-40 skippr:hover:bg-transparent skippr:hover:text-[#8b877f]"),
11410
- children: /* @__PURE__ */ jsx45(MessageSquare, {
11462
+ children: /* @__PURE__ */ jsx46(MessageSquare, {
11411
11463
  className: "skippr:size-[15px]",
11412
11464
  strokeWidth: 2
11413
11465
  })
11414
11466
  })
11415
11467
  ]
11416
11468
  }),
11417
- lineBlockOpen && /* @__PURE__ */ jsxs37("div", {
11469
+ lineBlockOpen && /* @__PURE__ */ jsxs38("div", {
11418
11470
  style: chatBlockStyle,
11419
11471
  "data-skippr-no-drag": "",
11420
11472
  onPointerDown: (event) => event.stopPropagation(),
11421
11473
  className: cn("skippr:z-[6] skippr:overflow-hidden skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_26px_rgba(45,45,63,0.13),0_2px_6px_rgba(45,45,63,0.05)]", chatLineClosing ? "skippr:[animation:skippr-fade-out_0.18s_ease-in_forwards]" : "skippr:[animation:skippr-fade-in_0.24s_cubic-bezier(0.22,1,0.36,1)]"),
11422
11474
  children: [
11423
- planInLineBlock && activePlan && /* @__PURE__ */ jsx45("div", {
11475
+ planInLineBlock && activePlan && /* @__PURE__ */ jsx46("div", {
11424
11476
  className: "skippr:overflow-hidden skippr:border-b skippr:border-[rgba(45,45,63,0.08)] skippr:[animation:skippr-block-reveal_320ms_cubic-bezier(0.22,1,0.36,1)]",
11425
- children: /* @__PURE__ */ jsx45(VoiceBarPlanCard, {
11477
+ children: /* @__PURE__ */ jsx46(VoiceBarPlanCard, {
11426
11478
  embedded: true,
11427
11479
  plan: activePlan,
11428
11480
  sendChatMessage,
11429
11481
  onDismiss: () => setDismissedBlockPlanId(activePlan.planId)
11430
11482
  }, activePlan.planId)
11431
11483
  }),
11432
- /* @__PURE__ */ jsx45(VoiceBarChatLine, {
11484
+ /* @__PURE__ */ jsx46(VoiceBarChatLine, {
11433
11485
  embedded: true,
11434
11486
  popsDown,
11435
11487
  canSend: isConnected,
@@ -11446,7 +11498,7 @@ import { useCallback as useCallback31, useEffect as useEffect48, useRef as useRe
11446
11498
 
11447
11499
  // src/components/LauncherNotification.tsx
11448
11500
  import { useEffect as useEffect47, useRef as useRef40, useState as useState36 } from "react";
11449
- import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
11501
+ import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
11450
11502
  function LauncherNotification({
11451
11503
  notifications,
11452
11504
  dock,
@@ -11498,21 +11550,21 @@ function LauncherNotification({
11498
11550
  ...dock.edge === "left" ? { left: 0 } : { right: 0 },
11499
11551
  bottom: "calc(100% + 8px)"
11500
11552
  };
11501
- return /* @__PURE__ */ jsx46("div", {
11553
+ return /* @__PURE__ */ jsx47("div", {
11502
11554
  style: wrapperStyle,
11503
11555
  "data-skippr-no-drag": "",
11504
- children: /* @__PURE__ */ jsxs38("div", {
11556
+ children: /* @__PURE__ */ jsxs39("div", {
11505
11557
  ref: cardRef,
11506
11558
  className: "skippr:flex skippr:w-[148px] skippr:items-center skippr:gap-[4px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:pr-[6px] skippr:pl-[9px] skippr:py-[3px] skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
11507
11559
  children: [
11508
- /* @__PURE__ */ jsx46("span", {
11560
+ /* @__PURE__ */ jsx47("span", {
11509
11561
  className: "skippr:flex skippr:min-h-[16px] skippr:min-w-0 skippr:flex-1 skippr:items-center skippr:text-[9px] skippr:font-medium skippr:leading-[1.25] skippr:text-[#5a5650]",
11510
- children: /* @__PURE__ */ jsx46("span", {
11562
+ children: /* @__PURE__ */ jsx47("span", {
11511
11563
  className: "skippr:line-clamp-2",
11512
11564
  children: notification.message
11513
11565
  })
11514
11566
  }),
11515
- /* @__PURE__ */ jsx46("button", {
11567
+ /* @__PURE__ */ jsx47("button", {
11516
11568
  type: "button",
11517
11569
  onClick: () => {
11518
11570
  notification.activate();
@@ -11521,18 +11573,18 @@ function LauncherNotification({
11521
11573
  "aria-label": "Start",
11522
11574
  title: "Start",
11523
11575
  className: "skippr:flex skippr:size-[17px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-[#2D2D3F] skippr:text-white skippr:transition-colors skippr:hover:bg-[#3d3d52]",
11524
- children: /* @__PURE__ */ jsx46(Play, {
11576
+ children: /* @__PURE__ */ jsx47(Play, {
11525
11577
  className: "skippr:size-[8px] skippr:fill-current",
11526
11578
  strokeWidth: 2
11527
11579
  })
11528
11580
  }),
11529
- hasMultiple && /* @__PURE__ */ jsx46("button", {
11581
+ hasMultiple && /* @__PURE__ */ jsx47("button", {
11530
11582
  type: "button",
11531
11583
  onClick: () => setIndex((current) => (current + 1) % notifications.length),
11532
11584
  "aria-label": "Next",
11533
11585
  title: "Next",
11534
11586
  className: "skippr:-ml-[2px] skippr:flex skippr:size-[16px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#8b877f] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#5a5650]",
11535
- children: /* @__PURE__ */ jsx46(ChevronRight, {
11587
+ children: /* @__PURE__ */ jsx47(ChevronRight, {
11536
11588
  className: "skippr:size-[12px]",
11537
11589
  strokeWidth: 2.5
11538
11590
  })
@@ -11543,14 +11595,14 @@ function LauncherNotification({
11543
11595
  }
11544
11596
 
11545
11597
  // src/components/VoiceBarLauncher.tsx
11546
- import { jsx as jsx47, jsxs as jsxs39, Fragment as Fragment6 } from "react/jsx-runtime";
11598
+ import { jsx as jsx48, jsxs as jsxs40, Fragment as Fragment6 } from "react/jsx-runtime";
11547
11599
  function SkipprMark2() {
11548
- return /* @__PURE__ */ jsx47("svg", {
11600
+ return /* @__PURE__ */ jsx48("svg", {
11549
11601
  viewBox: "0 0 15.4044 18.4853",
11550
11602
  className: "skippr:h-[18px] skippr:w-[15px]",
11551
11603
  fill: "none",
11552
11604
  "aria-hidden": "true",
11553
- children: /* @__PURE__ */ jsx47("path", {
11605
+ children: /* @__PURE__ */ jsx48("path", {
11554
11606
  d: "M2.25789 0.295419C1.33925 -0.413932 0 0.234459 0 1.38715V17.0972C0 18.4106 1.67407 18.987 2.49664 17.9562L6.40435 13.061C6.54853 12.8805 6.73209 12.7348 6.94126 12.6347C7.15043 12.5345 7.37978 12.4826 7.6121 12.4828H14.0025C15.3343 12.4828 15.9134 10.8128 14.8614 10.0037L2.25789 0.295419Z",
11555
11607
  className: "skippr:fill-white"
11556
11608
  })
@@ -11629,7 +11681,7 @@ function LauncherChat({
11629
11681
  onClick
11630
11682
  }) {
11631
11683
  const vertical = isHorizontalEdge(edge);
11632
- return /* @__PURE__ */ jsxs39("div", {
11684
+ return /* @__PURE__ */ jsxs40("div", {
11633
11685
  className: cn("skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center skippr:gap-[5px] skippr:overflow-hidden skippr:transition-all skippr:duration-[400ms] skippr:ease-[cubic-bezier(0.22,1,0.36,1)]", AVATAR_FLEX[edge]),
11634
11686
  style: {
11635
11687
  width: vertical ? 46 : revealed ? 52 : 0,
@@ -11637,18 +11689,18 @@ function LauncherChat({
11637
11689
  opacity: revealed ? 1 : 0
11638
11690
  },
11639
11691
  children: [
11640
- /* @__PURE__ */ jsx47("button", {
11692
+ /* @__PURE__ */ jsx48("button", {
11641
11693
  type: "button",
11642
11694
  onClick,
11643
11695
  "aria-label": "Open chat",
11644
11696
  tabIndex: revealed ? 0 : -1,
11645
11697
  className: "skippr:flex skippr:size-[46px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:p-0 skippr:text-foreground skippr:transition-colors skippr:hover:bg-foreground/8",
11646
- children: /* @__PURE__ */ jsx47(MessageSquare, {
11698
+ children: /* @__PURE__ */ jsx48(MessageSquare, {
11647
11699
  className: "skippr:size-[18px] skippr:shrink-0",
11648
11700
  strokeWidth: 2
11649
11701
  })
11650
11702
  }),
11651
- /* @__PURE__ */ jsx47("span", {
11703
+ /* @__PURE__ */ jsx48("span", {
11652
11704
  className: cn("skippr:shrink-0 skippr:bg-foreground/10", vertical ? "skippr:h-px skippr:w-[22px]" : "skippr:h-[22px] skippr:w-px")
11653
11705
  })
11654
11706
  ]
@@ -11753,11 +11805,11 @@ function VoiceBarLauncher({
11753
11805
  setLoginOpen(false);
11754
11806
  onLoginDismiss();
11755
11807
  }, [onLoginDismiss]);
11756
- const loginCard = loginOpen && needsLogin && /* @__PURE__ */ jsx47("div", {
11808
+ const loginCard = loginOpen && needsLogin && /* @__PURE__ */ jsx48("div", {
11757
11809
  style: loginCardWrapperStyle2(dock.edge),
11758
11810
  "data-skippr-no-drag": "",
11759
11811
  onPointerDown: (event) => event.stopPropagation(),
11760
- children: /* @__PURE__ */ jsx47(VoiceBarLoginCard, {
11812
+ children: /* @__PURE__ */ jsx48(VoiceBarLoginCard, {
11761
11813
  onDismiss: closeLogin
11762
11814
  })
11763
11815
  });
@@ -11772,48 +11824,48 @@ function VoiceBarLauncher({
11772
11824
  const expanded = hovered && !!onChat;
11773
11825
  const length = expanded ? 84 : 40;
11774
11826
  const thickness = expanded ? 36 : 10;
11775
- return /* @__PURE__ */ jsxs39("div", {
11827
+ return /* @__PURE__ */ jsxs40("div", {
11776
11828
  ref: containerRef,
11777
11829
  style: dockStyleFlush(dock),
11778
11830
  className: "skippr:fixed skippr:z-[9999] skippr:touch-none skippr:cursor-grab",
11779
11831
  children: [
11780
- /* @__PURE__ */ jsx47("div", {
11832
+ /* @__PURE__ */ jsx48("div", {
11781
11833
  style: horizontal ? { width: length, height: thickness } : { width: thickness, height: length },
11782
11834
  className: cn("skippr:relative skippr:flex skippr:items-center skippr:justify-center skippr:gap-[6px] skippr:border-2 skippr:transition-[width,height,background-color,border-color] skippr:duration-200 skippr:ease-out", !horizontal && "skippr:flex-col", expanded ? "skippr:border-brand skippr:bg-white" : "skippr:border-transparent skippr:bg-brand", expanded ? STRIP_ROUNDING_EXPANDED[dock.edge] : STRIP_ROUNDING[dock.edge], expanded ? AVATAR_SHADOW[dock.edge] : STRIP_SHADOW[dock.edge]),
11783
- children: expanded ? /* @__PURE__ */ jsxs39(Fragment6, {
11835
+ children: expanded ? /* @__PURE__ */ jsxs40(Fragment6, {
11784
11836
  children: [
11785
- /* @__PURE__ */ jsx47("button", {
11837
+ /* @__PURE__ */ jsx48("button", {
11786
11838
  type: "button",
11787
11839
  onClick: open,
11788
11840
  "aria-label": "Open Agent",
11789
11841
  className: STRIP_ICON_BUTTON,
11790
- children: /* @__PURE__ */ jsx47(Play, {
11842
+ children: /* @__PURE__ */ jsx48(Play, {
11791
11843
  className: "skippr:size-[13px] skippr:fill-current",
11792
11844
  strokeWidth: 2
11793
11845
  })
11794
11846
  }),
11795
- /* @__PURE__ */ jsx47("span", {
11847
+ /* @__PURE__ */ jsx48("span", {
11796
11848
  className: cn("skippr:shrink-0 skippr:bg-foreground/10", horizontal ? "skippr:h-[16px] skippr:w-px" : "skippr:h-px skippr:w-[16px]")
11797
11849
  }),
11798
- /* @__PURE__ */ jsx47("button", {
11850
+ /* @__PURE__ */ jsx48("button", {
11799
11851
  type: "button",
11800
11852
  onClick: openChat,
11801
11853
  "aria-label": "Open chat",
11802
11854
  className: STRIP_ICON_BUTTON,
11803
- children: /* @__PURE__ */ jsx47(MessageSquare, {
11855
+ children: /* @__PURE__ */ jsx48(MessageSquare, {
11804
11856
  className: "skippr:size-[14px]",
11805
11857
  strokeWidth: 2
11806
11858
  })
11807
11859
  })
11808
11860
  ]
11809
- }) : /* @__PURE__ */ jsx47("button", {
11861
+ }) : /* @__PURE__ */ jsx48("button", {
11810
11862
  type: "button",
11811
11863
  onClick: open,
11812
11864
  "aria-label": "Open Agent",
11813
11865
  className: "skippr:absolute skippr:inset-0 skippr:cursor-grab skippr:bg-transparent skippr:p-0"
11814
11866
  })
11815
11867
  }),
11816
- hasNotif && (expanded ? /* @__PURE__ */ jsx47("button", {
11868
+ hasNotif && (expanded ? /* @__PURE__ */ jsx48("button", {
11817
11869
  type: "button",
11818
11870
  onClick: toggleCard,
11819
11871
  "aria-label": "Show notifications",
@@ -11822,7 +11874,7 @@ function VoiceBarLauncher({
11822
11874
  "--skippr-pulse-color": dotColor
11823
11875
  },
11824
11876
  className: cn("skippr:absolute skippr:z-[2] skippr:size-[13px] skippr:cursor-pointer skippr:rounded-full skippr:border-[2.5px] skippr:border-white skippr:animate-skippr-voice-pulse skippr:motion-reduce:animate-none", STRIP_DOT_POS[dock.edge])
11825
- }) : /* @__PURE__ */ jsx47("button", {
11877
+ }) : /* @__PURE__ */ jsx48("button", {
11826
11878
  type: "button",
11827
11879
  onClick: toggleCard,
11828
11880
  "aria-label": "Show notifications",
@@ -11832,7 +11884,7 @@ function VoiceBarLauncher({
11832
11884
  },
11833
11885
  className: cn("skippr:absolute skippr:z-[1] skippr:cursor-pointer skippr:animate-skippr-voice-pulse skippr:motion-reduce:animate-none", STRIP_NOTIF_CAP[dock.edge], STRIP_CAP_ROUNDING[dock.edge])
11834
11886
  })),
11835
- hasNotif && cardOpen && /* @__PURE__ */ jsx47(LauncherNotification, {
11887
+ hasNotif && cardOpen && /* @__PURE__ */ jsx48(LauncherNotification, {
11836
11888
  notifications,
11837
11889
  dock,
11838
11890
  mode,
@@ -11842,37 +11894,37 @@ function VoiceBarLauncher({
11842
11894
  ]
11843
11895
  });
11844
11896
  }
11845
- return /* @__PURE__ */ jsxs39("div", {
11897
+ return /* @__PURE__ */ jsxs40("div", {
11846
11898
  ref: containerRef,
11847
11899
  style: dockStyleFlush(dock),
11848
11900
  className: "skippr:fixed skippr:z-[9999] skippr:touch-none skippr:cursor-grab",
11849
11901
  children: [
11850
- /* @__PURE__ */ jsxs39("div", {
11902
+ /* @__PURE__ */ jsxs40("div", {
11851
11903
  style: { gap: onChat && hovered ? 2 : 0 },
11852
11904
  className: cn("skippr:flex skippr:items-center skippr:border-2 skippr:border-brand skippr:bg-white skippr:p-[3px] skippr:transition-[gap] skippr:duration-[400ms] skippr:ease-[cubic-bezier(0.22,1,0.36,1)]", "skippr:[animation:skippr-pop_0.2s_ease]", AVATAR_FLEX[dock.edge], VIEWPORT_ROUNDING[dock.edge], AVATAR_SHADOW[dock.edge]),
11853
11905
  children: [
11854
- onChat && /* @__PURE__ */ jsx47(LauncherChat, {
11906
+ onChat && /* @__PURE__ */ jsx48(LauncherChat, {
11855
11907
  revealed: hovered,
11856
11908
  edge: dock.edge,
11857
11909
  onClick: openChat
11858
11910
  }),
11859
- /* @__PURE__ */ jsx47("button", {
11911
+ /* @__PURE__ */ jsx48("button", {
11860
11912
  type: "button",
11861
11913
  onClick: open,
11862
11914
  "aria-label": "Open Agent",
11863
11915
  className: "skippr:block skippr:shrink-0 skippr:cursor-grab skippr:rounded-full skippr:bg-transparent skippr:p-0 skippr:transition-transform skippr:duration-200 skippr:hover:scale-105",
11864
- children: logoUrl ? /* @__PURE__ */ jsx47("img", {
11916
+ children: logoUrl ? /* @__PURE__ */ jsx48("img", {
11865
11917
  src: logoUrl,
11866
11918
  alt: "",
11867
11919
  className: "skippr:block skippr:size-[46px] skippr:rounded-full skippr:object-cover"
11868
- }) : /* @__PURE__ */ jsx47("span", {
11920
+ }) : /* @__PURE__ */ jsx48("span", {
11869
11921
  className: "skippr:flex skippr:size-[46px] skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-launcher",
11870
- children: /* @__PURE__ */ jsx47(SkipprMark2, {})
11922
+ children: /* @__PURE__ */ jsx48(SkipprMark2, {})
11871
11923
  })
11872
11924
  })
11873
11925
  ]
11874
11926
  }),
11875
- hasNotif && /* @__PURE__ */ jsx47("button", {
11927
+ hasNotif && /* @__PURE__ */ jsx48("button", {
11876
11928
  type: "button",
11877
11929
  onClick: toggleCard,
11878
11930
  "aria-label": "Show notifications",
@@ -11883,7 +11935,7 @@ function VoiceBarLauncher({
11883
11935
  },
11884
11936
  className: cn("skippr:absolute skippr:z-[2] skippr:size-[13px] skippr:cursor-pointer skippr:rounded-full skippr:border-[2.5px] skippr:border-white skippr:transition-[left] skippr:duration-300 skippr:ease-[cubic-bezier(0.34,1.3,0.64,1)] skippr:animate-skippr-voice-pulse skippr:motion-reduce:animate-none", dock.edge === "top" ? "skippr:-bottom-[2px]" : "skippr:-top-[2px]")
11885
11937
  }),
11886
- hasNotif && cardOpen && /* @__PURE__ */ jsx47(LauncherNotification, {
11938
+ hasNotif && cardOpen && /* @__PURE__ */ jsx48(LauncherNotification, {
11887
11939
  notifications,
11888
11940
  dock,
11889
11941
  mode,
@@ -11895,7 +11947,7 @@ function VoiceBarLauncher({
11895
11947
  }
11896
11948
 
11897
11949
  // src/components/VoiceBar.tsx
11898
- import { jsx as jsx48 } from "react/jsx-runtime";
11950
+ import { jsx as jsx49 } from "react/jsx-runtime";
11899
11951
  function VoiceBar({ revealed }) {
11900
11952
  const ctx = useContext24(LiveAgentContext);
11901
11953
  if (!ctx) {
@@ -11937,7 +11989,7 @@ function VoiceBar({ revealed }) {
11937
11989
  return null;
11938
11990
  }
11939
11991
  if (launcherMode !== LAUNCHER_MODE.None && !sessionLive && isMinimized) {
11940
- return /* @__PURE__ */ jsx48(VoiceBarLauncher, {
11992
+ return /* @__PURE__ */ jsx49(VoiceBarLauncher, {
11941
11993
  dock: effectiveLauncherDock,
11942
11994
  mode: launcherMode,
11943
11995
  logoUrl: appearance?.logoUrl ?? null,
@@ -11952,7 +12004,7 @@ function VoiceBar({ revealed }) {
11952
12004
  });
11953
12005
  }
11954
12006
  const effectiveBarPos = barPos ?? defaultBarPos();
11955
- return /* @__PURE__ */ jsx48(VoiceBarFrame, {
12007
+ return /* @__PURE__ */ jsx49(VoiceBarFrame, {
11956
12008
  pos: effectiveBarPos,
11957
12009
  canFold,
11958
12010
  notifications,
@@ -11962,7 +12014,7 @@ function VoiceBar({ revealed }) {
11962
12014
  }
11963
12015
 
11964
12016
  // src/components/LiveAgent.tsx
11965
- import { jsx as jsx49, jsxs as jsxs40, Fragment as Fragment8 } from "react/jsx-runtime";
12017
+ import { jsx as jsx50, jsxs as jsxs41, Fragment as Fragment8 } from "react/jsx-runtime";
11966
12018
  var SPLASH_NOT_PLACED_WARNING = "[Skippr] The splash screen is enabled but no <SplashScreen> is rendered, so end users cannot start a session. Import SplashScreen from @skippr/live-agent-sdk and place it inside <LiveAgent>.";
11967
12019
  var SPLASH_MULTI_MOUNT_WARNING = "[Skippr] More than one <SplashScreen> is mounted. Render exactly one — each instance keeps its own microphone, screen and dismissal state.";
11968
12020
  function readSavedPosition() {
@@ -11982,7 +12034,7 @@ function readSavedLauncherBottom() {
11982
12034
  }
11983
12035
  }
11984
12036
  function AgentCursorMount({ animated }) {
11985
- return /* @__PURE__ */ jsx49(AgentCursor, {
12037
+ return /* @__PURE__ */ jsx50(AgentCursor, {
11986
12038
  target: useAgentCursor(),
11987
12039
  animated
11988
12040
  });
@@ -12140,7 +12192,11 @@ function LiveAgent(props) {
12140
12192
  const isBootAuthPending = usesHostAuth ? !!appKey && !isAuthenticated && !authFailed : !!appKey && !auth.hasResolvedStoredToken;
12141
12193
  const isAwaitingModules = isAuthenticated ? !hasResolvedModules : isBootAuthPending;
12142
12194
  const isLauncherRevealed = useOnceTrue(!isAwaitingModules);
12143
- const { goals: adoptionGoals, attendGoal } = useAdoptionGoals({
12195
+ const {
12196
+ goals: adoptionGoals,
12197
+ hasResolved: hasResolvedAdoptionGoals,
12198
+ attendGoal
12199
+ } = useAdoptionGoals({
12144
12200
  enabled: !isSessionLive || activeModule?.mode === AGENT_MODE.AlwaysOn || sessionAgentMode === AGENT_MODE.AlwaysOn,
12145
12201
  bearerToken,
12146
12202
  authedFetch
@@ -12389,7 +12445,7 @@ function LiveAgent(props) {
12389
12445
  startPrimarySession
12390
12446
  ]);
12391
12447
  const isSplashConfigured = appearance?.launcherMode === LAUNCHER_MODE.Template && appearance.splash?.enabled === true;
12392
- const idleHistoryEnabled = !isSessionLive && !isPaused && (isPanelOpen || isSplashConfigured) && isAuthenticated;
12448
+ const idleHistoryEnabled = !isSessionLive && (isSplashConfigured || isPanelOpen && !isPaused) && isAuthenticated;
12393
12449
  const {
12394
12450
  messages: idleHistoryMessages,
12395
12451
  phases: idleHistoryPhases,
@@ -12515,6 +12571,7 @@ function LiveAgent(props) {
12515
12571
  hasResolvedModules,
12516
12572
  appearance,
12517
12573
  adoptionGoals,
12574
+ hasResolvedAdoptionGoals,
12518
12575
  startAdoptionSession,
12519
12576
  attendGoal,
12520
12577
  buddyActive,
@@ -12603,76 +12660,77 @@ function LiveAgent(props) {
12603
12660
  hasResolvedModules,
12604
12661
  appearance,
12605
12662
  adoptionGoals,
12663
+ hasResolvedAdoptionGoals,
12606
12664
  startAdoptionSession,
12607
12665
  attendGoal,
12608
12666
  buddyActive,
12609
12667
  buddyShape
12610
12668
  ]);
12611
12669
  if (noModulesAvailable || buddyDefaultMissing) {
12612
- return /* @__PURE__ */ jsx49(LiveAgentContext.Provider, {
12670
+ return /* @__PURE__ */ jsx50(LiveAgentContext.Provider, {
12613
12671
  value: ctx,
12614
12672
  children
12615
12673
  });
12616
12674
  }
12617
- return /* @__PURE__ */ jsx49(LiveAgentContext.Provider, {
12675
+ return /* @__PURE__ */ jsx50(LiveAgentContext.Provider, {
12618
12676
  value: ctx,
12619
- children: /* @__PURE__ */ jsxs40(LiveKitRoom, {
12677
+ children: /* @__PURE__ */ jsxs41(LiveKitRoom, {
12620
12678
  serverUrl: connection?.livekitUrl,
12621
12679
  token: connection?.token,
12622
12680
  connect: shouldConnect,
12623
12681
  audio: !startMuted,
12624
12682
  onDisconnected: handleRoomDisconnected,
12625
12683
  children: [
12626
- /* @__PURE__ */ jsxs40(Fragment7, {
12684
+ /* @__PURE__ */ jsxs41(Fragment7, {
12627
12685
  children: [
12628
- connection && !textMode && /* @__PURE__ */ jsx49(RoomAudioRenderer, {}),
12629
- /* @__PURE__ */ jsxs40(SessionHoldProvider, {
12686
+ connection && !textMode && /* @__PURE__ */ jsx50(RoomAudioRenderer, {}),
12687
+ /* @__PURE__ */ jsxs41(SessionHoldProvider, {
12630
12688
  children: [
12631
- connection && captureMode === CAPTURE_MODE.Screenshare && /* @__PURE__ */ jsx49(AutoStartMedia, {
12689
+ connection && captureMode === CAPTURE_MODE.Screenshare && /* @__PURE__ */ jsx50(AutoStartMedia, {
12632
12690
  pendingScreenStream,
12633
12691
  pushOrTapMicMode: isRequestResponseMicMode(agentControls?.micMode),
12634
12692
  startMuted
12635
12693
  }),
12636
- connection && captureMode === CAPTURE_MODE.Auto && /* @__PURE__ */ jsx49(DomCapture, {
12694
+ connection && captureMode === CAPTURE_MODE.Auto && /* @__PURE__ */ jsx50(DomCapture, {
12637
12695
  pushOrTapMicMode: isRequestResponseMicMode(agentControls?.micMode),
12638
12696
  startMuted
12639
12697
  }),
12640
- /* @__PURE__ */ jsxs40(ShadowHost, {
12698
+ /* @__PURE__ */ jsxs41(ShadowHost, {
12641
12699
  accentColor: appearance?.accentColor ?? null,
12642
12700
  children: [
12643
- connection && captureMode === CAPTURE_MODE.Auto && agentControls?.highlight && /* @__PURE__ */ jsx49(HighlightOverlay, {}),
12644
- connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx49(PageActionHandler, {}),
12645
- connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx49(PlanPanelOpener, {}),
12646
- connection && captureMode === CAPTURE_MODE.Auto && (agentControls?.highlight || agentControls?.actions) && /* @__PURE__ */ jsx49(AgentCursorMount, {
12701
+ connection && captureMode === CAPTURE_MODE.Auto && agentControls?.highlight && /* @__PURE__ */ jsx50(HighlightOverlay, {}),
12702
+ connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx50(PageActionHandler, {}),
12703
+ connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx50(PlanPanelOpener, {}),
12704
+ connection && captureMode === CAPTURE_MODE.Auto && (agentControls?.highlight || agentControls?.actions) && /* @__PURE__ */ jsx50(AgentCursorMount, {
12647
12705
  animated: shouldAnimateCursor
12648
12706
  }),
12649
- /* @__PURE__ */ jsx49(VoiceTurnProvider, {
12650
- children: /* @__PURE__ */ jsx49(TranscriptionsProvider, {
12651
- children: /* @__PURE__ */ jsx49("div", {
12707
+ /* @__PURE__ */ jsx50(VoiceTurnProvider, {
12708
+ children: /* @__PURE__ */ jsx50(TranscriptionsProvider, {
12709
+ children: /* @__PURE__ */ jsx50("div", {
12652
12710
  id: WIDGET_ROOT_ID,
12653
- children: variant === "sidebar" ? /* @__PURE__ */ jsxs40(Fragment8, {
12711
+ children: variant === "sidebar" ? /* @__PURE__ */ jsxs41(Fragment8, {
12654
12712
  children: [
12655
- isMinimized && !showControlBar && isLauncherRevealed && /* @__PURE__ */ jsx49(MinimizedBubble, {
12713
+ isMinimized && !showControlBar && isLauncherRevealed && /* @__PURE__ */ jsx50(MinimizedBubble, {
12656
12714
  welcomeMessage,
12657
12715
  welcomeDismissed,
12658
12716
  onDismissWelcome: dismissWelcome
12659
12717
  }),
12660
- showControlBar && !hideControls && /* @__PURE__ */ jsx49(SessionControlBar, {}),
12661
- /* @__PURE__ */ jsx49(SidebarTrigger, {}),
12662
- /* @__PURE__ */ jsx49(Sidebar, {
12718
+ showControlBar && !hideControls && /* @__PURE__ */ jsx50(SessionControlBar, {}),
12719
+ /* @__PURE__ */ jsx50(SidebarTrigger, {}),
12720
+ /* @__PURE__ */ jsx50(Sidebar, {
12663
12721
  hideControls,
12664
12722
  hideHeader,
12665
12723
  startSessionLabel
12666
12724
  })
12667
12725
  ]
12668
- }) : !isLauncherRevealed ? null : buddyActive ? /* @__PURE__ */ jsx49(BuddyVoiceBar, {
12726
+ }) : !isLauncherRevealed ? null : buddyActive ? /* @__PURE__ */ jsx50(BuddyVoiceBar, {
12669
12727
  revealed: isLauncherRevealed
12670
- }) : /* @__PURE__ */ jsxs40(Fragment8, {
12728
+ }) : /* @__PURE__ */ jsxs41(Fragment8, {
12671
12729
  children: [
12672
- /* @__PURE__ */ jsx49(VoiceBar, {
12730
+ /* @__PURE__ */ jsx50(VoiceBar, {
12673
12731
  revealed: isLauncherRevealed
12674
12732
  }),
12675
- (agentControls?.chat ?? DEFAULT_CHAT_SURFACE) === CHAT_SURFACE.Room && /* @__PURE__ */ jsx49(Sidebar, {
12733
+ (agentControls?.chat ?? DEFAULT_CHAT_SURFACE) === CHAT_SURFACE.Room && /* @__PURE__ */ jsx50(Sidebar, {
12676
12734
  hideControls,
12677
12735
  hideHeader,
12678
12736
  startSessionLabel
@@ -12733,7 +12791,6 @@ function resolveSplashPresentation(splash) {
12733
12791
  }
12734
12792
 
12735
12793
  // src/hooks/useSplash.ts
12736
- var NO_PHASES = [];
12737
12794
  var SPLASH_DISABLED_WARNING = "[Skippr] <SplashScreen> is mounted but the splash screen is turned off for this workspace, so it will never render. Enable it under Appearance in the Skippr platform.";
12738
12795
  var LAUNCHER_MODE_WARNING = '[Skippr] <SplashScreen> is mounted but the launcher mode is not "template", so it will never render. Set the launcher to Template under Appearance in the Skippr platform.';
12739
12796
  function useSplash(onDismiss) {
@@ -12750,6 +12807,8 @@ function useSplash(onDismiss) {
12750
12807
  isMinimized,
12751
12808
  isAuthenticated,
12752
12809
  startPrimarySession,
12810
+ startAdoptionSession,
12811
+ hasResolvedAdoptionGoals,
12753
12812
  armScreenStream,
12754
12813
  startMuted,
12755
12814
  setStartMuted,
@@ -12874,24 +12933,57 @@ function useSplash(onDismiss) {
12874
12933
  splashHandedOffRef.current = true;
12875
12934
  startPrimarySession();
12876
12935
  }, [startPrimarySession]);
12936
+ const startTip = useCallback34((goal) => {
12937
+ splashHandedOffRef.current = true;
12938
+ startAdoptionSession(goal);
12939
+ }, [startAdoptionSession]);
12940
+ const tips = useAdoptionTips();
12877
12941
  const presentation = useMemo9(() => resolveSplashPresentation(splash), [splash]);
12878
12942
  const iconUrls = appearance?.splashIconUrls ?? null;
12879
12943
  const sections = useMemo9(() => resolveSplashSections(splash?.sections ?? null, iconUrls), [splash?.sections, iconUrls]);
12880
- const phases = defaultModule?.mode === AGENT_MODE.AlwaysOn ? NO_PHASES : idleHistory.phases;
12944
+ const phases = idleHistory.phases;
12881
12945
  const lastCompletedPhase = useMemo9(() => phases.findLast((phase) => phase.status === "completed") ?? null, [phases]);
12882
12946
  const upcomingPhases = useMemo9(() => phases.filter((phase) => phase.status !== "completed"), [phases]);
12883
12947
  if (!isSplashConfigured || isLive || !isMinimized || !isAuthenticated || !defaultModule || splashDismissed) {
12884
12948
  return null;
12885
12949
  }
12950
+ const isAlwaysOn = defaultModule.mode === AGENT_MODE.AlwaysOn;
12951
+ if (isAlwaysOn && !hasResolvedAdoptionGoals) {
12952
+ return null;
12953
+ }
12954
+ if (!isAlwaysOn && idleHistory.isLoading) {
12955
+ return null;
12956
+ }
12886
12957
  const effectiveScreenEnabled = captureMode === CAPTURE_MODE.Screenshare ? screenEnabled : null;
12958
+ if (isAlwaysOn) {
12959
+ return {
12960
+ layout: SPLASH_LAYOUT.AlwaysOn,
12961
+ agentName: defaultModule.name,
12962
+ presentation,
12963
+ headerIconUrl: iconUrls?.[SPLASH_HEADER_ICON_SLOT] ?? null,
12964
+ attributionVisible: splash?.attributionVisible ?? DEFAULT_SPLASH_ATTRIBUTION_VISIBLE,
12965
+ tips,
12966
+ micEnabled,
12967
+ startMuted,
12968
+ screenEnabled: effectiveScreenEnabled,
12969
+ enableMic,
12970
+ toggleStartMuted,
12971
+ enableScreen,
12972
+ startTip,
12973
+ start,
12974
+ dismiss
12975
+ };
12976
+ }
12977
+ const intent = getModuleSessionState(defaultModule.currentSession, defaultModule.mode) === "resume" ? SPLASH_INTENT.Continue : SPLASH_INTENT.Start;
12887
12978
  return {
12979
+ layout: SPLASH_LAYOUT.Primary,
12888
12980
  agentName: defaultModule.name,
12889
12981
  presentation,
12890
12982
  headerIconUrl: iconUrls?.[SPLASH_HEADER_ICON_SLOT] ?? null,
12891
12983
  sections,
12892
12984
  attributionVisible: splash?.attributionVisible ?? DEFAULT_SPLASH_ATTRIBUTION_VISIBLE,
12893
- skipButtonVisible: splash?.skipButtonVisible ?? DEFAULT_SPLASH_SKIP_BUTTON_VISIBLE,
12894
- intent: getModuleSessionState(defaultModule.currentSession, defaultModule.mode) === "resume" ? SPLASH_INTENT.Continue : SPLASH_INTENT.Start,
12985
+ skipButtonVisible: (intent === SPLASH_INTENT.Continue ? splash?.continueSkipButtonVisible : splash?.startSkipButtonVisible) ?? DEFAULT_SPLASH_SKIP_BUTTON_VISIBLE,
12986
+ intent,
12895
12987
  lastCompletedPhase,
12896
12988
  upcomingPhases,
12897
12989
  micEnabled,
@@ -12905,81 +12997,49 @@ function useSplash(onDismiss) {
12905
12997
  };
12906
12998
  }
12907
12999
 
12908
- // src/components/SplashDefault.tsx
12909
- import { jsx as jsx50, jsxs as jsxs41, Fragment as Fragment9 } from "react/jsx-runtime";
12910
- var ATTRIBUTION_PREFIX2 = "Powered by";
12911
- var ATTRIBUTION_BRAND2 = "Skippr";
12912
- var ATTRIBUTION_URL2 = "https://www.skippr.ai/";
12913
- var CLOSE_LABEL = "Close";
12914
- var SCREEN_NOTICE = "Required";
12915
- var ENABLE_ACTION = "Enable";
12916
- var MEDIA_ENABLED_STATUS = "Enabled";
12917
- var MIC_MUTED_STATUS = "Muted";
12918
- var MUTE_MIC_ACTION = "Mute microphone";
12919
- var UNMUTE_MIC_ACTION = "Unmute microphone";
12920
- var CONSENT_LEAD_IN = "By starting a session";
13000
+ // src/lib/splashStyles.ts
12921
13001
  var SECTION_HEADING = "skippr:text-[11px] skippr:font-semibold skippr:uppercase skippr:tracking-[0.05em] skippr:text-[#6b6875]";
12922
13002
  var SECTION_BLOCK = "skippr:mt-[6px] skippr:flex skippr:flex-col skippr:gap-[14px] skippr:first:mt-0";
12923
- var ICON_TILE = "skippr:flex skippr:size-[38px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-[11px] skippr:bg-[#f2f0eb] skippr:text-[#2D2D3F]";
13003
+ var ICON_TILE_SHAPE = "skippr:flex skippr:size-[38px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-[11px]";
13004
+ var ICON_TILE = `${ICON_TILE_SHAPE} skippr:bg-[#f2f0eb] skippr:text-[#2D2D3F]`;
13005
+ var ICON_TILE_BRAND = `${ICON_TILE_SHAPE} skippr:bg-primary skippr:text-primary-foreground`;
12924
13006
  var ROW_TEXT = "skippr:flex skippr:min-w-0 skippr:flex-col skippr:gap-px";
12925
13007
  var ROW_TITLE = "skippr:text-[14px] skippr:font-medium skippr:text-[#2D2D3F]";
12926
13008
  var ROW_SUBTEXT = "skippr:text-[12px] skippr:text-[#6b6875]";
12927
13009
  var ROW_ICON = "skippr:size-[17px]";
12928
13010
  var ROW_ICON_STROKE = 1.8;
12929
13011
  var FOCUS_RING3 = "skippr:focus-visible:outline-2 skippr:focus-visible:outline-offset-2 skippr:focus-visible:outline-[var(--skippr-brand)]";
12930
- var GLYPH_COMPONENT = {
12931
- [SPLASH_SECTION_GLYPH.Route]: Route,
12932
- [SPLASH_SECTION_GLYPH.Messages]: MessagesSquare,
12933
- [SPLASH_SECTION_GLYPH.Pointer]: MousePointerClick
12934
- };
12935
- function SectionRow({ iconUrl, glyph, title, description }) {
12936
- const Glyph = glyph ? GLYPH_COMPONENT[glyph] : Sparkles;
12937
- return /* @__PURE__ */ jsxs41("li", {
12938
- className: "skippr:flex skippr:items-start skippr:gap-3",
12939
- children: [
12940
- /* @__PURE__ */ jsx50("span", {
12941
- className: ICON_TILE,
12942
- children: iconUrl ? /* @__PURE__ */ jsx50("img", {
12943
- src: iconUrl,
12944
- alt: "",
12945
- className: `skippr:object-contain ${ROW_ICON}`
12946
- }) : /* @__PURE__ */ jsx50(Glyph, {
12947
- className: ROW_ICON,
12948
- strokeWidth: ROW_ICON_STROKE
12949
- })
12950
- }),
12951
- /* @__PURE__ */ jsxs41("span", {
12952
- className: ROW_TEXT,
12953
- children: [
12954
- /* @__PURE__ */ jsx50("span", {
12955
- className: ROW_TITLE,
12956
- children: title
12957
- }),
12958
- /* @__PURE__ */ jsx50("span", {
12959
- className: ROW_SUBTEXT,
12960
- children: description
12961
- })
12962
- ]
12963
- })
12964
- ]
12965
- });
12966
- }
13012
+
13013
+ // src/components/SplashMediaSection.tsx
13014
+ import { jsx as jsx51, jsxs as jsxs42 } from "react/jsx-runtime";
13015
+ var SCREEN_NOTICE = "Required";
13016
+ var ENABLE_ACTION = "Enable";
13017
+ var MEDIA_ENABLED_STATUS = "Enabled";
13018
+ var MIC_MUTED_STATUS = "Muted";
13019
+ var MUTE_MIC_ACTION = "Mute microphone";
13020
+ var UNMUTE_MIC_ACTION = "Unmute microphone";
13021
+ var MEDIA_TRAILING_BOX = "skippr:shrink-0 skippr:rounded-full skippr:border skippr:px-[18px] skippr:py-[7px] skippr:text-[14px]";
13022
+ var MEDIA_PILL = `${MEDIA_TRAILING_BOX} skippr:cursor-pointer skippr:border-[rgba(45,45,63,0.12)] skippr:font-medium skippr:transition-colors`;
13023
+ var MEDIA_LINK = `${FOCUS_RING3} skippr:shrink-0 skippr:cursor-pointer skippr:rounded-[4px] skippr:text-[14px] skippr:font-medium skippr:text-brand-on-white skippr:underline-offset-2 skippr:hover:underline`;
13024
+ var MEDIA_STATUS_SHAPE = "skippr:shrink-0 skippr:text-[14px]";
13025
+ var MEDIA_STATUS_MUTED = `${MEDIA_STATUS_SHAPE} skippr:text-[#6b6875]`;
13026
+ var MEDIA_STATUS_BRAND = `${MEDIA_STATUS_SHAPE} skippr:font-medium skippr:text-brand-on-white`;
12967
13027
  function MediaRow({ icon, label, subtext, trailing }) {
12968
- return /* @__PURE__ */ jsxs41("li", {
13028
+ return /* @__PURE__ */ jsxs42("li", {
12969
13029
  className: "skippr:flex skippr:items-center skippr:gap-3",
12970
13030
  children: [
12971
- /* @__PURE__ */ jsx50("span", {
13031
+ /* @__PURE__ */ jsx51("span", {
12972
13032
  className: ICON_TILE,
12973
13033
  children: icon
12974
13034
  }),
12975
- /* @__PURE__ */ jsxs41("span", {
13035
+ /* @__PURE__ */ jsxs42("span", {
12976
13036
  className: `skippr:flex-1 ${ROW_TEXT}`,
12977
13037
  children: [
12978
- /* @__PURE__ */ jsx50("span", {
13038
+ /* @__PURE__ */ jsx51("span", {
12979
13039
  className: ROW_TITLE,
12980
13040
  children: label
12981
13041
  }),
12982
- /* @__PURE__ */ jsx50("span", {
13042
+ /* @__PURE__ */ jsx51("span", {
12983
13043
  className: ROW_SUBTEXT,
12984
13044
  children: subtext
12985
13045
  })
@@ -12989,35 +13049,31 @@ function MediaRow({ icon, label, subtext, trailing }) {
12989
13049
  ]
12990
13050
  });
12991
13051
  }
12992
- var MEDIA_TRAILING_BOX = "skippr:shrink-0 skippr:rounded-full skippr:border skippr:px-[18px] skippr:py-[7px] skippr:text-[14px]";
12993
- var MEDIA_PILL = `${MEDIA_TRAILING_BOX} skippr:cursor-pointer skippr:border-[rgba(45,45,63,0.12)] skippr:font-medium skippr:transition-colors`;
12994
- var MEDIA_LINK = `${FOCUS_RING3} skippr:shrink-0 skippr:cursor-pointer skippr:rounded-[4px] skippr:text-[14px] skippr:font-medium skippr:text-[var(--skippr-brand-on-white,#2d2b3d)] skippr:underline-offset-2 skippr:hover:underline`;
12995
- var MEDIA_STATUS = "skippr:shrink-0 skippr:text-[14px] skippr:text-[#6b6875]";
12996
13052
  function EnableButton({ onEnable }) {
12997
- return /* @__PURE__ */ jsx50("button", {
13053
+ return /* @__PURE__ */ jsx51("button", {
12998
13054
  type: "button",
12999
13055
  onClick: onEnable,
13000
13056
  className: MEDIA_LINK,
13001
13057
  children: ENABLE_ACTION
13002
13058
  });
13003
13059
  }
13004
- function MediaStatus({ label }) {
13005
- return /* @__PURE__ */ jsx50("span", {
13006
- className: MEDIA_STATUS,
13060
+ function MediaStatus({ label, className }) {
13061
+ return /* @__PURE__ */ jsx51("span", {
13062
+ className,
13007
13063
  children: label
13008
13064
  });
13009
13065
  }
13010
13066
  function MicToggle({ muted, onToggle }) {
13011
- return /* @__PURE__ */ jsx50("button", {
13067
+ return /* @__PURE__ */ jsx51("button", {
13012
13068
  type: "button",
13013
13069
  onClick: onToggle,
13014
13070
  "aria-pressed": muted,
13015
13071
  "aria-label": muted ? UNMUTE_MIC_ACTION : MUTE_MIC_ACTION,
13016
13072
  className: `${MEDIA_PILL} ${FOCUS_RING3} skippr:flex skippr:items-center skippr:justify-center ${muted ? "skippr:bg-[#f2f0eb] skippr:text-[#6b6875]" : "skippr:text-[#2D2D3F] skippr:hover:bg-[#f2f0eb]"}`,
13017
- children: muted ? /* @__PURE__ */ jsx50(MicOff, {
13073
+ children: muted ? /* @__PURE__ */ jsx51(MicOff, {
13018
13074
  className: ROW_ICON,
13019
13075
  strokeWidth: ROW_ICON_STROKE
13020
- }) : /* @__PURE__ */ jsx50(Mic, {
13076
+ }) : /* @__PURE__ */ jsx51(Mic, {
13021
13077
  className: ROW_ICON,
13022
13078
  strokeWidth: ROW_ICON_STROKE
13023
13079
  })
@@ -13025,18 +13081,305 @@ function MicToggle({ muted, onToggle }) {
13025
13081
  }
13026
13082
  function ScreenTrailing({ enabled, onEnable }) {
13027
13083
  if (enabled === null)
13028
- return /* @__PURE__ */ jsx50(MediaStatus, {
13029
- label: SCREEN_NOTICE
13084
+ return /* @__PURE__ */ jsx51(MediaStatus, {
13085
+ label: SCREEN_NOTICE,
13086
+ className: MEDIA_STATUS_BRAND
13030
13087
  });
13031
13088
  if (enabled)
13032
- return /* @__PURE__ */ jsx50(MediaStatus, {
13033
- label: MEDIA_ENABLED_STATUS
13089
+ return /* @__PURE__ */ jsx51(MediaStatus, {
13090
+ label: MEDIA_ENABLED_STATUS,
13091
+ className: MEDIA_STATUS_BRAND
13034
13092
  });
13035
- return /* @__PURE__ */ jsx50(EnableButton, {
13093
+ return /* @__PURE__ */ jsx51(EnableButton, {
13036
13094
  onEnable
13037
13095
  });
13038
13096
  }
13039
- function SplashDefault({
13097
+ function SplashMediaSection({
13098
+ copy,
13099
+ micEnabled,
13100
+ startMuted,
13101
+ screenEnabled,
13102
+ enableMic,
13103
+ toggleStartMuted,
13104
+ enableScreen
13105
+ }) {
13106
+ return /* @__PURE__ */ jsxs42("section", {
13107
+ className: SECTION_BLOCK,
13108
+ children: [
13109
+ /* @__PURE__ */ jsx51("h3", {
13110
+ className: SECTION_HEADING,
13111
+ children: copy.mediaHeading
13112
+ }),
13113
+ /* @__PURE__ */ jsxs42("ul", {
13114
+ className: "skippr:flex skippr:flex-col skippr:gap-[14px]",
13115
+ children: [
13116
+ /* @__PURE__ */ jsx51(MediaRow, {
13117
+ icon: /* @__PURE__ */ jsx51(Mic, {
13118
+ className: ROW_ICON,
13119
+ strokeWidth: ROW_ICON_STROKE
13120
+ }),
13121
+ label: copy.micLabel,
13122
+ subtext: copy.micSubtext,
13123
+ trailing: micEnabled ? /* @__PURE__ */ jsxs42("span", {
13124
+ className: "skippr:flex skippr:shrink-0 skippr:items-center skippr:gap-2",
13125
+ children: [
13126
+ /* @__PURE__ */ jsx51(MicToggle, {
13127
+ muted: startMuted,
13128
+ onToggle: toggleStartMuted
13129
+ }),
13130
+ /* @__PURE__ */ jsx51(MediaStatus, {
13131
+ label: startMuted ? MIC_MUTED_STATUS : MEDIA_ENABLED_STATUS,
13132
+ className: startMuted ? MEDIA_STATUS_MUTED : MEDIA_STATUS_BRAND
13133
+ })
13134
+ ]
13135
+ }) : /* @__PURE__ */ jsx51(EnableButton, {
13136
+ onEnable: enableMic
13137
+ })
13138
+ }),
13139
+ /* @__PURE__ */ jsx51(MediaRow, {
13140
+ icon: /* @__PURE__ */ jsx51(MonitorUp, {
13141
+ className: ROW_ICON,
13142
+ strokeWidth: ROW_ICON_STROKE
13143
+ }),
13144
+ label: copy.screenLabel,
13145
+ subtext: copy.screenSubtext,
13146
+ trailing: /* @__PURE__ */ jsx51(ScreenTrailing, {
13147
+ enabled: screenEnabled,
13148
+ onEnable: enableScreen
13149
+ })
13150
+ })
13151
+ ]
13152
+ })
13153
+ ]
13154
+ });
13155
+ }
13156
+
13157
+ // src/components/SplashAlwaysOn.tsx
13158
+ import { jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
13159
+ var ATTRIBUTION_PREFIX2 = "AI Agent Powered by";
13160
+ var ATTRIBUTION_BRAND2 = "Skippr";
13161
+ var ATTRIBUTION_URL2 = "https://www.skippr.ai/";
13162
+ var CLOSE_LABEL = "Close";
13163
+ var CONSENT_LEAD_IN = "By starting a session";
13164
+ function TipRow({
13165
+ title,
13166
+ subtext,
13167
+ onStart
13168
+ }) {
13169
+ return /* @__PURE__ */ jsx52("li", {
13170
+ children: /* @__PURE__ */ jsxs43("button", {
13171
+ type: "button",
13172
+ onClick: onStart,
13173
+ className: `${FOCUS_RING3} skippr:flex skippr:w-full skippr:cursor-pointer skippr:items-start skippr:gap-3 skippr:rounded-[11px] skippr:text-left skippr:transition-colors skippr:hover:bg-[rgba(45,45,63,0.04)]`,
13174
+ children: [
13175
+ /* @__PURE__ */ jsx52("span", {
13176
+ className: ICON_TILE_BRAND,
13177
+ children: /* @__PURE__ */ jsx52(Lightbulb, {
13178
+ className: ROW_ICON,
13179
+ strokeWidth: ROW_ICON_STROKE
13180
+ })
13181
+ }),
13182
+ /* @__PURE__ */ jsxs43("span", {
13183
+ className: ROW_TEXT,
13184
+ children: [
13185
+ /* @__PURE__ */ jsx52("span", {
13186
+ className: ROW_TITLE,
13187
+ children: title
13188
+ }),
13189
+ /* @__PURE__ */ jsx52("span", {
13190
+ className: ROW_SUBTEXT,
13191
+ children: subtext
13192
+ })
13193
+ ]
13194
+ })
13195
+ ]
13196
+ })
13197
+ });
13198
+ }
13199
+ function SplashAlwaysOn({
13200
+ agentName,
13201
+ presentation,
13202
+ headerIconUrl,
13203
+ attributionVisible,
13204
+ tips,
13205
+ micEnabled,
13206
+ startMuted,
13207
+ screenEnabled,
13208
+ enableMic,
13209
+ toggleStartMuted,
13210
+ enableScreen,
13211
+ startTip,
13212
+ start,
13213
+ dismiss
13214
+ }) {
13215
+ const { copy, card } = presentation;
13216
+ return /* @__PURE__ */ jsxs43("section", {
13217
+ "aria-label": agentName,
13218
+ style: { maxWidth: card.width, maxHeight: `${card.maxHeight}vh` },
13219
+ className: "skippr:flex skippr:w-full skippr:flex-col skippr:overflow-hidden skippr:rounded-[16px] skippr:bg-white skippr:shadow-[0_0_0_1px_rgba(45,45,63,0.10),0_1px_2px_rgba(45,45,63,0.04)]",
13220
+ children: [
13221
+ /* @__PURE__ */ jsxs43("div", {
13222
+ className: "skippr:flex skippr:shrink-0 skippr:items-start skippr:justify-between skippr:gap-3 skippr:border-b skippr:border-[rgba(45,45,63,0.06)] skippr:bg-[rgba(45,45,63,0.03)] skippr:px-[22px] skippr:pt-5 skippr:pb-4",
13223
+ children: [
13224
+ /* @__PURE__ */ jsxs43("div", {
13225
+ className: "skippr:flex skippr:min-w-0 skippr:flex-col skippr:gap-1",
13226
+ children: [
13227
+ /* @__PURE__ */ jsxs43("span", {
13228
+ className: "skippr:flex skippr:min-w-0 skippr:items-center skippr:gap-1.5 skippr:text-[#2D2D3F]",
13229
+ children: [
13230
+ headerIconUrl ? /* @__PURE__ */ jsx52("img", {
13231
+ src: headerIconUrl,
13232
+ alt: "",
13233
+ className: `skippr:shrink-0 skippr:object-contain ${ROW_ICON}`
13234
+ }) : /* @__PURE__ */ jsx52(Sparkles, {
13235
+ className: `skippr:shrink-0 ${ROW_ICON}`,
13236
+ strokeWidth: ROW_ICON_STROKE,
13237
+ "aria-hidden": true
13238
+ }),
13239
+ /* @__PURE__ */ jsx52("span", {
13240
+ className: "skippr:truncate skippr:text-[18px] skippr:font-semibold skippr:tracking-[-0.0125em]",
13241
+ children: agentName
13242
+ })
13243
+ ]
13244
+ }),
13245
+ attributionVisible && /* @__PURE__ */ jsxs43("a", {
13246
+ href: ATTRIBUTION_URL2,
13247
+ target: "_blank",
13248
+ rel: "noopener noreferrer",
13249
+ className: `${FOCUS_RING3} skippr:flex skippr:w-fit skippr:cursor-pointer skippr:items-center skippr:gap-1.5 skippr:rounded-[4px] skippr:text-[14px] skippr:text-[#6b6875] skippr:transition-colors skippr:hover:text-[#2D2D3F]`,
13250
+ children: [
13251
+ /* @__PURE__ */ jsx52(LogoMark, {
13252
+ decorative: true,
13253
+ className: "skippr:size-[13px]"
13254
+ }),
13255
+ ATTRIBUTION_PREFIX2,
13256
+ " ",
13257
+ /* @__PURE__ */ jsx52("span", {
13258
+ className: "skippr:font-medium skippr:text-[#2D2D3F] skippr:underline skippr:underline-offset-2",
13259
+ children: ATTRIBUTION_BRAND2
13260
+ })
13261
+ ]
13262
+ })
13263
+ ]
13264
+ }),
13265
+ /* @__PURE__ */ jsx52("button", {
13266
+ type: "button",
13267
+ onClick: dismiss,
13268
+ "aria-label": CLOSE_LABEL,
13269
+ className: `${FOCUS_RING3} skippr:ml-auto skippr:flex skippr:size-6 skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#6b6875] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]`,
13270
+ children: /* @__PURE__ */ jsx52(X, {
13271
+ className: "skippr:size-4",
13272
+ strokeWidth: 2
13273
+ })
13274
+ })
13275
+ ]
13276
+ }),
13277
+ /* @__PURE__ */ jsxs43("div", {
13278
+ className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:gap-[14px] skippr:overflow-y-auto skippr:px-[22px] skippr:pt-[18px]",
13279
+ children: [
13280
+ /* @__PURE__ */ jsxs43("section", {
13281
+ className: SECTION_BLOCK,
13282
+ children: [
13283
+ /* @__PURE__ */ jsx52("h3", {
13284
+ className: SECTION_HEADING,
13285
+ children: copy.tipsHeading
13286
+ }),
13287
+ /* @__PURE__ */ jsx52("ul", {
13288
+ className: "skippr:flex skippr:flex-col skippr:gap-[14px]",
13289
+ children: tips.length > 0 ? tips.map((tip) => /* @__PURE__ */ jsx52(TipRow, {
13290
+ title: tip.displayMessage,
13291
+ subtext: tip.objective,
13292
+ onStart: () => startTip(tip)
13293
+ }, tip.goalId)) : /* @__PURE__ */ jsx52(TipRow, {
13294
+ title: copy.tipsEmptyTitle,
13295
+ subtext: copy.tipsEmptyDescription,
13296
+ onStart: start
13297
+ })
13298
+ })
13299
+ ]
13300
+ }),
13301
+ /* @__PURE__ */ jsx52(SplashMediaSection, {
13302
+ copy,
13303
+ micEnabled,
13304
+ startMuted,
13305
+ screenEnabled,
13306
+ enableMic,
13307
+ toggleStartMuted,
13308
+ enableScreen
13309
+ })
13310
+ ]
13311
+ }),
13312
+ /* @__PURE__ */ jsxs43("div", {
13313
+ className: "skippr:shrink-0 skippr:px-[22px] skippr:pt-[22px] skippr:pb-[22px]",
13314
+ children: [
13315
+ /* @__PURE__ */ jsxs43("button", {
13316
+ type: "button",
13317
+ onClick: start,
13318
+ className: `${FOCUS_RING3} skippr:flex skippr:w-full skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-full skippr:bg-primary skippr:px-5 skippr:py-[13px] skippr:text-[16px] skippr:font-semibold skippr:text-primary-foreground skippr:transition-all skippr:hover:bg-primary/90`,
13319
+ children: [
13320
+ /* @__PURE__ */ jsx52(Sparkles, {
13321
+ className: "skippr:size-4",
13322
+ strokeWidth: ROW_ICON_STROKE,
13323
+ "aria-hidden": true
13324
+ }),
13325
+ copy.tipsCta
13326
+ ]
13327
+ }),
13328
+ /* @__PURE__ */ jsx52(ConsentNotice, {
13329
+ leadIn: CONSENT_LEAD_IN,
13330
+ className: "skippr:mt-3"
13331
+ })
13332
+ ]
13333
+ })
13334
+ ]
13335
+ });
13336
+ }
13337
+
13338
+ // src/components/SplashPrimary.tsx
13339
+ import { jsx as jsx53, jsxs as jsxs44, Fragment as Fragment9 } from "react/jsx-runtime";
13340
+ var ATTRIBUTION_PREFIX3 = "AI Agent Powered by";
13341
+ var ATTRIBUTION_BRAND3 = "Skippr";
13342
+ var ATTRIBUTION_URL3 = "https://www.skippr.ai/";
13343
+ var CLOSE_LABEL2 = "Close";
13344
+ var CONSENT_LEAD_IN2 = "By starting a session";
13345
+ var GLYPH_COMPONENT = {
13346
+ [SPLASH_SECTION_GLYPH.Route]: Route,
13347
+ [SPLASH_SECTION_GLYPH.Messages]: MessagesSquare,
13348
+ [SPLASH_SECTION_GLYPH.Pointer]: MousePointerClick
13349
+ };
13350
+ function SectionRow({ iconUrl, glyph, title, description }) {
13351
+ const Glyph = glyph ? GLYPH_COMPONENT[glyph] : Sparkles;
13352
+ return /* @__PURE__ */ jsxs44("li", {
13353
+ className: "skippr:flex skippr:items-start skippr:gap-3",
13354
+ children: [
13355
+ /* @__PURE__ */ jsx53("span", {
13356
+ className: ICON_TILE,
13357
+ children: iconUrl ? /* @__PURE__ */ jsx53("img", {
13358
+ src: iconUrl,
13359
+ alt: "",
13360
+ className: `skippr:object-contain ${ROW_ICON}`
13361
+ }) : /* @__PURE__ */ jsx53(Glyph, {
13362
+ className: ROW_ICON,
13363
+ strokeWidth: ROW_ICON_STROKE
13364
+ })
13365
+ }),
13366
+ /* @__PURE__ */ jsxs44("span", {
13367
+ className: ROW_TEXT,
13368
+ children: [
13369
+ /* @__PURE__ */ jsx53("span", {
13370
+ className: ROW_TITLE,
13371
+ children: title
13372
+ }),
13373
+ /* @__PURE__ */ jsx53("span", {
13374
+ className: ROW_SUBTEXT,
13375
+ children: description
13376
+ })
13377
+ ]
13378
+ })
13379
+ ]
13380
+ });
13381
+ }
13382
+ function SplashPrimary({
13040
13383
  agentName,
13041
13384
  presentation,
13042
13385
  headerIconUrl,
@@ -13056,111 +13399,111 @@ function SplashDefault({
13056
13399
  dismiss
13057
13400
  }) {
13058
13401
  const { copy, card } = presentation;
13059
- return /* @__PURE__ */ jsxs41("section", {
13402
+ return /* @__PURE__ */ jsxs44("section", {
13060
13403
  "aria-label": agentName,
13061
13404
  style: { maxWidth: card.width, maxHeight: `${card.maxHeight}vh` },
13062
13405
  className: "skippr:flex skippr:w-full skippr:flex-col skippr:overflow-hidden skippr:rounded-[16px] skippr:bg-white skippr:shadow-[0_0_0_1px_rgba(45,45,63,0.10),0_1px_2px_rgba(45,45,63,0.04)]",
13063
13406
  children: [
13064
- /* @__PURE__ */ jsxs41("div", {
13407
+ /* @__PURE__ */ jsxs44("div", {
13065
13408
  className: "skippr:flex skippr:shrink-0 skippr:items-start skippr:justify-between skippr:gap-3 skippr:border-b skippr:border-[rgba(45,45,63,0.06)] skippr:bg-[rgba(45,45,63,0.03)] skippr:px-[22px] skippr:pt-5 skippr:pb-4",
13066
13409
  children: [
13067
- /* @__PURE__ */ jsxs41("div", {
13410
+ /* @__PURE__ */ jsxs44("div", {
13068
13411
  className: "skippr:flex skippr:min-w-0 skippr:flex-col skippr:gap-1",
13069
13412
  children: [
13070
- /* @__PURE__ */ jsxs41("span", {
13413
+ /* @__PURE__ */ jsxs44("span", {
13071
13414
  className: "skippr:flex skippr:min-w-0 skippr:items-center skippr:gap-1.5 skippr:text-[#2D2D3F]",
13072
13415
  children: [
13073
- headerIconUrl ? /* @__PURE__ */ jsx50("img", {
13416
+ headerIconUrl ? /* @__PURE__ */ jsx53("img", {
13074
13417
  src: headerIconUrl,
13075
13418
  alt: "",
13076
13419
  className: `skippr:shrink-0 skippr:object-contain ${ROW_ICON}`
13077
- }) : /* @__PURE__ */ jsx50(Sparkles, {
13420
+ }) : /* @__PURE__ */ jsx53(Sparkles, {
13078
13421
  className: `skippr:shrink-0 ${ROW_ICON}`,
13079
13422
  strokeWidth: ROW_ICON_STROKE,
13080
13423
  "aria-hidden": true
13081
13424
  }),
13082
- /* @__PURE__ */ jsx50("span", {
13425
+ /* @__PURE__ */ jsx53("span", {
13083
13426
  className: "skippr:truncate skippr:text-[18px] skippr:font-semibold skippr:tracking-[-0.0125em]",
13084
13427
  children: agentName
13085
13428
  })
13086
13429
  ]
13087
13430
  }),
13088
- attributionVisible && /* @__PURE__ */ jsxs41("a", {
13089
- href: ATTRIBUTION_URL2,
13431
+ attributionVisible && /* @__PURE__ */ jsxs44("a", {
13432
+ href: ATTRIBUTION_URL3,
13090
13433
  target: "_blank",
13091
13434
  rel: "noopener noreferrer",
13092
13435
  className: `${FOCUS_RING3} skippr:flex skippr:w-fit skippr:cursor-pointer skippr:items-center skippr:gap-1.5 skippr:rounded-[4px] skippr:text-[14px] skippr:text-[#6b6875] skippr:transition-colors skippr:hover:text-[#2D2D3F]`,
13093
13436
  children: [
13094
- /* @__PURE__ */ jsx50(Logo, {
13437
+ /* @__PURE__ */ jsx53(LogoMark, {
13095
13438
  decorative: true,
13096
13439
  className: "skippr:size-[13px]"
13097
13440
  }),
13098
- ATTRIBUTION_PREFIX2,
13441
+ ATTRIBUTION_PREFIX3,
13099
13442
  " ",
13100
- /* @__PURE__ */ jsx50("span", {
13443
+ /* @__PURE__ */ jsx53("span", {
13101
13444
  className: "skippr:font-medium skippr:text-[#2D2D3F] skippr:underline skippr:underline-offset-2",
13102
- children: ATTRIBUTION_BRAND2
13445
+ children: ATTRIBUTION_BRAND3
13103
13446
  })
13104
13447
  ]
13105
13448
  })
13106
13449
  ]
13107
13450
  }),
13108
- /* @__PURE__ */ jsx50("button", {
13451
+ /* @__PURE__ */ jsx53("button", {
13109
13452
  type: "button",
13110
13453
  onClick: dismiss,
13111
- "aria-label": CLOSE_LABEL,
13454
+ "aria-label": CLOSE_LABEL2,
13112
13455
  className: `${FOCUS_RING3} skippr:ml-auto skippr:flex skippr:size-6 skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#6b6875] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]`,
13113
- children: /* @__PURE__ */ jsx50(X, {
13456
+ children: /* @__PURE__ */ jsx53(X, {
13114
13457
  className: "skippr:size-4",
13115
13458
  strokeWidth: 2
13116
13459
  })
13117
13460
  })
13118
13461
  ]
13119
13462
  }),
13120
- /* @__PURE__ */ jsxs41("div", {
13463
+ /* @__PURE__ */ jsxs44("div", {
13121
13464
  className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:gap-[14px] skippr:overflow-y-auto skippr:px-[22px] skippr:pt-[18px]",
13122
13465
  children: [
13123
- intent === SPLASH_INTENT.Start ? sections.length > 0 && /* @__PURE__ */ jsxs41("section", {
13466
+ intent === SPLASH_INTENT.Start ? sections.length > 0 && /* @__PURE__ */ jsxs44("section", {
13124
13467
  className: SECTION_BLOCK,
13125
13468
  children: [
13126
- /* @__PURE__ */ jsx50("h3", {
13469
+ /* @__PURE__ */ jsx53("h3", {
13127
13470
  className: SECTION_HEADING,
13128
13471
  children: copy.howItWorksHeading
13129
13472
  }),
13130
- /* @__PURE__ */ jsx50("ul", {
13473
+ /* @__PURE__ */ jsx53("ul", {
13131
13474
  className: "skippr:flex skippr:flex-col skippr:gap-[14px]",
13132
- children: sections.map((section) => /* @__PURE__ */ jsx50(SectionRow, {
13475
+ children: sections.map((section) => /* @__PURE__ */ jsx53(SectionRow, {
13133
13476
  ...section
13134
13477
  }, section.id))
13135
13478
  })
13136
13479
  ]
13137
- }) : /* @__PURE__ */ jsxs41(Fragment9, {
13480
+ }) : /* @__PURE__ */ jsxs44(Fragment9, {
13138
13481
  children: [
13139
- lastCompletedPhase && /* @__PURE__ */ jsxs41("section", {
13482
+ lastCompletedPhase && /* @__PURE__ */ jsxs44("section", {
13140
13483
  className: SECTION_BLOCK,
13141
13484
  children: [
13142
- /* @__PURE__ */ jsx50("h3", {
13485
+ /* @__PURE__ */ jsx53("h3", {
13143
13486
  className: SECTION_HEADING,
13144
13487
  children: copy.lastAccomplishmentHeading
13145
13488
  }),
13146
- /* @__PURE__ */ jsxs41("div", {
13489
+ /* @__PURE__ */ jsxs44("div", {
13147
13490
  className: "skippr:flex skippr:items-start skippr:gap-3",
13148
13491
  children: [
13149
- /* @__PURE__ */ jsx50("span", {
13150
- className: "skippr:flex skippr:size-[38px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-[11px] skippr:bg-brand/10 skippr:text-brand",
13151
- children: /* @__PURE__ */ jsx50(Check, {
13492
+ /* @__PURE__ */ jsx53("span", {
13493
+ className: ICON_TILE_BRAND,
13494
+ children: /* @__PURE__ */ jsx53(Check, {
13152
13495
  className: ROW_ICON,
13153
13496
  strokeWidth: 2.2
13154
13497
  })
13155
13498
  }),
13156
- /* @__PURE__ */ jsxs41("span", {
13499
+ /* @__PURE__ */ jsxs44("span", {
13157
13500
  className: ROW_TEXT,
13158
13501
  children: [
13159
- /* @__PURE__ */ jsx50("span", {
13502
+ /* @__PURE__ */ jsx53("span", {
13160
13503
  className: ROW_TITLE,
13161
13504
  children: lastCompletedPhase.name
13162
13505
  }),
13163
- /* @__PURE__ */ jsx50("span", {
13506
+ /* @__PURE__ */ jsx53("span", {
13164
13507
  className: ROW_SUBTEXT,
13165
13508
  children: lastCompletedPhase.description
13166
13509
  })
@@ -13170,30 +13513,30 @@ function SplashDefault({
13170
13513
  })
13171
13514
  ]
13172
13515
  }),
13173
- upcomingPhases.length > 0 && /* @__PURE__ */ jsxs41("section", {
13516
+ upcomingPhases.length > 0 && /* @__PURE__ */ jsxs44("section", {
13174
13517
  className: SECTION_BLOCK,
13175
13518
  children: [
13176
- /* @__PURE__ */ jsx50("h3", {
13519
+ /* @__PURE__ */ jsx53("h3", {
13177
13520
  className: SECTION_HEADING,
13178
13521
  children: copy.upNextHeading
13179
13522
  }),
13180
- /* @__PURE__ */ jsx50("ol", {
13523
+ /* @__PURE__ */ jsx53("ol", {
13181
13524
  className: "skippr:flex skippr:flex-col skippr:gap-3",
13182
- children: upcomingPhases.map((phase, index2) => /* @__PURE__ */ jsxs41("li", {
13525
+ children: upcomingPhases.map((phase, index2) => /* @__PURE__ */ jsxs44("li", {
13183
13526
  className: "skippr:flex skippr:items-start skippr:gap-3",
13184
13527
  children: [
13185
- /* @__PURE__ */ jsx50("span", {
13528
+ /* @__PURE__ */ jsx53("span", {
13186
13529
  className: "skippr:flex skippr:size-[26px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-[#f2f0eb] skippr:text-[12px] skippr:font-semibold skippr:text-[#6b6875]",
13187
13530
  children: index2 + 1
13188
13531
  }),
13189
- /* @__PURE__ */ jsxs41("span", {
13532
+ /* @__PURE__ */ jsxs44("span", {
13190
13533
  className: ROW_TEXT,
13191
13534
  children: [
13192
- /* @__PURE__ */ jsx50("span", {
13535
+ /* @__PURE__ */ jsx53("span", {
13193
13536
  className: `skippr:truncate ${ROW_TITLE}`,
13194
13537
  children: phase.name
13195
13538
  }),
13196
- /* @__PURE__ */ jsx50("span", {
13539
+ /* @__PURE__ */ jsx53("span", {
13197
13540
  className: ROW_SUBTEXT,
13198
13541
  children: phase.description
13199
13542
  })
@@ -13206,65 +13549,26 @@ function SplashDefault({
13206
13549
  })
13207
13550
  ]
13208
13551
  }),
13209
- /* @__PURE__ */ jsxs41("section", {
13210
- className: SECTION_BLOCK,
13211
- children: [
13212
- /* @__PURE__ */ jsx50("h3", {
13213
- className: SECTION_HEADING,
13214
- children: copy.mediaHeading
13215
- }),
13216
- /* @__PURE__ */ jsxs41("ul", {
13217
- className: "skippr:flex skippr:flex-col skippr:gap-[14px]",
13218
- children: [
13219
- /* @__PURE__ */ jsx50(MediaRow, {
13220
- icon: /* @__PURE__ */ jsx50(Mic, {
13221
- className: ROW_ICON,
13222
- strokeWidth: ROW_ICON_STROKE
13223
- }),
13224
- label: copy.micLabel,
13225
- subtext: copy.micSubtext,
13226
- trailing: micEnabled ? /* @__PURE__ */ jsxs41("span", {
13227
- className: "skippr:flex skippr:shrink-0 skippr:items-center skippr:gap-2",
13228
- children: [
13229
- /* @__PURE__ */ jsx50(MediaStatus, {
13230
- label: startMuted ? MIC_MUTED_STATUS : MEDIA_ENABLED_STATUS
13231
- }),
13232
- /* @__PURE__ */ jsx50(MicToggle, {
13233
- muted: startMuted,
13234
- onToggle: toggleStartMuted
13235
- })
13236
- ]
13237
- }) : /* @__PURE__ */ jsx50(EnableButton, {
13238
- onEnable: enableMic
13239
- })
13240
- }),
13241
- /* @__PURE__ */ jsx50(MediaRow, {
13242
- icon: /* @__PURE__ */ jsx50(MonitorUp, {
13243
- className: ROW_ICON,
13244
- strokeWidth: ROW_ICON_STROKE
13245
- }),
13246
- label: copy.screenLabel,
13247
- subtext: copy.screenSubtext,
13248
- trailing: /* @__PURE__ */ jsx50(ScreenTrailing, {
13249
- enabled: screenEnabled,
13250
- onEnable: enableScreen
13251
- })
13252
- })
13253
- ]
13254
- })
13255
- ]
13552
+ /* @__PURE__ */ jsx53(SplashMediaSection, {
13553
+ copy,
13554
+ micEnabled,
13555
+ startMuted,
13556
+ screenEnabled,
13557
+ enableMic,
13558
+ toggleStartMuted,
13559
+ enableScreen
13256
13560
  })
13257
13561
  ]
13258
13562
  }),
13259
- /* @__PURE__ */ jsxs41("div", {
13563
+ /* @__PURE__ */ jsxs44("div", {
13260
13564
  className: "skippr:shrink-0 skippr:px-[22px] skippr:pt-[22px] skippr:pb-[22px]",
13261
13565
  children: [
13262
- /* @__PURE__ */ jsxs41("button", {
13566
+ /* @__PURE__ */ jsxs44("button", {
13263
13567
  type: "button",
13264
13568
  onClick: start,
13265
13569
  className: `${FOCUS_RING3} skippr:flex skippr:w-full skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-full skippr:bg-primary skippr:px-5 skippr:py-[13px] skippr:text-[16px] skippr:font-semibold skippr:text-primary-foreground skippr:transition-all skippr:hover:bg-primary/90`,
13266
13570
  children: [
13267
- /* @__PURE__ */ jsx50(Sparkles, {
13571
+ /* @__PURE__ */ jsx53(Sparkles, {
13268
13572
  className: "skippr:size-4",
13269
13573
  strokeWidth: ROW_ICON_STROKE,
13270
13574
  "aria-hidden": true
@@ -13272,14 +13576,14 @@ function SplashDefault({
13272
13576
  intent === SPLASH_INTENT.Start ? copy.startCta : copy.continueCta
13273
13577
  ]
13274
13578
  }),
13275
- skipButtonVisible && /* @__PURE__ */ jsx50("button", {
13579
+ skipButtonVisible && /* @__PURE__ */ jsx53("button", {
13276
13580
  type: "button",
13277
13581
  onClick: dismiss,
13278
13582
  className: `${ROW_SUBTEXT} ${FOCUS_RING3} skippr:mt-2 skippr:block skippr:w-full skippr:cursor-pointer skippr:py-1 skippr:text-center skippr:transition-colors skippr:hover:text-[#2D2D3F]`,
13279
13583
  children: copy.dismissLabel
13280
13584
  }),
13281
- /* @__PURE__ */ jsx50(ConsentNotice, {
13282
- leadIn: CONSENT_LEAD_IN,
13585
+ /* @__PURE__ */ jsx53(ConsentNotice, {
13586
+ leadIn: CONSENT_LEAD_IN2,
13283
13587
  className: "skippr:mt-3"
13284
13588
  })
13285
13589
  ]
@@ -13289,7 +13593,7 @@ function SplashDefault({
13289
13593
  }
13290
13594
 
13291
13595
  // src/components/SplashOverlay.tsx
13292
- import { jsx as jsx51 } from "react/jsx-runtime";
13596
+ import { jsx as jsx54 } from "react/jsx-runtime";
13293
13597
  var SPLASH_OVERLAY_BACKDROP = "rgba(45, 45, 63, 0.45)";
13294
13598
  var SPLASH_OVERLAY_Z_INDEX = 9999;
13295
13599
  var BACKDROP_STYLE = {
@@ -13310,7 +13614,7 @@ function SplashOverlay({ width, maxHeight }) {
13310
13614
  }
13311
13615
  if (!ctx.isSplashConfigured)
13312
13616
  return null;
13313
- return /* @__PURE__ */ jsx51(SplashOverlayCard, {
13617
+ return /* @__PURE__ */ jsx54(SplashOverlayCard, {
13314
13618
  accentColor: ctx.appearance?.accentColor ?? null,
13315
13619
  width,
13316
13620
  maxHeight
@@ -13328,15 +13632,19 @@ function SplashOverlayCard({
13328
13632
  width: width === undefined ? state.presentation.card.width : clampSplashWidth(width),
13329
13633
  maxHeight: maxHeight === undefined ? state.presentation.card.maxHeight : clampSplashMaxHeight(maxHeight)
13330
13634
  };
13331
- return /* @__PURE__ */ jsx51("div", {
13635
+ const presentation = { ...state.presentation, card };
13636
+ return /* @__PURE__ */ jsx54("div", {
13332
13637
  style: BACKDROP_STYLE,
13333
- children: /* @__PURE__ */ jsx51("div", {
13638
+ children: /* @__PURE__ */ jsx54("div", {
13334
13639
  style: { ...CARD_STYLE, maxWidth: card.width },
13335
- children: /* @__PURE__ */ jsx51(ShadowHost, {
13640
+ children: /* @__PURE__ */ jsx54(ShadowHost, {
13336
13641
  accentColor,
13337
- children: /* @__PURE__ */ jsx51(SplashDefault, {
13642
+ children: state.layout === SPLASH_LAYOUT.AlwaysOn ? /* @__PURE__ */ jsx54(SplashAlwaysOn, {
13338
13643
  ...state,
13339
- presentation: { ...state.presentation, card }
13644
+ presentation
13645
+ }) : /* @__PURE__ */ jsx54(SplashPrimary, {
13646
+ ...state,
13647
+ presentation
13340
13648
  })
13341
13649
  })
13342
13650
  })
@@ -13344,7 +13652,7 @@ function SplashOverlayCard({
13344
13652
  }
13345
13653
  // src/components/SplashScreen.tsx
13346
13654
  import { useContext as useContext27 } from "react";
13347
- import { jsx as jsx52 } from "react/jsx-runtime";
13655
+ import { jsx as jsx55 } from "react/jsx-runtime";
13348
13656
  function SplashScreen({ className, onDismiss }) {
13349
13657
  const ctx = useContext27(LiveAgentContext);
13350
13658
  if (!ctx) {
@@ -13353,10 +13661,12 @@ function SplashScreen({ className, onDismiss }) {
13353
13661
  const state = useSplash(onDismiss);
13354
13662
  if (!state)
13355
13663
  return null;
13356
- return /* @__PURE__ */ jsx52(ShadowHost, {
13664
+ return /* @__PURE__ */ jsx55(ShadowHost, {
13357
13665
  className,
13358
13666
  accentColor: ctx.appearance?.accentColor ?? null,
13359
- children: /* @__PURE__ */ jsx52(SplashDefault, {
13667
+ children: state.layout === SPLASH_LAYOUT.AlwaysOn ? /* @__PURE__ */ jsx55(SplashAlwaysOn, {
13668
+ ...state
13669
+ }) : /* @__PURE__ */ jsx55(SplashPrimary, {
13360
13670
  ...state
13361
13671
  })
13362
13672
  });