@tmsoft/webphone 2.0.6 → 2.0.9

package/dist/webphone.es.js

@@ -1,8 +1,8 @@
 (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
-@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-outline-style:solid;--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-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{@supports (color:lab(0% 0 0)){:root,:host{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-amber-100:lab(95.916% -1.2165 23.111);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8671 97.9407);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-emerald-100:lab(94.9004% -17.0769 5.63836);--color-emerald-400:lab(75.0771% -60.7313 19.4146);--color-emerald-600:lab(55.0481% -49.9245 15.93);--color-emerald-900:lab(28.8637% -26.9249 5.45986);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-purple-100:lab(93.3333% 6.97437 -9.83434);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-purple-600:lab(43.0295% 75.2101 -86.5669);--color-purple-900:lab(24.9401% 45.2703 -51.2728);--color-neutral-100:lab(96.52% -.0000298023 0);--color-neutral-200:lab(90.952% 0 -.0000119209);--color-neutral-400:lab(66.128% 0 0);--color-neutral-500:lab(48.496% 0 0);--color-neutral-700:lab(27.036% 0 0);--color-neutral-800:lab(15.204% 0 0);--color-neutral-900:lab(7.78201% -.0000149012 0)}}:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:#fb2c36;--color-amber-100:#fef3c6;--color-amber-400:#fcbb00;--color-amber-500:#f99c00;--color-amber-600:#dd7400;--color-amber-900:#7b3306;--color-green-500:#00c758;--color-emerald-100:#d0fae5;--color-emerald-400:#00d294;--color-emerald-600:#009767;--color-emerald-900:#004e3b;--color-blue-100:#dbeafe;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-900:#1c398e;--color-purple-100:#f3e8ff;--color-purple-400:#c07eff;--color-purple-600:#9810fa;--color-purple-900:#59168b;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-400:#a1a1a1;--color-neutral-500:#737373;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-2xl:96rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--tracking-widest:.1em;--radius-xs:.125rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Montserrat",sans-serif;--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-amber-100:lab(95.916% -1.2165 23.111);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8671 97.9407);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-emerald-100:lab(94.9004% -17.0769 5.63836);--color-emerald-400:lab(75.0771% -60.7313 19.4146);--color-emerald-600:lab(55.0481% -49.9245 15.93);--color-emerald-900:lab(28.8637% -26.9249 5.45986);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-purple-100:lab(93.3333% 6.97437 -9.83434);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-purple-600:lab(43.0295% 75.2101 -86.5669);--color-purple-900:lab(24.9401% 45.2703 -51.2728);--color-neutral-100:lab(96.52% -.0000298023 0);--color-neutral-200:lab(90.952% 0 -.0000119209);--color-neutral-400:lab(66.128% 0 0);--color-neutral-500:lab(48.496% 0 0);--color-neutral-700:lab(27.036% 0 0);--color-neutral-800:lab(15.204% 0 0);--color-neutral-900:lab(7.78201% -.0000149012 0)}}}@layer base{@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)}}}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}*,: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(--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(--default-font-feature-settings,normal);font-variation-settings:var(--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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--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}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}@supports (color:color-mix(in lab, red, red)){.border-white\\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}@supports (color:color-mix(in lab, red, red)){.bg-background\\/95{background-color:color-mix(in oklab,var(--background)95%,transparent)}}@supports (color:color-mix(in lab, red, red)){.bg-black\\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}@supports (color:color-mix(in lab, red, red)){.ring-ring\\/50{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.selection\\:bg-primary ::selection,.selection\\:bg-primary::selection{background-color:var(--primary)}.selection\\:text-primary-foreground ::selection,.selection\\:text-primary-foreground::selection{color:var(--primary-foreground)}@media (hover:hover){.hover\\:bg-accent:hover,.hover\\:bg-accent\\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-accent\\/50:hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.hover\\:bg-destructive\\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\\:bg-muted:hover{background-color:var(--muted)}.hover\\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\\:bg-primary\\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\\:bg-secondary:hover,.hover\\:bg-secondary\\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-secondary\\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\\:bg-status-available\\/90:hover{background-color:var(--status-available)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-status-available\\/90:hover{background-color:color-mix(in oklab,var(--status-available)90%,transparent)}}.hover\\:bg-status-disconnected\\/90:hover{background-color:var(--status-disconnected)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-status-disconnected\\/90:hover{background-color:color-mix(in oklab,var(--status-disconnected)90%,transparent)}}.hover\\:bg-status-hold\\/90:hover{background-color:var(--status-hold)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-status-hold\\/90:hover{background-color:color-mix(in oklab,var(--status-hold)90%,transparent)}}.hover\\:bg-status-incall\\/90:hover{background-color:var(--status-incall)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-status-incall\\/90:hover{background-color:color-mix(in oklab,var(--status-incall)90%,transparent)}}.hover\\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\\:text-destructive:hover{color:var(--destructive)}.hover\\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\\:text-status-available:hover,.hover\\:text-status-available\\/80:hover{color:var(--status-available)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-available\\/80:hover{color:color-mix(in oklab,var(--status-available)80%,transparent)}}.hover\\:text-status-disconnected:hover,.hover\\:text-status-disconnected\\/80:hover{color:var(--status-disconnected)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-disconnected\\/80:hover{color:color-mix(in oklab,var(--status-disconnected)80%,transparent)}}.hover\\:text-status-hold:hover,.hover\\:text-status-hold\\/80:hover{color:var(--status-hold)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-hold\\/80:hover{color:color-mix(in oklab,var(--status-hold)80%,transparent)}}.hover\\:text-status-incall:hover,.hover\\:text-status-incall\\/80:hover{color:var(--status-incall)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-incall\\/80:hover{color:color-mix(in oklab,var(--status-incall)80%,transparent)}}.hover\\:text-status-incoming:hover,.hover\\:text-status-incoming\\/80:hover{color:var(--status-incoming)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-incoming\\/80:hover{color:color-mix(in oklab,var(--status-incoming)80%,transparent)}}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.hover\\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}@media (forced-colors:active){.focus-visible\\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}@supports (color:color-mix(in lab, red, red)){.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}@supports (color:color-mix(in lab, red, red)){.data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\\:bg-background\\/60{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.supports-backdrop-filter\\:bg-background\\/60{background-color:color-mix(in oklab,var(--background)60%,transparent)}}}@media (min-width:40rem){.sm\\:block{display:block}.sm\\:inline{display:inline}.sm\\:inline-block{display:inline-block}.sm\\:max-w-lg{max-width:var(--container-lg)}.sm\\:max-w-md{max-width:var(--container-md)}.sm\\:max-w-sm{max-width:var(--container-sm)}.sm\\:flex-row{flex-direction:row}.sm\\:justify-end{justify-content:flex-end}.sm\\:gap-0{gap:calc(var(--spacing)*0)}.sm\\:rounded-lg{border-radius:var(--radius)}.sm\\:text-left{text-align:left}}@media (min-width:48rem){.md\\:w-full{width:100%}.md\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-amber-900\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900)30%,transparent)}}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-blue-900\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-destructive\\/60:where(.dark,.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-emerald-900\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-900)30%,transparent)}}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-input\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-purple-900\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-purple-900)30%,transparent)}}@media (hover:hover){.dark\\:hover\\:bg-accent\\/50:where(.dark,.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-accent\\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\\:hover\\:bg-input\\/50:where(.dark,.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-input\\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\\:hover\\:bg-neutral-700:where(.dark,.dark *):hover{background-color:var(--color-neutral-700)}.dark\\:hover\\:text-status-disconnected:where(.dark,.dark *):hover{color:var(--status-disconnected)}}@supports (color:color-mix(in lab, red, red)){.dark\\:focus-visible\\:ring-destructive\\/40:where(.dark,.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:ring-destructive\\/40:where(.dark,.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}@supports (color:color-mix(in lab, red, red)){.dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:where(.dark,.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.\\@container\\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\\/2{top:50%}.top-2\\.5{top:calc(var(--spacing)*2.5)}.top-4{top:calc(var(--spacing)*4)}.top-\\[50\\%\\]{top:50%}.top-full{top:100%}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.bottom-2{bottom:calc(var(--spacing)*2)}.left-0{left:calc(var(--spacing)*0)}.left-2{left:calc(var(--spacing)*2)}.left-\\[50\\%\\]{left:50%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-8{margin-block:calc(var(--spacing)*8)}.mt-1{margin-top:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-3\\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.size-full{width:100%;height:100%}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-12\\!{height:calc(var(--spacing)*12)!important}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-64{height:calc(var(--spacing)*64)}.h-80{height:calc(var(--spacing)*80)}.h-\\[60vh\\]{height:60vh}.h-\\[var\\(--reka-select-trigger-height\\)\\]{height:var(--reka-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-\\(--reka-dropdown-menu-content-available-height\\){max-height:var(--reka-dropdown-menu-content-available-height)}.max-h-\\(--reka-select-content-available-height\\){max-height:var(--reka-select-content-available-height)}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-\\[300px\\]{max-height:300px}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-\\[calc\\(100vh-3\\.5rem\\)\\]{min-height:calc(100vh - 3.5rem)}.min-h-screen{min-height:100vh}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-2\\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-12\\!{width:calc(var(--spacing)*12)!important}.w-16{width:calc(var(--spacing)*16)}.w-24{width:calc(var(--spacing)*24)}.w-48{width:calc(var(--spacing)*48)}.w-72{width:calc(var(--spacing)*72)}.w-\\[300px\\]{width:300px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-60{max-width:calc(var(--spacing)*60)}.max-w-75{max-width:calc(var(--spacing)*75)}.max-w-\\[calc\\(100\\%-2rem\\)\\]{max-width:calc(100% - 2rem)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-screen-2xl{max-width:var(--breakpoint-2xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.min-w-\\[8rem\\]{min-width:8rem}.min-w-\\[var\\(--reka-select-trigger-width\\)\\]{min-width:var(--reka-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\\(--reka-dropdown-menu-content-transform-origin\\){transform-origin:var(--reka-dropdown-menu-content-transform-origin)}.origin-\\(--reka-popover-content-transform-origin\\){transform-origin:var(--reka-popover-content-transform-origin)}.translate-x-\\[-50\\%\\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.scroll-my-1{scroll-margin-block:calc(var(--spacing)*1)}.scroll-py-1{scroll-padding-block:calc(var(--spacing)*1)}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-\\[auto_auto\\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-\\[--spacing\\(var\\(--gap\\)\\)\\]{gap:calc(var(--spacing)*var(--gap))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-full\\!{border-radius:3.40282e38px!important}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-border{border-color:var(--border)}.border-destructive{border-color:var(--destructive)}.border-input{border-color:var(--input)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-primary{border-color:var(--primary)}.border-white\\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-amber-100{background-color:var(--color-amber-100)}.bg-background,.bg-background\\/95{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\\/95{background-color:color-mix(in oklab,var(--background)95%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-current{background-color:currentColor}.bg-destructive{background-color:var(--destructive)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-muted{background-color:var(--muted)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.bg-purple-100{background-color:var(--color-purple-100)}.bg-secondary{background-color:var(--secondary)}.bg-status-available{background-color:var(--status-available)}.bg-status-disconnected{background-color:var(--status-disconnected)}.bg-status-hold{background-color:var(--status-hold)}.bg-status-incall{background-color:var(--status-incall)}.bg-status-incoming{background-color:var(--status-incoming)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-px{padding:1px}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-8{padding-right:calc(var(--spacing)*8)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-emerald-600{color:var(--color-emerald-600)}.text-foreground{color:var(--foreground)}.text-green-500{color:var(--color-green-500)}.text-muted-foreground{color:var(--muted-foreground)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-status-available{color:var(--status-available)}.text-status-disconnected{color:var(--status-disconnected)}.text-status-hold{color:var(--status-hold)}.text-status-incall{color:var(--status-incall)}.text-status-incoming{color:var(--status-incoming)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow-\\[0_0_8px_currentColor\\]{--tw-shadow:0 0 8px var(--tw-shadow-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)}.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)}.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)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px 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)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}.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)}.ring{--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)}.ring-ring\\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\\/50{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[color\\,box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.paused{animation-play-state:paused}.running{animation-play-state:running}.group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\\:bg-primary ::selection,.selection\\:bg-primary::selection{background-color:var(--primary)}.selection\\:text-primary-foreground ::selection,.selection\\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\\:inline-flex::file-selector-button{display:inline-flex}.file\\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\\:bg-accent:hover,.hover\\:bg-accent\\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-accent\\/50:hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.hover\\:bg-destructive\\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\\:bg-muted:hover{background-color:var(--muted)}.hover\\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\\:bg-primary\\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\\:bg-secondary:hover,.hover\\:bg-secondary\\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-secondary\\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\\:bg-status-available\\/90:hover{background-color:var(--status-available)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-status-available\\/90:hover{background-color:color-mix(in oklab,var(--status-available)90%,transparent)}}.hover\\:bg-status-disconnected\\/90:hover{background-color:var(--status-disconnected)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-status-disconnected\\/90:hover{background-color:color-mix(in oklab,var(--status-disconnected)90%,transparent)}}.hover\\:bg-status-hold\\/90:hover{background-color:var(--status-hold)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-status-hold\\/90:hover{background-color:color-mix(in oklab,var(--status-hold)90%,transparent)}}.hover\\:bg-status-incall\\/90:hover{background-color:var(--status-incall)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-status-incall\\/90:hover{background-color:color-mix(in oklab,var(--status-incall)90%,transparent)}}.hover\\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\\:text-destructive:hover{color:var(--destructive)}.hover\\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\\:text-status-available:hover,.hover\\:text-status-available\\/80:hover{color:var(--status-available)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-available\\/80:hover{color:color-mix(in oklab,var(--status-available)80%,transparent)}}.hover\\:text-status-disconnected:hover,.hover\\:text-status-disconnected\\/80:hover{color:var(--status-disconnected)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-disconnected\\/80:hover{color:color-mix(in oklab,var(--status-disconnected)80%,transparent)}}.hover\\:text-status-hold:hover,.hover\\:text-status-hold\\/80:hover{color:var(--status-hold)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-hold\\/80:hover{color:color-mix(in oklab,var(--status-hold)80%,transparent)}}.hover\\:text-status-incall:hover,.hover\\:text-status-incall\\/80:hover{color:var(--status-incall)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-incall\\/80:hover{color:color-mix(in oklab,var(--status-incall)80%,transparent)}}.hover\\:text-status-incoming:hover,.hover\\:text-status-incoming\\/80:hover{color:var(--status-incoming)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-incoming\\/80:hover{color:color-mix(in oklab,var(--status-incoming)80%,transparent)}}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.hover\\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}}.focus\\:z-10:focus{z-index:10}.focus\\:bg-accent:focus{background-color:var(--accent)}.focus\\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.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)}.focus\\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\\:ring-offset-2:focus{--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)}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\\:z-10:focus-visible{z-index:10}.focus-visible\\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}.focus-visible\\:ring-\\[3px\\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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)}.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\\[\\>svg\\]\\:px-2\\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\\[\\>svg\\]\\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\\[\\>svg\\]\\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-invalid\\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-disabled\\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\\:opacity-50[data-disabled]{opacity:.5}.data-highlighted\\:bg-accent[data-highlighted]{background-color:var(--accent)}.data-highlighted\\:text-accent-foreground[data-highlighted]{color:var(--accent-foreground)}.data-placeholder\\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[inset\\]\\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\\[orientation\\=horizontal\\]\\:h-1\\.5[data-orientation=horizontal]{height:calc(var(--spacing)*1.5)}.data-\\[orientation\\=horizontal\\]\\:h-full[data-orientation=horizontal]{height:100%}.data-\\[orientation\\=horizontal\\]\\:h-px[data-orientation=horizontal]{height:1px}.data-\\[orientation\\=horizontal\\]\\:w-full[data-orientation=horizontal]{width:100%}.data-\\[orientation\\=vertical\\]\\:h-full[data-orientation=vertical]{height:100%}.data-\\[orientation\\=vertical\\]\\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing)*44)}.data-\\[orientation\\=vertical\\]\\:w-1\\.5[data-orientation=vertical]{width:calc(var(--spacing)*1.5)}.data-\\[orientation\\=vertical\\]\\:w-auto[data-orientation=vertical]{width:auto}.data-\\[orientation\\=vertical\\]\\:w-full[data-orientation=vertical]{width:100%}.data-\\[orientation\\=vertical\\]\\:w-px[data-orientation=vertical]{width:1px}.data-\\[orientation\\=vertical\\]\\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\\[size\\=default\\]\\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\\[size\\=sm\\]\\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}:is(.\\*\\*\\:data-\\[slot\\=command-input-wrapper\\]\\:border-none *)[data-slot=command-input-wrapper]{--tw-border-style:none;border-style:none}:is(.\\*\\*\\:data-\\[slot\\=command-input-wrapper\\]\\:px-2 *)[data-slot=command-input-wrapper]{padding-inline:calc(var(--spacing)*2)}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex>*)[data-slot=select-value]{display:flex}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:max-w-70>*)[data-slot=select-value]{max-width:calc(var(--spacing)*70)}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:truncate>*)[data-slot=select-value]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:overflow-hidden>*)[data-slot=select-value]{overflow:hidden}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:text-ellipsis>*)[data-slot=select-value]{text-overflow:ellipsis}.data-\\[spacing\\=0\\]\\:rounded-none[data-spacing="0"]{border-radius:0}.data-\\[spacing\\=0\\]\\:shadow-none[data-spacing="0"]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\\[spacing\\=0\\]\\:first\\:rounded-l-md[data-spacing="0"]:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.data-\\[spacing\\=0\\]\\:last\\:rounded-r-md[data-spacing="0"]:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\\[state\\=on\\]\\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\\[state\\=on\\]\\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\\[state\\=open\\]\\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\\[state\\=open\\]\\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\\[variant\\=destructive\\]\\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\\[variant\\=destructive\\]\\:focus\\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}.data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-l-0[data-spacing="0"][data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-l[data-spacing="0"][data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\\[spacing\\=default\\]\\:data-\\[variant\\=outline\\]\\:shadow-xs[data-spacing=default][data-variant=outline]{--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)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\\:bg-background\\/60{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.supports-backdrop-filter\\:bg-background\\/60{background-color:color-mix(in oklab,var(--background)60%,transparent)}}}@media (min-width:40rem){.sm\\:block{display:block}.sm\\:inline{display:inline}.sm\\:inline-block{display:inline-block}.sm\\:max-w-lg{max-width:var(--container-lg)}.sm\\:max-w-md{max-width:var(--container-md)}.sm\\:max-w-sm{max-width:var(--container-sm)}.sm\\:flex-row{flex-direction:row}.sm\\:justify-end{justify-content:flex-end}.sm\\:gap-0{gap:calc(var(--spacing)*0)}.sm\\:rounded-lg{border-radius:var(--radius)}.sm\\:text-left{text-align:left}}@media (min-width:48rem){.md\\:w-full{width:100%}.md\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.dark\\:border-input:where(.dark,.dark *){border-color:var(--input)}.dark\\:border-neutral-800:where(.dark,.dark *){border-color:var(--color-neutral-800)}.dark\\:bg-amber-900\\/30:where(.dark,.dark *){background-color:#7b33064d}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-amber-900\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900)30%,transparent)}}.dark\\:bg-blue-900\\/30:where(.dark,.dark *){background-color:#1c398e4d}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-blue-900\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark\\:bg-destructive\\/60:where(.dark,.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-destructive\\/60:where(.dark,.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\\:bg-emerald-900\\/30:where(.dark,.dark *){background-color:#004e3b4d}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-emerald-900\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-900)30%,transparent)}}.dark\\:bg-input\\/30:where(.dark,.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-input\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\\:bg-neutral-800:where(.dark,.dark *){background-color:var(--color-neutral-800)}.dark\\:bg-neutral-900:where(.dark,.dark *){background-color:var(--color-neutral-900)}.dark\\:bg-purple-900\\/30:where(.dark,.dark *){background-color:#59168b4d}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-purple-900\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-purple-900)30%,transparent)}}.dark\\:text-amber-400:where(.dark,.dark *){color:var(--color-amber-400)}.dark\\:text-blue-400:where(.dark,.dark *){color:var(--color-blue-400)}.dark\\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\\:text-neutral-500:where(.dark,.dark *){color:var(--color-neutral-500)}.dark\\:text-neutral-800:where(.dark,.dark *){color:var(--color-neutral-800)}.dark\\:text-purple-400:where(.dark,.dark *){color:var(--color-purple-400)}.dark\\:text-white:where(.dark,.dark *){color:var(--color-white)}@media (hover:hover){.dark\\:hover\\:bg-accent\\/50:where(.dark,.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-accent\\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\\:hover\\:bg-input\\/50:where(.dark,.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-input\\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\\:hover\\:bg-neutral-700:where(.dark,.dark *):hover{background-color:var(--color-neutral-700)}.dark\\:hover\\:text-status-disconnected:where(.dark,.dark *):hover{color:var(--status-disconnected)}}.dark\\:focus-visible\\:ring-destructive\\/40:where(.dark,.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:focus-visible\\:ring-destructive\\/40:where(.dark,.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\\:aria-invalid\\:ring-destructive\\/40:where(.dark,.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:ring-destructive\\/40:where(.dark,.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:where(.dark,.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:where(.dark,.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.\\[\\&_\\[data-slot\\=command-input-wrapper\\]_svg\\]\\:hidden [data-slot=command-input-wrapper] svg{display:none}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]),.\\[\\&_svg\\:not\\(\\[class\\*\\=\\\\\\'size-\\\\\\'\\]\\)\\]\\:size-4 svg:not([class*="'size-'"]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\\\\\'text-\\\\\\'\\]\\)\\]\\:text-muted-foreground svg:not([class*="'text-'"]){color:var(--muted-foreground)}.\\[\\.border-b\\]\\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\\[\\.border-t\\]\\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}:is(.\\*\\:\\[span\\]\\:last\\:flex>*):is(span):last-child{display:flex}:is(.\\*\\:\\[span\\]\\:last\\:items-center>*):is(span):last-child{align-items:center}:is(.\\*\\:\\[span\\]\\:last\\:gap-2>*):is(span):last-child{gap:calc(var(--spacing)*2)}:is(.data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:var(--p-primary-color,lab(7.78201% -.0000149012 0));--primary-foreground:lab(98.26% -.0000298023 0);--secondary:lab(96.52% -.0000298023 0);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 0);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 0);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% 0 0);--chart-1:lab(57.1026% 64.2584 89.8886);--chart-2:lab(55.0223% -41.0774 -3.90277);--chart-3:lab(30.372% -13.1853 -18.7887);--chart-4:lab(80.1641% 16.6016 99.2089);--chart-5:lab(72.7183% 31.8671 97.9407);--sidebar:lab(98.26% -.0000298023 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% -.0000298023 0);--sidebar-accent:lab(96.52% -.0000298023 0);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% 0 0);--status-available:lab(59.0978% -58.6621 41.2579);--status-incall:lab(54.1736% 13.3369 -74.6839);--status-hold:lab(82.2725% 7.53289 73.9282);--status-incoming:lab(52.0183% 66.11 -78.2316);--status-disconnected:lab(55.4814% 75.0732 48.8528)}}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% -.0000298023 0);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% -.0000298023 0);--popover:lab(7.78201% -.0000149012 0);--popover-foreground:lab(98.26% -.0000298023 0);--primary:var(--p-primary-color,lab(90.952% 0 -.0000119209));--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 0);--secondary-foreground:lab(98.26% -.0000298023 0);--muted:lab(15.204% 0 0);--muted-foreground:lab(66.128% 0 0);--accent:lab(15.204% 0 0);--accent-foreground:lab(98.26% -.0000298023 0);--destructive:lab(63.7053% 60.745 31.3109);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(48.496% 0 0);--chart-1:lab(36.9089% 35.0961 -85.6872);--chart-2:lab(66.9756% -58.27 19.5419);--chart-3:lab(72.7183% 31.8671 97.9407);--chart-4:lab(52.0183% 66.11 -78.2316);--chart-5:lab(56.101% 79.4328 31.4532);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% -.0000298023 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% -.0000298023 0);--sidebar-accent:lab(15.204% 0 0);--sidebar-accent-foreground:lab(98.26% -.0000298023 0);--sidebar-border:lab(100% 0 0/.1);--sidebar-ring:lab(48.496% 0 0);--status-available:lab(73.3941% -54.8093 37.6928);--status-incall:lab(65.0361% -1.42065 -56.9802);--status-hold:lab(85.1352% 6.1084 78.1641);--status-incoming:lab(60.4586% 54.1298 -67.8379);--status-disconnected:lab(63.7053% 60.745 31.3109)}}@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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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-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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}:root{--radius:.625rem;--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:var(--p-primary-color,#171717);--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#f05100;--chart-2:#009588;--chart-3:#104e64;--chart-4:#fcbb00;--chart-5:#f99c00;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1;--status-available:#00a544;--status-incall:#3080ff;--status-hold:#f5c632;--status-incoming:#ac4bff;--status-disconnected:#fb2c36;font-family:Montserrat,sans-serif}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:var(--p-primary-color,lab(7.78201% -.0000149012 0));--primary-foreground:lab(98.26% -.0000298023 0);--secondary:lab(96.52% -.0000298023 0);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 0);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 0);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% 0 0);--chart-1:lab(57.1026% 64.2584 89.8886);--chart-2:lab(55.0223% -41.0774 -3.90277);--chart-3:lab(30.372% -13.1853 -18.7887);--chart-4:lab(80.1641% 16.6016 99.2089);--chart-5:lab(72.7183% 31.8671 97.9407);--sidebar:lab(98.26% -.0000298023 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% -.0000298023 0);--sidebar-accent:lab(96.52% -.0000298023 0);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% 0 0);--status-available:lab(59.0978% -58.6621 41.2579);--status-incall:lab(54.1736% 13.3369 -74.6839);--status-hold:lab(82.2725% 7.53289 73.9282);--status-incoming:lab(52.0183% 66.11 -78.2316);--status-disconnected:lab(55.4814% 75.0732 48.8528)}}.dark{--background:#0a0a0a;--foreground:#fafafa;--card:#171717;--card-foreground:#fafafa;--popover:#171717;--popover-foreground:#fafafa;--primary:var(--p-primary-color,#e5e5e5);--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#ff6568;--border:#ffffff1a;--input:#ffffff26;--ring:#737373;--chart-1:#1447e6;--chart-2:#00bb7f;--chart-3:#f99c00;--chart-4:#ac4bff;--chart-5:#ff2357;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#ffffff1a;--sidebar-ring:#737373;--status-available:#41cd6a;--status-incall:#54a2ff;--status-hold:#fccf2c;--status-incoming:#b971ff;--status-disconnected:#ff6568}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% -.0000298023 0);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% -.0000298023 0);--popover:lab(7.78201% -.0000149012 0);--popover-foreground:lab(98.26% -.0000298023 0);--primary:var(--p-primary-color,lab(90.952% 0 -.0000119209));--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 0);--secondary-foreground:lab(98.26% -.0000298023 0);--muted:lab(15.204% 0 0);--muted-foreground:lab(66.128% 0 0);--accent:lab(15.204% 0 0);--accent-foreground:lab(98.26% -.0000298023 0);--destructive:lab(63.7053% 60.745 31.3109);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(48.496% 0 0);--chart-1:lab(36.9089% 35.0961 -85.6872);--chart-2:lab(66.9756% -58.27 19.5419);--chart-3:lab(72.7183% 31.8671 97.9407);--chart-4:lab(52.0183% 66.11 -78.2316);--chart-5:lab(56.101% 79.4328 31.4532);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% -.0000298023 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% -.0000298023 0);--sidebar-accent:lab(15.204% 0 0);--sidebar-accent-foreground:lab(98.26% -.0000298023 0);--sidebar-border:lab(100% 0 0/.1);--sidebar-ring:lab(48.496% 0 0);--status-available:lab(73.3941% -54.8093 37.6928);--status-incall:lab(65.0361% -1.42065 -56.9802);--status-hold:lab(85.1352% 6.1084 78.1641);--status-incoming:lab(60.4586% 54.1298 -67.8379);--status-disconnected:lab(63.7053% 60.745 31.3109)}}
+@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-outline-style:solid;--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-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{@supports (color:lab(0% 0 0)){:root,:host{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-amber-100:lab(95.916% -1.2165 23.111);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8671 97.9407);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-emerald-100:lab(94.9004% -17.0769 5.63836);--color-emerald-400:lab(75.0771% -60.7313 19.4146);--color-emerald-600:lab(55.0481% -49.9245 15.93);--color-emerald-900:lab(28.8637% -26.9249 5.45986);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-purple-100:lab(93.3333% 6.97437 -9.83434);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-purple-600:lab(43.0295% 75.2101 -86.5669);--color-purple-900:lab(24.9401% 45.2703 -51.2728);--color-neutral-100:lab(96.52% -.0000298023 0);--color-neutral-200:lab(90.952% 0 -.0000119209);--color-neutral-400:lab(66.128% 0 0);--color-neutral-500:lab(48.496% 0 0);--color-neutral-700:lab(27.036% 0 0);--color-neutral-800:lab(15.204% 0 0);--color-neutral-900:lab(7.78201% -.0000149012 0)}}:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:#fb2c36;--color-amber-100:#fef3c6;--color-amber-400:#fcbb00;--color-amber-500:#f99c00;--color-amber-600:#dd7400;--color-amber-900:#7b3306;--color-green-500:#00c758;--color-emerald-100:#d0fae5;--color-emerald-400:#00d294;--color-emerald-600:#009767;--color-emerald-900:#004e3b;--color-blue-100:#dbeafe;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-900:#1c398e;--color-purple-100:#f3e8ff;--color-purple-400:#c07eff;--color-purple-600:#9810fa;--color-purple-900:#59168b;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-400:#a1a1a1;--color-neutral-500:#737373;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-2xl:96rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--tracking-widest:.1em;--radius-xs:.125rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Montserrat",sans-serif;--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-amber-100:lab(95.916% -1.2165 23.111);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8671 97.9407);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-emerald-100:lab(94.9004% -17.0769 5.63836);--color-emerald-400:lab(75.0771% -60.7313 19.4146);--color-emerald-600:lab(55.0481% -49.9245 15.93);--color-emerald-900:lab(28.8637% -26.9249 5.45986);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-purple-100:lab(93.3333% 6.97437 -9.83434);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-purple-600:lab(43.0295% 75.2101 -86.5669);--color-purple-900:lab(24.9401% 45.2703 -51.2728);--color-neutral-100:lab(96.52% -.0000298023 0);--color-neutral-200:lab(90.952% 0 -.0000119209);--color-neutral-400:lab(66.128% 0 0);--color-neutral-500:lab(48.496% 0 0);--color-neutral-700:lab(27.036% 0 0);--color-neutral-800:lab(15.204% 0 0);--color-neutral-900:lab(7.78201% -.0000149012 0)}}}@layer base{@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)}}}*,: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(--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(--default-font-feature-settings,normal);font-variation-settings:var(--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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--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{@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}@supports (color:color-mix(in lab, red, red)){.border-white\\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}@supports (color:color-mix(in lab, red, red)){.bg-background\\/95{background-color:color-mix(in oklab,var(--background)95%,transparent)}}@supports (color:color-mix(in lab, red, red)){.bg-black\\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}@supports (color:color-mix(in lab, red, red)){.ring-ring\\/50{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.selection\\:bg-primary ::selection,.selection\\:bg-primary::selection{background-color:var(--primary)}.selection\\:text-primary-foreground ::selection,.selection\\:text-primary-foreground::selection{color:var(--primary-foreground)}@media (hover:hover){.hover\\:bg-accent:hover,.hover\\:bg-accent\\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-accent\\/50:hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.hover\\:bg-destructive\\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\\:bg-muted:hover{background-color:var(--muted)}.hover\\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\\:bg-primary\\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\\:bg-secondary:hover,.hover\\:bg-secondary\\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-secondary\\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\\:bg-status-available\\/90:hover{background-color:var(--status-available)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-status-available\\/90:hover{background-color:color-mix(in oklab,var(--status-available)90%,transparent)}}.hover\\:bg-status-disconnected\\/90:hover{background-color:var(--status-disconnected)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-status-disconnected\\/90:hover{background-color:color-mix(in oklab,var(--status-disconnected)90%,transparent)}}.hover\\:bg-status-hold\\/90:hover{background-color:var(--status-hold)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-status-hold\\/90:hover{background-color:color-mix(in oklab,var(--status-hold)90%,transparent)}}.hover\\:bg-status-incall\\/90:hover{background-color:var(--status-incall)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-status-incall\\/90:hover{background-color:color-mix(in oklab,var(--status-incall)90%,transparent)}}.hover\\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\\:text-destructive:hover{color:var(--destructive)}.hover\\:text-foreground:hover{color:var(--foreground)}.hover\\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\\:text-status-available:hover,.hover\\:text-status-available\\/80:hover{color:var(--status-available)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-available\\/80:hover{color:color-mix(in oklab,var(--status-available)80%,transparent)}}.hover\\:text-status-disconnected:hover,.hover\\:text-status-disconnected\\/80:hover{color:var(--status-disconnected)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-disconnected\\/80:hover{color:color-mix(in oklab,var(--status-disconnected)80%,transparent)}}.hover\\:text-status-hold:hover,.hover\\:text-status-hold\\/80:hover{color:var(--status-hold)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-hold\\/80:hover{color:color-mix(in oklab,var(--status-hold)80%,transparent)}}.hover\\:text-status-incall:hover,.hover\\:text-status-incall\\/80:hover{color:var(--status-incall)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-incall\\/80:hover{color:color-mix(in oklab,var(--status-incall)80%,transparent)}}.hover\\:text-status-incoming:hover,.hover\\:text-status-incoming\\/80:hover{color:var(--status-incoming)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-incoming\\/80:hover{color:color-mix(in oklab,var(--status-incoming)80%,transparent)}}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.hover\\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}@media (forced-colors:active){.focus-visible\\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}@supports (color:color-mix(in lab, red, red)){:where([data-slot=tooltip-content]) .in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/20{background-color:color-mix(in oklab,var(--background)20%,transparent)}}@supports (color:color-mix(in lab, red, red)){.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}@supports (color:color-mix(in lab, red, red)){.data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\\:bg-background\\/60{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.supports-backdrop-filter\\:bg-background\\/60{background-color:color-mix(in oklab,var(--background)60%,transparent)}}}@media (min-width:40rem){.sm\\:block{display:block}.sm\\:inline{display:inline}.sm\\:inline-block{display:inline-block}.sm\\:max-w-lg{max-width:var(--container-lg)}.sm\\:max-w-md{max-width:var(--container-md)}.sm\\:max-w-sm{max-width:var(--container-sm)}.sm\\:flex-row{flex-direction:row}.sm\\:justify-end{justify-content:flex-end}.sm\\:gap-0{gap:calc(var(--spacing)*0)}.sm\\:rounded-lg{border-radius:var(--radius)}.sm\\:text-left{text-align:left}}@media (min-width:48rem){.md\\:w-full{width:100%}.md\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-amber-900\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900)30%,transparent)}}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-blue-900\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-destructive\\/60:where(.dark,.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-emerald-900\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-900)30%,transparent)}}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-input\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-purple-900\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-purple-900)30%,transparent)}}@media (hover:hover){.dark\\:hover\\:bg-accent\\/50:where(.dark,.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-accent\\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\\:hover\\:bg-input\\/50:where(.dark,.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-input\\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\\:hover\\:bg-neutral-700:where(.dark,.dark *):hover{background-color:var(--color-neutral-700)}.dark\\:hover\\:text-status-disconnected:where(.dark,.dark *):hover{color:var(--status-disconnected)}}@supports (color:color-mix(in lab, red, red)){.dark\\:focus-visible\\:ring-destructive\\/40:where(.dark,.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}@supports (color:color-mix(in lab, red, red)){:where([data-slot=tooltip-content]) .dark\\:in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--background)10%,transparent)}}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:ring-destructive\\/40:where(.dark,.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}@supports (color:color-mix(in lab, red, red)){.dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:where(.dark,.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.\\@container\\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\\/2{top:50%}.top-2\\.5{top:calc(var(--spacing)*2.5)}.top-4{top:calc(var(--spacing)*4)}.top-\\[50\\%\\]{top:50%}.top-full{top:100%}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.bottom-2{bottom:calc(var(--spacing)*2)}.left-0{left:calc(var(--spacing)*0)}.left-2{left:calc(var(--spacing)*2)}.left-\\[50\\%\\]{left:50%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-8{margin-block:calc(var(--spacing)*8)}.mt-1{margin-top:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3\\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.size-full{width:100%;height:100%}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-12\\!{height:calc(var(--spacing)*12)!important}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-64{height:calc(var(--spacing)*64)}.h-80{height:calc(var(--spacing)*80)}.h-\\[60vh\\]{height:60vh}.h-\\[var\\(--reka-select-trigger-height\\)\\]{height:var(--reka-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-\\(--reka-dropdown-menu-content-available-height\\){max-height:var(--reka-dropdown-menu-content-available-height)}.max-h-\\(--reka-select-content-available-height\\){max-height:var(--reka-select-content-available-height)}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-\\[300px\\]{max-height:300px}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-\\[calc\\(100vh-3\\.5rem\\)\\]{min-height:calc(100vh - 3.5rem)}.min-h-screen{min-height:100vh}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-2\\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-12\\!{width:calc(var(--spacing)*12)!important}.w-16{width:calc(var(--spacing)*16)}.w-24{width:calc(var(--spacing)*24)}.w-48{width:calc(var(--spacing)*48)}.w-72{width:calc(var(--spacing)*72)}.w-\\[300px\\]{width:300px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-60{max-width:calc(var(--spacing)*60)}.max-w-75{max-width:calc(var(--spacing)*75)}.max-w-\\[calc\\(100\\%-2rem\\)\\]{max-width:calc(100% - 2rem)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-screen-2xl{max-width:var(--breakpoint-2xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.min-w-\\[8rem\\]{min-width:8rem}.min-w-\\[var\\(--reka-select-trigger-width\\)\\]{min-width:var(--reka-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\\(--reka-dropdown-menu-content-transform-origin\\){transform-origin:var(--reka-dropdown-menu-content-transform-origin)}.origin-\\(--reka-popover-content-transform-origin\\){transform-origin:var(--reka-popover-content-transform-origin)}.translate-x-\\[-50\\%\\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\\[calc\\(-50\\%_-_2px\\)\\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.scroll-my-1{scroll-margin-block:calc(var(--spacing)*1)}.scroll-py-1{scroll-padding-block:calc(var(--spacing)*1)}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-\\[auto_auto\\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-\\[--spacing\\(var\\(--gap\\)\\)\\]{gap:calc(var(--spacing)*var(--gap))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\\[2px\\]{border-radius:2px}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-full\\!{border-radius:3.40282e38px!important}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-border{border-color:var(--border)}.border-destructive{border-color:var(--destructive)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-white\\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-amber-100{background-color:var(--color-amber-100)}.bg-background,.bg-background\\/95{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\\/95{background-color:color-mix(in oklab,var(--background)95%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-current{background-color:currentColor}.bg-destructive{background-color:var(--destructive)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-foreground{background-color:var(--foreground)}.bg-muted{background-color:var(--muted)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.bg-purple-100{background-color:var(--color-purple-100)}.bg-secondary{background-color:var(--secondary)}.bg-status-available{background-color:var(--status-available)}.bg-status-disconnected{background-color:var(--status-disconnected)}.bg-status-hold{background-color:var(--status-hold)}.bg-status-incall{background-color:var(--status-incall)}.bg-status-incoming{background-color:var(--status-incoming)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-current{fill:currentColor}.fill-foreground{fill:var(--foreground)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-px{padding:1px}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-8{padding-right:calc(var(--spacing)*8)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:Montserrat,sans-serif}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-background{color:var(--background)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-emerald-600{color:var(--color-emerald-600)}.text-foreground{color:var(--foreground)}.text-green-500{color:var(--color-green-500)}.text-muted-foreground{color:var(--muted-foreground)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-status-available{color:var(--status-available)}.text-status-disconnected{color:var(--status-disconnected)}.text-status-hold{color:var(--status-hold)}.text-status-incall{color:var(--status-incall)}.text-status-incoming{color:var(--status-incoming)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow-\\[0_0_8px_currentColor\\]{--tw-shadow:0 0 8px var(--tw-shadow-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)}.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)}.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)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px 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)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}.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)}.ring{--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)}.ring-ring\\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\\/50{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[color\\,box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.zoom-in-95{--tw-enter-scale:.95}.paused{animation-play-state:paused}.running{animation-play-state:running}.group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\\:bg-primary ::selection,.selection\\:bg-primary::selection{background-color:var(--primary)}.selection\\:text-primary-foreground ::selection,.selection\\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\\:inline-flex::file-selector-button{display:inline-flex}.file\\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\\:bg-accent:hover,.hover\\:bg-accent\\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-accent\\/50:hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.hover\\:bg-destructive\\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\\:bg-muted:hover{background-color:var(--muted)}.hover\\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\\:bg-primary\\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\\:bg-secondary:hover,.hover\\:bg-secondary\\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-secondary\\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\\:bg-status-available\\/90:hover{background-color:var(--status-available)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-status-available\\/90:hover{background-color:color-mix(in oklab,var(--status-available)90%,transparent)}}.hover\\:bg-status-disconnected\\/90:hover{background-color:var(--status-disconnected)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-status-disconnected\\/90:hover{background-color:color-mix(in oklab,var(--status-disconnected)90%,transparent)}}.hover\\:bg-status-hold\\/90:hover{background-color:var(--status-hold)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-status-hold\\/90:hover{background-color:color-mix(in oklab,var(--status-hold)90%,transparent)}}.hover\\:bg-status-incall\\/90:hover{background-color:var(--status-incall)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-status-incall\\/90:hover{background-color:color-mix(in oklab,var(--status-incall)90%,transparent)}}.hover\\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\\:text-destructive:hover{color:var(--destructive)}.hover\\:text-foreground:hover{color:var(--foreground)}.hover\\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\\:text-status-available:hover,.hover\\:text-status-available\\/80:hover{color:var(--status-available)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-available\\/80:hover{color:color-mix(in oklab,var(--status-available)80%,transparent)}}.hover\\:text-status-disconnected:hover,.hover\\:text-status-disconnected\\/80:hover{color:var(--status-disconnected)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-disconnected\\/80:hover{color:color-mix(in oklab,var(--status-disconnected)80%,transparent)}}.hover\\:text-status-hold:hover,.hover\\:text-status-hold\\/80:hover{color:var(--status-hold)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-hold\\/80:hover{color:color-mix(in oklab,var(--status-hold)80%,transparent)}}.hover\\:text-status-incall:hover,.hover\\:text-status-incall\\/80:hover{color:var(--status-incall)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-incall\\/80:hover{color:color-mix(in oklab,var(--status-incall)80%,transparent)}}.hover\\:text-status-incoming:hover,.hover\\:text-status-incoming\\/80:hover{color:var(--status-incoming)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-status-incoming\\/80:hover{color:color-mix(in oklab,var(--status-incoming)80%,transparent)}}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.hover\\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}}.focus\\:z-10:focus{z-index:10}.focus\\:bg-accent:focus{background-color:var(--accent)}.focus\\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.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)}.focus\\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\\:ring-offset-2:focus{--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)}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\\:z-10:focus-visible{z-index:10}.focus-visible\\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}.focus-visible\\:ring-\\[3px\\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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)}.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}:where([data-slot=tooltip-content]) .in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/20{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){:where([data-slot=tooltip-content]) .in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/20{background-color:color-mix(in oklab,var(--background)20%,transparent)}}:where([data-slot=tooltip-content]) .in-data-\\[slot\\=tooltip-content\\]\\:text-background{color:var(--background)}.has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\\[\\>svg\\]\\:px-2\\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\\[\\>svg\\]\\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\\[\\>svg\\]\\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-invalid\\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-disabled\\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\\:opacity-50[data-disabled]{opacity:.5}.data-highlighted\\:bg-accent[data-highlighted]{background-color:var(--accent)}.data-highlighted\\:text-accent-foreground[data-highlighted]{color:var(--accent-foreground)}.data-placeholder\\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[inset\\]\\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\\[orientation\\=horizontal\\]\\:h-1\\.5[data-orientation=horizontal]{height:calc(var(--spacing)*1.5)}.data-\\[orientation\\=horizontal\\]\\:h-full[data-orientation=horizontal]{height:100%}.data-\\[orientation\\=horizontal\\]\\:h-px[data-orientation=horizontal]{height:1px}.data-\\[orientation\\=horizontal\\]\\:w-full[data-orientation=horizontal]{width:100%}.data-\\[orientation\\=vertical\\]\\:h-full[data-orientation=vertical]{height:100%}.data-\\[orientation\\=vertical\\]\\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing)*44)}.data-\\[orientation\\=vertical\\]\\:w-1\\.5[data-orientation=vertical]{width:calc(var(--spacing)*1.5)}.data-\\[orientation\\=vertical\\]\\:w-auto[data-orientation=vertical]{width:auto}.data-\\[orientation\\=vertical\\]\\:w-full[data-orientation=vertical]{width:100%}.data-\\[orientation\\=vertical\\]\\:w-px[data-orientation=vertical]{width:1px}.data-\\[orientation\\=vertical\\]\\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\\[size\\=default\\]\\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\\[size\\=sm\\]\\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}:is(.\\*\\*\\:data-\\[slot\\=command-input-wrapper\\]\\:border-none *)[data-slot=command-input-wrapper]{--tw-border-style:none;border-style:none}:is(.\\*\\*\\:data-\\[slot\\=command-input-wrapper\\]\\:px-2 *)[data-slot=command-input-wrapper]{padding-inline:calc(var(--spacing)*2)}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex>*)[data-slot=select-value]{display:flex}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:max-w-70>*)[data-slot=select-value]{max-width:calc(var(--spacing)*70)}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:truncate>*)[data-slot=select-value]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:overflow-hidden>*)[data-slot=select-value]{overflow:hidden}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:text-ellipsis>*)[data-slot=select-value]{text-overflow:ellipsis}.data-\\[spacing\\=0\\]\\:rounded-none[data-spacing="0"]{border-radius:0}.data-\\[spacing\\=0\\]\\:shadow-none[data-spacing="0"]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\\[spacing\\=0\\]\\:first\\:rounded-l-md[data-spacing="0"]:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.data-\\[spacing\\=0\\]\\:last\\:rounded-r-md[data-spacing="0"]:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\\[state\\=on\\]\\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\\[state\\=on\\]\\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\\[state\\=open\\]\\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\\[state\\=open\\]\\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\\[variant\\=destructive\\]\\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\\[variant\\=destructive\\]\\:focus\\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}.data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-l-0[data-spacing="0"][data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-l[data-spacing="0"][data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\\[spacing\\=default\\]\\:data-\\[variant\\=outline\\]\\:shadow-xs[data-spacing=default][data-variant=outline]{--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)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\\:bg-background\\/60{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.supports-backdrop-filter\\:bg-background\\/60{background-color:color-mix(in oklab,var(--background)60%,transparent)}}}@media (min-width:40rem){.sm\\:block{display:block}.sm\\:inline{display:inline}.sm\\:inline-block{display:inline-block}.sm\\:max-w-lg{max-width:var(--container-lg)}.sm\\:max-w-md{max-width:var(--container-md)}.sm\\:max-w-sm{max-width:var(--container-sm)}.sm\\:flex-row{flex-direction:row}.sm\\:justify-end{justify-content:flex-end}.sm\\:gap-0{gap:calc(var(--spacing)*0)}.sm\\:rounded-lg{border-radius:var(--radius)}.sm\\:text-left{text-align:left}}@media (min-width:48rem){.md\\:w-full{width:100%}.md\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.dark\\:border-input:where(.dark,.dark *){border-color:var(--input)}.dark\\:bg-amber-900\\/30:where(.dark,.dark *){background-color:#7b33064d}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-amber-900\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-amber-900)30%,transparent)}}.dark\\:bg-blue-900\\/30:where(.dark,.dark *){background-color:#1c398e4d}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-blue-900\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark\\:bg-destructive\\/60:where(.dark,.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-destructive\\/60:where(.dark,.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\\:bg-emerald-900\\/30:where(.dark,.dark *){background-color:#004e3b4d}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-emerald-900\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-emerald-900)30%,transparent)}}.dark\\:bg-input\\/30:where(.dark,.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-input\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\\:bg-neutral-800:where(.dark,.dark *){background-color:var(--color-neutral-800)}.dark\\:bg-neutral-900:where(.dark,.dark *){background-color:var(--color-neutral-900)}.dark\\:bg-purple-900\\/30:where(.dark,.dark *){background-color:#59168b4d}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-purple-900\\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-purple-900)30%,transparent)}}.dark\\:text-amber-400:where(.dark,.dark *){color:var(--color-amber-400)}.dark\\:text-blue-400:where(.dark,.dark *){color:var(--color-blue-400)}.dark\\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\\:text-neutral-500:where(.dark,.dark *){color:var(--color-neutral-500)}.dark\\:text-neutral-800:where(.dark,.dark *){color:var(--color-neutral-800)}.dark\\:text-purple-400:where(.dark,.dark *){color:var(--color-purple-400)}.dark\\:text-white:where(.dark,.dark *){color:var(--color-white)}@media (hover:hover){.dark\\:hover\\:bg-accent\\/50:where(.dark,.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-accent\\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\\:hover\\:bg-input\\/50:where(.dark,.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-input\\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\\:hover\\:bg-neutral-700:where(.dark,.dark *):hover{background-color:var(--color-neutral-700)}.dark\\:hover\\:text-status-disconnected:where(.dark,.dark *):hover{color:var(--status-disconnected)}}.dark\\:focus-visible\\:ring-destructive\\/40:where(.dark,.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:focus-visible\\:ring-destructive\\/40:where(.dark,.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}:where([data-slot=tooltip-content]) .dark\\:in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/10:where(.dark,.dark *){background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){:where([data-slot=tooltip-content]) .dark\\:in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/10:where(.dark,.dark *){background-color:color-mix(in oklab,var(--background)10%,transparent)}}.dark\\:aria-invalid\\:ring-destructive\\/40:where(.dark,.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:ring-destructive\\/40:where(.dark,.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:where(.dark,.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:where(.dark,.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.\\[\\&_\\[data-slot\\=command-input-wrapper\\]_svg\\]\\:hidden [data-slot=command-input-wrapper] svg{display:none}.\\[\\&_\\[role\\=button\\]\\]\\:cursor-pointer [role=button],.\\[\\&_button\\]\\:cursor-pointer button{cursor:pointer}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\\\\\'size-\\\\\\'\\]\\)\\]\\:size-3 svg:not([class*="'size-'"]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\\\\\'size-\\\\\\'\\]\\)\\]\\:size-4 svg:not([class*="'size-'"]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\\\\\'text-\\\\\\'\\]\\)\\]\\:text-muted-foreground svg:not([class*="'text-'"]){color:var(--muted-foreground)}.\\[\\.border-b\\]\\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\\[\\.border-t\\]\\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}:is(.\\*\\:\\[span\\]\\:last\\:flex>*):is(span):last-child{display:flex}:is(.\\*\\:\\[span\\]\\:last\\:items-center>*):is(span):last-child{align-items:center}:is(.\\*\\:\\[span\\]\\:last\\:gap-2>*):is(span):last-child{gap:calc(var(--spacing)*2)}:is(.data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@supports (color:lab(0% 0 0)){.webphone-container{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:var(--p-primary-color,lab(7.78201% -.0000149012 0));--primary-foreground:lab(98.26% -.0000298023 0);--secondary:lab(96.52% -.0000298023 0);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 0);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 0);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% 0 0);--chart-1:lab(57.1026% 64.2584 89.8886);--chart-2:lab(55.0223% -41.0774 -3.90277);--chart-3:lab(30.372% -13.1853 -18.7887);--chart-4:lab(80.1641% 16.6016 99.2089);--chart-5:lab(72.7183% 31.8671 97.9407);--sidebar:lab(98.26% -.0000298023 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% -.0000298023 0);--sidebar-accent:lab(96.52% -.0000298023 0);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% 0 0);--status-available:lab(59.0978% -58.6621 41.2579);--status-incall:lab(54.1736% 13.3369 -74.6839);--status-hold:lab(82.2725% 7.53289 73.9282);--status-incoming:lab(52.0183% 66.11 -78.2316);--status-disconnected:lab(55.4814% 75.0732 48.8528)}}@supports (color:lab(0% 0 0)){.webphone-container.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% -.0000298023 0);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% -.0000298023 0);--popover:lab(7.78201% -.0000149012 0);--popover-foreground:lab(98.26% -.0000298023 0);--primary:var(--p-primary-color,lab(90.952% 0 -.0000119209));--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 0);--secondary-foreground:lab(98.26% -.0000298023 0);--muted:lab(15.204% 0 0);--muted-foreground:lab(66.128% 0 0);--accent:lab(15.204% 0 0);--accent-foreground:lab(98.26% -.0000298023 0);--destructive:lab(63.7053% 60.745 31.3109);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(48.496% 0 0);--chart-1:lab(36.9089% 35.0961 -85.6872);--chart-2:lab(66.9756% -58.27 19.5419);--chart-3:lab(72.7183% 31.8671 97.9407);--chart-4:lab(52.0183% 66.11 -78.2316);--chart-5:lab(56.101% 79.4328 31.4532);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% -.0000298023 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% -.0000298023 0);--sidebar-accent:lab(15.204% 0 0);--sidebar-accent-foreground:lab(98.26% -.0000298023 0);--sidebar-border:lab(100% 0 0/.1);--sidebar-ring:lab(48.496% 0 0);--status-available:lab(73.3941% -54.8093 37.6928);--status-incall:lab(65.0361% -1.42065 -56.9802);--status-hold:lab(85.1352% 6.1084 78.1641);--status-incoming:lab(60.4586% 54.1298 -67.8379);--status-disconnected:lab(63.7053% 60.745 31.3109)}}@supports (color:color-mix(in lab, red, red)){.webphone-container *{outline-color:color-mix(in srgb,var(--ring)50%,transparent)}}@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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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-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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}.webphone-container{--radius:.625rem;--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:var(--p-primary-color,#171717);--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#f05100;--chart-2:#009588;--chart-3:#104e64;--chart-4:#fcbb00;--chart-5:#f99c00;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1;--status-available:#00a544;--status-incall:#3080ff;--status-hold:#f5c632;--status-incoming:#ac4bff;--status-disconnected:#fb2c36;font-family:Montserrat,sans-serif}@supports (color:lab(0% 0 0)){.webphone-container{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:var(--p-primary-color,lab(7.78201% -.0000149012 0));--primary-foreground:lab(98.26% -.0000298023 0);--secondary:lab(96.52% -.0000298023 0);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 0);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 0);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% 0 0);--chart-1:lab(57.1026% 64.2584 89.8886);--chart-2:lab(55.0223% -41.0774 -3.90277);--chart-3:lab(30.372% -13.1853 -18.7887);--chart-4:lab(80.1641% 16.6016 99.2089);--chart-5:lab(72.7183% 31.8671 97.9407);--sidebar:lab(98.26% -.0000298023 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% -.0000298023 0);--sidebar-accent:lab(96.52% -.0000298023 0);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% 0 0);--status-available:lab(59.0978% -58.6621 41.2579);--status-incall:lab(54.1736% 13.3369 -74.6839);--status-hold:lab(82.2725% 7.53289 73.9282);--status-incoming:lab(52.0183% 66.11 -78.2316);--status-disconnected:lab(55.4814% 75.0732 48.8528)}}.webphone-container.dark{--background:#0a0a0a;--foreground:#fafafa;--card:#171717;--card-foreground:#fafafa;--popover:#171717;--popover-foreground:#fafafa;--primary:var(--p-primary-color,#e5e5e5);--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#ff6568;--border:#ffffff1a;--input:#ffffff26;--ring:#737373;--chart-1:#1447e6;--chart-2:#00bb7f;--chart-3:#f99c00;--chart-4:#ac4bff;--chart-5:#ff2357;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#ffffff1a;--sidebar-ring:#737373;--status-available:#41cd6a;--status-incall:#54a2ff;--status-hold:#fccf2c;--status-incoming:#b971ff;--status-disconnected:#ff6568}@supports (color:lab(0% 0 0)){.webphone-container.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% -.0000298023 0);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% -.0000298023 0);--popover:lab(7.78201% -.0000149012 0);--popover-foreground:lab(98.26% -.0000298023 0);--primary:var(--p-primary-color,lab(90.952% 0 -.0000119209));--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 0);--secondary-foreground:lab(98.26% -.0000298023 0);--muted:lab(15.204% 0 0);--muted-foreground:lab(66.128% 0 0);--accent:lab(15.204% 0 0);--accent-foreground:lab(98.26% -.0000298023 0);--destructive:lab(63.7053% 60.745 31.3109);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(48.496% 0 0);--chart-1:lab(36.9089% 35.0961 -85.6872);--chart-2:lab(66.9756% -58.27 19.5419);--chart-3:lab(72.7183% 31.8671 97.9407);--chart-4:lab(52.0183% 66.11 -78.2316);--chart-5:lab(56.101% 79.4328 31.4532);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% -.0000298023 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% -.0000298023 0);--sidebar-accent:lab(15.204% 0 0);--sidebar-accent-foreground:lab(98.26% -.0000298023 0);--sidebar-border:lab(100% 0 0/.1);--sidebar-ring:lab(48.496% 0 0);--status-available:lab(73.3941% -54.8093 37.6928);--status-incall:lab(65.0361% -1.42065 -56.9802);--status-hold:lab(85.1352% 6.1084 78.1641);--status-incoming:lab(60.4586% 54.1298 -67.8379);--status-disconnected:lab(63.7053% 60.745 31.3109)}}.webphone-container *{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.webphone-container *{outline-color:color-mix(in srgb,var(--ring)50%,transparent)}}.webphone-container{background-color:var(--background);color:var(--foreground)}
 /*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();import * as vue from "vue";
-import { Comment, Fragment, Teleport, camelize, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, customRef, defineComponent, getCurrentInstance, getCurrentScope, guardReactiveProps, h, inject, isRef, markRaw, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toHandlerKey, toRaw, toRef, toRefs, toValue, unref, vModelText, vShow, watch, watchEffect, watchPostEffect, watchSyncEffect, withCtx, withDirectives, withKeys, withMemo, withModifiers } from "vue";
-import { computedEager, createEventHook, createGlobalState, createSharedComposable, defaultWindow, onClickOutside, onKeyStroke, reactiveOmit, unrefElement, useCurrentElement, useDark, useDebounceFn, useDraggable, useEventListener, useIntervalFn, useMounted, useNetwork, useResizeObserver, useStorage, useToggle, useVModel, watchOnce } from "@vueuse/core";
+import { Comment, Fragment, Teleport, camelize, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, customRef, defineComponent, getCurrentInstance, getCurrentScope, guardReactiveProps, h, inject, isRef, markRaw, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, openBlock, provide, reactive, readonly, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toValue, unref, useSlots, vModelText, vShow, watch, watchEffect, watchPostEffect, watchSyncEffect, withCtx, withDirectives, withKeys, withMemo, withModifiers } from "vue";
+import { computedEager, createEventHook, createGlobalState, createSharedComposable, defaultWindow, onClickOutside, onKeyStroke, reactiveOmit, unrefElement, useCurrentElement, useDark, useDebounceFn, useDraggable, useEventListener, useIntervalFn, useMounted, useNetwork, useResizeObserver, useStorage, useTimeoutFn, useToggle, useVModel, watchOnce } from "@vueuse/core";
 var __defProp = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __getOwnPropNames = Object.getOwnPropertyNames, __hasOwnProp = Object.prototype.hasOwnProperty, __export = (e, t) => {
 	let n = {};
 	for (var i in e) __defProp(n, i, {
@@ -7180,6 +7180,23 @@ var [injectConfigProviderContext, provideConfigProviderContext] = createContext(
 function tryOnScopeDispose(e) {
 	return getCurrentScope() ? (onScopeDispose(e), !0) : !1;
 }
+function createEventHook$1() {
+	let e = /* @__PURE__ */ new Set(), t = (t) => {
+		e.delete(t);
+	};
+	return {
+		on: (n) => {
+			e.add(n);
+			let i = () => t(n);
+			return tryOnScopeDispose(i), { off: i };
+		},
+		off: t,
+		trigger: (...t) => Promise.all(Array.from(e).map((e) => e(...t))),
+		clear: () => {
+			e.clear();
+		}
+	};
+}
 function toReactive(e) {
 	return isRef(e) ? reactive(new Proxy({}, {
 		get(t, n, i) {
@@ -7241,6 +7258,25 @@ function refAutoReset(e, t = 1e4) {
 function tryOnBeforeUnmount(e, t) {
 	getLifeCycleTarget(t) && onBeforeUnmount(e, t);
 }
+function useTimeoutFn$1(e, t, n = {}) {
+	let { immediate: i = !0, immediateCallback: a = !1 } = n, o = shallowRef(!1), s = null;
+	function l() {
+		s &&= (clearTimeout(s), null);
+	}
+	function u() {
+		o.value = !1, l();
+	}
+	function d(...n) {
+		a && e(), l(), o.value = !0, s = setTimeout(() => {
+			o.value = !1, s = null, e(...n);
+		}, toValue(t));
+	}
+	return i && (o.value = !0, isClient && d()), tryOnScopeDispose(u), {
+		isPending: readonly(o),
+		start: d,
+		stop: u
+	};
+}
 function isPlainObject(e) {
 	if (typeof e != "object" || !e) return !1;
 	let t = Object.getPrototypeOf(e);
@@ -7413,6 +7449,152 @@ function useForwardPropsEmits(e, t) {
 		...i
 	}));
 }
+function useGraceArea(e, t) {
+	let n = refAutoReset(!1, 300), i = ref(null), a = createEventHook$1();
+	function o() {
+		i.value = null, n.value = !1;
+	}
+	function s(e, t) {
+		let a = e.currentTarget, o = {
+			x: e.clientX,
+			y: e.clientY
+		}, s = getPaddedExitPoints(o, getExitSideFromRect(o, a.getBoundingClientRect())), l = getPointsFromRect(t.getBoundingClientRect());
+		i.value = getHull([...s, ...l]), n.value = !0;
+	}
+	return watchEffect((n) => {
+		if (e.value && t.value) {
+			let i = (e) => s(e, t.value), a = (t) => s(t, e.value);
+			e.value.addEventListener("pointerleave", i), t.value.addEventListener("pointerleave", a), n(() => {
+				e.value?.removeEventListener("pointerleave", i), t.value?.removeEventListener("pointerleave", a);
+			});
+		}
+	}), watchEffect((n) => {
+		if (i.value) {
+			let s = (n) => {
+				if (!i.value || !(n.target instanceof Element)) return;
+				let s = n.target, l = {
+					x: n.clientX,
+					y: n.clientY
+				}, u = e.value?.contains(s) || t.value?.contains(s), d = !isPointInPolygon(l, i.value), f = !!s.closest("[data-grace-area-trigger]");
+				u ? o() : (d || f) && (o(), a.trigger());
+			};
+			e.value?.ownerDocument.addEventListener("pointermove", s), n(() => e.value?.ownerDocument.removeEventListener("pointermove", s));
+		}
+	}), {
+		isPointerInTransit: n,
+		onPointerExit: a.on
+	};
+}
+function getExitSideFromRect(e, t) {
+	let n = Math.abs(t.top - e.y), i = Math.abs(t.bottom - e.y), a = Math.abs(t.right - e.x), o = Math.abs(t.left - e.x);
+	switch (Math.min(n, i, a, o)) {
+		case o: return "left";
+		case a: return "right";
+		case n: return "top";
+		case i: return "bottom";
+		default: throw Error("unreachable");
+	}
+}
+function getPaddedExitPoints(e, t, n = 5) {
+	let i = [];
+	switch (t) {
+		case "top":
+			i.push({
+				x: e.x - n,
+				y: e.y + n
+			}, {
+				x: e.x + n,
+				y: e.y + n
+			});
+			break;
+		case "bottom":
+			i.push({
+				x: e.x - n,
+				y: e.y - n
+			}, {
+				x: e.x + n,
+				y: e.y - n
+			});
+			break;
+		case "left":
+			i.push({
+				x: e.x + n,
+				y: e.y - n
+			}, {
+				x: e.x + n,
+				y: e.y + n
+			});
+			break;
+		case "right":
+			i.push({
+				x: e.x - n,
+				y: e.y - n
+			}, {
+				x: e.x - n,
+				y: e.y + n
+			});
+			break;
+	}
+	return i;
+}
+function getPointsFromRect(e) {
+	let { top: t, right: n, bottom: i, left: a } = e;
+	return [
+		{
+			x: a,
+			y: t
+		},
+		{
+			x: n,
+			y: t
+		},
+		{
+			x: n,
+			y: i
+		},
+		{
+			x: a,
+			y: i
+		}
+	];
+}
+function isPointInPolygon(e, t) {
+	let { x: n, y: i } = e, a = !1;
+	for (let e = 0, o = t.length - 1; e < t.length; o = e++) {
+		let s = t[e].x, l = t[e].y, u = t[o].x, d = t[o].y;
+		l > i != d > i && n < (u - s) * (i - l) / (d - l) + s && (a = !a);
+	}
+	return a;
+}
+function getHull(e) {
+	let t = e.slice();
+	return t.sort((e, t) => e.x < t.x ? -1 : e.x > t.x ? 1 : e.y < t.y ? -1 : e.y > t.y ? 1 : 0), getHullPresorted(t);
+}
+function getHullPresorted(e) {
+	if (e.length <= 1) return e.slice();
+	let t = [];
+	for (let n = 0; n < e.length; n++) {
+		let i = e[n];
+		for (; t.length >= 2;) {
+			let e = t[t.length - 1], n = t[t.length - 2];
+			if ((e.x - n.x) * (i.y - n.y) >= (e.y - n.y) * (i.x - n.x)) t.pop();
+			else break;
+		}
+		t.push(i);
+	}
+	t.pop();
+	let n = [];
+	for (let t = e.length - 1; t >= 0; t--) {
+		let i = e[t];
+		for (; n.length >= 2;) {
+			let e = n[n.length - 1], t = n[n.length - 2];
+			if ((e.x - t.x) * (i.y - t.y) >= (e.y - t.y) * (i.x - t.x)) n.pop();
+			else break;
+		}
+		n.push(i);
+	}
+	return n.pop(), t.length === 1 && n.length === 1 && t[0].x === n[0].x && t[0].y === n[0].y ? t : t.concat(n);
+}
 var getDefaultParent = function(e) {
 	return typeof document > "u" ? null : (Array.isArray(e) ? e[0] : e).ownerDocument.body;
 }, counterMap = /* @__PURE__ */ new WeakMap(), uncontrolledNodes = /* @__PURE__ */ new WeakMap(), markerMap = {}, lockCount = 0, unwrapHost = function(e) {
@@ -8986,6 +9168,56 @@ var [injectRovingFocusGroupContext, provideRovingFocusGroupContext] = createCont
 			_: 3
 		}, 8, ["as", "as-child"]));
 	}
+}), _hoisted_1$12 = {
+	key: 0,
+	d: "M0 0L6 6L12 0"
+}, _hoisted_2$5 = {
+	key: 1,
+	d: "M0 0L4.58579 4.58579C5.36683 5.36683 6.63316 5.36684 7.41421 4.58579L12 0"
+}, Arrow_default = /* @__PURE__ */ defineComponent({
+	__name: "Arrow",
+	props: {
+		width: {
+			type: Number,
+			required: !1,
+			default: 10
+		},
+		height: {
+			type: Number,
+			required: !1,
+			default: 5
+		},
+		rounded: {
+			type: Boolean,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "svg"
+		}
+	},
+	setup(e) {
+		let t = e;
+		return useForwardExpose(), (e, n) => (openBlock(), createBlock(unref(Primitive), mergeProps(t, {
+			width: e.width,
+			height: e.height,
+			viewBox: e.asChild ? void 0 : "0 0 12 6",
+			preserveAspectRatio: e.asChild ? void 0 : "none"
+		}), {
+			default: withCtx(() => [renderSlot(e.$slots, "default", {}, () => [e.rounded ? (openBlock(), createElementBlock("path", _hoisted_2$5)) : (openBlock(), createElementBlock("path", _hoisted_1$12))])]),
+			_: 3
+		}, 16, [
+			"width",
+			"height",
+			"viewBox",
+			"preserveAspectRatio"
+		]));
+	}
 });
 function isNotNull(e) {
 	return e !== null;
@@ -10236,6 +10468,81 @@ var PopperContentPropsDefaultValue = {
 			"style"
 		])], 4));
 	}
+}), OPPOSITE_SIDE = {
+	top: "bottom",
+	right: "left",
+	bottom: "top",
+	left: "right"
+}, PopperArrow_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "PopperArrow",
+	props: {
+		width: {
+			type: Number,
+			required: !1
+		},
+		height: {
+			type: Number,
+			required: !1
+		},
+		rounded: {
+			type: Boolean,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "svg"
+		}
+	},
+	setup(e) {
+		let { forwardRef: t } = useForwardExpose(), n = injectPopperContentContext(), i = computed(() => OPPOSITE_SIDE[n.placedSide.value]);
+		return (e, a) => (openBlock(), createElementBlock("span", {
+			ref: (e) => {
+				unref(n).onArrowChange(e);
+			},
+			style: normalizeStyle({
+				position: "absolute",
+				left: unref(n).arrowX?.value ? `${unref(n).arrowX?.value}px` : void 0,
+				top: unref(n).arrowY?.value ? `${unref(n).arrowY?.value}px` : void 0,
+				[i.value]: 0,
+				transformOrigin: {
+					top: "",
+					right: "0 0",
+					bottom: "center 0",
+					left: "100% 0"
+				}[unref(n).placedSide.value],
+				transform: {
+					top: "translateY(100%)",
+					right: "translateY(50%) rotate(90deg) translateX(-50%)",
+					bottom: "rotate(180deg)",
+					left: "translateY(50%) rotate(-90deg) translateX(50%)"
+				}[unref(n).placedSide.value],
+				visibility: unref(n).shouldHideArrow.value ? "hidden" : void 0
+			})
+		}, [createVNode(Arrow_default, mergeProps(e.$attrs, {
+			ref: unref(t),
+			style: { display: "block" },
+			as: e.as,
+			"as-child": e.asChild,
+			rounded: e.rounded,
+			width: e.width,
+			height: e.height
+		}), {
+			default: withCtx(() => [renderSlot(e.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"as",
+			"as-child",
+			"rounded",
+			"width",
+			"height"
+		])], 4));
+	}
 });
 function valueComparator$1(e, t, n) {
 	return e === void 0 ? !1 : Array.isArray(e) ? e.some((e) => compare$1(e, t, n)) : compare$1(e, t, n);
@@ -10329,7 +10636,7 @@ var [injectListboxRootContext, provideListboxRootContext] = createContext("Listb
 		function z(e, t = !0) {
 			e && (A.value = e, E.value && A.value.focus(), t && A.value.scrollIntoView({ block: "nearest" }), a("highlight", g().find((t) => t.ref === e)));
 		}
-		function V(e) {
+		function B(e) {
 			if (M.value) L.trigger(e);
 			else {
 				let t = g().find((t) => compare$1(t.value, e, i.by));
@@ -10367,14 +10674,14 @@ var [injectListboxRootContext, provideListboxRootContext] = createContext("Listb
 		}
 		function K() {
 			nextTick(() => {
-				Q(new KeyboardEvent("keydown", { key: "PageUp" }));
+				Z(new KeyboardEvent("keydown", { key: "PageUp" }));
 			});
 		}
-		function J(e) {
+		function q(e) {
 			let t = A.value;
 			t?.isConnected && (j.value = t), A.value = null, a("leave", e);
 		}
-		function Z(e) {
+		function J(e) {
 			let t = new CustomEvent("listbox.entryFocus", {
 				bubbles: !1,
 				cancelable: !0
@@ -10385,7 +10692,7 @@ var [injectListboxRootContext, provideListboxRootContext] = createContext("Listb
 				z(e);
 			}
 		}
-		function Q(e) {
+		function Z(e) {
 			let t = getFocusIntent(e, d.value, x.value);
 			if (!t) return;
 			let n = R();
@@ -10396,7 +10703,7 @@ var [injectListboxRootContext, provideListboxRootContext] = createContext("Listb
 					let e = n.indexOf(A.value);
 					n = n.slice(e + 1);
 				}
-				hm(e, n[0]);
+				sh(e, n[0]);
 			}
 			if (n.length) {
 				let e = !A.value && t === "prev" ? n.length - 1 : 0;
@@ -10404,14 +10711,14 @@ var [injectListboxRootContext, provideListboxRootContext] = createContext("Listb
 			}
 			if (M.value) return F.trigger(e);
 		}
-		function hm(e, t) {
+		function sh(e, t) {
 			if (!(M.value || i.selectionBehavior !== "replace" || !o.value || !Array.isArray(D.value)) && !((e.altKey || e.ctrlKey || e.metaKey) && !e.shiftKey) && e.shiftKey) {
 				let n = g().filter((e) => e.ref.dataset.disabled !== ""), i = n.find((e) => e.ref === t)?.value;
 				if (e.key === b.END ? i = n[n.length - 1].value : e.key === b.HOME && (i = n[0].value), !i || !w.value) return;
 				D.value = findValuesBetween(n.map((e) => e.value), w.value, i);
 			}
 		}
-		async function $(e) {
+		async function ch(e) {
 			if (await nextTick(), M.value) P.trigger(e);
 			else {
 				let e = R(), t = e.find((e) => e.dataset.state === "checked");
@@ -10420,16 +10727,16 @@ var [injectListboxRootContext, provideListboxRootContext] = createContext("Listb
 		}
 		return watch(D, () => {
 			T.value || nextTick(() => {
-				$();
+				ch();
 			});
 		}, {
 			immediate: !0,
 			deep: !0
 		}), t({
 			highlightedElement: A,
-			highlightItem: V,
+			highlightItem: B,
 			highlightFirstItem: K,
-			highlightSelected: $,
+			highlightSelected: ch,
 			getItems: g
 		}), provideListboxRootContext({
 			modelValue: D,
@@ -10448,11 +10755,11 @@ var [injectListboxRootContext, provideListboxRootContext] = createContext("Listb
 			firstValue: w,
 			selectionBehavior: p,
 			focusable: E,
-			onLeave: J,
-			onEnter: Z,
+			onLeave: q,
+			onEnter: J,
 			changeHighlight: z,
 			onKeydownEnter: H,
-			onKeydownNavigation: Q,
+			onKeydownNavigation: Z,
 			onKeydownTypeAhead: U,
 			onCompositionStart: W,
 			onCompositionEnd: G,
@@ -10464,10 +10771,10 @@ var [injectListboxRootContext, provideListboxRootContext] = createContext("Listb
 			"as-child": e.asChild,
 			dir: unref(x),
 			"data-disabled": unref(f) ? "" : void 0,
-			onPointerleave: J,
+			onPointerleave: q,
 			onFocusout: t[0] ||= async (e) => {
 				let t = e.relatedTarget || e.target;
-				await nextTick(), A.value && unref(y) && !unref(y).contains(t) && J(e);
+				await nextTick(), A.value && unref(y) && !unref(y).contains(t) && q(e);
 			}
 		}, {
 			default: withCtx(() => [renderSlot(e.$slots, "default", { modelValue: unref(D) }), unref(S) && e.name ? (openBlock(), createBlock(unref(VisuallyHiddenInput_default), {
@@ -13289,6 +13596,77 @@ var _hoisted_1$11 = {
 			__: [0]
 		}, 8, ["nonce"])], 64));
 	}
+}), BaseSeparator_default = /* @__PURE__ */ defineComponent({
+	__name: "BaseSeparator",
+	props: {
+		orientation: {
+			type: String,
+			required: !1,
+			default: "horizontal"
+		},
+		decorative: {
+			type: Boolean,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = ["horizontal", "vertical"];
+		function i(e) {
+			return n.includes(e);
+		}
+		let a = computed(() => i(t.orientation) ? t.orientation : "horizontal"), o = computed(() => a.value === "vertical" ? t.orientation : void 0), u = computed(() => t.decorative ? { role: "none" } : {
+			"aria-orientation": o.value,
+			role: "separator"
+		});
+		return (e, t) => (openBlock(), createBlock(unref(Primitive), mergeProps({
+			as: e.as,
+			"as-child": e.asChild,
+			"data-orientation": a.value
+		}, u.value), {
+			default: withCtx(() => [renderSlot(e.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"as",
+			"as-child",
+			"data-orientation"
+		]));
+	}
+}), Separator_default$1 = /* @__PURE__ */ defineComponent({
+	__name: "Separator",
+	props: {
+		orientation: {
+			type: String,
+			required: !1,
+			default: "horizontal"
+		},
+		decorative: {
+			type: Boolean,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (openBlock(), createBlock(BaseSeparator_default, normalizeProps(guardReactiveProps(t)), {
+			default: withCtx(() => [renderSlot(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
 });
 function getNextSortedValues(e = [], t, n) {
 	let i = [...e];
@@ -14072,52 +14450,606 @@ var PAGE_KEYS = ["PageUp", "PageDown"], ARROW_KEYS = [
 			_: 3
 		}, 16));
 	}
-}), concatArrays = (e, t) => {
-	let n = Array(e.length + t.length);
-	for (let t = 0; t < e.length; t++) n[t] = e[t];
-	for (let i = 0; i < t.length; i++) n[e.length + i] = t[i];
-	return n;
-}, createClassValidatorObject = (e, t) => ({
-	classGroupId: e,
-	validator: t
-}), createClassPartObject = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
-	nextPart: e,
-	validators: t,
-	classGroupId: n
-}), CLASS_PART_SEPARATOR = "-", EMPTY_CONFLICTS = [], ARBITRARY_PROPERTY_PREFIX = "arbitrary..", createClassGroupUtils = (e) => {
-	let t = createClassMap(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: i } = e;
-	return {
-		getClassGroupId: (e) => {
-			if (e.startsWith("[") && e.endsWith("]")) return getGroupIdForArbitraryProperty(e);
-			let n = e.split(CLASS_PART_SEPARATOR);
-			return getGroupRecursive(n, n[0] === "" && n.length > 1 ? 1 : 0, t);
+}), TooltipArrow_default = /* @__PURE__ */ defineComponent({
+	__name: "TooltipArrow",
+	props: {
+		width: {
+			type: Number,
+			required: !1,
+			default: 10
 		},
-		getConflictingClassGroupIds: (e, t) => {
-			if (t) {
-				let t = i[e], a = n[e];
-				return t ? a ? concatArrays(a, t) : t : a || EMPTY_CONFLICTS;
-			}
-			return n[e] || EMPTY_CONFLICTS;
+		height: {
+			type: Number,
+			required: !1,
+			default: 5
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "svg"
 		}
-	};
-}, getGroupRecursive = (e, t, n) => {
-	if (e.length - t === 0) return n.classGroupId;
-	let i = e[t], a = n.nextPart.get(i);
-	if (a) {
-		let n = getGroupRecursive(e, t + 1, a);
-		if (n) return n;
-	}
-	let o = n.validators;
-	if (o === null) return;
-	let s = t === 0 ? e.join(CLASS_PART_SEPARATOR) : e.slice(t).join(CLASS_PART_SEPARATOR), l = o.length;
-	for (let e = 0; e < l; e++) {
-		let t = o[e];
-		if (t.validator(s)) return t.classGroupId;
+	},
+	setup(e) {
+		let t = e;
+		return useForwardExpose(), (e, n) => (openBlock(), createBlock(unref(PopperArrow_default), normalizeProps(guardReactiveProps(t)), {
+			default: withCtx(() => [renderSlot(e.$slots, "default")]),
+			_: 3
+		}, 16));
 	}
-}, getGroupIdForArbitraryProperty = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-	let t = e.slice(1, -1), n = t.indexOf(":"), i = t.slice(0, n);
-	return i ? ARBITRARY_PROPERTY_PREFIX + i : void 0;
-})(), createClassMap = (e) => {
+}), [injectTooltipProviderContext, provideTooltipProviderContext] = createContext("TooltipProvider"), TooltipProvider_default$1 = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "TooltipProvider",
+	props: {
+		delayDuration: {
+			type: Number,
+			required: !1,
+			default: 700
+		},
+		skipDelayDuration: {
+			type: Number,
+			required: !1,
+			default: 300
+		},
+		disableHoverableContent: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		disableClosingTrigger: {
+			type: Boolean,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		ignoreNonKeyboardFocus: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		}
+	},
+	setup(e) {
+		let { delayDuration: t, skipDelayDuration: n, disableHoverableContent: i, disableClosingTrigger: a, ignoreNonKeyboardFocus: o, disabled: s } = toRefs(e);
+		useForwardExpose();
+		let l = ref(!0), u = ref(!1), { start: d, stop: f } = useTimeoutFn$1(() => {
+			l.value = !0;
+		}, n, { immediate: !1 });
+		return provideTooltipProviderContext({
+			isOpenDelayed: l,
+			delayDuration: t,
+			onOpen() {
+				f(), l.value = !1;
+			},
+			onClose() {
+				d();
+			},
+			isPointerInTransitRef: u,
+			disableHoverableContent: i,
+			disableClosingTrigger: a,
+			disabled: s,
+			ignoreNonKeyboardFocus: o
+		}), (e, t) => renderSlot(e.$slots, "default");
+	}
+}), TOOLTIP_OPEN = "tooltip.open", [injectTooltipRootContext, provideTooltipRootContext] = createContext("TooltipRoot"), TooltipRoot_default = /* @__PURE__ */ defineComponent({
+	__name: "TooltipRoot",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		open: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		delayDuration: {
+			type: Number,
+			required: !1,
+			default: void 0
+		},
+		disableHoverableContent: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		disableClosingTrigger: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		ignoreNonKeyboardFocus: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = e, i = t;
+		useForwardExpose();
+		let a = injectTooltipProviderContext(), o = computed(() => n.disableHoverableContent ?? a.disableHoverableContent.value), u = computed(() => n.disableClosingTrigger ?? a.disableClosingTrigger.value), d = computed(() => n.disabled ?? a.disabled.value), f = computed(() => n.delayDuration ?? a.delayDuration.value), p = computed(() => n.ignoreNonKeyboardFocus ?? a.ignoreNonKeyboardFocus.value), m = useVModel(n, "open", i, {
+			defaultValue: n.defaultOpen,
+			passive: n.open === void 0
+		});
+		watch(m, (e) => {
+			a.onClose && (e ? (a.onOpen(), document.dispatchEvent(new CustomEvent(TOOLTIP_OPEN))) : a.onClose());
+		});
+		let g = ref(!1), _ = ref(), v = computed(() => m.value ? g.value ? "delayed-open" : "instant-open" : "closed"), { start: y, stop: b } = useTimeoutFn(() => {
+			g.value = !0, m.value = !0;
+		}, f, { immediate: !1 });
+		function x() {
+			b(), g.value = !1, m.value = !0;
+		}
+		function S() {
+			b(), m.value = !1;
+		}
+		function w() {
+			y();
+		}
+		return provideTooltipRootContext({
+			contentId: "",
+			open: m,
+			stateAttribute: v,
+			trigger: _,
+			onTriggerChange(e) {
+				_.value = e;
+			},
+			onTriggerEnter() {
+				a.isOpenDelayed.value ? w() : x();
+			},
+			onTriggerLeave() {
+				o.value ? S() : b();
+			},
+			onOpen: x,
+			onClose: S,
+			disableHoverableContent: o,
+			disableClosingTrigger: u,
+			disabled: d,
+			ignoreNonKeyboardFocus: p
+		}), (e, t) => (openBlock(), createBlock(unref(PopperRoot_default), null, {
+			default: withCtx(() => [renderSlot(e.$slots, "default", { open: unref(m) })]),
+			_: 3
+		}));
+	}
+}), TooltipContentImpl_default = /* @__PURE__ */ defineComponent({
+	__name: "TooltipContentImpl",
+	props: {
+		ariaLabel: {
+			type: String,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		},
+		side: {
+			type: null,
+			required: !1,
+			default: "top"
+		},
+		sideOffset: {
+			type: Number,
+			required: !1,
+			default: 0
+		},
+		align: {
+			type: null,
+			required: !1,
+			default: "center"
+		},
+		alignOffset: {
+			type: Number,
+			required: !1
+		},
+		avoidCollisions: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		collisionBoundary: {
+			type: null,
+			required: !1,
+			default: () => []
+		},
+		collisionPadding: {
+			type: [Number, Object],
+			required: !1,
+			default: 0
+		},
+		arrowPadding: {
+			type: Number,
+			required: !1,
+			default: 0
+		},
+		sticky: {
+			type: String,
+			required: !1,
+			default: "partial"
+		},
+		hideWhenDetached: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		positionStrategy: {
+			type: String,
+			required: !1
+		},
+		updatePositionStrategy: {
+			type: String,
+			required: !1
+		}
+	},
+	emits: ["escapeKeyDown", "pointerDownOutside"],
+	setup(e, { emit: n }) {
+		let i = e, a = n, o = injectTooltipRootContext(), { forwardRef: u } = useForwardExpose(), d = useSlots(), f = computed(() => d.default?.({})), g = computed(() => {
+			if (i.ariaLabel) return i.ariaLabel;
+			let e = "";
+			function n(i) {
+				typeof i.children == "string" && i.type !== Comment ? e += i.children : Array.isArray(i.children) && i.children.forEach((e) => n(e));
+			}
+			return f.value?.forEach((e) => n(e)), e;
+		}), _ = computed(() => {
+			let { ariaLabel: e, ...t } = i;
+			return t;
+		});
+		return onMounted(() => {
+			useEventListener(window, "scroll", (e) => {
+				e.target?.contains(o.trigger.value) && o.onClose();
+			}), useEventListener(window, TOOLTIP_OPEN, o.onClose);
+		}), (e, t) => (openBlock(), createBlock(unref(DismissableLayer_default), {
+			"as-child": "",
+			"disable-outside-pointer-events": !1,
+			onEscapeKeyDown: t[0] ||= (e) => a("escapeKeyDown", e),
+			onPointerDownOutside: t[1] ||= (e) => {
+				unref(o).disableClosingTrigger.value && unref(o).trigger.value?.contains(e.target) && e.preventDefault(), a("pointerDownOutside", e);
+			},
+			onFocusOutside: t[2] ||= withModifiers(() => {}, ["prevent"]),
+			onDismiss: t[3] ||= (e) => unref(o).onClose()
+		}, {
+			default: withCtx(() => [createVNode(unref(PopperContent_default), mergeProps({
+				ref: unref(u),
+				"data-state": unref(o).stateAttribute.value
+			}, {
+				...e.$attrs,
+				..._.value
+			}, { style: {
+				"--reka-tooltip-content-transform-origin": "var(--reka-popper-transform-origin)",
+				"--reka-tooltip-content-available-width": "var(--reka-popper-available-width)",
+				"--reka-tooltip-content-available-height": "var(--reka-popper-available-height)",
+				"--reka-tooltip-trigger-width": "var(--reka-popper-anchor-width)",
+				"--reka-tooltip-trigger-height": "var(--reka-popper-anchor-height)"
+			} }), {
+				default: withCtx(() => [renderSlot(e.$slots, "default"), createVNode(unref(VisuallyHidden_default), {
+					id: unref(o).contentId,
+					role: "tooltip"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(g.value), 1)]),
+					_: 1
+				}, 8, ["id"])]),
+				_: 3
+			}, 16, ["data-state"])]),
+			_: 3
+		}));
+	}
+}), TooltipContentHoverable_default = /* @__PURE__ */ defineComponent({
+	__name: "TooltipContentHoverable",
+	props: {
+		ariaLabel: {
+			type: String,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		},
+		side: {
+			type: null,
+			required: !1
+		},
+		sideOffset: {
+			type: Number,
+			required: !1
+		},
+		align: {
+			type: null,
+			required: !1
+		},
+		alignOffset: {
+			type: Number,
+			required: !1
+		},
+		avoidCollisions: {
+			type: Boolean,
+			required: !1
+		},
+		collisionBoundary: {
+			type: null,
+			required: !1
+		},
+		collisionPadding: {
+			type: [Number, Object],
+			required: !1
+		},
+		arrowPadding: {
+			type: Number,
+			required: !1
+		},
+		sticky: {
+			type: String,
+			required: !1
+		},
+		hideWhenDetached: {
+			type: Boolean,
+			required: !1
+		},
+		positionStrategy: {
+			type: String,
+			required: !1
+		},
+		updatePositionStrategy: {
+			type: String,
+			required: !1
+		}
+	},
+	setup(e) {
+		let t = useForwardProps(e), { forwardRef: n, currentElement: i } = useForwardExpose(), { trigger: a, onClose: o } = injectTooltipRootContext(), s = injectTooltipProviderContext(), { isPointerInTransit: u, onPointerExit: d } = useGraceArea(a, i);
+		return s.isPointerInTransitRef = u, d(() => {
+			o();
+		}), (e, i) => (openBlock(), createBlock(TooltipContentImpl_default, mergeProps({ ref: unref(n) }, unref(t)), {
+			default: withCtx(() => [renderSlot(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), TooltipContent_default$1 = /* @__PURE__ */ defineComponent({
+	__name: "TooltipContent",
+	props: {
+		forceMount: {
+			type: Boolean,
+			required: !1
+		},
+		ariaLabel: {
+			type: String,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1
+		},
+		side: {
+			type: null,
+			required: !1,
+			default: "top"
+		},
+		sideOffset: {
+			type: Number,
+			required: !1
+		},
+		align: {
+			type: null,
+			required: !1
+		},
+		alignOffset: {
+			type: Number,
+			required: !1
+		},
+		avoidCollisions: {
+			type: Boolean,
+			required: !1
+		},
+		collisionBoundary: {
+			type: null,
+			required: !1
+		},
+		collisionPadding: {
+			type: [Number, Object],
+			required: !1
+		},
+		arrowPadding: {
+			type: Number,
+			required: !1
+		},
+		sticky: {
+			type: String,
+			required: !1
+		},
+		hideWhenDetached: {
+			type: Boolean,
+			required: !1
+		},
+		positionStrategy: {
+			type: String,
+			required: !1
+		},
+		updatePositionStrategy: {
+			type: String,
+			required: !1
+		}
+	},
+	emits: ["escapeKeyDown", "pointerDownOutside"],
+	setup(e, { emit: t }) {
+		let n = e, i = t, a = injectTooltipRootContext(), o = useForwardPropsEmits(n, i), { forwardRef: s } = useForwardExpose();
+		return (e, t) => (openBlock(), createBlock(unref(Presence_default), { present: e.forceMount || unref(a).open.value }, {
+			default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(a).disableHoverableContent.value ? TooltipContentImpl_default : TooltipContentHoverable_default), mergeProps({ ref: unref(s) }, unref(o)), {
+				default: withCtx(() => [renderSlot(e.$slots, "default")]),
+				_: 3
+			}, 16))]),
+			_: 3
+		}, 8, ["present"]));
+	}
+}), TooltipPortal_default = /* @__PURE__ */ defineComponent({
+	__name: "TooltipPortal",
+	props: {
+		to: {
+			type: null,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1
+		},
+		defer: {
+			type: Boolean,
+			required: !1
+		},
+		forceMount: {
+			type: Boolean,
+			required: !1
+		}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (openBlock(), createBlock(unref(Teleport_default), normalizeProps(guardReactiveProps(t)), {
+			default: withCtx(() => [renderSlot(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), TooltipTrigger_default$1 = /* @__PURE__ */ defineComponent({
+	__name: "TooltipTrigger",
+	props: {
+		reference: {
+			type: null,
+			required: !1
+		},
+		asChild: {
+			type: Boolean,
+			required: !1
+		},
+		as: {
+			type: null,
+			required: !1,
+			default: "button"
+		}
+	},
+	setup(e) {
+		let t = e, n = injectTooltipRootContext(), i = injectTooltipProviderContext();
+		n.contentId ||= useId(void 0, "reka-tooltip-content");
+		let { forwardRef: a, currentElement: o } = useForwardExpose(), u = ref(!1), d = ref(!1), f = computed(() => n.disabled.value ? {} : {
+			click: x,
+			focus: y,
+			pointermove: _,
+			pointerleave: v,
+			pointerdown: g,
+			blur: b
+		});
+		onMounted(() => {
+			n.onTriggerChange(o.value);
+		});
+		function p() {
+			setTimeout(() => {
+				u.value = !1;
+			}, 1);
+		}
+		function g() {
+			n.open && !n.disableClosingTrigger.value && n.onClose(), u.value = !0, document.addEventListener("pointerup", p, { once: !0 });
+		}
+		function _(e) {
+			e.pointerType !== "touch" && !d.value && !i.isPointerInTransitRef.value && (n.onTriggerEnter(), d.value = !0);
+		}
+		function v() {
+			n.onTriggerLeave(), d.value = !1;
+		}
+		function y(e) {
+			u.value || n.ignoreNonKeyboardFocus.value && !e.target.matches?.(":focus-visible") || n.onOpen();
+		}
+		function b() {
+			n.onClose();
+		}
+		function x() {
+			n.disableClosingTrigger.value || n.onClose();
+		}
+		return (e, i) => (openBlock(), createBlock(unref(PopperAnchor_default), {
+			"as-child": "",
+			reference: e.reference
+		}, {
+			default: withCtx(() => [createVNode(unref(Primitive), mergeProps({
+				ref: unref(a),
+				"aria-describedby": unref(n).open.value ? unref(n).contentId : void 0,
+				"data-state": unref(n).stateAttribute.value,
+				as: e.as,
+				"as-child": t.asChild,
+				"data-grace-area-trigger": ""
+			}, toHandlers(f.value)), {
+				default: withCtx(() => [renderSlot(e.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"aria-describedby",
+				"data-state",
+				"as",
+				"as-child"
+			])]),
+			_: 3
+		}, 8, ["reference"]));
+	}
+}), concatArrays = (e, t) => {
+	let n = Array(e.length + t.length);
+	for (let t = 0; t < e.length; t++) n[t] = e[t];
+	for (let i = 0; i < t.length; i++) n[e.length + i] = t[i];
+	return n;
+}, createClassValidatorObject = (e, t) => ({
+	classGroupId: e,
+	validator: t
+}), createClassPartObject = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
+	nextPart: e,
+	validators: t,
+	classGroupId: n
+}), CLASS_PART_SEPARATOR = "-", EMPTY_CONFLICTS = [], ARBITRARY_PROPERTY_PREFIX = "arbitrary..", createClassGroupUtils = (e) => {
+	let t = createClassMap(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: i } = e;
+	return {
+		getClassGroupId: (e) => {
+			if (e.startsWith("[") && e.endsWith("]")) return getGroupIdForArbitraryProperty(e);
+			let n = e.split(CLASS_PART_SEPARATOR);
+			return getGroupRecursive(n, n[0] === "" && n.length > 1 ? 1 : 0, t);
+		},
+		getConflictingClassGroupIds: (e, t) => {
+			if (t) {
+				let t = i[e], a = n[e];
+				return t ? a ? concatArrays(a, t) : t : a || EMPTY_CONFLICTS;
+			}
+			return n[e] || EMPTY_CONFLICTS;
+		}
+	};
+}, getGroupRecursive = (e, t, n) => {
+	if (e.length - t === 0) return n.classGroupId;
+	let i = e[t], a = n.nextPart.get(i);
+	if (a) {
+		let n = getGroupRecursive(e, t + 1, a);
+		if (n) return n;
+	}
+	let o = n.validators;
+	if (o === null) return;
+	let s = t === 0 ? e.join(CLASS_PART_SEPARATOR) : e.slice(t).join(CLASS_PART_SEPARATOR), l = o.length;
+	for (let e = 0; e < l; e++) {
+		let t = o[e];
+		if (t.validator(s)) return t.classGroupId;
+	}
+}, getGroupIdForArbitraryProperty = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+	let t = e.slice(1, -1), n = t.indexOf(":"), i = t.slice(0, n);
+	return i ? ARBITRARY_PROPERTY_PREFIX + i : void 0;
+})(), createClassMap = (e) => {
 	let { theme: t, classGroups: n } = e;
 	return processClassGroups(n, t);
 }, processClassGroups = (e, t) => {
@@ -14409,12 +15341,12 @@ var PAGE_KEYS = ["PageUp", "PageDown"], ARROW_KEYS = [
 		e,
 		isArbitraryVariable,
 		isArbitraryValue
-	], pm = () => [
+	], z = () => [
 		...w(),
 		isArbitraryVariablePosition,
 		isArbitraryPosition,
 		{ position: [isArbitraryVariable, isArbitraryValue] }
-	], z = () => ["no-repeat", { repeat: [
+	], oh = () => ["no-repeat", { repeat: [
 		"",
 		"x",
 		"y",
@@ -14970,8 +15902,8 @@ var PAGE_KEYS = ["PageUp", "PageDown"], ARROW_KEYS = [
 				"padding",
 				"content"
 			] }],
-			"bg-position": [{ bg: pm() }],
-			"bg-repeat": [{ bg: z() }],
+			"bg-position": [{ bg: z() }],
+			"bg-repeat": [{ bg: oh() }],
 			"bg-size": [{ bg: B() }],
 			"bg-image": [{ bg: [
 				"none",
@@ -15189,8 +16121,8 @@ var PAGE_KEYS = ["PageUp", "PageDown"], ARROW_KEYS = [
 				"stroke",
 				"view"
 			] }],
-			"mask-position": [{ mask: pm() }],
-			"mask-repeat": [{ mask: z() }],
+			"mask-position": [{ mask: z() }],
+			"mask-repeat": [{ mask: oh() }],
 			"mask-size": [{ mask: B() }],
 			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
 			"mask-image": [{ mask: [
@@ -16672,19 +17604,112 @@ var _hoisted_1$9 = { class: "grid grid-cols-3 gap-x-6 gap-y-2 p-2 max-w-60 mx-au
 	}
 });
 const [useCommand, provideCommandContext] = createContext("Command"), [useCommandGroup, provideCommandGroupContext] = createContext("CommandGroup");
-var _hoisted_1$5 = { class: "flex flex-col items-center px-4 space-y-2" }, _hoisted_2$4 = {
+var Kbd_default = /* @__PURE__ */ defineComponent({
+	__name: "Kbd",
+	props: { class: {} },
+	setup(e) {
+		let t = e;
+		return (e, n) => (openBlock(), createElementBlock("kbd", { class: normalizeClass(unref(cn)("bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none", "[&_svg:not([class*='size-'])]:size-3", "in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10", t.class)) }, [renderSlot(e.$slots, "default")], 2));
+	}
+}), Tooltip_default = /* @__PURE__ */ defineComponent({
+	__name: "Tooltip",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		delayDuration: {},
+		disableHoverableContent: { type: Boolean },
+		disableClosingTrigger: { type: Boolean },
+		disabled: { type: Boolean },
+		ignoreNonKeyboardFocus: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = useForwardPropsEmits(e, t);
+		return (e, t) => (openBlock(), createBlock(unref(TooltipRoot_default), mergeProps({ "data-slot": "tooltip" }, unref(n)), {
+			default: withCtx((t) => [renderSlot(e.$slots, "default", normalizeProps(guardReactiveProps(t)))]),
+			_: 3
+		}, 16));
+	}
+}), TooltipContent_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "TooltipContent",
+	props: {
+		forceMount: { type: Boolean },
+		ariaLabel: {},
+		asChild: { type: Boolean },
+		as: {},
+		side: {},
+		sideOffset: { default: 4 },
+		align: {},
+		alignOffset: {},
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		class: {}
+	},
+	emits: ["escapeKeyDown", "pointerDownOutside"],
+	setup(e, { emit: t }) {
+		let n = e, i = t, a = useForwardPropsEmits(reactiveOmit(n, "class"), i);
+		return (e, t) => (openBlock(), createBlock(unref(TooltipPortal_default), null, {
+			default: withCtx(() => [createVNode(unref(TooltipContent_default$1), mergeProps({ "data-slot": "tooltip-content" }, {
+				...unref(a),
+				...e.$attrs
+			}, { class: unref(cn)("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance", n.class) }), {
+				default: withCtx(() => [renderSlot(e.$slots, "default"), createVNode(unref(TooltipArrow_default), { class: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]),
+				_: 3
+			}, 16, ["class"])]),
+			_: 3
+		}));
+	}
+}), TooltipProvider_default = /* @__PURE__ */ defineComponent({
+	__name: "TooltipProvider",
+	props: {
+		delayDuration: { default: 0 },
+		skipDelayDuration: {},
+		disableHoverableContent: { type: Boolean },
+		disableClosingTrigger: { type: Boolean },
+		disabled: { type: Boolean },
+		ignoreNonKeyboardFocus: { type: Boolean }
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (openBlock(), createBlock(unref(TooltipProvider_default$1), normalizeProps(guardReactiveProps(t)), {
+			default: withCtx(() => [renderSlot(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), TooltipTrigger_default = /* @__PURE__ */ defineComponent({
+	__name: "TooltipTrigger",
+	props: {
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (openBlock(), createBlock(unref(TooltipTrigger_default$1), mergeProps({ "data-slot": "tooltip-trigger" }, t), {
+			default: withCtx(() => [renderSlot(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), _hoisted_1$5 = { class: "flex flex-col items-center px-4 space-y-2" }, _hoisted_2$4 = {
 	key: 2,
 	class: "w-full flex items-center justify-center gap-2 min-h-10"
 }, _hoisted_3$4 = {
 	key: 0,
 	class: "absolute top-full left-0 w-full z-50 bg-popover text-popover-foreground shadow-md rounded-md border mt-1"
-}, _hoisted_4$4 = { class: "text-muted-foreground" }, _hoisted_5$4 = { key: 1 }, _hoisted_6$4 = { class: "flex flex-col text-left w-full overflow-hidden" }, _hoisted_7$3 = { class: "font-medium truncate" }, _hoisted_8$3 = { class: "text-xs text-muted-foreground truncate" }, _hoisted_9$3 = {
+}, _hoisted_4$4 = { class: "flex items-center justify-between px-3 py-1.5 border-b" }, _hoisted_5$4 = { class: "flex items-center gap-1" }, _hoisted_6$4 = { class: "text-muted-foreground" }, _hoisted_7$3 = { key: 1 }, _hoisted_8$3 = { class: "flex flex-col text-left w-full overflow-hidden" }, _hoisted_9$3 = { class: "font-medium truncate" }, _hoisted_10$3 = { class: "text-xs text-muted-foreground truncate" }, _hoisted_11$3 = {
 	key: 3,
 	class: "flex flex-col items-center justify-center gap-2 w-full"
-}, _hoisted_10$2 = { class: "flex items-center gap-2" }, _hoisted_11$2 = {
+}, _hoisted_12$3 = { class: "flex items-center gap-2" }, _hoisted_13$2 = {
 	key: 4,
 	class: "flex items-center justify-center gap-4 min-h-10"
-}, _hoisted_12$2 = { class: "text-xl font-bold text-neutral-800 dark:text-white" }, CallDisplay_default = /* @__PURE__ */ defineComponent({
+}, _hoisted_14$2 = { class: "text-xl font-bold text-neutral-800 dark:text-white" }, CallDisplay_default = /* @__PURE__ */ defineComponent({
 	__name: "CallDisplay",
 	props: {
 		allowInput: {
@@ -16700,82 +17725,101 @@ var _hoisted_1$5 = { class: "flex flex-col items-center px-4 space-y-2" }, _hois
 		channelId: { default: void 0 }
 	},
 	setup(e) {
-		let t = inject("webphone"), i = inject("sip"), a = e, o = computed(() => a.channelId === void 0 ? t.activeChannel : t.channels.find((e) => e.id === a.channelId)), g = computed(() => {
+		let t = inject("webphone"), i = inject("sip"), a = navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? "⌘" : "Ctrl+", o = e, g = computed(() => o.channelId === void 0 ? t.activeChannel : t.channels.find((e) => e.id === o.channelId)), _ = computed(() => {
 			if (!t.isConnected) return "text-status-disconnected";
-			let e = o.value;
+			let e = g.value;
 			return e && e.status !== "idle" ? e.isHeld || e.status === "held" ? "text-status-hold" : e.status === "incoming" ? "text-status-incoming" : "text-status-incall" : "text-status-available";
-		}), _ = computed(() => {
+		}), v = computed(() => {
 			if (!t.isConnected) return "text-status-disconnected hover:text-status-disconnected/80";
-			let e = o.value;
+			let e = g.value;
 			return e && e.status !== "idle" ? e.isHeld || e.status === "held" ? "text-status-hold hover:text-status-hold/80" : e.status === "incoming" ? "text-status-incoming hover:text-status-incoming/80" : "text-status-incall hover:text-status-incall/80" : "text-status-available hover:text-status-available/80";
-		}), v = ref(!1), y = ref(null);
-		onClickOutside(y, () => {
-			v.value = !1;
+		}), y = ref(!1), b = ref(null);
+		onClickOutside(b, () => {
+			y.value = !1;
+		}), watch(() => t.isKeypadVisible, (e) => {
+			e && (y.value = !1);
 		});
-		let b = computed({
-			get: () => o.value?.keypadValue || "",
+		let x = computed({
+			get: () => g.value?.keypadValue || "",
 			set: (e) => {
-				o.value && t.updateChannelState(o.value.id, { keypadValue: e }), v.value = !0;
+				g.value && t.updateChannelState(g.value.id, { keypadValue: e }), y.value = !0;
 			}
-		}), x = computed(() => /^[0-9*#+]+$/.test(b.value)), w = (e) => {
-			o.value && t.updateChannelState(o.value.id, { keypadValue: e.number }), v.value = !1, i.makeCall(e.number);
-		}, T = () => {
-			!b.value || !x.value || (v.value = !1, i.makeCall(b.value));
+		}), w = computed(() => /^[0-9*#+]+$/.test(x.value)), T = (e) => {
+			g.value && t.updateChannelState(g.value.id, { keypadValue: e.number }), y.value = !1, i.makeCall(e.number);
 		}, E = () => {
-			b.value && x.value && T();
-		}, D = ref(Date.now());
+			!x.value || !w.value || (y.value = !1, i.makeCall(x.value));
+		}, D = () => {
+			x.value && w.value && E();
+		}, O = () => {
+			y.value = !1;
+		}, A = () => {
+			setTimeout(() => {
+				y.value = !1;
+			}, 150);
+		}, j = ref(Date.now());
 		useIntervalFn(() => {
-			D.value = Date.now();
+			j.value = Date.now();
 		}, 1e3);
-		let O = computed(() => {
-			let e = o.value?.startTime, t = o.value?.status || "idle";
+		let M = computed(() => {
+			let e = g.value?.startTime, t = g.value?.status || "idle";
 			if (!e || t !== "connected") return "00:00";
-			let n = Math.floor((D.value - e) / 1e3);
+			let n = Math.floor((j.value - e) / 1e3);
 			return n < 0 ? "00:00" : `${Math.floor(n / 60).toString().padStart(2, "0")}:${(n % 60).toString().padStart(2, "0")}`;
-		}), A = computed(() => {
-			let e = o.value, t = e?.status || "idle";
+		}), N = computed(() => {
+			let e = g.value, t = e?.status || "idle";
 			return t === "idle" ? "Disponible" : t === "calling" ? "Llamando..." : e?.isHeld ? `En espera - ${e.remoteNumber || e.keypadValue || "Unknown"}` : t === "connected" ? "Conectado" : t.charAt(0).toUpperCase() + t.slice(1);
 		});
 		return (i, s) => (openBlock(), createElementBlock("div", _hoisted_1$5, [
-			a.user ? (openBlock(), createElementBlock("span", {
+			o.user ? (openBlock(), createElementBlock("span", {
 				key: 0,
-				class: normalizeClass([g.value, "font-bold text-sm flex items-center gap-2 transition-colors duration-300"])
-			}, [s[3] ||= createElementVNode("div", { class: "w-2 h-2 rounded-full bg-current shadow-[0_0_8px_currentColor]" }, null, -1), createTextVNode(" " + toDisplayString(a.user), 1)], 2)) : createCommentVNode("", !0),
-			(o.value?.status || "idle") === "connected" ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", {
+				class: normalizeClass([_.value, "font-bold text-sm flex items-center gap-2 transition-colors duration-300"])
+			}, [s[4] ||= createElementVNode("div", { class: "w-2 h-2 rounded-full bg-current shadow-[0_0_8px_currentColor]" }, null, -1), createTextVNode(" " + toDisplayString(o.user), 1)], 2)) : createCommentVNode("", !0),
+			(g.value?.status || "idle") === "connected" ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", {
 				key: 1,
-				class: normalizeClass([g.value, "font-medium tracking-wider min-h-4 text-xs normal-case"])
-			}, toDisplayString(A.value), 3)),
-			(o.value?.status || "idle") === "idle" && a.allowInput ? (openBlock(), createElementBlock("div", _hoisted_2$4, [createElementVNode("div", {
+				class: normalizeClass([_.value, "font-medium tracking-wider min-h-4 text-xs normal-case"])
+			}, toDisplayString(N.value), 3)),
+			(g.value?.status || "idle") === "idle" && o.allowInput ? (openBlock(), createElementBlock("div", _hoisted_2$4, [createElementVNode("div", {
 				class: "relative w-full max-w-75",
 				ref_key: "commandRef",
-				ref: y
+				ref: b
 			}, [createVNode(unref(Command_default), {
-				searchTerm: b.value,
-				"onUpdate:searchTerm": s[1] ||= (e) => b.value = e,
+				searchTerm: x.value,
+				"onUpdate:searchTerm": s[2] ||= (e) => x.value = e,
 				class: "rounded-lg border overflow-visible **:data-[slot=command-input-wrapper]:border-none [&_[data-slot=command-input-wrapper]_svg]:hidden **:data-[slot=command-input-wrapper]:px-2"
 			}, {
 				default: withCtx(() => [createVNode(unref(CommandInput_default), {
 					placeholder: "Ingresar número...",
-					class: "h-9 border-none focus:ring-0 text-center",
-					onFocus: s[0] ||= (e) => v.value = !0,
-					onKeydown: withKeys(E, ["enter"])
-				}), v.value && b.value ? (openBlock(), createElementBlock("div", _hoisted_3$4, [createVNode(unref(CommandList_default), null, {
+					class: "h-9 border-none focus:ring-0 text-center select-text",
+					onFocus: s[0] ||= (e) => y.value = !0,
+					onBlur: A,
+					onKeydown: [withKeys(D, ["enter"]), withKeys(O, ["escape"])]
+				}), y.value && x.value ? (openBlock(), createElementBlock("div", _hoisted_3$4, [createElementVNode("div", _hoisted_4$4, [s[6] ||= createElementVNode("span", { class: "text-xs text-muted-foreground" }, "Sugerencias", -1), createElementVNode("div", _hoisted_5$4, [createVNode(unref(Kbd_default), { class: "text-[10px]" }, {
+					default: withCtx(() => [...s[5] ||= [createTextVNode("Esc", -1)]]),
+					_: 1
+				}), createElementVNode("button", {
+					onClick: s[1] ||= withModifiers((e) => y.value = !1, ["stop"]),
+					class: "p-0.5 rounded hover:bg-accent transition-colors"
+				}, [createVNode(unref(X), { class: "w-3.5 h-3.5 text-muted-foreground hover:text-foreground" })])])]), createVNode(unref(CommandList_default), null, {
 					default: withCtx(() => [createVNode(unref(CommandEmpty_default), { class: "py-2 px-4 text-sm" }, {
-						default: withCtx(() => [x.value ? (openBlock(), createElementBlock("div", {
+						default: withCtx(() => [w.value ? (openBlock(), createElementBlock("div", {
 							key: 0,
 							class: "cursor-pointer hover:bg-accent hover:text-accent-foreground rounded-sm flex items-center gap-2 w-full p-2",
-							onClick: T
+							onClick: E
 						}, [
 							createVNode(unref(Phone), { class: "w-3 h-3" }),
-							s[4] ||= createElementVNode("span", { class: "font-medium" }, "Marcar", -1),
-							createElementVNode("span", _hoisted_4$4, toDisplayString(b.value), 1)
-						])) : (openBlock(), createElementBlock("span", _hoisted_5$4, "Sin resultados"))]),
+							s[8] ||= createElementVNode("span", { class: "font-medium" }, "Marcar", -1),
+							createElementVNode("span", _hoisted_6$4, toDisplayString(x.value), 1),
+							createVNode(unref(Kbd_default), { class: "ml-auto text-[10px]" }, {
+								default: withCtx(() => [...s[7] ||= [createTextVNode("Enter", -1)]]),
+								_: 1
+							})
+						])) : (openBlock(), createElementBlock("span", _hoisted_7$3, "Sin resultados"))]),
 						_: 1
-					}), createVNode(unref(CommandGroup_default), { heading: "Sugerencias" }, {
-						default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(a.contacts, (e) => (openBlock(), createBlock(unref(CommandItem_default), {
+					}), createVNode(unref(CommandGroup_default), null, {
+						default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(o.contacts, (e) => (openBlock(), createBlock(unref(CommandItem_default), {
 							key: e.number,
 							value: e.name + " " + e.number,
-							onSelect: (t) => w(e),
+							onSelect: (t) => T(e),
 							class: "cursor-pointer w-full justify-start gap-3 px-3"
 						}, {
 							default: withCtx(() => [e.type ? (openBlock(), createElementBlock("div", {
@@ -16793,7 +17837,7 @@ var _hoisted_1$5 = { class: "flex flex-col items-center px-4 space-y-2" }, _hois
 							})) : (openBlock(), createBlock(unref(Wrench), {
 								key: 3,
 								class: "w-3 h-3"
-							}))], 2)) : createCommentVNode("", !0), createElementVNode("div", _hoisted_6$4, [createElementVNode("span", _hoisted_7$3, toDisplayString(e.name), 1), createElementVNode("span", _hoisted_8$3, toDisplayString(e.number), 1)])]),
+							}))], 2)) : createCommentVNode("", !0), createElementVNode("div", _hoisted_8$3, [createElementVNode("span", _hoisted_9$3, toDisplayString(e.name), 1), createElementVNode("span", _hoisted_10$3, toDisplayString(e.number), 1)])]),
 							_: 2
 						}, 1032, ["value", "onSelect"]))), 128))]),
 						_: 1
@@ -16801,42 +17845,83 @@ var _hoisted_1$5 = { class: "flex flex-col items-center px-4 space-y-2" }, _hois
 					_: 1
 				})])) : createCommentVNode("", !0)]),
 				_: 1
-			}, 8, ["searchTerm"]), o.value?.keypadValue ? (openBlock(), createElementBlock("div", {
+			}, 8, ["searchTerm"]), g.value?.keypadValue ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "absolute right-2 top-1/2 -translate-y-1/2 z-10 cursor-pointer p-1 hover:bg-accent rounded-full",
-				onClick: s[2] ||= withModifiers((...e) => unref(t).backspaceKeypad && unref(t).backspaceKeypad(...e), ["stop"])
-			}, [createVNode(unref(Delete), { class: "w-4 h-4 text-neutral-400 hover:text-status-disconnected dark:text-neutral-500 dark:hover:text-status-disconnected transition-colors" })])) : createCommentVNode("", !0)], 512), createVNode(unref(Button_default), {
-				onClick: unref(t).toggleKeypad,
-				variant: "ghost",
-				size: "icon",
-				class: normalizeClass(unref(cn)("rounded-full", _.value)),
-				title: "Toggle Keypad"
-			}, {
-				default: withCtx(() => [createVNode(unref(Grip), { class: "w-5 h-5" })]),
+				onClick: s[3] ||= withModifiers((...e) => unref(t).backspaceKeypad && unref(t).backspaceKeypad(...e), ["stop"])
+			}, [createVNode(unref(Delete), { class: "w-4 h-4 text-neutral-400 hover:text-status-disconnected dark:text-neutral-500 dark:hover:text-status-disconnected transition-colors" })])) : createCommentVNode("", !0)], 512), createVNode(unref(TooltipProvider_default), null, {
+				default: withCtx(() => [createVNode(unref(Tooltip_default), null, {
+					default: withCtx(() => [createVNode(unref(TooltipTrigger_default), { "as-child": "" }, {
+						default: withCtx(() => [createVNode(unref(Button_default), {
+							onClick: unref(t).toggleKeypad,
+							variant: "ghost",
+							size: "icon",
+							class: normalizeClass(unref(cn)("rounded-full", v.value))
+						}, {
+							default: withCtx(() => [createVNode(unref(Grip), { class: "w-5 h-5" })]),
+							_: 1
+						}, 8, ["onClick", "class"])]),
+						_: 1
+					}), createVNode(unref(TooltipContent_default), { class: "flex items-center gap-2" }, {
+						default: withCtx(() => [createElementVNode("span", null, toDisplayString(unref(t).isKeypadVisible ? "Ocultar" : "Mostrar") + " teclado", 1), createVNode(unref(Kbd_default), null, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "K", 1)]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				})]),
 				_: 1
-			}, 8, ["onClick", "class"])])) : (o.value?.status || "idle") === "connected" ? (openBlock(), createElementBlock("div", _hoisted_9$3, [createElementVNode("div", { class: normalizeClass([g.value, "flex items-center gap-2 text-3xl font-light"]) }, [createVNode(unref(Disc), {
+			})])) : (g.value?.status || "idle") === "connected" ? (openBlock(), createElementBlock("div", _hoisted_11$3, [createElementVNode("div", { class: normalizeClass([_.value, "flex items-center gap-2 text-3xl font-light"]) }, [createVNode(unref(Disc), {
 				class: "w-6 h-6 animate-spin",
 				style: { "animation-duration": "3s" }
-			}), createElementVNode("span", null, toDisplayString(O.value), 1)], 2), createElementVNode("div", _hoisted_10$2, [createElementVNode("div", { class: normalizeClass([g.value, "text-xs"]) }, " En llamada con " + toDisplayString(o.value?.remoteNumber || o.value?.keypadValue), 3), e.isWebCall ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(Button_default), {
-				key: 0,
-				onClick: unref(t).toggleKeypad,
-				variant: "ghost",
-				size: "icon",
-				class: normalizeClass(unref(cn)("h-6 w-6 rounded-full", _.value)),
-				title: "Toggle Keypad"
-			}, {
-				default: withCtx(() => [createVNode(unref(Grip), { class: "w-4 h-4" })]),
+			}), createElementVNode("span", null, toDisplayString(M.value), 1)], 2), createElementVNode("div", _hoisted_12$3, [createElementVNode("div", { class: normalizeClass([_.value, "text-xs"]) }, " En llamada con " + toDisplayString(g.value?.remoteNumber || g.value?.keypadValue), 3), e.isWebCall ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(TooltipProvider_default), { key: 0 }, {
+				default: withCtx(() => [createVNode(unref(Tooltip_default), null, {
+					default: withCtx(() => [createVNode(unref(TooltipTrigger_default), { "as-child": "" }, {
+						default: withCtx(() => [createVNode(unref(Button_default), {
+							onClick: unref(t).toggleKeypad,
+							variant: "ghost",
+							size: "icon",
+							class: normalizeClass(unref(cn)("h-6 w-6 rounded-full", v.value))
+						}, {
+							default: withCtx(() => [createVNode(unref(Grip), { class: "w-4 h-4" })]),
+							_: 1
+						}, 8, ["onClick", "class"])]),
+						_: 1
+					}), createVNode(unref(TooltipContent_default), { class: "flex items-center gap-2" }, {
+						default: withCtx(() => [createElementVNode("span", null, toDisplayString(unref(t).isKeypadVisible ? "Ocultar" : "Mostrar") + " teclado", 1), createVNode(unref(Kbd_default), null, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "K", 1)]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				})]),
 				_: 1
-			}, 8, ["onClick", "class"]))])])) : (o.value?.status || "idle") === "idle" ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_11$2, [createElementVNode("div", _hoisted_12$2, toDisplayString(o.value?.remoteNumber || o.value?.keypadValue), 1), createVNode(unref(Button_default), {
-				onClick: unref(t).toggleKeypad,
-				variant: "ghost",
-				size: "icon",
-				class: normalizeClass(unref(cn)("rounded-full", _.value)),
-				title: "Toggle Keypad"
-			}, {
-				default: withCtx(() => [createVNode(unref(Grip), { class: "w-5 h-5" })]),
+			}))])])) : (g.value?.status || "idle") === "idle" ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_13$2, [createElementVNode("div", _hoisted_14$2, toDisplayString(g.value?.remoteNumber || g.value?.keypadValue), 1), createVNode(unref(TooltipProvider_default), null, {
+				default: withCtx(() => [createVNode(unref(Tooltip_default), null, {
+					default: withCtx(() => [createVNode(unref(TooltipTrigger_default), { "as-child": "" }, {
+						default: withCtx(() => [createVNode(unref(Button_default), {
+							onClick: unref(t).toggleKeypad,
+							variant: "ghost",
+							size: "icon",
+							class: normalizeClass(unref(cn)("rounded-full", v.value))
+						}, {
+							default: withCtx(() => [createVNode(unref(Grip), { class: "w-5 h-5" })]),
+							_: 1
+						}, 8, ["onClick", "class"])]),
+						_: 1
+					}), createVNode(unref(TooltipContent_default), { class: "flex items-center gap-2" }, {
+						default: withCtx(() => [createElementVNode("span", null, toDisplayString(unref(t).isKeypadVisible ? "Ocultar" : "Mostrar") + " teclado", 1), createVNode(unref(Kbd_default), null, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "K", 1)]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				})]),
 				_: 1
-			}, 8, ["onClick", "class"])]))
+			})]))
 		]));
 	}
 }), Select_default = /* @__PURE__ */ defineComponent({
@@ -17075,76 +18160,92 @@ var _hoisted_1$5 = { class: "flex flex-col items-center px-4 space-y-2" }, _hois
 			_: 3
 		}, 16, ["class"]));
 	}
-}), _hoisted_1$3 = { class: "flex flex-col gap-6 py-4" }, _hoisted_2$3 = { class: "flex flex-col gap-2" }, _hoisted_3$3 = { class: "flex flex-col gap-2" }, _hoisted_4$3 = { class: "flex flex-col gap-4" }, _hoisted_5$3 = { class: "flex justify-between" }, _hoisted_6$3 = { class: "text-sm text-muted-foreground" }, _hoisted_7$2 = { class: "flex flex-col gap-4" }, _hoisted_8$2 = { class: "flex justify-between" }, _hoisted_9$2 = { class: "text-sm text-muted-foreground" }, AudioSettingsDialog_default = /* @__PURE__ */ defineComponent({
+}), Separator_default = /* @__PURE__ */ defineComponent({
+	__name: "Separator",
+	props: {
+		orientation: { default: "horizontal" },
+		decorative: {
+			type: Boolean,
+			default: !0
+		},
+		asChild: { type: Boolean },
+		as: {},
+		class: {}
+	},
+	setup(e) {
+		let t = e, n = reactiveOmit(t, "class");
+		return (e, i) => (openBlock(), createBlock(unref(Separator_default$1), mergeProps({ "data-slot": "separator" }, unref(n), { class: unref(cn)("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", t.class) }), null, 16, ["class"]));
+	}
+}), _hoisted_1$3 = { class: "flex flex-col gap-6 py-4" }, _hoisted_2$3 = { class: "flex flex-col gap-2" }, _hoisted_3$3 = { class: "flex flex-col gap-2" }, _hoisted_4$3 = { class: "flex flex-col gap-4" }, _hoisted_5$3 = { class: "flex justify-between" }, _hoisted_6$3 = { class: "text-sm text-muted-foreground" }, _hoisted_7$2 = { class: "flex flex-col gap-4" }, _hoisted_8$2 = { class: "flex justify-between" }, _hoisted_9$2 = { class: "text-sm text-muted-foreground" }, _hoisted_10$2 = { class: "flex flex-col gap-3" }, _hoisted_11$2 = { class: "grid grid-cols-2 gap-2 text-sm" }, _hoisted_12$2 = { class: "flex items-center justify-between gap-2" }, _hoisted_13$1 = { class: "flex items-center justify-between gap-2" }, _hoisted_14$1 = { class: "flex items-center justify-between gap-2" }, _hoisted_15$1 = { class: "flex items-center justify-between gap-2" }, _hoisted_16$1 = { class: "flex items-center justify-between gap-2" }, _hoisted_17 = { class: "flex items-center justify-between gap-2" }, AudioSettingsDialog_default = /* @__PURE__ */ defineComponent({
 	__name: "AudioSettingsDialog",
 	props: { visible: { type: Boolean } },
 	emits: ["update:visible"],
 	setup(e, { emit: t }) {
-		let i = t, { setVolume: a, setOutputDevice: o, setInputDevice: g, setNotificationVolume: _ } = inject("sip"), v = ref([]), y = ref([]), b = useStorage("webphone-input-device", ""), x = useStorage("webphone-output-device", ""), T = useStorage("webphone-volume", 100), E = useStorage("webphone-notification-volume", 100), D = async () => {
+		let i = t, a = navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? "⌘" : "Ctrl+", { setVolume: o, setOutputDevice: g, setInputDevice: _, setNotificationVolume: v } = inject("sip"), y = ref([]), b = ref([]), x = useStorage("webphone-input-device", ""), T = useStorage("webphone-output-device", ""), E = useStorage("webphone-volume", 100), D = useStorage("webphone-notification-volume", 100), O = async () => {
 			try {
 				await navigator.mediaDevices.getUserMedia({ audio: !0 });
 				let e = await navigator.mediaDevices.enumerateDevices();
-				v.value = e.filter((e) => e.kind === "audioinput").map((e, t) => ({
+				y.value = e.filter((e) => e.kind === "audioinput").map((e, t) => ({
 					deviceId: e.deviceId,
 					label: e.label || `Microphone ${t + 1}`
-				})), y.value = e.filter((e) => e.kind === "audiooutput").map((e, t) => ({
+				})), b.value = e.filter((e) => e.kind === "audiooutput").map((e, t) => ({
 					deviceId: e.deviceId,
 					label: e.label || `Speaker ${t + 1}`
 				}));
-				let t = v.value.some((e) => e.deviceId === b.value);
-				(!b.value || !t) && v.value.length > 0 && (b.value = v.value[0]?.deviceId ?? "");
-				let n = y.value.some((e) => e.deviceId === x.value);
-				(!x.value || !n) && y.value.length > 0 && (x.value = y.value[0]?.deviceId ?? ""), b.value && g(b.value), x.value && o(x.value);
+				let t = y.value.some((e) => e.deviceId === x.value);
+				(!x.value || !t) && y.value.length > 0 && (x.value = y.value[0]?.deviceId ?? "");
+				let n = b.value.some((e) => e.deviceId === T.value);
+				(!T.value || !n) && b.value.length > 0 && (T.value = b.value[0]?.deviceId ?? ""), x.value && _(x.value), T.value && g(T.value);
 			} catch (e) {
 				console.error("Error loading devices", e);
 			}
-		}, O = (e) => {
-			let t = String(e);
-			b.value = t, g(t);
 		}, k = (e) => {
 			let t = String(e);
-			x.value = t, o(t);
-		}, A = computed({
-			get: () => [T.value],
+			x.value = t, _(t);
+		}, A = (e) => {
+			let t = String(e);
+			T.value = t, g(t);
+		}, j = computed({
+			get: () => [E.value],
 			set: (e) => {
-				T.value = e[0], a(T.value);
+				E.value = e[0], o(E.value);
 			}
-		}), j = computed({
-			get: () => [E.value],
+		}), M = computed({
+			get: () => [D.value],
 			set: (e) => {
-				E.value = e[0], _(E.value);
+				D.value = e[0], v(D.value);
 			}
 		});
 		return onMounted(() => {
-			D(), a(T.value), _(E.value);
-		}), (t, a) => e.visible ? (openBlock(), createBlock(unref(Dialog_default), {
+			O(), o(E.value), v(D.value);
+		}), (t, o) => e.visible ? (openBlock(), createBlock(unref(Dialog_default), {
 			key: 0,
 			open: e.visible,
-			"onUpdate:open": a[5] ||= (e) => i("update:visible", e)
+			"onUpdate:open": o[5] ||= (e) => i("update:visible", e)
 		}, {
 			default: withCtx(() => [createVNode(unref(DialogContent_default), { class: "sm:max-w-sm" }, {
 				default: withCtx(() => [
 					createVNode(unref(DialogHeader_default), null, {
 						default: withCtx(() => [createVNode(unref(DialogTitle_default), null, {
-							default: withCtx(() => [...a[6] ||= [createTextVNode("Audio Settings", -1)]]),
+							default: withCtx(() => [...o[6] ||= [createTextVNode("Audio Settings", -1)]]),
 							_: 1
 						})]),
 						_: 1
 					}),
 					createElementVNode("div", _hoisted_1$3, [
 						createElementVNode("div", _hoisted_2$3, [createVNode(unref(Label_default), null, {
-							default: withCtx(() => [...a[7] ||= [createTextVNode("Microphone", -1)]]),
+							default: withCtx(() => [...o[7] ||= [createTextVNode("Microphone", -1)]]),
 							_: 1
 						}), createVNode(unref(Select_default), {
-							modelValue: unref(b),
-							"onUpdate:modelValue": [a[0] ||= (e) => isRef(b) ? b.value = e : null, O]
+							modelValue: unref(x),
+							"onUpdate:modelValue": [o[0] ||= (e) => isRef(x) ? x.value = e : null, k]
 						}, {
 							default: withCtx(() => [createVNode(unref(SelectTrigger_default), null, {
 								default: withCtx(() => [createVNode(unref(SelectValue_default), { placeholder: "Select Microphone" })]),
 								_: 1
 							}), createVNode(unref(SelectContent_default), null, {
 								default: withCtx(() => [createVNode(unref(SelectGroup_default), null, {
-									default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(v.value, (e) => (openBlock(), createBlock(unref(SelectItem_default), {
+									default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(y.value, (e) => (openBlock(), createBlock(unref(SelectItem_default), {
 										key: e.deviceId,
 										value: e.deviceId
 									}, {
@@ -17158,18 +18259,18 @@ var _hoisted_1$5 = { class: "flex flex-col items-center px-4 space-y-2" }, _hois
 							_: 1
 						}, 8, ["modelValue"])]),
 						createElementVNode("div", _hoisted_3$3, [createVNode(unref(Label_default), null, {
-							default: withCtx(() => [...a[8] ||= [createTextVNode("Speaker", -1)]]),
+							default: withCtx(() => [...o[8] ||= [createTextVNode("Speaker", -1)]]),
 							_: 1
 						}), createVNode(unref(Select_default), {
-							modelValue: unref(x),
-							"onUpdate:modelValue": [a[1] ||= (e) => isRef(x) ? x.value = e : null, k]
+							modelValue: unref(T),
+							"onUpdate:modelValue": [o[1] ||= (e) => isRef(T) ? T.value = e : null, A]
 						}, {
 							default: withCtx(() => [createVNode(unref(SelectTrigger_default), null, {
 								default: withCtx(() => [createVNode(unref(SelectValue_default), { placeholder: "Select Speaker" })]),
 								_: 1
 							}), createVNode(unref(SelectContent_default), null, {
 								default: withCtx(() => [createVNode(unref(SelectGroup_default), null, {
-									default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(y.value, (e) => (openBlock(), createBlock(unref(SelectItem_default), {
+									default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(b.value, (e) => (openBlock(), createBlock(unref(SelectItem_default), {
 										key: e.deviceId,
 										value: e.deviceId
 									}, {
@@ -17183,30 +18284,60 @@ var _hoisted_1$5 = { class: "flex flex-col items-center px-4 space-y-2" }, _hois
 							_: 1
 						}, 8, ["modelValue"])]),
 						createElementVNode("div", _hoisted_4$3, [createElementVNode("div", _hoisted_5$3, [createVNode(unref(Label_default), null, {
-							default: withCtx(() => [...a[9] ||= [createTextVNode("Media Volume", -1)]]),
+							default: withCtx(() => [...o[9] ||= [createTextVNode("Media Volume", -1)]]),
 							_: 1
-						}), createElementVNode("span", _hoisted_6$3, toDisplayString(unref(T)) + "%", 1)]), createVNode(unref(Slider_default), {
-							modelValue: A.value,
-							"onUpdate:modelValue": a[2] ||= (e) => A.value = e,
+						}), createElementVNode("span", _hoisted_6$3, toDisplayString(unref(E)) + "%", 1)]), createVNode(unref(Slider_default), {
+							modelValue: j.value,
+							"onUpdate:modelValue": o[2] ||= (e) => j.value = e,
 							max: 100,
 							step: 1
 						}, null, 8, ["modelValue"])]),
 						createElementVNode("div", _hoisted_7$2, [createElementVNode("div", _hoisted_8$2, [createVNode(unref(Label_default), null, {
-							default: withCtx(() => [...a[10] ||= [createTextVNode("Notification Volume", -1)]]),
+							default: withCtx(() => [...o[10] ||= [createTextVNode("Notification Volume", -1)]]),
 							_: 1
-						}), createElementVNode("span", _hoisted_9$2, toDisplayString(unref(E)) + "%", 1)]), createVNode(unref(Slider_default), {
-							modelValue: j.value,
-							"onUpdate:modelValue": a[3] ||= (e) => j.value = e,
+						}), createElementVNode("span", _hoisted_9$2, toDisplayString(unref(D)) + "%", 1)]), createVNode(unref(Slider_default), {
+							modelValue: M.value,
+							"onUpdate:modelValue": o[3] ||= (e) => M.value = e,
 							max: 100,
 							step: 1
-						}, null, 8, ["modelValue"])])
+						}, null, 8, ["modelValue"])]),
+						createVNode(unref(Separator_default)),
+						createElementVNode("div", _hoisted_10$2, [createVNode(unref(Label_default), { class: "text-base" }, {
+							default: withCtx(() => [...o[11] ||= [createTextVNode("Atajos de teclado", -1)]]),
+							_: 1
+						}), createElementVNode("div", _hoisted_11$2, [
+							createElementVNode("div", _hoisted_12$2, [o[12] ||= createElementVNode("span", { class: "text-muted-foreground" }, "Historial", -1), createVNode(unref(Kbd_default), null, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "H", 1)]),
+								_: 1
+							})]),
+							createElementVNode("div", _hoisted_13$1, [o[13] ||= createElementVNode("span", { class: "text-muted-foreground" }, "Configuración", -1), createVNode(unref(Kbd_default), null, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + ",", 1)]),
+								_: 1
+							})]),
+							createElementVNode("div", _hoisted_14$1, [o[14] ||= createElementVNode("span", { class: "text-muted-foreground" }, "Teclado", -1), createVNode(unref(Kbd_default), null, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "K", 1)]),
+								_: 1
+							})]),
+							createElementVNode("div", _hoisted_15$1, [o[15] ||= createElementVNode("span", { class: "text-muted-foreground" }, "Línea 1", -1), createVNode(unref(Kbd_default), null, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "1", 1)]),
+								_: 1
+							})]),
+							createElementVNode("div", _hoisted_16$1, [o[16] ||= createElementVNode("span", { class: "text-muted-foreground" }, "Línea 2", -1), createVNode(unref(Kbd_default), null, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "2", 1)]),
+								_: 1
+							})]),
+							createElementVNode("div", _hoisted_17, [o[17] ||= createElementVNode("span", { class: "text-muted-foreground" }, "Línea 3", -1), createVNode(unref(Kbd_default), null, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(a)) + "3", 1)]),
+								_: 1
+							})])
+						])])
 					]),
 					createVNode(unref(DialogFooter_default), null, {
 						default: withCtx(() => [createVNode(unref(Button_default), {
 							variant: "secondary",
-							onClick: a[4] ||= (e) => i("update:visible", !1)
+							onClick: o[4] ||= (e) => i("update:visible", !1)
 						}, {
-							default: withCtx(() => [...a[11] ||= [createTextVNode("Close", -1)]]),
+							default: withCtx(() => [...o[18] ||= [createTextVNode("Close", -1)]]),
 							_: 1
 						})]),
 						_: 1
@@ -17744,8 +18875,16 @@ const useDarkMode = () => {
 		attribute: "class",
 		valueDark: "dark",
 		valueLight: ""
+	}), t = useDark({
+		selector: ".webphone-container",
+		attribute: "class",
+		valueDark: "dark",
+		valueLight: "",
+		initialValue: "auto"
 	});
-	return {
+	return watchEffect(() => {
+		t.value = e.value;
+	}), {
 		isDark: e,
 		toggleDark: useToggle(e)
 	};
@@ -17875,30 +19014,30 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 	setup(e, { emit: t }) {
 		let i = e, a = t, o = computed(() => {
 			if (i.host) return `wss://${i.host}:8089/asterisk/ws`;
-		}), p = createWebPhoneState({
+		}), g = createWebPhoneState({
 			server: o.value,
 			extension: i.extension
-		}), g = reactive(p), _ = createSipService(p), { initUserAgent: v, switchChannel: y, remoteStream: b, localStream: x } = _;
-		provide("webphone", g), provide("sip", _), watchEffect(() => {
+		}), _ = reactive(g), v = createSipService(g), { initUserAgent: y, switchChannel: b, remoteStream: x, localStream: S } = v;
+		provide("webphone", _), provide("sip", v), watchEffect(() => {
 			i.mode === "webcall" && (i.to || console.error("WebPhone: \"to\" prop is required when mode is \"webcall\""), i.logo || console.error("WebPhone: \"logo\" prop is required when mode is \"webcall\""));
 		});
-		let { isDark: S, toggleDark: w } = useDarkMode(), T = ref(!1), E = ref(!1), D = ref(!1), O = ref(null), A = ref(null), M = ref(null), P = ref(null), F = ref(null), B = computed(() => i.mode === "webcall"), V = computed(() => b.value && b.value.getVideoTracks().length > 0), { isOnline: H } = useNetwork(), W = computed(() => H.value ? g.isConnected ? "connected" : "disconnected" : "offline"), G = ref(null), K = ref(!1), q = computed(() => {
-			let e = g.callStatus !== "idle";
-			return (G.value?.canUsePip ?? !1) && e;
-		}), J = () => {
-			G.value?.toggle();
+		let { isDark: w, toggleDark: T } = useDarkMode(), E = ref(!1), D = ref(!1), O = ref(!1), A = ref(null), M = ref(null), P = ref(null), z = ref(null), V = ref(null), H = navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? "⌘" : "Ctrl+", U = computed(() => i.mode === "webcall"), G = computed(() => x.value && x.value.getVideoTracks().length > 0), { isOnline: K } = useNetwork(), q = computed(() => K.value ? _.isConnected ? "connected" : "disconnected" : "offline"), J = ref(null), Y = ref(!1), Z = computed(() => {
+			let e = _.callStatus !== "idle";
+			return (J.value?.canUsePip ?? !1) && e;
+		}), sh = () => {
+			J.value?.toggle();
 		};
 		watchEffect(() => {
-			P.value && b.value && (K.value ? P.value.srcObject = null : P.value.srcObject = b.value), F.value && x.value && (K.value ? F.value.srcObject = null : F.value.srcObject = x.value);
+			z.value && x.value && (Y.value ? z.value.srcObject = null : z.value.srcObject = x.value), V.value && S.value && (Y.value ? V.value.srcObject = null : V.value.srcObject = S.value);
 		});
-		let Z = computed(() => B.value ? M.value : A.value), { style: mm } = useDraggable(O, {
+		let ch = computed(() => U.value ? P.value : M.value), { style: lh } = useDraggable(A, {
 			initialValue: {
 				x: window.innerWidth / 2 - 160,
 				y: 100
 			},
-			handle: Z,
+			handle: ch,
 			preventDefault: !0
-		}), $ = [
+		}), uh = [
 			{
 				label: "Line 1",
 				value: 0
@@ -17911,39 +19050,53 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 				label: "Line 3",
 				value: 2
 			}
-		], gm = ref(!1), _m = computed({
-			get: () => g.activeChannelId.toString(),
+		], $ = ref(!1), dh = computed({
+			get: () => _.activeChannelId.toString(),
 			set: async (e) => {
-				if (e && !gm.value) {
-					gm.value = !0;
+				if (e && !$.value) {
+					$.value = !0;
 					try {
-						await y(parseInt(e));
+						await b(parseInt(e));
 					} finally {
-						gm.value = !1;
+						$.value = !1;
 					}
 				}
 			}
-		}), vm = computed(() => {
+		}), fh = computed(() => {
 			let e = {};
-			return g.channels.forEach((t) => {
+			return _.channels.forEach((t) => {
 				t.status === "incoming" ? e[t.id] = "bg-status-incoming animate-pulse" : t.isHeld || t.status === "held" ? e[t.id] = "bg-status-hold" : t.status === "connected" ? e[t.id] = "bg-status-incall" : t.status === "calling" ? e[t.id] = "bg-status-incall animate-pulse" : e[t.id] = "bg-transparent";
 			}), e;
-		});
+		}), ph = (e) => {
+			if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "h" && (e.preventDefault(), D.value = !0), (e.metaKey || e.ctrlKey) && e.key === "," && (e.preventDefault(), E.value = !0), (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), _.toggleKeypad()), (e.metaKey || e.ctrlKey) && [
+				"1",
+				"2",
+				"3"
+			].includes(e.key)) {
+				e.preventDefault();
+				let t = parseInt(e.key) - 1;
+				$.value || ($.value = !0, b(t).finally(() => {
+					$.value = !1;
+				}));
+			}
+		};
 		return onMounted(async () => {
-			i.mode === "webcall" && (!i.to || !i.logo) || !i.host || !i.extension || !i.password || (await v({
+			window.addEventListener("keydown", ph), !(i.mode === "webcall" && (!i.to || !i.logo)) && (!i.host || !i.extension || !i.password || (await y({
 				uri: `sip:${i.extension}@${i.host}`,
 				transportOptions: { server: o.value },
 				authorizationUsername: i.extension,
 				authorizationPassword: i.password
-			}), i.mode === "webcall" && i.to && _.makeCall(i.to));
+			}), i.mode === "webcall" && i.to && v.makeCall(i.to)));
+		}), onUnmounted(() => {
+			window.removeEventListener("keydown", ph);
 		}), (t, o) => (openBlock(), createElementBlock(Fragment, null, [
 			createElementVNode("div", {
 				ref_key: "phoneRef",
-				ref: O,
-				style: normalizeStyle(unref(mm)),
-				class: "bg-white dark:bg-neutral-900 rounded-2xl shadow-xl w-full max-w-75 border border-neutral-200 dark:border-neutral-800 fixed z-50"
+				ref: A,
+				style: normalizeStyle(unref(lh)),
+				class: "webphone-container bg-white dark:bg-neutral-900 rounded-2xl shadow-xl w-full max-w-75 fixed z-50 select-none [&_button]:cursor-pointer [&_[role=button]]:cursor-pointer"
 			}, [
-				B.value ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [
+				U.value ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [
 					createVNode(unref(Button_default), {
 						variant: "ghost",
 						size: "icon",
@@ -17955,21 +19108,21 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 					}),
 					createElementVNode("div", {
 						ref_key: "webcallHandleRef",
-						ref: M,
+						ref: P,
 						class: normalizeClass(unref(cn)(unref(buttonVariants)({
 							variant: "outline",
 							size: "sm"
 						}), "cursor-move gap-2 h-7 px-2 text-xs"))
 					}, [
 						createVNode(unref(Grip), { class: "w-3.5 h-3.5 text-muted-foreground" }),
-						o[21] ||= createElementVNode("span", { class: "font-medium" }, " WebCall", -1),
+						o[23] ||= createElementVNode("span", { class: "font-medium" }, " WebCall", -1),
 						createElementVNode("div", {
 							class: "relative flex items-center",
-							title: W.value === "connected" ? "Conectado" : W.value === "disconnected" ? "Desconectado del servidor" : "Sin conexión a Internet"
-						}, [W.value === "offline" ? (openBlock(), createBlock(unref(WifiOff), {
+							title: q.value === "connected" ? "Conectado" : q.value === "disconnected" ? "Desconectado del servidor" : "Sin conexión a Internet"
+						}, [q.value === "offline" ? (openBlock(), createBlock(unref(WifiOff), {
 							key: 0,
 							class: "w-3 h-3 text-red-500"
-						})) : W.value === "disconnected" ? (openBlock(), createBlock(unref(Wifi), {
+						})) : q.value === "disconnected" ? (openBlock(), createBlock(unref(Wifi), {
 							key: 1,
 							class: "w-3 h-3 text-amber-500 animate-pulse"
 						})) : (openBlock(), createBlock(unref(Wifi), {
@@ -17978,13 +19131,13 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 						}))], 8, _hoisted_7)
 					], 2),
 					createElementVNode("div", _hoisted_8, [
-						q.value ? (openBlock(), createBlock(unref(Button_default), {
+						Z.value ? (openBlock(), createBlock(unref(Button_default), {
 							key: 0,
 							variant: "ghost",
 							size: "icon",
-							class: normalizeClass(["h-7 w-7 rounded-full", K.value ? "text-primary" : ""]),
+							class: normalizeClass(["h-7 w-7 rounded-full", Y.value ? "text-primary" : ""]),
 							title: "Picture-in-Picture",
-							onClick: J
+							onClick: sh
 						}, {
 							default: withCtx(() => [createVNode(unref(PictureInPicture2), { class: "w-3.5 h-3.5" })]),
 							_: 1
@@ -17993,9 +19146,9 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 							variant: "ghost",
 							size: "icon",
 							class: "h-7 w-7 rounded-full",
-							onClick: o[4] ||= (e) => unref(w)()
+							onClick: o[4] ||= (e) => unref(T)()
 						}, {
-							default: withCtx(() => [unref(S) ? (openBlock(), createBlock(unref(Sun), {
+							default: withCtx(() => [unref(w) ? (openBlock(), createBlock(unref(Sun), {
 								key: 0,
 								class: "w-3.5 h-3.5"
 							})) : (openBlock(), createBlock(unref(Moon), {
@@ -18004,22 +19157,52 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 							}))]),
 							_: 1
 						}),
-						createVNode(unref(Button_default), {
-							variant: "ghost",
-							size: "icon",
-							class: "h-7 w-7 rounded-full",
-							onClick: o[5] ||= (e) => E.value = !0
-						}, {
-							default: withCtx(() => [createVNode(unref(History), { class: "w-3.5 h-3.5" })]),
+						createVNode(unref(TooltipProvider_default), null, {
+							default: withCtx(() => [createVNode(unref(Tooltip_default), null, {
+								default: withCtx(() => [createVNode(unref(TooltipTrigger_default), { "as-child": "" }, {
+									default: withCtx(() => [createVNode(unref(Button_default), {
+										variant: "ghost",
+										size: "icon",
+										class: "h-7 w-7 rounded-full",
+										onClick: o[5] ||= (e) => D.value = !0
+									}, {
+										default: withCtx(() => [createVNode(unref(History), { class: "w-3.5 h-3.5" })]),
+										_: 1
+									})]),
+									_: 1
+								}), createVNode(unref(TooltipContent_default), { class: "flex items-center gap-2" }, {
+									default: withCtx(() => [o[24] ||= createElementVNode("span", null, "Historial", -1), createVNode(unref(Kbd_default), null, {
+										default: withCtx(() => [createTextVNode(toDisplayString(unref(H)) + "H", 1)]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							})]),
 							_: 1
 						}),
-						createVNode(unref(Button_default), {
-							variant: "ghost",
-							size: "icon",
-							class: "h-7 w-7 rounded-full",
-							onClick: o[6] ||= (e) => T.value = !0
-						}, {
-							default: withCtx(() => [createVNode(unref(Settings), { class: "w-3.5 h-3.5" })]),
+						createVNode(unref(TooltipProvider_default), null, {
+							default: withCtx(() => [createVNode(unref(Tooltip_default), null, {
+								default: withCtx(() => [createVNode(unref(TooltipTrigger_default), { "as-child": "" }, {
+									default: withCtx(() => [createVNode(unref(Button_default), {
+										variant: "ghost",
+										size: "icon",
+										class: "h-7 w-7 rounded-full",
+										onClick: o[6] ||= (e) => E.value = !0
+									}, {
+										default: withCtx(() => [createVNode(unref(Settings), { class: "w-3.5 h-3.5" })]),
+										_: 1
+									})]),
+									_: 1
+								}), createVNode(unref(TooltipContent_default), { class: "flex items-center gap-2" }, {
+									default: withCtx(() => [o[25] ||= createElementVNode("span", null, "Configuración", -1), createVNode(unref(Kbd_default), null, {
+										default: withCtx(() => [createTextVNode(toDisplayString(unref(H)) + ",", 1)]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							})]),
 							_: 1
 						})
 					])
@@ -18029,7 +19212,7 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 					class: "w-16 h-16 object-contain mt-1 rounded-2xl"
 				}, null, 8, _hoisted_9)) : createCommentVNode("", !0)])) : (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", {
 					ref_key: "standardHandleRef",
-					ref: A,
+					ref: M,
 					class: normalizeClass(unref(cn)(unref(buttonVariants)({
 						variant: "outline",
 						size: "sm"
@@ -18039,11 +19222,11 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 					o[20] ||= createElementVNode("span", { class: "font-medium" }, "WebPhone", -1),
 					createElementVNode("div", {
 						class: "relative flex items-center",
-						title: W.value === "connected" ? "Conectado" : W.value === "disconnected" ? "Desconectado del servidor" : "Sin conexión a Internet"
-					}, [W.value === "offline" ? (openBlock(), createBlock(unref(WifiOff), {
+						title: q.value === "connected" ? "Conectado" : q.value === "disconnected" ? "Desconectado del servidor" : "Sin conexión a Internet"
+					}, [q.value === "offline" ? (openBlock(), createBlock(unref(WifiOff), {
 						key: 0,
 						class: "w-3 h-3 text-red-500"
-					})) : W.value === "disconnected" ? (openBlock(), createBlock(unref(Wifi), {
+					})) : q.value === "disconnected" ? (openBlock(), createBlock(unref(Wifi), {
 						key: 1,
 						class: "w-3 h-3 text-amber-500 animate-pulse"
 					})) : (openBlock(), createBlock(unref(Wifi), {
@@ -18051,13 +19234,13 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 						class: "w-3 h-3 text-green-500"
 					}))], 8, _hoisted_3)
 				], 2), createElementVNode("div", _hoisted_4, [
-					q.value ? (openBlock(), createBlock(unref(Button_default), {
+					Z.value ? (openBlock(), createBlock(unref(Button_default), {
 						key: 0,
 						variant: "ghost",
 						size: "icon",
-						class: normalizeClass(["h-7 w-7 rounded-full", K.value ? "text-primary" : ""]),
+						class: normalizeClass(["h-7 w-7 rounded-full", Y.value ? "text-primary" : ""]),
 						title: "Picture-in-Picture",
-						onClick: J
+						onClick: sh
 					}, {
 						default: withCtx(() => [createVNode(unref(PictureInPicture2), { class: "w-3.5 h-3.5" })]),
 						_: 1
@@ -18066,9 +19249,9 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 						variant: "ghost",
 						size: "icon",
 						class: "h-7 w-7 rounded-full",
-						onClick: o[0] ||= (e) => unref(w)()
+						onClick: o[0] ||= (e) => unref(T)()
 					}, {
-						default: withCtx(() => [unref(S) ? (openBlock(), createBlock(unref(Sun), {
+						default: withCtx(() => [unref(w) ? (openBlock(), createBlock(unref(Sun), {
 							key: 0,
 							class: "w-3.5 h-3.5"
 						})) : (openBlock(), createBlock(unref(Moon), {
@@ -18077,65 +19260,96 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 						}))]),
 						_: 1
 					}),
-					createVNode(unref(Button_default), {
-						variant: "ghost",
-						size: "icon",
-						class: "h-7 w-7 rounded-full",
-						onClick: o[1] ||= (e) => E.value = !0
-					}, {
-						default: withCtx(() => [createVNode(unref(History), { class: "w-3.5 h-3.5" })]),
+					createVNode(unref(TooltipProvider_default), null, {
+						default: withCtx(() => [createVNode(unref(Tooltip_default), null, {
+							default: withCtx(() => [createVNode(unref(TooltipTrigger_default), { "as-child": "" }, {
+								default: withCtx(() => [createVNode(unref(Button_default), {
+									variant: "ghost",
+									size: "icon",
+									class: "h-7 w-7 rounded-full",
+									onClick: o[1] ||= (e) => D.value = !0
+								}, {
+									default: withCtx(() => [createVNode(unref(History), { class: "w-3.5 h-3.5" })]),
+									_: 1
+								})]),
+								_: 1
+							}), createVNode(unref(TooltipContent_default), { class: "flex items-center gap-2" }, {
+								default: withCtx(() => [o[21] ||= createElementVNode("span", null, "Historial", -1), createVNode(unref(Kbd_default), null, {
+									default: withCtx(() => [createTextVNode(toDisplayString(unref(H)) + "H", 1)]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							_: 1
+						})]),
 						_: 1
 					}),
-					createVNode(unref(Button_default), {
-						variant: "ghost",
-						size: "icon",
-						class: "h-7 w-7 rounded-full",
-						onClick: o[2] ||= (e) => T.value = !0
-					}, {
-						default: withCtx(() => [createVNode(unref(Settings), { class: "w-3.5 h-3.5" })]),
+					createVNode(unref(TooltipProvider_default), null, {
+						default: withCtx(() => [createVNode(unref(Tooltip_default), null, {
+							default: withCtx(() => [createVNode(unref(TooltipTrigger_default), { "as-child": "" }, {
+								default: withCtx(() => [createVNode(unref(Button_default), {
+									variant: "ghost",
+									size: "icon",
+									class: "h-7 w-7 rounded-full",
+									onClick: o[2] ||= (e) => E.value = !0
+								}, {
+									default: withCtx(() => [createVNode(unref(Settings), { class: "w-3.5 h-3.5" })]),
+									_: 1
+								})]),
+								_: 1
+							}), createVNode(unref(TooltipContent_default), { class: "flex items-center gap-2" }, {
+								default: withCtx(() => [o[22] ||= createElementVNode("span", null, "Configuración", -1), createVNode(unref(Kbd_default), null, {
+									default: withCtx(() => [createTextVNode(toDisplayString(unref(H)) + ",", 1)]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							_: 1
+						})]),
 						_: 1
 					})
 				])])])),
-				V.value && !K.value ? (openBlock(), createElementBlock("div", _hoisted_10, [createElementVNode("video", {
+				G.value && !Y.value ? (openBlock(), createElementBlock("div", _hoisted_10, [createElementVNode("video", {
 					ref_key: "remoteVideoRef",
-					ref: P,
+					ref: z,
 					autoplay: "",
 					playsinline: "",
 					class: "w-full h-full object-cover"
 				}, null, 512), createElementVNode("div", _hoisted_11, [createElementVNode("video", {
 					ref_key: "localVideoRef",
-					ref: F,
+					ref: V,
 					autoplay: "",
 					playsinline: "",
 					muted: "",
 					class: "w-full h-full object-cover"
 				}, null, 512)])])) : createCommentVNode("", !0),
 				createElementVNode("div", _hoisted_12, [
-					B.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_13, [createVNode(unref(ToggleGroup_default), {
-						modelValue: _m.value,
-						"onUpdate:modelValue": o[7] ||= (e) => _m.value = e,
+					U.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_13, [createVNode(unref(ToggleGroup_default), {
+						modelValue: dh.value,
+						"onUpdate:modelValue": o[7] ||= (e) => dh.value = e,
 						type: "single",
 						variant: "outline",
 						size: "sm"
 					}, {
-						default: withCtx(() => [(openBlock(), createElementBlock(Fragment, null, renderList($, (e) => createVNode(unref(ToggleGroupItem_default), {
+						default: withCtx(() => [(openBlock(), createElementBlock(Fragment, null, renderList(uh, (e) => createVNode(unref(ToggleGroupItem_default), {
 							key: e.value,
 							value: e.value.toString(),
-							class: "h-8 px-3 text-xs"
+							class: "h-8 px-3 text-xs",
+							title: `${e.label} (⌘${e.value + 1})`
 						}, {
-							default: withCtx(() => [createElementVNode("div", _hoisted_14, [createElementVNode("span", null, toDisplayString(e.label), 1), vm.value[e.value] === "bg-transparent" ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", {
+							default: withCtx(() => [createElementVNode("div", _hoisted_14, [createElementVNode("span", null, toDisplayString(e.label), 1), fh.value[e.value] === "bg-transparent" ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", {
 								key: 0,
-								class: normalizeClass([vm.value[e.value], "w-1.5 h-1.5 rounded-full"])
+								class: normalizeClass([fh.value[e.value], "w-1.5 h-1.5 rounded-full"])
 							}, null, 2))])]),
 							_: 2
-						}, 1032, ["value"])), 64))]),
+						}, 1032, ["value", "title"])), 64))]),
 						_: 1
 					}, 8, ["modelValue"])])),
-					createElementVNode("div", _hoisted_15, [(openBlock(!0), createElementBlock(Fragment, null, renderList(g.channels, (t) => withDirectives((openBlock(), createBlock(CallDisplay_default, {
+					createElementVNode("div", _hoisted_15, [(openBlock(!0), createElementBlock(Fragment, null, renderList(_.channels, (t) => withDirectives((openBlock(), createBlock(CallDisplay_default, {
 						key: t.id,
 						"channel-id": t.id,
-						"allow-input": !B.value,
-						"is-web-call": B.value,
+						"allow-input": !U.value,
+						"is-web-call": U.value,
 						contacts: e.contacts,
 						user: i.extension
 					}, null, 8, [
@@ -18144,58 +19358,58 @@ var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
 						"is-web-call",
 						"contacts",
 						"user"
-					])), [[vShow, t.id === g.activeChannelId]])), 128))]),
-					createElementVNode("div", { class: normalizeClass(["transition-all duration-300 ease-in-out overflow-hidden", g.isKeypadVisible ? "max-h-[300px] opacity-100" : "max-h-0 opacity-0"]) }, [createVNode(KeyPad_default)], 2),
+					])), [[vShow, t.id === _.activeChannelId]])), 128))]),
+					createElementVNode("div", { class: normalizeClass(["transition-all duration-300 ease-in-out overflow-hidden", _.isKeypadVisible ? "max-h-[300px] opacity-100" : "max-h-0 opacity-0"]) }, [createVNode(KeyPad_default)], 2),
 					createVNode(CallActions_default, {
-						destination: B.value ? i.to : void 0,
+						destination: U.value ? i.to : void 0,
 						"is-video": i.mode === "video",
-						onTransfer: o[8] ||= (e) => D.value = !0
+						onTransfer: o[8] ||= (e) => O.value = !0
 					}, null, 8, ["destination", "is-video"])
 				]),
-				B.value ? (openBlock(), createElementBlock("div", _hoisted_16, [...o[22] ||= [createElementVNode("div", { class: "text-[10px] text-primary" }, "Powered By", -1), createElementVNode("div", { class: "flex items-center gap-2" }, [createElementVNode("a", {
+				U.value ? (openBlock(), createElementBlock("div", _hoisted_16, [...o[26] ||= [createElementVNode("div", { class: "text-[10px] text-primary" }, "Powered By", -1), createElementVNode("div", { class: "flex items-center gap-2" }, [createElementVNode("a", {
 					href: "https://www.nebula123.com",
 					target: "_blank",
 					class: "text-[10px] text-primary hover:underline"
 				}, " www.nebula123.com ")], -1)]])) : createCommentVNode("", !0)
 			], 4),
 			createVNode(AudioSettingsDialog_default, {
-				visible: T.value,
-				"onUpdate:visible": o[9] ||= (e) => T.value = e
+				visible: E.value,
+				"onUpdate:visible": o[9] ||= (e) => E.value = e
 			}, null, 8, ["visible"]),
 			createVNode(CallHistoryDialog_default, {
-				visible: E.value,
-				"onUpdate:visible": o[10] ||= (e) => E.value = e,
+				visible: D.value,
+				"onUpdate:visible": o[10] ||= (e) => D.value = e,
 				contacts: e.contacts,
 				onCall: o[11] ||= (e) => {
-					g.keypadValue = e, unref(_).makeCall(e);
+					_.keypadValue = e, unref(v).makeCall(e);
 				}
 			}, null, 8, ["visible", "contacts"]),
 			createVNode(TransferDialog_default, {
-				visible: D.value,
-				"onUpdate:visible": o[12] ||= (e) => D.value = e,
+				visible: O.value,
+				"onUpdate:visible": o[12] ||= (e) => O.value = e,
 				contacts: e.contacts,
-				onTransfer: o[13] ||= (e) => unref(_).transferCall(e)
+				onTransfer: o[13] ||= (e) => unref(v).transferCall(e)
 			}, null, 8, ["visible", "contacts"]),
 			createVNode(DocumentPip_default, {
 				ref_key: "documentPipRef",
-				ref: G,
-				active: K.value,
-				"onUpdate:active": o[14] ||= (e) => K.value = e,
-				"is-connected": g.isConnected,
-				"remote-number": g.remoteNumber,
-				"has-video": V.value ?? !1,
-				"remote-stream": unref(b),
-				"local-stream": unref(x),
-				destination: B.value ? i.to : void 0,
+				ref: J,
+				active: Y.value,
+				"onUpdate:active": o[14] ||= (e) => Y.value = e,
+				"is-connected": _.isConnected,
+				"remote-number": _.remoteNumber,
+				"has-video": G.value ?? !1,
+				"remote-stream": unref(x),
+				"local-stream": unref(S),
+				destination: U.value ? i.to : void 0,
 				"is-video": i.mode === "video",
-				"call-status": g.callStatus,
-				"is-muted": g.isMuted,
-				"is-held": g.isHeld,
-				onTransfer: o[15] ||= (e) => D.value = !0,
-				onHangup: o[16] ||= (e) => unref(_).hangupCall(),
-				onAnswer: o[17] ||= (e) => unref(_).answerCall(e),
-				onToggleMute: o[18] ||= (e) => unref(_).toggleMute(),
-				onToggleHold: o[19] ||= (e) => unref(_).toggleHold()
+				"call-status": _.callStatus,
+				"is-muted": _.isMuted,
+				"is-held": _.isHeld,
+				onTransfer: o[15] ||= (e) => O.value = !0,
+				onHangup: o[16] ||= (e) => unref(v).hangupCall(),
+				onAnswer: o[17] ||= (e) => unref(v).answerCall(e),
+				onToggleMute: o[18] ||= (e) => unref(v).toggleMute(),
+				onToggleHold: o[19] ||= (e) => unref(v).toggleHold()
 			}, null, 8, [
 				"active",
 				"is-connected",