@snapcall/stream-ui 1.18.1 → 1.19.0

package/dist/stream-ui.esm.js

@@ -4,17 +4,17 @@ import $3Sbms$hotjarbrowser from "@hotjar/browser";
 import $3Sbms$reacthottoast, {toast as $3Sbms$toast, Toaster as $3Sbms$Toaster1, ToastBar as $3Sbms$ToastBar} from "react-hot-toast";
 import $3Sbms$styledcomponents, {keyframes as $3Sbms$keyframes, ThemeProvider as $3Sbms$ThemeProvider, ThemeContext as $3Sbms$ThemeContext, css as $3Sbms$css, createGlobalStyle as $3Sbms$createGlobalStyle} from "styled-components";
 import {useState as $3Sbms$useState, useRef as $3Sbms$useRef, useCallback as $3Sbms$useCallback, useEffect as $3Sbms$useEffect, useContext as $3Sbms$useContext, useMemo as $3Sbms$useMemo, createContext as $3Sbms$createContext, useReducer as $3Sbms$useReducer, useLayoutEffect as $3Sbms$useLayoutEffect, cloneElement as $3Sbms$cloneElement, forwardRef as $3Sbms$forwardRef} from "react";
-import {Toaster as $3Sbms$Toaster, UserPlus1Icon as $3Sbms$UserPlus1Icon, useToast as $3Sbms$useToast, Copy5Icon as $3Sbms$Copy5Icon, CheckIcon as $3Sbms$CheckIcon, AlertTriangleIcon as $3Sbms$AlertTriangleIcon, Dialog as $3Sbms$Dialog, DialogContent as $3Sbms$DialogContent, DialogHeader as $3Sbms$DialogHeader, DialogTitle as $3Sbms$DialogTitle, Tabs as $3Sbms$Tabs, TabsList as $3Sbms$TabsList, TabsTrigger as $3Sbms$TabsTrigger, TabsContent as $3Sbms$TabsContent, Button as $3Sbms$Button, CopyIcon as $3Sbms$CopyIcon, Form as $3Sbms$Form, FormField as $3Sbms$FormField, FormItem as $3Sbms$FormItem, FormLabel as $3Sbms$FormLabel, FormControl as $3Sbms$FormControl, CreatableSelect as $3Sbms$CreatableSelect, FormMessage as $3Sbms$FormMessage, Textarea as $3Sbms$Textarea, Send3Icon as $3Sbms$Send3Icon, Select as $3Sbms$Select, SelectTrigger as $3Sbms$SelectTrigger, PhoneCall1Icon as $3Sbms$PhoneCall1Icon, VideoRecorderIcon as $3Sbms$VideoRecorderIcon, SelectValue as $3Sbms$SelectValue, SelectContent as $3Sbms$SelectContent, SelectGroup as $3Sbms$SelectGroup, SelectItem as $3Sbms$SelectItem, MicrophoneOffIcon as $3Sbms$MicrophoneOffIcon, CheckCircleIcon as $3Sbms$CheckCircleIcon, RotateCcwIcon as $3Sbms$RotateCcwIcon, AlertDialog as $3Sbms$AlertDialog, AlertDialogContent as $3Sbms$AlertDialogContent, AlertDialogHeader as $3Sbms$AlertDialogHeader, AlertDialogTitle as $3Sbms$AlertDialogTitle, AlertDialogFooter as $3Sbms$AlertDialogFooter, SpinnerIcon as $3Sbms$SpinnerIcon, QrCodeIcon as $3Sbms$QrCodeIcon, AlertDialogDescription as $3Sbms$AlertDialogDescription, Avatar as $3Sbms$Avatar, PlusCircleIcon as $3Sbms$PlusCircleIcon, DialogFooter as $3Sbms$DialogFooter, SendIcon as $3Sbms$SendIcon, TrashIcon as $3Sbms$TrashIcon, Hourglass3Icon as $3Sbms$Hourglass3Icon, InfoCircleIcon as $3Sbms$InfoCircleIcon, AlertDialogCancel as $3Sbms$AlertDialogCancel, AlertDialogAction as $3Sbms$AlertDialogAction, DialogDescription as $3Sbms$DialogDescription, ShareArrowIcon as $3Sbms$ShareArrowIcon} from "@snapcall/design-system";
+import {Toaster as $3Sbms$Toaster, UserPlus1Icon as $3Sbms$UserPlus1Icon, useToast as $3Sbms$useToast, Copy5Icon as $3Sbms$Copy5Icon, CheckIcon as $3Sbms$CheckIcon, AlertTriangleIcon as $3Sbms$AlertTriangleIcon, Dialog as $3Sbms$Dialog, DialogContent as $3Sbms$DialogContent, DialogHeader as $3Sbms$DialogHeader, DialogTitle as $3Sbms$DialogTitle, Tabs as $3Sbms$Tabs, TabsList as $3Sbms$TabsList, TabsTrigger as $3Sbms$TabsTrigger, TabsContent as $3Sbms$TabsContent, Button as $3Sbms$Button, CopyIcon as $3Sbms$CopyIcon, Form as $3Sbms$Form, FormField as $3Sbms$FormField, FormItem as $3Sbms$FormItem, FormLabel as $3Sbms$FormLabel, FormControl as $3Sbms$FormControl, CreatableSelect as $3Sbms$CreatableSelect, FormMessage as $3Sbms$FormMessage, Textarea as $3Sbms$Textarea, Send3Icon as $3Sbms$Send3Icon, Select as $3Sbms$Select, SelectTrigger as $3Sbms$SelectTrigger, PhoneCall1Icon as $3Sbms$PhoneCall1Icon, VideoRecorderIcon as $3Sbms$VideoRecorderIcon, SelectValue as $3Sbms$SelectValue, SelectContent as $3Sbms$SelectContent, SelectGroup as $3Sbms$SelectGroup, SelectItem as $3Sbms$SelectItem, MicrophoneOffIcon as $3Sbms$MicrophoneOffIcon, CheckCircleIcon as $3Sbms$CheckCircleIcon, DotsHorizontalIcon as $3Sbms$DotsHorizontalIcon, RotateCcwIcon as $3Sbms$RotateCcwIcon, Recording2Icon as $3Sbms$Recording2Icon, AlertDialog as $3Sbms$AlertDialog, AlertDialogContent as $3Sbms$AlertDialogContent, AlertDialogHeader as $3Sbms$AlertDialogHeader, AlertDialogTitle as $3Sbms$AlertDialogTitle, AlertDialogFooter as $3Sbms$AlertDialogFooter, SpinnerIcon as $3Sbms$SpinnerIcon, QrCodeIcon as $3Sbms$QrCodeIcon, AlertDialogDescription as $3Sbms$AlertDialogDescription, Avatar as $3Sbms$Avatar, PlusCircleIcon as $3Sbms$PlusCircleIcon, DialogFooter as $3Sbms$DialogFooter, SendIcon as $3Sbms$SendIcon, TrashIcon as $3Sbms$TrashIcon, Hourglass3Icon as $3Sbms$Hourglass3Icon, InfoCircleIcon as $3Sbms$InfoCircleIcon, AlertDialogCancel as $3Sbms$AlertDialogCancel, AlertDialogAction as $3Sbms$AlertDialogAction, DialogDescription as $3Sbms$DialogDescription, ShareArrowIcon as $3Sbms$ShareArrowIcon, SlashCircle1Icon as $3Sbms$SlashCircle1Icon, CalendarIcon as $3Sbms$CalendarIcon, Input as $3Sbms$Input, Microphone1Icon as $3Sbms$Microphone1Icon, VolumeMaxIcon as $3Sbms$VolumeMaxIcon, VideoRecorderOffIcon as $3Sbms$VideoRecorderOffIcon, MicrophoneOff1Icon as $3Sbms$MicrophoneOff1Icon, AlertCircleIcon as $3Sbms$AlertCircleIcon, Lock1Icon as $3Sbms$Lock1Icon, Lock3Icon as $3Sbms$Lock3Icon, VoicemailIcon as $3Sbms$VoicemailIcon} from "@snapcall/design-system";
 import "inobounce";
-import {QueryClient as $3Sbms$QueryClient, QueryClientProvider as $3Sbms$QueryClientProvider, useMutation as $3Sbms$useMutation} from "react-query";
+import {QueryClient as $3Sbms$QueryClient, QueryClientProvider as $3Sbms$QueryClientProvider, useMutation as $3Sbms$useMutation, useQuery as $3Sbms$useQuery} from "react-query";
 import {useTranslation as $3Sbms$useTranslation, initReactI18next as $3Sbms$initReactI18next, Trans as $3Sbms$Trans} from "react-i18next";
 import $3Sbms$i18next from "i18next";
 import $3Sbms$bowser, {parse as $3Sbms$parse, getParser as $3Sbms$getParser} from "bowser";
 import {useOverlayTriggerState as $3Sbms$useOverlayTriggerState} from "react-stately";
 import {v4 as $3Sbms$v4} from "uuid";
 import {WebSocketTransport as $3Sbms$WebSocketTransport, Peer as $3Sbms$Peer} from "protoo-client";
-import {Producer as $3Sbms$Producer} from "mediasoup-client/lib/Producer";
 import {addBreadcrumb as $3Sbms$addBreadcrumb, setTag as $3Sbms$setTag} from "@sentry/browser";
+import {Producer as $3Sbms$Producer} from "mediasoup-client/lib/Producer";
 import {Device as $3Sbms$Device} from "mediasoup-client";
 import {SelfieSegmentation as $3Sbms$SelfieSegmentation} from "@mediapipe/selfie_segmentation";
 import {Buffer as $3Sbms$Buffer} from "buffer";
@@ -383,6 +383,12 @@ const $18fb8799f38eb407$export$84584c2a98eb6753 = {
             recordingStartText: "This call will be recorded shortly. If you\u2019d rather not be recorded, you\u2019re welcome to leave the call at this time.",
             dismiss: "Dismiss"
         },
+        requestAccess: {
+            wantToJoin: "<bold>{{name}}</bold> wants to join!",
+            deny: "Deny",
+            admit: "Admit",
+            defaultName: "An user"
+        },
         endView: {
             goBack: "Go back to call",
             tooLate: "You arrived too late",
@@ -530,16 +536,42 @@ const $18fb8799f38eb407$export$84584c2a98eb6753 = {
             you: "You",
             cancel: "Cancel",
             confirm: "Confirm",
-            remove: "Remove"
+            remove: "Remove",
+            proceed: "Proceed",
+            audio: "Audio"
         },
         greeting: {
             mainTitle: "Welcome to SnapCall",
-            sideTitle: "Are you ready to join?",
-            sideDescription: "Before joining the room, enter your name. It will displayed to participants.",
-            namePlaceholder: "Your name",
+            sideTitle: "Hold tight, you're next!",
+            sideDescription: "Please enter your name and adjust your camera and microphone",
+            namePlaceholder: "Eg. Lucy or Peter",
             nameSubmit: "Join Conversation",
             footerTitle: "Powered by SnapCall",
-            footerDescription: "Meet SnapCall, the easiest way to add real-time video to platform, product or service."
+            footerDescription: "Meet SnapCall, the easiest way to add real-time video to platform, product or service.",
+            cameraIs: "Camera is",
+            microphoneIs: "Microphone is",
+            on: "On",
+            off: "Off",
+            scheduleACall: "Schedule a call",
+            requestACall: "Request a call",
+            name: "Name",
+            nameDescription: "This name will be displayed to all participants in the call.",
+            setting: "Settings",
+            askToJoin: "Ask to join",
+            youWillJoinWhenSomeoneLetsYou: "You will join the call when someone from {{ companyName }} lets you in.",
+            cantJoinCall: "You can\u2019t join this call",
+            someoneDenied: "Someone in the call denied your request to join.",
+            askingLetIn: "Asking to be let in...",
+            takeFewMinute: "This may take a few minutes depending on the availability of the participants.",
+            cantWait: "Can't wait?",
+            whatYouCanDo: "Here\u2019s what you can do",
+            leaveMessage: "Leave a message",
+            cantWaitLeaveMessage: "Can\u2019t wait? You can leave a message and you will be contacted as soon as possible.",
+            recordVideo: "Record video",
+            recordVoice: "Record voice",
+            canceledCallRequest: "The call request will be canceled and you will be redirected to the call scheduling page.",
+            mediaDenied: "Microphone and camera access denied",
+            clickOnLock: "Click on the <1></1> lock icon in your browser's bar."
         },
         recorder: {
             addMore: "Add more",
@@ -576,6 +608,7 @@ const $18fb8799f38eb407$export$84584c2a98eb6753 = {
             photoInstructionsTitle: "Ready to snap a photo?",
             videoInstructionsTitle: "Ready to record a video?",
             screenShareInstructionsTitle: "Ready to share your screen?",
+            audioInstructionsTitle: "Ready to record a voice message?",
             instructions: {
                 allowAccessOnPrompt: "When prompted, <bold>allow access</bold> to camera and microphone.",
                 multiplePhotos: "Take a <bold>photo or multiple</bold> for detail, then review.",
@@ -585,7 +618,10 @@ const $18fb8799f38eb407$export$84584c2a98eb6753 = {
                 tapStopVideoButton: "<bold>Tap stop</bold> when you are done.",
                 reviewAndSendVideos: "<bold>Review your videos</bold>, and they will be sent to us automatically.",
                 screenShareInstruction: "Select the screen or window you wish to record.",
-                privacyPolicy: "By proceeding, you agree to our <bold>Privacy Policy</bold>."
+                privacyPolicy: "By proceeding, you agree to our <bold>Privacy Policy</bold>.",
+                tapAudioButton: "<bold>Tap the record button</bold> to start recording your audio message.",
+                speakClearly: "<bold>Speak clearly</bold> and say what you need to convey.",
+                reviewAndSendAudios: "<bold>Review your audios</bold>, and they will be sent to us automatically."
             },
             switchToMobileTitle: "Switch to your mobile device",
             switchToMobileDescription: "Experience greater convenience by using your phone to take photos and record videos.",
@@ -648,6 +684,12 @@ const $c5472fb74fa04782$export$acb2a88f7d552ebf = {
             connectedTo: "Connect\xe9 \xe0 {{name}}",
             recording: "Enregistrement en cours"
         },
+        requestAccess: {
+            wantToJoin: "{{name}} souhaite rejoindre!",
+            deny: "Refuser",
+            admit: "Accepter",
+            defaultName: "Un utilisateur"
+        },
         recordingPopup: {
             recordingStartTitle: "L'enregistrement va commencer.",
             recordingStartText: "Cet appel sera enregistr\xe9 sous peu. Si vous pr\xe9f\xe9rez ne pas \xeatre enregistr\xe9, vous \xeates libre de quitter l'appel \xe0 tout moment.",
@@ -800,16 +842,42 @@ const $c5472fb74fa04782$export$acb2a88f7d552ebf = {
             you: "Vous",
             cancel: "Annuler",
             confirm: "Confirmer",
-            remove: "Enlever"
+            remove: "Enlever",
+            proceed: "Proc\xe9der",
+            audio: "Audio"
         },
         greeting: {
             mainTitle: "Bienvenue sur SnapCall",
-            sideTitle: "Pr\xeat \xe0 rejoindre ?",
-            sideDescription: "Avant de rejoindre la salle, veuillez entrer votre nom.",
-            namePlaceholder: "Nom",
+            sideTitle: "Tenez bon, vous \xeates le prochain !",
+            sideDescription: "Veuillez entrer votre nom et r\xe9gler votre cam\xe9ra et votre microphone",
+            namePlaceholder: "Par exemple. Lucie ou Peter",
             nameSubmit: "Rejoindre la conversation",
             footerTitle: "Propuls\xe9 par SnapCall",
-            footerDescription: "D\xe9couvrez SnapCall, ajoutez de la vid\xe9o en temps r\xe9el \xe0 n'importe quelle plateforme, produit ou service."
+            footerDescription: "D\xe9couvrez SnapCall, ajoutez de la vid\xe9o en temps r\xe9el \xe0 n'importe quelle plateforme, produit ou service.",
+            cameraIs: "La cam\xe9ra est",
+            microphoneIs: "Le micro est",
+            on: "allum\xe9e",
+            off: "\xe9teinte",
+            scheduleACall: "Planifier un appel",
+            requestACall: "Demander un appel",
+            name: "Nom",
+            nameDescription: "Ce nom sera affich\xe9 \xe0 tous les participants \xe0 l'appel.",
+            setting: "Param\xe8tres",
+            askToJoin: "Demander \xe0 rejoindre",
+            youWillJoinWhenSomeoneLetsYou: "Vous rejoindrez l'appel lorsque quelqu'un de {{ companyName }} vous laissera entrer.",
+            cantJoinCall: "Vous ne pouvez pas rejoindre cet appel",
+            someoneDenied: "Quelqu'un lors de l'appel a refus\xe9 votre demande de participation.",
+            askingLetIn: "Demander \xe0 entrer...",
+            takeFewMinute: "Cela peut prendre quelques minutes selon la disponibilit\xe9 des participants.",
+            cantWait: "Je ne peux pas attendre?",
+            whatYouCanDo: "Voici ce que vous pouvez faire",
+            leaveMessage: "Laisser un message",
+            cantWaitLeaveMessage: "Vous ne pouvez pas attendre ? Vous pouvez laisser un message et vous serez contact\xe9 dans les plus brefs d\xe9lais.",
+            recordVideo: "Enregistrer une vid\xe9o",
+            recordVoice: "Enregistrer la voix",
+            canceledCallRequest: "La demande d'appel sera annul\xe9e et vous serez redirig\xe9 vers la page de planification des appels.",
+            mediaDenied: "Acc\xe8s au microphone et \xe0 la cam\xe9ra refus\xe9",
+            clickOnLock: "Cliquez sur l'ic\xf4ne de verrouillage <1></1> dans la barre de votre navigateur."
         },
         recorder: {
             addMore: "Ajouter plus",
@@ -846,6 +914,7 @@ const $c5472fb74fa04782$export$acb2a88f7d552ebf = {
             photoInstructionsTitle: "Pr\xeat \xe0 prendre une photo ?",
             videoInstructionsTitle: "Pr\xeat \xe0 enregistrer une vid\xe9o ?",
             screenShareInstructionsTitle: "Pr\xeat \xe0 partager votre \xe9cran ?",
+            audioInstructionsTitle: "Pr\xeat \xe0 enregistrer un message vocal\xa0?",
             instructions: {
                 allowAccessOnPrompt: "<bold>Autorisez l'acc\xe8s</bold> \xe0 la cam\xe9ra et au micro lorsque demand\xe9.",
                 multiplePhotos: "Prenez <bold>une ou plusieurs photos</bold> pour donner plus de d\xe9tails.",
@@ -855,7 +924,10 @@ const $c5472fb74fa04782$export$acb2a88f7d552ebf = {
                 tapStopVideoButton: "<bold>Appuyez sur Arr\xeat</bold> lorsque vous avez termin\xe9.",
                 reviewAndSendVideos: "<bold>Validez vos vid\xe9os</bold>, et elles nous seront envoy\xe9es automatiquement.",
                 screenShareInstruction: "S\xe9lectionnez l'\xe9cran ou la fen\xeatre que vous souhaitez enregistrer.",
-                privacyPolicy: "En continuant, vous acceptez notre <bold>Politique de confidentialit\xe9</bold>."
+                privacyPolicy: "En continuant, vous acceptez notre <bold>Politique de confidentialit\xe9</bold>.",
+                tapAudioButton: "<bold>Appuyez sur le bouton d'enregistrement</bold> pour commencer \xe0 enregistrer votre message audio.",
+                speakClearly: "<bold>Parlez clairement</bold> et dites ce que vous devez transmettre.",
+                reviewAndSendAudios: "<bold>V\xe9rifiez vos audios</bold>, et ils seront envoy\xe9s automatiquement \xe0 nous."
             },
             switchToMobileTitle: "Passez sur votre mobile",
             switchToMobileDescription: "Profitez d'une exp\xe9rience encore plus pratique en utilisant votre t\xe9l\xe9phone pour prendre des photos et enregistrer des vid\xe9os.",
@@ -918,6 +990,12 @@ const $b7790fb9e48df5c4$export$3486a10f30cf1ee4 = {
             connectedTo: "Connesso a {{name}}",
             recording: "Registrazione in corso"
         },
+        requestAccess: {
+            wantToJoin: "{{name}} vuole unirsi!",
+            deny: "Negare",
+            admit: "Ammettere",
+            defaultName: "Un utente"
+        },
         recordingPopup: {
             recordingStartTitle: "Registrazione in procinto di iniziare.",
             recordingStartText: "Questa chiamata verr\xe0 registrata a breve. Se preferisci non essere registrato, sei libero di lasciare la chiamata in questo momento.",
@@ -1070,16 +1148,42 @@ const $b7790fb9e48df5c4$export$3486a10f30cf1ee4 = {
             you: "Voi",
             cancel: "Annulla",
             confirm: "Confermare",
-            remove: "Rimuovere"
+            remove: "Rimuovere",
+            proceed: "Procedere",
+            audio: "Audio"
         },
         greeting: {
             mainTitle: "Benvenuto a SnapCall",
-            sideTitle: "Sei pronto per unirti?",
-            sideDescription: "Prima di entrare nella stanza, inserisci il tuo nome. Verr\xe0 visualizzato ai partecipanti.",
-            namePlaceholder: "Il tuo nome",
+            sideTitle: "Tieni duro, il prossimo sei tu!",
+            sideDescription: "Inserisci il tuo nome e regola la fotocamera e il microfono",
+            namePlaceholder: "Per esempio. Lucia o Pietro",
             nameSubmit: "Partecipa alla conversazione",
             footerTitle: "Offerto da SnapCall",
-            footerDescription: "Incontrare SnapCall, il modo pi\xf9 semplice per aggiungere video in tempo reale a piattaforma, prodotto o servizio."
+            footerDescription: "Incontrare SnapCall, il modo pi\xf9 semplice per aggiungere video in tempo reale a piattaforma, prodotto o servizio.",
+            cameraIs: "La fotocamera \xe8",
+            microphoneIs: "Il microfono \xe8",
+            on: "acceso",
+            off: "spento",
+            scheduleACall: "Pianifica una chiamata",
+            requestACall: "Richiedi una chiamata",
+            name: "Nome",
+            nameDescription: "Questo nome verr\xe0 visualizzato a tutti i partecipanti alla chiamata.",
+            setting: "Impostazioni",
+            askToJoin: "Chiedi di partecipare",
+            youWillJoinWhenSomeoneLetsYou: "Parteciperai alla chiamata quando qualcuno di {{ companyName }} ti far\xe0 entrare.",
+            cantJoinCall: "Non puoi partecipare a questa chiamata",
+            someoneDenied: "Qualcuno nella chiamata ha rifiutato la tua richiesta di partecipazione.",
+            askingLetIn: "Chiedo di essere fatto entrare...",
+            takeFewMinute: "L'operazione potrebbe richiedere alcuni minuti a seconda della disponibilit\xe0 dei partecipanti.",
+            cantWait: "Non vedo l'ora?",
+            whatYouCanDo: "Ecco cosa puoi fare",
+            leaveMessage: "Lascia un messaggio",
+            cantWaitLeaveMessage: "Non vedi l'ora? Puoi lasciare un messaggio e sarai contattato il prima possibile.",
+            recordVideo: "Registra video",
+            recordVoice: "Registra voce",
+            canceledCallRequest: "La richiesta di chiamata verr\xe0 annullata e verrai reindirizzato alla pagina di pianificazione delle chiamate",
+            mediaDenied: "Accesso al microfono e alla fotocamera negato",
+            clickOnLock: "Fai clic sull'icona del lucchetto <1></1> nella barra del browser."
         },
         recorder: {
             addMore: "Aggiungere altro",
@@ -1116,6 +1220,7 @@ const $b7790fb9e48df5c4$export$3486a10f30cf1ee4 = {
             photoInstructionsTitle: "Pronto a scattare una foto?",
             videoInstructionsTitle: "Pronto a registrare un video?",
             screenShareInstructionsTitle: "Pronto a condividere il tuo schermo?",
+            audioInstructionsTitle: "Pronti per registrare un messaggio vocale?",
             instructions: {
                 allowAccessOnPrompt: "<bold>Consenti l'accesso</bold> alla fotocamera e al microfono.",
                 multiplePhotos: "Scatta <bold>una foto o pi\xf9</bold> di una per i dettagli.",
@@ -1125,7 +1230,10 @@ const $b7790fb9e48df5c4$export$3486a10f30cf1ee4 = {
                 tapStopVideoButton: "<bold>Premi Stop</bold> quando hai finito.",
                 reviewAndSendVideos: "<bold>Convalida i tuoi video</bold> e verranno inviati automaticamente a noi.",
                 screenShareInstruction: "Seleziona lo schermo o la finestra che desideri registrare.",
-                privacyPolicy: "Procedendo, accetti la nostra <bold>Politica sulla Privacy.</bold>"
+                privacyPolicy: "Procedendo, accetti la nostra <bold>Politica sulla Privacy.</bold>",
+                tapAudioButton: "<bold>Premi il pulsante di registrazione</bold> per iniziare a registrare il tuo messaggio vocale.",
+                speakClearly: "<bold>Parla chiaramente</bold> e d\xec ci\xf2 che devi comunicare.",
+                reviewAndSendAudios: "<bold>Rivedi i tuoi audio</bold> e verranno inviati automaticamente a noi."
             },
             switchToMobileTitle: "Passa al tuo dispositivo mobile",
             switchToMobileDescription: "Goditi un'esperienza ancora pi\xf9 pratica utilizzando il tuo telefono per scattare foto e registrare video.",
@@ -1412,6 +1520,7 @@ class $82e31ca38889c079$var$AudioRenderer {
 var $82e31ca38889c079$export$2e2bcd8739ae039 = $82e31ca38889c079$var$AudioRenderer;
 
 
+
 const $15ddac3121cc3a5d$export$674c90a250a8b2c5 = async (video)=>{
     const { videoWidth: videoWidth, videoHeight: videoHeight } = video;
     const orientation = videoWidth > videoHeight ? "landscape" : "portrait";
@@ -1936,6 +2045,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         this.mediasoupTransport = {};
         this.mediaPipeOption = $c31e3fb4360572af$var$defaultMediapipeOptions;
         this.useVideoBackground = false;
+        this.waitingRoomAccess = false;
         this.pendingDeviceRequest = {};
         this.joinOptions = {};
         this.devicesList = [];
@@ -2015,7 +2125,11 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         });
         return {
             roomId: this.roomId,
+            waitingRoomAccess: this.waitingRoomAccess,
             companyId: this.companyId,
+            company: this.company,
+            plan: this.plan,
+            permissions: this.permissions,
             peerId: this.peerId,
             profile: this.profile,
             joinOptions: this.joinOptions,
@@ -2072,7 +2186,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         if (!this.peerId) this.peerId = (0, $3Sbms$v4)();
         let url;
         try {
-            const { streamer_instance: instanceId, plan: { permissions: permissions, name: name }, recordings: recordings, company_id: company_id } = await fetch(`${this.config.apiUrl}/streams/${room}/info`, {
+            const { streamer_instance: instanceId, plan: { permissions: permissions, name: name }, recordings: recordings, company_id: company_id, company: company, defaultPublicPage: defaultPublicPage } = await fetch(`${this.config.apiUrl}/streams/${room}/info`, {
                 method: "get",
                 headers: {
                     "Content-Type": "application/json"
@@ -2082,7 +2196,9 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 throw new Error("Invalid room ID");
             });
             this.companyId = company_id;
+            this.company = company;
             this.permissions = permissions;
+            this.defaultPublicPage = defaultPublicPage;
             if (recordings?.headless === true) permissions.push("record_video_on_demand");
             this.plan = name;
             const searchParams = new URLSearchParams({
@@ -2091,7 +2207,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             });
             if (options.authKey) searchParams.append("authKey", options.authKey);
             const recorderPath = this.joinOptions.recorder ? "/recorder" : "";
-            url = `${this.config.streamerServer}/${instanceId}${recorderPath}?${searchParams}`;
+            url = `${this.config.streamerServer}/${instanceId}/v2/${recorderPath}?${searchParams}`;
         } catch (roomError) {
             console.error("init", roomError);
             const event = new $c31e3fb4360572af$var$SnapcallEvent("invalidRoom", {
@@ -2107,14 +2223,26 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             }
         });
         this.protoo = new $3Sbms$Peer(this.protooTransport);
-        this.protoo.on("open", ()=>{
+        let open = false;
+        let err;
+        let onOpen = (err)=>{};
+        this.protoo.on("open", async ()=>{
+            if (this.joinOptions.apiKey) await this.setAgentIdentity({
+                apiKey: this.joinOptions.apiKey,
+                email: this.joinOptions.email
+            }).catch((err)=>{
+                $c31e3fb4360572af$var$log.error("onOpen", "failed auth", err);
+            });
+            open = true;
+            onOpen();
             if (this.joinOptions.recorder) {
-                this.joinRecorder();
+                await this.joinRecorder();
                 return;
             }
-            this.joinRoom();
         });
         this.protoo.on("failed", ()=>{
+            err = new Error("failure");
+            onOpen(err);
             $c31e3fb4360572af$var$log.error("protoo.on", "failed");
             this.onCriticalError($c31e3fb4360572af$export$103bedf43ba882db.SOCKET_LOST);
         });
@@ -2243,6 +2371,22 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                     }
                 });
                 this.dispatchEvent(event);
+            } else if (notification.method === "requestAccessResult") {
+                if (notification.data.success) this.onEnterRoom();
+                const event = new $c31e3fb4360572af$var$SnapcallEvent(notification.method, {
+                    detail: notification.data
+                });
+                this.dispatchEvent(event);
+            } else if (notification.method === "cancelAccessRequest") {
+                const event = new $c31e3fb4360572af$var$SnapcallEvent(notification.method, {
+                    detail: notification.data
+                });
+                this.dispatchEvent(event);
+            } else if (notification.method === "accessRequest") {
+                const event = new $c31e3fb4360572af$var$SnapcallEvent(notification.method, {
+                    detail: notification.data
+                });
+                this.dispatchEvent(event);
             } else if (notification.method === "requestDeviceResult") {
                 const event = new $c31e3fb4360572af$var$SnapcallEvent(notification.method, {
                     detail: notification.data
@@ -2291,6 +2435,14 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 }
             }
         });
+        await new Promise((resolve, reject)=>{
+            onOpen = (err)=>{
+                onOpen = ()=>{};
+                if (err) return reject(err);
+                resolve();
+            };
+            if (open) onOpen(err);
+        });
     }
     closeWebrtcTransport(key) {
         const transport = this.mediasoupTransport[key];
@@ -2301,7 +2453,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         }
     }
     async getTransport(kind, direction) {
-        if (!this.streamerMediasoup) throw new Error("streamerMediasoup not initialized");
+        if (!this.streamerMediasoup || !this.protoo) throw new Error("streamerMediasoup not initialized");
         let transport = this.mediasoupTransport[`${kind}-${direction}`];
         if (!transport) {
             try {
@@ -2340,42 +2492,79 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             }
         });
     }
-    async setAgentIdentity() {
-        const { apiKey: apiKey, email: email } = this.joinOptions;
-        if (apiKey) try {
-            if (apiKey && email) this.agentIdentity = await this.fetchAgentInfo({
-                apiKey: apiKey,
-                email: email
-            });
-            else if (apiKey) this.agentIdentity = await this.fetchUserInfo({
-                apiKey: apiKey
-            });
-            if (this.agentIdentity) this.dispatchEvent(new $c31e3fb4360572af$var$SnapcallEvent("agentIdentity", {
-                detail: {
-                    success: true,
-                    email: this.agentIdentity.email,
-                    name: this.agentIdentity.name,
-                    avatarUrl: this.agentIdentity.settings?.avatar_url
-                }
-            }));
-        } catch (agentInfoError) {
-            $c31e3fb4360572af$var$log.warn("setAgentIdentity", agentInfoError);
-            this.dispatchEvent(new $c31e3fb4360572af$var$SnapcallEvent("agentIdentity", {
-                detail: {
-                    success: false
-                }
-            }));
+    async setAgentIdentity({ apiKey: apiKey, email: email }) {
+        if (apiKey) {
+            this.joinOptions.apiKey = apiKey;
+            this.joinOptions.email = email;
+            try {
+                if (apiKey && email) this.agentIdentity = await this.fetchAgentInfo({
+                    apiKey: apiKey,
+                    email: email
+                });
+                else if (apiKey) this.agentIdentity = await this.fetchUserInfo({
+                    apiKey: apiKey
+                });
+                await this.protoo?.request("authenticate", {
+                    apiKey: apiKey,
+                    email: email
+                });
+                if (this.agentIdentity) this.dispatchEvent(new $c31e3fb4360572af$var$SnapcallEvent("agentIdentity", {
+                    detail: {
+                        success: true,
+                        email: this.agentIdentity.email,
+                        name: this.agentIdentity.name,
+                        avatarUrl: this.agentIdentity.settings?.avatar_url
+                    }
+                }));
+            } catch (agentInfoError) {
+                $c31e3fb4360572af$var$log.warn("setAgentIdentity", agentInfoError);
+                this.dispatchEvent(new $c31e3fb4360572af$var$SnapcallEvent("agentIdentity", {
+                    detail: {
+                        success: false
+                    }
+                }));
+            }
         }
     }
+    async acceptAccessRequest(id) {
+        if (!this.protoo) throw new Error("not connected");
+        await this.protoo.request("acceptAccessRequest", {
+            id: id
+        });
+    }
+    async denyAccessRequest(id) {
+        if (!this.protoo) throw new Error("stream client not initiated");
+        await this.protoo.request("denyAccessRequest", {
+            id: id
+        });
+    }
+    async requestRoomAccess() {
+        if (!this.protoo) throw new Error("stream client not initiated");
+        await this.protoo.request("requestAccess");
+        this.waitingRoomAccess = true;
+    }
     async joinRoom() {
+        if (!this.protoo) throw new Error("stream client not initiated");
+        await this.protoo.request("join");
+        await this.onEnterRoom();
+        if (this.agentIdentity) this.dispatchEvent(new $c31e3fb4360572af$var$SnapcallEvent("agentIdentity", {
+            detail: {
+                success: true,
+                email: this.agentIdentity.email,
+                name: this.agentIdentity.name,
+                avatarUrl: this.agentIdentity.settings?.avatar_url
+            }
+        }));
+    }
+    async getRoomPeers() {
+        if (!this.protoo) throw new Error("stream client not initiated");
+        return await this.protoo.request("getRoomPeers");
+    }
+    async onEnterRoom() {
+        if (!this.protoo) throw new Error("stream client not initiated");
         this.streamerMediasoup = await (0, $a2f0e3c29b11c88e$export$2e2bcd8739ae039).create(this.protoo, this.config);
         // now we join
-        const { apiKey: apiKey, email: email } = this.joinOptions;
-        await this.setAgentIdentity();
-        const { peers: peers, videoRecordStarted: videoRecordStarted, videoRecording: videoRecording } = await this.protoo.request("getRoomPeers", {
-            apiKey: apiKey,
-            email: email
-        });
+        const { peers: peers, videoRecordStarted: videoRecordStarted, videoRecording: videoRecording, waitingRequests: waitingRequests } = await this.protoo.request("getRoomPeers");
         this.peers = new Map(peers.map((peer)=>[
                 peer.id || peer.peerId,
                 {
@@ -2386,6 +2575,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         const callId = await this.getCallId();
         this.dispatchEvent(new $c31e3fb4360572af$var$SnapcallEvent("enterRoom", {
             detail: {
+                waitingRequests: waitingRequests,
                 videoRecording: videoRecording,
                 videoRecordStarted: videoRecordStarted,
                 peerId: this.peerId,
@@ -2412,11 +2602,12 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         });
     }
     async joinRecorder() {
+        if (!this.protoo) throw new Error("stream client not initiated");
         this.streamerMediasoup = await (0, $a2f0e3c29b11c88e$export$2e2bcd8739ae039).create(this.protoo, this.config);
         const callId = await this.getCallId();
-        if (this.joinOptions.apiKey) this.protoo.request("setUser", {
+        if (this.joinOptions.apiKey) this.setAgentIdentity({
             apiKey: this.joinOptions.apiKey
-        }).then(()=>this.setAgentIdentity()).catch((error)=>console.warn("setUser not implemented", error));
+        });
         this.dispatchEvent(new $c31e3fb4360572af$var$SnapcallEvent("enterRoom", {
             detail: {
                 videoRecording: {
@@ -2428,7 +2619,8 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 peers: [],
                 callId: callId,
                 plan: this.plan,
-                permissions: this.permissions
+                permissions: this.permissions,
+                waitingRequests: []
             }
         }));
     }
@@ -2471,7 +2663,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             detail: {}
         });
         this.dispatchEvent(event);
-        if (this.protoo.connected) await this.protoo.request("closeProducer", {
+        if (this.protoo?.connected) await this.protoo.request("closeProducer", {
             producerId: producerId
         });
     }
@@ -2517,10 +2709,11 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             }
         }
     }
-    async enableMicrophone() {
+    async enableMicrophone({ deviceId: deviceId } = {}) {
         if (!this.micProducer || this.micProducer?.closed) {
             const stream = await this.handleGetUserMediaError("microphone", navigator.mediaDevices.getUserMedia({
                 audio: {
+                    deviceId: deviceId,
                     noiseSuppression: true,
                     echoCancellation: true
                 }
@@ -2567,7 +2760,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             this.micProducer.pause();
             this.muted = true;
             const device = "microphone";
-            this.protoo.notify("mute", {
+            this.protoo?.notify("mute", {
                 device: device
             });
             const event = new $c31e3fb4360572af$var$SnapcallEvent("microphoneMute", {
@@ -2582,7 +2775,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             this.resolvePendingDeviceRequest("microphone", true);
             this.muted = false;
             const device = "microphone";
-            this.protoo.notify("unmute", {
+            this.protoo?.notify("unmute", {
                 device: device
             });
             const event = new $c31e3fb4360572af$var$SnapcallEvent("microphoneUnmute", {
@@ -2615,8 +2808,8 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         this.audioMedia = undefined;
         this.webcamTrack?.stop();
         this.webcamTrack = null;
-        this.protooTransport.close();
-        this.protoo.close();
+        this.protooTransport?.close();
+        this.protoo?.close();
         this.micProducer?.close();
         this.screenshareVideoProducer?.close();
         this.webcamProducer?.close();
@@ -2636,6 +2829,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         window.dispatchEvent(deprecatedEvent);
     }
     terminateRoom() {
+        if (!this.protoo) throw new Error("stream client not initiated");
         this.protoo.request("terminateRoom");
     }
     async updateWebcams() {
@@ -2662,7 +2856,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             const data = this.pendingDeviceRequest[key];
             if (deviceType === data.deviceType) {
                 delete this.pendingDeviceRequest[key];
-                this.protoo.notify("requestDeviceResult", {
+                this.protoo?.notify("requestDeviceResult", {
                     result: Boolean(result),
                     failure: failure,
                     ...data
@@ -2685,7 +2879,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     }
     async restartIce(transport) {
         $c31e3fb4360572af$var$log.log("restartIce", transport.connectionState, transport.closed);
-        if (transport.connectionState === "disconnected" && !transport.closed) try {
+        if (transport.connectionState === "disconnected" && !transport.closed && this.protoo) try {
             const iceParameters = await this.protoo.request("restartIce", {
                 transportId: transport.id
             });
@@ -2955,7 +3149,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     async disableVideo() {
         if (!this.webcamProducer) return;
         this.webcamProducer.close();
-        if (this.protoo.connected) await this.protoo.request("closeProducer", {
+        if (this.protoo?.connected) await this.protoo.request("closeProducer", {
             producerId: this.webcamProducer.id
         });
         this.webcamProducer = null;
@@ -3028,7 +3222,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     async disableScreenshare() {
         if (this.screenshareVideoProducer) {
             this.screenshareVideoProducer.close();
-            if (this.protoo.connected) await this.protoo.request("closeProducer", {
+            if (this.protoo?.connected) await this.protoo.request("closeProducer", {
                 producerId: this.screenshareVideoProducer.id
             });
             this.screenshareVideoProducer = undefined;
@@ -3036,7 +3230,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         this.audioMedia?.removeTrack("screen");
         if (this.screenshareAudioProducer) {
             this.screenshareAudioProducer.close();
-            if (this.protoo.connected) await this.protoo.request("closeProducer", {
+            if (this.protoo?.connected) await this.protoo.request("closeProducer", {
                 producerId: this.screenshareAudioProducer.id
             });
             this.screenshareAudioProducer = undefined;
@@ -3089,7 +3283,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         });
     }
     async deleteCapture(assetId) {
-        const res = await this.protoo.request("deleteCapture", {
+        const res = await this.protoo?.request("deleteCapture", {
             assetId: assetId
         });
         return res;
@@ -3136,7 +3330,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         try {
             const mediaKind = deviceType === "microphone" ? "audio" : "video";
             const transport = await this.getTransport(mediaKind, "recv");
-            const data = await this.protoo.request("consume", {
+            const data = await this.protoo?.request("consume", {
                 peerId: peerId,
                 producerId: producerId,
                 transportId: transport.id,
@@ -3183,7 +3377,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 audioRenderer.setSource(mediaStream);
                 audioRenderer.play();
             }
-            if (consumer.kind === "video") await this.protoo.request("resumeConsumer", {
+            if (consumer.kind === "video") await this.protoo?.request("resumeConsumer", {
                 consumerId: consumer.id
             });
         } catch (error) {
@@ -3205,7 +3399,8 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         this.dispatchEvent(event);
     }
     async setProfile(profile) {
-        const newProfile = await this.protoo.request("setProfile", profile);
+        const newProfile = await this.protoo?.request("setProfile", profile);
+        this.joinOptions.profile = profile;
         this.profile = {
             ...newProfile
         };
@@ -3219,7 +3414,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     }
     async requestPeerDevice(remotePeerId, deviceType) {
         if (!this.permissions.find((permission)=>permission === "request_input")) throw new Error("feature not allowed");
-        return this.protoo.request("requestPeerDevice", {
+        return this.protoo?.request("requestPeerDevice", {
             remotePeerId: remotePeerId,
             deviceType: deviceType
         });
@@ -3229,7 +3424,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     }
     async getCallId() {
         try {
-            const { callId: callId } = await this.protoo.request("getCallId");
+            const { callId: callId } = await this.protoo?.request("getCallId");
             return callId;
         } catch (err) {
             $c31e3fb4360572af$var$log.error("getCallId", "Failed to get callId");
@@ -3267,7 +3462,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         const messageId = (0, $3Sbms$v4)();
         const chunks = this.getCustomMessageEventChunks(event);
         const chunksPromises = chunks.map((chunk, index)=>{
-            return this.protoo.notify("customMessageToAllPeers", {
+            return this.protoo?.notify("customMessageToAllPeers", {
                 messageId: messageId,
                 chunkIndex: index,
                 chunk: chunk,
@@ -3280,7 +3475,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         const messageId = (0, $3Sbms$v4)();
         const chunks = this.getCustomMessageEventChunks(event);
         const chunksPromises = chunks.map((chunk, index)=>{
-            return this.protoo.notify("customMessageToPeer", {
+            return this.protoo?.notify("customMessageToPeer", {
                 peerId: peerId,
                 event: {
                     messageId: messageId,
@@ -3391,10 +3586,18 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         return this.permissions;
     }
     async startRecord() {
-        await this.protoo.request("startRecord");
+        await this.protoo?.request("startRecord");
     }
     async stopRecord() {
-        await this.protoo.request("stopRecord");
+        await this.protoo?.request("stopRecord");
+    }
+    async getPublicPage(token) {
+        return (await fetch(`${this.config.apiUrl}/public/public-pages/${token}`, {
+            method: "get",
+            headers: {
+                "Content-Type": "application/json"
+            }
+        })).json();
     }
 }
 
@@ -8251,7 +8454,7 @@ var $b8963bf62cf5b984$export$2e2bcd8739ae039 = $b8963bf62cf5b984$var$tooltip;
 
 
 const $cdab47bb8796991e$var$Video = ()=>{
-    const { headless: headless, selfPeerId: selfPeerId, videosContainerRef: videosContainerRef, remoteTilesContainerRef: remoteTilesContainerRef, options: options, muted: selfMuted, profile: profile, orientation: orientation, userInteractionTriggered: userInteractionTriggered } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { headless: headless, selfPeerId: selfPeerId, videosContainerRef: videosContainerRef, remoteTilesContainerRef: remoteTilesContainerRef, options: options, muted: selfMuted, profile: profile, orientation: orientation } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const [tileSize, setTileSize] = (0, $3Sbms$useState)({
         width: 0,
         height: 0
@@ -8290,21 +8493,6 @@ const $cdab47bb8796991e$var$Video = ()=>{
         streams.length,
         highlightedTile
     ]);
-    (0, $3Sbms$useEffect)(()=>{
-        if (userInteractionTriggered && !headless) {
-            if (options.controls?.microphone?.enabled) (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableMicrophone().catch((error)=>{
-                console.error("enable microphone", error);
-            });
-            if (options.controls?.camera?.enabled && !options.audioTiles) (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableVideo().catch((error)=>{
-                console.error("enable video", error);
-            });
-        }
-    }, [
-        options.controls,
-        options.audioTiles,
-        userInteractionTriggered,
-        headless
-    ]);
     (0, $3Sbms$useEffect)(()=>{
         const onNewPeer = (event)=>{
             const { peerId: peerId, profile: profile } = event.detail;
@@ -8778,7 +8966,8 @@ const $69a9c49ece80e773$var$ControlBar = ()=>{
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).terminateRoom();
     };
     const onLeaveClick = ()=>{
-        if (isAgent) setIsLeaveMenuOpen((previousValue)=>!previousValue);
+        const { company: company } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
+        if (isAgent && company?.terminate_enabled) setIsLeaveMenuOpen((previousValue)=>!previousValue);
         else leaveCall();
     };
     const onNewWebcamCount = (event)=>{
@@ -10888,7 +11077,7 @@ const $61b9018279e658f9$export$3a4deda42b6182b7 = (0, $3Sbms$styledcomponents).b
 
 const $df41bfe6da05853a$var$EndView = ()=>{
     const { t: t } = (0, $3Sbms$useTranslation)();
-    const { streamState: streamState, setStreamState: setStreamState } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { streamState: streamState, setStreamState: setStreamState, options: options } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const ended = streamState === "ended";
     const terminated = streamState === "terminated";
     const expired = streamState === "expired";
@@ -10897,6 +11086,13 @@ const $df41bfe6da05853a$var$EndView = ()=>{
         try {
             setStreamState("loading");
             await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).init();
+            await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).joinRoom();
+            if (options.controls?.microphone?.enabled) (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableMicrophone().catch((error)=>{
+                console.error("enable microphone", error);
+            });
+            if (options.controls?.camera?.enabled && !options.audioTiles) (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableVideo().catch((error)=>{
+                console.error("enable video", error);
+            });
         } catch (e) {
             console.error("init error", e);
             setStreamState("terminated");
@@ -13303,10 +13499,12 @@ const $205d1658394416eb$export$6e881e165967cb08 = {
 };
 
 
+const $448b01a7ea61a08a$var$audioLevelThreshold = 20;
 function $448b01a7ea61a08a$export$c74cd098b7a410cb({ mode: mode = "photo", requestedMedia: requestedMedia = "camera", permissionBlockedModalState: permissionBlockedModalState, captureThumbnail: captureThumbnail }) {
     const { t: t } = (0, $3Sbms$useTranslation)();
     const [currentMode, setMode] = (0, $3Sbms$useState)(mode);
     const [streaming, setStreaming] = (0, $3Sbms$useState)(false);
+    const [isSpeaking, setIsSpeaking] = (0, $3Sbms$useState)(false);
     const [currentRequestedMedia, setRequestedMedia] = (0, $3Sbms$useState)(requestedMedia);
     const [startRecordTime, setStartRecordTime] = (0, $3Sbms$useState)(undefined);
     const [timer, setTimer] = (0, $3Sbms$useState)(0);
@@ -13322,6 +13520,8 @@ function $448b01a7ea61a08a$export$c74cd098b7a410cb({ mode: mode = "photo", reque
     const [flow, setFlow] = (0, $3Sbms$useState)();
     const updateAudioLevel = (0, $3Sbms$useCallback)((event)=>{
         const { audioLevel: audioLevel } = event.detail;
+        if (audioLevel > $448b01a7ea61a08a$var$audioLevelThreshold) setIsSpeaking(true);
+        else setIsSpeaking(false);
         if (timer !== 0 && streaming) setAverageAudioLevel((prev)=>((prev || 0) * (Math.floor(timer) - 1) + audioLevel) / timer);
     }, [
         timer,
@@ -13415,7 +13615,8 @@ function $448b01a7ea61a08a$export$c74cd098b7a410cb({ mode: mode = "photo", reque
         captureThumbnail: captureThumbnail,
         lastRecordingAudioLevel: averageAudioLevel || 0,
         flow: flow,
-        setFlow: setFlow
+        setFlow: setFlow,
+        isSpeaking: isSpeaking
     };
 }
 
@@ -14094,7 +14295,7 @@ const $209863c2c7a7b6c0$export$53819c0e58f98d49 = (props)=>{
         if (countdown === undefined) return;
         const t = setTimeout(()=>{
             if (countdown === 1) props.onFinish();
-            setCountdown(countdown - 1);
+            else setCountdown(countdown - 1);
         }, 1000);
         return ()=>clearTimeout(t);
     }, [
@@ -14128,7 +14329,7 @@ const $f3d9f6a4bbe7f552$export$f9da3144ae2525a3 = (props)=>{
             }, {
                 "bg-[#ff0000]": !isPhoto
             }, {
-                "w-[24px] h-[24px] border-0 !rounded-md": isStreaming && !isScreenRecordRequest
+                "!w-[24px] !h-[24px] !border-0 !rounded-md": isStreaming && !isScreenRecordRequest
             }, {
                 "!bg-transparent border-transparent border-b-red-700 border-l-red-700 border-[4px] duration-1000 animate-spin": isScreenRecordRequest
             })
@@ -14139,24 +14340,19 @@ const $f3d9f6a4bbe7f552$export$f9da3144ae2525a3 = (props)=>{
 
 
 
-
 const $a180b95972399d58$var$browser = (0, $3Sbms$bowser).parse(window.navigator.userAgent);
 const $a180b95972399d58$export$11a6fe490bbc4873 = (props)=>{
     const { t: t } = (0, $3Sbms$useTranslation)();
     const isDesktop = $a180b95972399d58$var$browser.platform.type === "desktop";
-    const [currentMode, setCurrentMode] = (0, $3Sbms$useState)(props.defaultSelected);
     const onSelectMode = (selected)=>{
-        if (!props.state.streaming) {
-            setCurrentMode(selected);
-            props.onSelect(selected);
-        }
+        if (!props.state.streaming) props.onSelect(selected);
     };
     const tabTriggerClassName = "text-sm grow shrink font-medium text-gray-100 hover:bg-[#292929] data-[state=active]:text-gray-1000 data-[state=active]:font-semibold";
     return /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
         className: "flex flex-col h-[150px] w-full max-w-[500px] gap-2.5",
         children: [
             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Tabs), {
-                value: currentMode,
+                value: props.currentMode,
                 onValueChange: (val)=>{
                     onSelectMode(val);
                 },
@@ -14173,6 +14369,11 @@ const $a180b95972399d58$export$11a6fe490bbc4873 = (props)=>{
                             value: "video",
                             children: t("misc.video")
                         }),
+                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$TabsTrigger), {
+                            className: tabTriggerClassName,
+                            value: "audio",
+                            children: t("misc.audio")
+                        }),
                         isDesktop && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$TabsTrigger), {
                             className: tabTriggerClassName,
                             value: "screen",
@@ -14212,12 +14413,13 @@ const $a180b95972399d58$export$11a6fe490bbc4873 = (props)=>{
 
 
 
+
 const $7227f0300555e42c$export$1cd1efc78cb52ca5 = ({ asset: asset, onClick: onClick, size: size = 60, className: className })=>{
     if (!asset) return null;
     return /*#__PURE__*/ (0, $3Sbms$jsx)("div", {
         className: (0, $3Sbms$classnames)("cursor-pointer relative overflow-hidden rounded-lg", className),
         onClick: onClick,
-        children: /*#__PURE__*/ (0, $3Sbms$jsx)("img", {
+        children: asset.type !== "audio" ? /*#__PURE__*/ (0, $3Sbms$jsx)("img", {
             className: "object-cover",
             style: {
                 width: size,
@@ -14226,6 +14428,17 @@ const $7227f0300555e42c$export$1cd1efc78cb52ca5 = ({ asset: asset, onClick: onCl
             },
             src: asset.thumbnailURL || asset.objectUrl,
             alt: "last shot"
+        }) : /*#__PURE__*/ (0, $3Sbms$jsx)("div", {
+            style: {
+                width: size,
+                height: size,
+                maxWidth: size
+            },
+            className: "flex items-center justify-center w-full h-full bg-gray-1000",
+            children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Recording2Icon), {
+                size: 24,
+                className: "text-white"
+            })
         })
     });
 };
@@ -14359,7 +14572,6 @@ const $8fe8c7100159474e$export$788cb893d96254c8 = ({ state: state, mode: mode, p
     const { orientation: orientation } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const device = orientation === "landscape" ? "desktop" : "mobile";
     const videoLength = permissionsState === "granted" ? "short" : "full";
-    const title = mode === "photo" ? t("recorder.photoInstructionsTitle") : t("recorder.videoInstructionsTitle");
     const instructionPhoto = [
         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Trans), {
             i18nKey: "recorder.instructions.allowAccessOnPrompt",
@@ -14400,7 +14612,38 @@ const $8fe8c7100159474e$export$788cb893d96254c8 = ({ state: state, mode: mode, p
             }
         })
     ];
-    const instructions = mode === "photo" ? instructionPhoto : instructionVideo;
+    const instructionsAudio = [
+        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Trans), {
+            i18nKey: "recorder.instructions.tapAudioButton",
+            components: {
+                bold: /*#__PURE__*/ (0, $3Sbms$jsx)($8fe8c7100159474e$var$Bold, {})
+            }
+        }),
+        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Trans), {
+            i18nKey: "recorder.instructions.speakClearly",
+            components: {
+                bold: /*#__PURE__*/ (0, $3Sbms$jsx)($8fe8c7100159474e$var$Bold, {})
+            }
+        }),
+        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Trans), {
+            i18nKey: "recorder.instructions.reviewAndSendAudios",
+            components: {
+                bold: /*#__PURE__*/ (0, $3Sbms$jsx)($8fe8c7100159474e$var$Bold, {})
+            }
+        })
+    ];
+    let title;
+    let instructions;
+    if (mode === "photo") {
+        title = t("recorder.photoInstructionsTitle");
+        instructions = instructionPhoto;
+    } else if (mode === "audio") {
+        title = t("recorder.audioInstructionsTitle");
+        instructions = instructionsAudio;
+    } else {
+        title = t("recorder.videoInstructionsTitle");
+        instructions = instructionVideo;
+    }
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$AlertDialog), {
         open: state.isOpen,
         onOpenChange: (open)=>{
@@ -14412,13 +14655,19 @@ const $8fe8c7100159474e$export$788cb893d96254c8 = ({ state: state, mode: mode, p
                 /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
                     className: "relative rounded-xl",
                     children: [
-                        /*#__PURE__*/ (0, $3Sbms$jsx)("video", {
+                        mode !== "audio" ? /*#__PURE__*/ (0, $3Sbms$jsx)("video", {
                             className: "w-full rounded-[inherit]",
                             src: `${"https://stream-assets.snapcall.io"}/animations/${device}-assist-onboarding-${mode}-${videoLength}.mp4`,
                             playsInline: true,
                             autoPlay: true,
                             muted: true,
                             loop: true
+                        }) : /*#__PURE__*/ (0, $3Sbms$jsx)("div", {
+                            className: "flex items-center justify-center w-full h-[200px] rounded-[inherit] bg-blue-100 border border-blue-200",
+                            children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Recording2Icon), {
+                                size: 64,
+                                className: "text-blue-700"
+                            })
                         }),
                         /*#__PURE__*/ (0, $3Sbms$jsx)("div", {
                             className: "absolute inset-0 ring-2 ring-inset ring-white/20 rounded-[inherit]"
@@ -14761,8 +15010,9 @@ const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderStat
     const skipOnboarding = options.recorder?.skipOnboarding;
     const getUserMediaMutation = (0, $d775b8f941514ed9$export$d791e41b9a4de1f2)({
         audio: true,
-        video: true
+        video: recorderState.mode !== "audio"
     });
+    const [isMediaLoading, setMediaLoading] = (0, $3Sbms$useState)(true);
     const [countdownVisible, setCountdownVisible] = (0, $3Sbms$useState)(false);
     const videoElementRef = (0, $3Sbms$useRef)(null);
     const isDesktop = $c9e5583d5dd9328d$var$browser.platform.type === "desktop";
@@ -14771,6 +15021,7 @@ const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderStat
     });
     const [isInstructionVideoDisplayed, setInstructionVideoDisplayed] = (0, $3Sbms$useState)(skipOnboarding);
     const [isInstructionPhotoDisplayed, setInstructionPhotoDisplayed] = (0, $3Sbms$useState)(skipOnboarding);
+    const [isInstructionAudioDisplayed, setInstructionAudioDisplayed] = (0, $3Sbms$useState)(skipOnboarding);
     const qrCodeModalState = (0, $3Sbms$useOverlayTriggerState)({
         defaultOpen: isDesktop
     });
@@ -14783,7 +15034,8 @@ const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderStat
         dismissToast();
         recorderState.setStreaming(false);
     }, [
-        recorderState
+        recorderState,
+        dismissToast
     ]);
     const onPhotoCapture = async (videoElement)=>{
         const timestamp = Date.now();
@@ -14808,11 +15060,11 @@ const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderStat
             onSettled: ()=>undefined,
             onSuccess: async ()=>{
                 instructionModalState.close();
-                const { deviceState: deviceState } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
-                getUserMediaMutation.reset();
                 try {
+                    const { deviceState: deviceState } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
+                    getUserMediaMutation.reset();
                     if (!deviceState.microphone.enabled) await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableMicrophone();
-                    if (!deviceState.camera.enabled) await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableVideo({
+                    if (!deviceState.camera.enabled && recorderState.mode !== "audio") await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableVideo({
                         resolution: "vga",
                         frameRate: 20,
                         facingMode: "environment"
@@ -14820,11 +15072,12 @@ const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderStat
                 } catch (e) {
                     console.error("failed enable media", e);
                 }
+                setMediaLoading(false);
             }
         }), [
         getUserMediaMutation,
         instructionModalState,
-        recorderState.permissionBlockedModalState
+        recorderState
     ]);
     (0, $3Sbms$useEffect)(()=>{
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("recordStopped", exitStreaming);
@@ -14842,7 +15095,9 @@ const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderStat
         isDesktop,
         getUserMediaMutationOptions
     ]);
-    const onSwitchModalClick = isAgent ? ()=>getUserMediaMutation.mutate(undefined, getUserMediaMutationOptions) : instructionModalState.open;
+    const onSwitchModalClick = isAgent ? ()=>{
+        getUserMediaMutation.mutate(undefined, getUserMediaMutationOptions);
+    } : instructionModalState.open;
     const showReminderToast = ()=>{
         toast({
             title: t("recorder.audioLevelToast.rememberSpeaking"),
@@ -14909,7 +15164,7 @@ const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderStat
                                 dismissToast();
                                 recorderState.setStartRecordTime(Date.now());
                                 (0, $c9e496369b59be7a$export$2f377c2162fd02b2).startRecord().then(()=>{
-                                    if (videoElementRef.current) recorderState.captureThumbnail(videoElementRef.current);
+                                    if (videoElementRef.current && recorderState.mode !== "audio") recorderState.captureThumbnail(videoElementRef.current);
                                 });
                             }
                         }),
@@ -14922,7 +15177,7 @@ const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderStat
                         /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
                             className: "relative w-full h-full",
                             children: [
-                                (recorderState.mode === "video" || recorderState.streaming) && /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                                (recorderState.mode === "video" || recorderState.mode === "audio" || recorderState.streaming) && /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
                                     className: "absolute flex gap-1 transition-all items-center z-10 top-2 left-1/2 -translate-x-1/2 text-white text-center bg-gray-1000 text-md rounded-lg font-medium py-2.5 pr-3.5 pl-2.5",
                                     children: [
                                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Player), {
@@ -14937,7 +15192,27 @@ const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderStat
                                         })
                                     ]
                                 }),
-                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7dc8075008cdffc1$export$287f8fcc69caf433), {
+                                recorderState.mode === "audio" ? /*#__PURE__*/ (0, $3Sbms$jsx)("div", {
+                                    className: "flex items-center justify-center w-full h-full object-cover rounded-[8px] bg-[#1C1C1C] border-2 border-[#292929]",
+                                    children: /*#__PURE__*/ (0, $3Sbms$jsx)("div", {
+                                        className: "flex items-center justify-center w-[40px] h-[40px]",
+                                        children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6ff24797527d6397$export$a7844d10127ab172), {
+                                            size: 40,
+                                            backgroundClassName: (0, $3Sbms$classnames)({
+                                                "text-blue-700": recorderState.isSpeaking,
+                                                "text-gray-800": !recorderState.isSpeaking
+                                            }),
+                                            icon: recorderState.isSpeaking ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Player), {
+                                                src: (0, $205d1658394416eb$export$6e881e165967cb08),
+                                                autoplay: recorderState.isSpeaking,
+                                                loop: true,
+                                                className: "w-10 h-10"
+                                            }) : /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$DotsHorizontalIcon), {
+                                                size: 30
+                                            })
+                                        })
+                                    })
+                                }) : /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7dc8075008cdffc1$export$287f8fcc69caf433), {
                                     ref: videoElementRef
                                 }),
                                 /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Toaster), {
@@ -14953,22 +15228,41 @@ const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderStat
             /*#__PURE__*/ (0, $3Sbms$jsx)("div", {
                 className: "z-10 flex justify-center",
                 children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $a180b95972399d58$export$11a6fe490bbc4873), {
-                    defaultSelected: recorderState.mode,
+                    currentMode: recorderState.mode,
                     state: recorderState,
                     onSelect: async (mode)=>{
-                        if (mode === "screen") {
-                            await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).disableVideo();
-                            recorderState.setRequestedMedia(mode);
-                            return;
-                        }
-                        recorderState.setMode(mode);
-                        if (mode === "photo" && !isInstructionPhotoDisplayed && !isAgent) {
-                            setInstructionPhotoDisplayed(true);
-                            instructionModalState.open();
-                        }
-                        if (mode === "video" && !isInstructionVideoDisplayed && !isAgent) {
-                            setInstructionVideoDisplayed(true);
-                            instructionModalState.open();
+                        if (isMediaLoading) return;
+                        setMediaLoading(true);
+                        try {
+                            if (mode === "screen") {
+                                await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).disableVideo();
+                                recorderState.setRequestedMedia(mode);
+                                return;
+                            }
+                            recorderState.setMode(mode);
+                            if (mode === "audio") {
+                                await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).disableVideo();
+                                recorderState.setRequestedMedia("microphone");
+                            }
+                            if (mode === "photo" && !isInstructionPhotoDisplayed && !isAgent) {
+                                setInstructionPhotoDisplayed(true);
+                                instructionModalState.open();
+                            }
+                            if (mode === "video" && !isInstructionVideoDisplayed && !isAgent) {
+                                setInstructionVideoDisplayed(true);
+                                instructionModalState.open();
+                            }
+                            if (mode === "audio" && !isInstructionAudioDisplayed && !isAgent) {
+                                setInstructionAudioDisplayed(true);
+                                instructionModalState.open();
+                            }
+                            const { deviceState: deviceState } = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
+                            if ((mode === "photo" || mode === "video") && !deviceState.camera.enabled) {
+                                await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableVideo();
+                                recorderState.setRequestedMedia("camera");
+                            }
+                        } catch (error) {} finally{
+                            setMediaLoading(false);
                         }
                     },
                     thumbnail: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7227f0300555e42c$export$1cd1efc78cb52ca5), {
@@ -14976,9 +15270,9 @@ const $c9e5583d5dd9328d$export$5b8e641151f8011d = ({ recorderState: recorderStat
                         asset: recorderState.assets[recorderState.assets.length - 1],
                         onClick: recorderState.assetsPopupState.open
                     }),
-                    onSwitch: ()=>{
+                    onSwitch: recorderState.mode !== "audio" ? ()=>{
                         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).rotateVideo();
-                    },
+                    } : undefined,
                     onCapturePress: ()=>{
                         if (recorderState.mode === "photo" && videoElementRef.current) {
                             onPhotoCapture(videoElementRef.current);
@@ -15182,7 +15476,7 @@ const $a3830e399ecc7fc4$export$2d78fbe400238869 = ({ recorderState: recorderStat
             /*#__PURE__*/ (0, $3Sbms$jsx)("div", {
                 className: "z-10 flex justify-center",
                 children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $a180b95972399d58$export$11a6fe490bbc4873), {
-                    defaultSelected: "screen",
+                    currentMode: "screen",
                     state: recorderState,
                     screenRecordingState: state,
                     onSelect: async (mode)=>{
@@ -15192,6 +15486,11 @@ const $a3830e399ecc7fc4$export$2d78fbe400238869 = ({ recorderState: recorderStat
                             recorderState.setRequestedMedia("camera");
                             return;
                         }
+                        if (mode === "audio") {
+                            await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).disableScreenshare();
+                            recorderState.setMode(mode);
+                            recorderState.setRequestedMedia("microphone");
+                        }
                     },
                     thumbnail: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7227f0300555e42c$export$1cd1efc78cb52ca5), {
                         size: 48,
@@ -15372,6 +15671,11 @@ const $c22caa553a50352e$export$f56b3b5841ad32ae = ({ asset: asset, state: state
                                 autoPlay: true,
                                 controls: true,
                                 className: "flex-1 rounded-[10px] min-w-full max-h-[90%] max-w-[90%] pb-[9px]"
+                            }),
+                            asset.type === "audio" && /*#__PURE__*/ (0, $3Sbms$jsx)("audio", {
+                                src: asset.objectUrl,
+                                controls: true,
+                                className: "text-center w-full sm:w-1/2"
                             })
                         ]
                     }),
@@ -15447,6 +15751,10 @@ const $d55df9ccf8ad2080$export$c9169049516d8bcf = ({ asset: asset, index: index,
     const confirmRemovalModalState = (0, $3Sbms$useOverlayTriggerState)({});
     const previewAssetModalProps = (0, $3Sbms$useOverlayTriggerState)({});
     const assetMediaLength = asset.timestamp && asset.startRecordingTimestamp && (asset.timestamp - asset.startRecordingTimestamp) / 1000;
+    let assetTypeDisplayName;
+    if (asset.type === "photo") assetTypeDisplayName = t("misc.screenshot");
+    else if (asset.type === "audio") assetTypeDisplayName = t("misc.audio");
+    else assetTypeDisplayName = t("misc.video");
     return /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
         className: "flex flex-col w-full gap-2",
         children: [
@@ -15476,11 +15784,10 @@ const $d55df9ccf8ad2080$export$c9169049516d8bcf = ({ asset: asset, index: index,
                                 /*#__PURE__*/ (0, $3Sbms$jsxs)("span", {
                                     className: "w-full font-medium truncate text-md text-gray-1000",
                                     children: [
-                                        asset.type === "photo" ? t("misc.screenshot") : t("misc.video"),
+                                        assetTypeDisplayName,
                                         " ",
                                         index + 1,
-                                        " \xb7",
-                                        " ",
+                                        " \xb7 ",
                                         (0, $1e6ffcfc059a8789$export$3ae94a2503e890a1)(new Date(asset.timestamp))
                                     ]
                                 }),
@@ -15800,7 +16107,7 @@ const $b76354b532370976$export$336a011955157f9a = ()=>{
         recorderState.setAssets([
             ...recorderState.assets,
             {
-                type: "video",
+                type: recorderState.mode,
                 timestamp: Date.now(),
                 startRecordingTimestamp: recorderState.startRecordTime,
                 objectUrl: url,
@@ -15852,7 +16159,7 @@ const $b76354b532370976$export$336a011955157f9a = ()=>{
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $b4057e63640314b7$export$aa00db7a33d4c484), {
                         className: "shrink-0"
                     }),
-                    recorderState.requestedMedia === "camera" && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $c9e5583d5dd9328d$export$5b8e641151f8011d), {
+                    (recorderState.requestedMedia === "camera" || recorderState.requestedMedia === "microphone") && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $c9e5583d5dd9328d$export$5b8e641151f8011d), {
                         recorderState: recorderState
                     }),
                     recorderState.requestedMedia === "screen" && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $a3830e399ecc7fc4$export$2d78fbe400238869), {
@@ -15934,753 +16241,1258 @@ const $91d20ee7d2ade85c$export$669f6ea7d267feaf = ()=>{
 
 
 
-const $26ed036cbc17809a$var$currentTheme = (0, $52580db2e49cdd90$export$3bfd0d5209a8006a)();
-const $26ed036cbc17809a$var$currentLanguage = (0, $a3e657fb86ae23f3$export$604ba5624273df44)();
-const $26ed036cbc17809a$var$queryClient = new (0, $3Sbms$QueryClient)();
-let $26ed036cbc17809a$var$timestampCriticalError = -1;
-const $26ed036cbc17809a$var$StreamUI = ({ options: options })=>{
+
+
+
+
+
+
+
+
+
+const $7f5b5a40ab7d19c2$export$9ea2b4f70e201d7f = ()=>{
+    return /*#__PURE__*/ (0, $3Sbms$jsxs)("svg", {
+        width: "112",
+        height: "24",
+        viewBox: "0 0 635 136",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ (0, $3Sbms$jsx)("path", {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M0 68C0 16.943 10.943 6 62 6C113.057 6 124 16.943 124 68C124 119.057 113.057 130 62 130C10.943 130 0 119.057 0 68ZM75.3269 97.0277C75.3269 100.889 78.3163 104.12 81.7719 102.998C85.0672 101.929 88.0982 100.045 90.5849 97.4664C94.6315 93.2704 96.9049 87.5796 96.9049 81.6457C96.9049 75.7117 94.6315 70.0209 90.5849 65.825C88.0982 63.2466 85.0672 61.3626 81.7719 60.2931C78.3163 59.1716 75.3269 62.4022 75.3269 66.2636V97.0277ZM53.9744 39.5401C52.8529 36.0845 56.0835 33.0951 59.945 33.0951L90.709 33.0951C94.5705 33.0951 97.801 36.0845 96.6796 39.5401C95.6101 42.8354 93.726 45.8665 91.1477 48.3531C86.9518 52.3998 81.2609 54.6731 75.327 54.6731C69.3931 54.6731 63.7022 52.3998 59.5063 48.3531C56.928 45.8665 55.0439 42.8354 53.9744 39.5401ZM48.3543 39.2911C48.3543 35.4297 45.3649 32.1991 41.9093 33.3206C38.614 34.3901 35.583 36.2741 33.0963 38.8524C29.0497 43.0484 26.7763 48.7392 26.7763 54.6731C26.7763 60.6071 29.0497 66.2979 33.0963 70.4938C35.583 73.0722 38.614 74.9562 41.9093 76.0257C45.3649 77.1472 48.3543 73.9166 48.3543 70.0552V39.2911ZM69.7073 96.7787C70.8288 100.234 67.5982 103.224 63.7368 103.224H32.9727C29.1113 103.224 25.8807 100.234 27.0022 96.7787C28.0717 93.4834 29.9557 90.4523 32.5341 87.9657C36.73 83.919 42.4208 81.6456 48.3548 81.6456C54.2887 81.6456 59.9795 83.919 64.1754 87.9657C66.7538 90.4523 68.6378 93.4834 69.7073 96.7787Z",
+                fill: "black"
+            }),
+            /*#__PURE__*/ (0, $3Sbms$jsx)("path", {
+                d: "M206.518 27C206.845 27.0453 207.171 27.113 207.501 27.1324C212.045 27.4052 216.502 28.0998 220.792 29.7028C225.535 31.4757 229.663 34.2131 233.367 37.6249C233.979 38.1885 234.446 38.8579 234.581 39.6972C234.798 41.0461 234.356 42.1574 233.281 42.9974C232.885 43.307 232.451 43.5661 232.032 43.8454C230.117 45.123 228.203 46.4006 226.286 47.6747C225.622 48.1152 224.928 48.4981 224.116 48.5751C222.878 48.6932 221.876 48.1901 221.014 47.3479C220.551 46.8959 220.105 46.4244 219.623 45.994C216.846 43.5128 213.563 42.0739 209.93 41.4182C206.383 40.7783 202.822 40.7711 199.266 41.3851C196.893 41.7947 194.76 42.7376 193.003 44.3946C191.123 46.1681 190.424 48.3902 190.872 50.9296C191.135 52.4174 192.017 53.5432 193.216 54.43C194.948 55.7105 196.86 56.6685 198.886 57.3502C201.904 58.3665 204.952 59.3001 208.005 60.2085C211.679 61.3018 215.384 62.2894 219.052 63.4022C222.526 64.456 225.848 65.8797 228.946 67.7973C234.361 71.1486 237.476 76.085 238.807 82.209C239.311 84.5289 239.156 86.8862 238.758 89.2169C238.144 92.813 236.835 96.1385 234.691 99.1004C232.876 101.608 230.486 103.479 227.849 105.06C224.724 106.934 221.329 108.058 217.764 108.708C212.948 109.584 208.092 109.717 203.215 109.475C199.469 109.288 195.765 108.821 192.137 107.851C184.81 105.892 178.77 101.954 174.036 96.0276C173.558 95.4295 173.13 94.7889 172.713 94.1468C171.418 92.1566 171.979 90.0605 173.66 88.8059C175.755 87.2433 177.841 85.6691 179.934 84.1035C181.163 83.1836 182.722 83.1419 183.946 84.0675C184.434 84.4361 184.895 84.8982 185.223 85.4114C188.558 90.6378 193.372 93.6933 199.341 95.0185C203.857 96.0212 208.418 96.1824 212.993 95.4518C215.302 95.0833 217.514 94.3843 219.58 93.2636C222.2 91.8435 223.53 89.6517 223.545 86.6667C223.549 85.8008 223.491 84.945 223.242 84.1071C222.899 82.9497 222.282 81.9729 221.371 81.1804C220.109 80.0835 218.656 79.3025 217.143 78.6187C214.886 77.5987 212.515 76.9106 210.149 76.2066C205.304 74.7649 200.448 73.3606 195.615 71.8807C192.078 70.7981 188.66 69.4096 185.44 67.5691C183.539 66.4815 181.732 65.2557 180.221 63.6563C177.597 60.8793 176.022 57.5567 175.292 53.8304C174.445 49.5102 175.359 45.4627 177.236 41.56C179.227 37.4183 182.292 34.2685 186.082 31.7492C190.023 29.1306 194.375 27.7248 199.061 27.2663C199.821 27.1922 200.578 27.0893 201.337 27C203.063 27 204.791 27 206.518 27Z",
+                fill: "black"
+            }),
+            /*#__PURE__*/ (0, $3Sbms$jsx)("path", {
+                d: "M374.475 130.579C374.253 130.503 374.033 130.423 373.809 130.353C372.295 129.882 371.373 128.703 371.288 127.122C371.274 126.859 371.277 126.595 371.277 126.331C371.277 102.357 371.277 78.3833 371.281 54.4091C371.281 53.9319 371.277 53.4417 371.376 52.9789C371.721 51.3557 373.042 50.2595 374.867 50.2077C377.144 50.1429 379.425 50.1465 381.702 50.2062C383.449 50.2523 384.718 51.3342 385.202 53.0098C385.235 53.1243 385.266 53.2395 385.314 53.4129C385.488 53.3086 385.649 53.2301 385.791 53.1257C389.096 50.6748 392.837 49.3885 396.905 48.9955C400.535 48.645 404.137 48.8523 407.702 49.629C412.512 50.6763 416.445 53.1682 419.705 56.8219C422.629 60.0998 424.482 63.9039 425.558 68.1342C426.623 72.3191 427.173 76.5594 426.983 80.876C426.767 85.7691 425.911 90.5464 423.994 95.0775C422.276 99.1379 419.54 102.447 416.085 105.153C413.546 107.142 410.608 108.304 407.474 108.949C403.425 109.783 399.345 109.974 395.248 109.305C391.834 108.747 388.697 107.508 385.895 105.459C385.779 105.374 385.663 105.289 385.541 105.212C385.506 105.19 385.452 105.194 385.302 105.168V105.933C385.302 112.646 385.302 119.359 385.302 126.072C385.302 126.335 385.304 126.6 385.296 126.863C385.239 128.665 384.169 129.993 382.421 130.44C382.31 130.468 382.21 130.531 382.105 130.577H374.477L374.475 130.579ZM398.929 96.8648C399.883 96.7835 400.845 96.7511 401.791 96.6107C405.161 96.1112 407.879 94.5542 409.768 91.6463C410.928 89.8612 411.805 87.9602 412.347 85.903C413.301 82.2781 413.408 78.6101 412.84 74.9211C412.368 71.8462 411.286 69.0022 409.472 66.4499C408.151 64.5913 406.427 63.2698 404.275 62.5356C401.296 61.52 398.255 61.4401 395.193 62.0836C392.092 62.7357 389.731 64.4315 388.122 67.1754C387.157 68.8216 386.444 70.5671 385.992 72.417C385.034 76.3384 384.982 80.2973 385.604 84.2662C386.02 86.9172 386.886 89.4235 388.299 91.7219C389.522 93.7106 391.225 95.1207 393.416 95.9413C395.193 96.6064 397.04 96.8238 398.928 96.8648H398.929Z",
+                fill: "black"
+            }),
+            /*#__PURE__*/ (0, $3Sbms$jsx)("path", {
+                d: "M618.999 105.259C618.908 105.548 618.839 105.847 618.721 106.126C618.192 107.382 617.233 108.089 615.89 108.274C615.63 108.31 615.363 108.31 615.1 108.311C612.846 108.314 610.592 108.316 608.339 108.309C607.981 108.307 607.615 108.295 607.266 108.222C605.601 107.872 604.612 106.728 604.476 105.017C604.452 104.707 604.458 104.395 604.458 104.083C604.458 80.213 604.458 56.3432 604.46 32.4741C604.46 32.0911 604.452 31.7024 604.514 31.3274C604.812 29.5207 606.222 28.3324 608.163 28.3072C610.536 28.2762 612.91 28.2993 615.284 28.2993C615.38 28.2993 615.476 28.3014 615.571 28.3108C616.972 28.4425 618 29.1457 618.651 30.378C618.825 30.7084 618.887 31.0978 619 31.4599V105.259H618.999Z",
+                fill: "black"
+            }),
+            /*#__PURE__*/ (0, $3Sbms$jsx)("path", {
+                d: "M431.849 68.3522C431.892 62.231 432.759 56.2553 435.069 50.5603C439.901 38.6477 448.667 31.2784 461.139 28.3078C465.836 27.1892 470.617 26.9496 475.432 27.2475C479.791 27.5175 484.045 28.2927 488.122 29.877C495.87 32.8871 501.979 37.8732 506.235 45.0524C506.536 45.5591 506.773 46.1285 506.915 46.7C507.229 47.9625 506.828 49.0494 505.796 49.8153C505.27 50.2047 504.634 50.5092 504.001 50.6783C501.386 51.3772 498.755 52.0186 496.127 52.665C494.323 53.1083 492.697 52.426 491.691 50.7899C490.732 49.2301 489.632 47.7855 488.317 46.5093C485.777 44.0461 482.76 42.4331 479.34 41.5959C474.676 40.4543 469.976 40.396 465.301 41.4743C458.869 42.9578 454.264 46.8454 451.212 52.6059C449.271 56.269 448.256 60.2257 447.838 64.3436C447.385 68.797 447.643 73.2 448.744 77.5425C449.592 80.8896 450.852 84.0653 452.924 86.8624C456.469 91.6498 461.145 94.606 467.077 95.5014C471.473 96.165 475.829 96.0441 480.107 94.7643C486.767 92.7719 491.318 88.5259 493.649 81.9491C493.769 81.6108 493.881 81.2682 494.021 80.9385C494.776 79.1671 496.143 78.3249 498.06 78.489C499.038 78.5725 500.011 78.7223 500.985 78.8482C502.673 79.067 504.359 79.2952 506.046 79.5104C506.768 79.6026 507.462 79.7732 508.08 80.169C509.149 80.8536 509.639 81.839 509.511 83.0979C509.463 83.5701 509.365 84.0523 509.195 84.4943C507.232 89.6221 504.558 94.326 500.813 98.3799C496.418 103.138 491.056 106.292 484.821 107.991C479.752 109.373 474.581 109.763 469.355 109.522C464.681 109.307 460.103 108.522 455.74 106.791C445.169 102.595 438.047 95.0861 434.366 84.3309C433.024 80.4102 432.277 76.3664 432.027 72.2326C431.949 70.9413 431.907 69.6478 431.85 68.355L431.849 68.3522Z",
+                fill: "black"
+            }),
+            /*#__PURE__*/ (0, $3Sbms$jsx)("path", {
+                d: "M553.976 102.807C553.473 103.359 553.074 103.877 552.596 104.308C550.117 106.542 547.178 107.898 543.969 108.698C540.381 109.592 536.732 109.829 533.046 109.63C530.618 109.499 528.23 109.157 525.905 108.428C522.631 107.403 519.817 105.632 517.457 103.155C515.258 100.848 514.006 98.038 513.377 94.9587C512.01 88.2668 514.956 80.2001 522.426 76.2174C525.011 74.839 527.767 73.9868 530.639 73.47C534.3 72.8106 537.996 72.4464 541.701 72.1463C544.615 71.9102 547.523 71.5971 550.434 71.3178C550.554 71.3063 550.672 71.2919 550.791 71.2732C551.129 71.2199 551.303 71.0299 551.26 70.6801C551.203 70.205 551.157 69.727 551.07 69.257C550.8 67.7814 550.289 66.3987 549.478 65.1261C548.364 63.377 546.811 62.257 544.776 61.851C541.013 61.1003 537.38 61.471 533.926 63.2035C532.097 64.1206 530.839 65.5961 529.903 67.3805C529.647 67.8671 529.399 68.3681 529.067 68.8014C528.108 70.0531 526.816 70.4886 525.3 70.0934C523.052 69.5075 520.817 68.8647 518.579 68.24C518.326 68.1694 518.079 68.0701 517.839 67.9635C516.206 67.2445 515.189 65.6357 515.947 63.6527C516.331 62.6507 516.794 61.6653 517.339 60.7418C520.395 55.5651 524.915 52.2331 530.605 50.4617C534.609 49.215 538.734 48.8955 542.908 49.102C546.292 49.2698 549.561 49.9485 552.67 51.3111C555.285 52.4563 557.668 53.9657 559.691 55.9926C562.447 58.7531 563.964 62.1332 564.603 65.9474C564.986 68.232 564.917 70.5368 564.948 72.8344C565.025 78.4675 565.048 84.1014 565.105 89.7345C565.119 91.0819 565.325 92.4027 565.72 93.6977C565.974 94.5297 566.469 95.138 567.224 95.5346C567.668 95.7678 568.141 95.9441 568.593 96.1644C569.107 96.4149 569.642 96.6402 570.113 96.9583C571.265 97.7372 571.71 99.1048 571.288 100.446C571.188 100.764 571.052 101.074 570.903 101.373C569.913 103.343 568.924 105.313 567.92 107.275C566.981 109.109 565.454 109.794 563.432 109.335C561.452 108.885 559.576 108.193 557.88 107.053C556.488 106.116 555.337 104.946 554.44 103.526C554.327 103.345 554.209 103.167 553.977 102.807H553.976ZM551.086 83.1563C550.907 83.1563 550.813 83.1483 550.722 83.1577C549.125 83.3233 547.528 83.5068 545.929 83.6536C542.515 83.9668 539.114 84.3763 535.736 84.9737C533.356 85.3948 531.083 86.0844 528.991 87.3318C527.179 88.4122 526.121 89.9878 526.563 92.7655C526.783 94.1483 527.53 95.148 528.771 95.7656C529.284 96.0204 529.822 96.2393 530.369 96.4106C533.743 97.4679 537.149 97.8804 540.629 96.9094C545.107 95.6598 548.267 92.9311 550.003 88.6073C550.613 87.0878 550.947 85.492 551.115 83.8638C551.138 83.6414 551.098 83.4125 551.087 83.1563H551.086Z",
+                fill: "black"
+            }),
+            /*#__PURE__*/ (0, $3Sbms$jsx)("path", {
+                d: "M347.494 103.01C346.355 103.946 345.329 104.891 344.203 105.695C341.825 107.393 339.125 108.387 336.28 108.952C331.359 109.932 326.422 109.995 321.49 109.003C318.059 108.312 315.015 106.823 312.332 104.575C309.194 101.947 307.413 98.5412 306.699 94.5751C305.502 87.9256 308.528 80.0878 315.848 76.2038C318.437 74.8304 321.193 73.9825 324.066 73.4671C327.752 72.8056 331.471 72.4421 335.2 72.1412C338.09 71.908 340.974 71.5935 343.861 71.3156C343.908 71.3113 343.957 71.3084 344.004 71.3005C344.637 71.199 344.739 71.0932 344.659 70.4468C344.477 68.9648 344.143 67.5209 343.463 66.1785C343.269 65.7948 343.049 65.4219 342.819 65.057C341.711 63.2971 340.119 62.2289 338.087 61.833C334.396 61.1147 330.832 61.4825 327.434 63.1445C325.573 64.0543 324.277 65.5263 323.328 67.3359C323.117 67.739 322.92 68.1528 322.669 68.53C321.694 69.9984 320.25 70.5231 318.542 70.0517C316.417 69.4658 314.288 68.8914 312.171 68.2817C311.647 68.1305 311.122 67.9196 310.658 67.6382C309.371 66.8587 308.815 65.4939 309.236 64.045C309.468 63.2467 309.805 62.4657 310.191 61.7272C313.017 56.3201 317.448 52.7766 323.135 50.7388C325.792 49.7866 328.559 49.3504 331.369 49.1481C333.792 48.9732 336.21 48.9919 338.621 49.3021C343.972 49.9903 348.754 51.9611 352.738 55.6644C355.404 58.1427 356.988 61.2421 357.773 64.7713C358.166 66.5347 358.305 68.3249 358.322 70.1258C358.383 76.5982 358.439 83.0706 358.492 89.5437C358.503 90.8948 358.707 92.2113 359.057 93.5156C359.324 94.5132 359.913 95.2143 360.828 95.6541C361.238 95.8513 361.675 95.9909 362.078 96.2004C362.649 96.4969 363.256 96.764 363.744 97.1685C364.765 98.0128 365.064 99.1314 364.691 100.408C364.598 100.727 364.462 101.038 364.312 101.337C363.325 103.308 362.328 105.274 361.334 107.241C361.301 107.305 361.269 107.369 361.234 107.433C360.385 108.998 358.971 109.749 357.219 109.414C354.419 108.877 351.829 107.831 349.744 105.818C349.026 105.125 348.453 104.282 347.821 103.502C347.689 103.339 347.587 103.153 347.495 103.012L347.494 103.01ZM344.514 83.1771C344.269 83.1771 344.129 83.1649 343.993 83.1793C342.418 83.3376 340.846 83.5147 339.27 83.658C335.592 83.9934 331.929 84.4317 328.3 85.1321C326.092 85.5582 324.002 86.296 322.097 87.5182C321.022 88.2085 320.25 89.1212 319.986 90.3909C319.794 91.3159 319.813 92.248 320.042 93.1715C320.297 94.2008 320.862 95.0199 321.781 95.5353C322.404 95.8844 323.07 96.181 323.749 96.3991C326.924 97.4183 330.151 97.8581 333.449 97.0533C338.608 95.7937 342.115 92.7007 343.733 87.6032C344.1 86.4457 344.268 85.2235 344.505 84.0265C344.558 83.7623 344.513 83.4787 344.513 83.1764L344.514 83.1771Z",
+                fill: "black"
+            }),
+            /*#__PURE__*/ (0, $3Sbms$jsx)("path", {
+                d: "M261.068 54.62C261.364 54.389 261.658 54.1557 261.955 53.9261C264.88 51.6725 268.103 50.0443 271.727 49.2381C273.645 48.8113 275.58 48.7609 277.522 48.9099C282.258 49.2741 286.574 50.8504 290.565 53.4136C293.888 55.5478 295.993 58.553 297.191 62.257C298.023 64.8317 298.386 67.4849 298.468 70.1777C298.517 71.7828 298.494 73.3894 298.494 74.996C298.496 84.7053 298.497 94.4146 298.49 104.123C298.49 104.599 298.47 105.088 298.363 105.548C297.977 107.205 296.733 108.24 295.027 108.293C293.541 108.338 292.053 108.31 290.566 108.312C289.655 108.314 288.744 108.318 287.832 108.31C287.498 108.307 287.157 108.302 286.829 108.243C285.1 107.929 284.054 106.736 283.943 104.971C283.924 104.66 283.929 104.348 283.929 104.037C283.929 94.0641 283.937 84.0913 283.923 74.1178C283.92 71.9419 283.536 69.8271 282.653 67.8211C282.066 66.4866 281.234 65.3226 280.166 64.3315C278.756 63.0222 277.067 62.3463 275.158 62.2506C271.579 62.0713 268.518 63.3547 265.95 65.7668C263.29 68.2659 261.803 71.4143 261.211 75.0003C261.007 76.2326 260.916 77.4692 260.919 78.7202C260.932 87.1828 260.927 95.6455 260.921 104.108C260.921 104.537 260.914 104.976 260.83 105.394C260.475 107.159 259.198 108.25 257.402 108.3C256.084 108.337 254.764 108.312 253.445 108.313C252.366 108.314 251.286 108.322 250.207 108.308C249.826 108.303 249.436 108.283 249.066 108.198C247.443 107.824 246.514 106.727 246.381 105.063C246.358 104.776 246.36 104.487 246.36 104.2C246.36 87.5866 246.36 70.973 246.36 54.3594C246.36 54.2637 246.363 54.1673 246.36 54.0715C246.271 51.6624 247.99 50.2041 250.219 50.189C252.137 50.176 254.056 50.1789 255.975 50.189C256.596 50.1926 257.227 50.1825 257.837 50.2804C259.629 50.5683 260.852 51.9992 260.921 53.8182C260.93 54.0564 260.922 54.2947 260.922 54.5329L261.068 54.62H261.068Z",
+                fill: "black"
+            }),
+            /*#__PURE__*/ (0, $3Sbms$jsx)("path", {
+                d: "M577.855 68.286C577.855 56.3698 577.855 44.4543 577.858 32.5381C577.858 32.1789 577.852 31.8154 577.904 31.4627C578.178 29.6244 579.501 28.3626 581.362 28.3187C583.88 28.2597 586.4 28.2589 588.917 28.3208C590.809 28.3676 592.243 29.8173 592.411 31.6952C592.442 32.0285 592.445 32.3654 592.445 32.7008C592.446 56.4368 592.447 80.1727 592.442 103.908C592.442 104.433 592.434 104.97 592.333 105.482C592.01 107.11 590.721 108.225 589.041 108.287C587.579 108.341 586.115 108.309 584.652 108.312C583.692 108.314 582.733 108.319 581.773 108.308C581.415 108.304 581.049 108.297 580.7 108.227C578.971 107.878 577.979 106.678 577.863 104.824C577.847 104.562 577.856 104.297 577.856 104.033C577.856 92.117 577.856 80.2015 577.856 68.2853L577.855 68.286Z",
+                fill: "black"
+            })
+        ]
+    });
+};
+
+
+
+
+
+
+
+const $095542f48ed9fed0$export$8d6498a96ae0e73f = ({ className: className, type: type, state: state, onClick: onClick })=>{
     const { t: t } = (0, $3Sbms$useTranslation)();
-    const [selfPeerId, setSelfPeerId] = (0, $3Sbms$useState)(undefined);
-    const streamUIContainerRef = (0, $3Sbms$useRef)(null);
-    const videosContainerRef = (0, $3Sbms$useRef)(null);
-    const remoteTilesContainerRef = (0, $3Sbms$useRef)(null);
-    const [streamState, setStreamState] = (0, $3Sbms$useState)(options.recorder?.enabled ? "recorder" : "loading");
-    const [isQuickConnectPopupVisible, setIsQuickConnectPopupVisible] = (0, $3Sbms$useState)(false);
-    const [isSettingsMenuVisible, setIsSettingsMenuVisible] = (0, $3Sbms$useState)(false);
-    const [isYoutubePopupVisible, setIsYoutubePopupVisible] = (0, $3Sbms$useState)(false);
-    const [isLinksharePopupVisible, setIsLinksharePopupVisible] = (0, $3Sbms$useState)(false);
-    const [isVirtualBackgroundPopupVisible, setIsVirtualBackgroundPopupVisible] = (0, $3Sbms$useState)(false);
-    const [theme, setTheme] = (0, $3Sbms$useState)($26ed036cbc17809a$var$currentTheme);
-    const [language, setLanguage] = (0, $3Sbms$useState)(options.language || $26ed036cbc17809a$var$currentLanguage);
-    const [profile, setProfile] = (0, $3Sbms$useState)({});
-    const [muted, setMuted] = (0, $3Sbms$useState)(true);
-    const [streaming, setStreaming] = (0, $3Sbms$useState)(false);
-    const [screensharing, setScreensharing] = (0, $3Sbms$useState)(false);
-    const [isAgent, setIsAgent] = (0, $3Sbms$useState)(false);
-    const [userInteractionTriggered, setUserInteractionTriggered] = (0, $3Sbms$useState)(false);
-    const [containerWidth, containerHeight] = (0, $af23c74942bdcae7$export$2b86bedf890eab8)(streamUIContainerRef.current);
-    const [isBlockedDevicesPopupOpen, setBlockedDevicesPopupOpen] = (0, $3Sbms$useState)(false);
-    const [isBlockedFeaturePopupOpen, setBlockedFeaturePopupOpen] = (0, $3Sbms$useState)(false);
-    const [videoRecording, setVideoRecording] = (0, $3Sbms$useState)({
-        requested: false,
-        started: false
+    const iconEl = type === "camera" ? state === "on" ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$VideoRecorderIcon), {}) : /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$VideoRecorderOffIcon), {}) : state === "on" ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Microphone1Icon), {}) : /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$MicrophoneOff1Icon), {});
+    const mediaLabel = type === "camera" ? t("greeting.cameraIs") : t("greeting.microphoneIs");
+    const statusLabel = state === "on" ? t("greeting.on") : t("greeting.off");
+    return /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+        onClick: onClick,
+        className: (0, $3Sbms$classnames)("cursor-pointer py-1 px-2 border bg-white border-gray-200 flex justify-center items-center rounded-md gap-2", {
+            "border-blue-700 text-blue-700 bg-blue-100": state === "on"
+        }, {
+            "text-red-700": state === "blocked"
+        }, className),
+        children: [
+            /*#__PURE__*/ (0, $3Sbms$cloneElement)(iconEl, {
+                duotone: true,
+                size: 16,
+                className: (0, $3Sbms$classnames)({
+                    "text-blue-700": state === "on"
+                })
+            }),
+            " ",
+            /*#__PURE__*/ (0, $3Sbms$jsxs)("span", {
+                className: (0, $3Sbms$classnames)("text-sm font-medium"),
+                children: [
+                    mediaLabel,
+                    " ",
+                    statusLabel
+                ]
+            }),
+            state === "blocked" && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$AlertCircleIcon), {
+                className: "text-red-700",
+                duotone: true,
+                size: 16
+            })
+        ]
     });
-    const [isRecordingStartPopupOpen, setRecordingStartPopupOpen] = (0, $3Sbms$useState)(false);
-    const [permissions, setPermissions] = (0, $3Sbms$useState)([]);
-    const [plan, setPlan] = (0, $3Sbms$useState)(undefined);
-    const orientation = (containerWidth || window.screen.width) > (containerHeight || window.screen.height) ? "landscape" : "portrait";
-    const styledTheme = theme === "dark" ? (0, $52580db2e49cdd90$export$3e936a8db52a10a0) : (0, $52580db2e49cdd90$export$f30cb9bc4f736419);
-    const onWebcamUpdate = (event)=>{
-        if (event.type === "localVideoAvailable") setStreaming(true);
-        else setStreaming(false);
-    };
-    const onScreenshareUpdate = (event)=>{
-        if (event.type === "screenshareEnabled") setScreensharing(true);
-        else setScreensharing(false);
-    };
-    const onMicrophoneUpdate = (event)=>{
-        if (event.type === "microphoneMute") setMuted(true);
-        else setMuted(false);
-    };
-    const onVideoRecordingStarted = ()=>{
-        setVideoRecording({
-            requested: true,
-            started: true
-        });
-    };
-    const onVideoRecordingStopped = ()=>{
-        setVideoRecording({
-            requested: false,
-            started: false
-        });
-    };
-    const onVideoRecordingRequested = (0, $3Sbms$useCallback)(()=>{
-        setVideoRecording({
-            requested: true,
-            started: false
-        });
-        setRecordingStartPopupOpen(true);
-        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(t("notifications.recording"), {
-            duration: 10000,
-            icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $4731637db263b767$export$d9f09da0f8d1c822), {}),
-            messageStyle: {
-                fontWeight: 600
-            }
-        });
-    }, [
-        t
-    ]);
-    const onDefaultAudioDeviceChange = (event)=>{
-        const micro = event.detail.label;
-        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(`Connected to ${micro}`, {
-            duration: 3000,
-            icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6043ae1b48c5aa97$export$2e2bcd8739ae039), {}),
-            messageStyle: {
-                fontWeight: 600
-            }
-        });
-    };
-    const onSelfProfileUpdate = (event)=>{
-        const { profile: profile } = event.detail;
-        setProfile(profile);
-    };
-    const onCallEnd = ()=>{
-        (0, $15a01b611391c1e7$export$716eeec86fd18da7)();
-        setStreamState("ended");
-        setMuted(true);
-        setStreaming(false);
-        setScreensharing(false);
-        setUserInteractionTriggered(false);
-    };
-    const onCallTerminated = ()=>{
-        (0, $15a01b611391c1e7$export$716eeec86fd18da7)();
-        setStreamState("terminated");
-    };
-    const onInvalidRoom = ()=>{
-        setStreamState("expired");
-    };
-    const onAgentIdentity = (event)=>{
-        const { success: success, email: email, name: name, avatarUrl: avatarUrl } = event.detail;
-        if (success) {
-            setIsAgent(true);
-            setProfile({
-                email: email,
-                name: name,
-                avatarUrl: avatarUrl
-            });
-            if (email) (0, $3Sbms$hotjarbrowser).identify(null, {
-                email: email
-            });
-        } else (0, $3Sbms$reacthottoast)("An error occured while trying to join the room as an agent", {
-            className: "error"
-        });
-    };
-    const onCriticalError = (event)=>{
-        const duration = 20000;
-        const now = Date.now();
-        if (event.detail.code === "USERLIMIT") {
-            setStreamState("full");
-            return;
-        }
-        if ($26ed036cbc17809a$var$timestampCriticalError !== -1 && $26ed036cbc17809a$var$timestampCriticalError + duration > now) return;
-        $26ed036cbc17809a$var$timestampCriticalError = now;
-        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(`A critical error has occurred (error ${event.detail.code}).`, {
-            icon: (0, $93a0377c243d965e$export$c7df1b15b59b1df2),
-            button: {
-                text: "Reload",
-                action: ()=>{
-                    window.location.reload();
-                }
-            },
-            duration: duration
-        });
-    };
-    (0, $3Sbms$useEffect)(()=>{
-        try {
-            localStorage.setItem("stream_ui_theme", theme);
-        } catch (localStorageError) {
-            console.warn(localStorageError);
-        }
-    }, [
-        theme
-    ]);
-    (0, $3Sbms$useEffect)(()=>{
-        try {
-            localStorage.setItem("stream_ui_language", language);
-            (0, $384d985bb9605c35$export$2e2bcd8739ae039).changeLanguage(language);
-        } catch (localStorageError) {
-            console.warn(localStorageError);
+};
+
+
+
+
+
+
+const $be7ba19df23750d4$export$ef27f94e204e44a9 = ()=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    const state = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
+    return /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+        className: "flex flex-col items-center gap-8",
+        children: [
+            state.company?.avatar_url && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Avatar), {
+                className: "w-[54px] h-[54px]",
+                name: state.company?.company_name || "",
+                image: /*#__PURE__*/ (0, $3Sbms$jsx)("img", {
+                    className: "object-cover bg-white",
+                    alt: `Avatar for ${state.company?.name}`,
+                    src: state.company?.avatar_url,
+                    referrerPolicy: "no-referrer"
+                }),
+                size: "xl"
+            }),
+            /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                className: "flex flex-col items-center gap-2 text-center",
+                children: [
+                    /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+                        className: "text-sm font-normal text-blue-700 min-h-[20px]",
+                        children: t("greeting.requestACall")
+                    }),
+                    /*#__PURE__*/ (0, $3Sbms$jsx)("h2", {
+                        className: "text-4xl font-semibold text-gray-1000 min-h-[44px]",
+                        children: t("greeting.sideTitle")
+                    }),
+                    /*#__PURE__*/ (0, $3Sbms$jsx)("p", {
+                        className: "font-normal text-gray-700 text-md",
+                        children: t("greeting.sideDescription")
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+
+
+
+
+const $532c9d26de079077$var$StepContainer = ({ step: step, text: text })=>{
+    return /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+        className: "flex items-center gap-1.5",
+        children: [
+            /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+                className: "flex justify-center items-center w-6 h-6 bg-gray-300 rounded-full font-semibold text-xs",
+                children: step
+            }),
+            /*#__PURE__*/ (0, $3Sbms$jsx)("div", {
+                className: "text-sm",
+                children: text
+            })
+        ]
+    });
+};
+const $532c9d26de079077$export$954efd801bad2f4e = (props)=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Dialog), {
+        ...props,
+        children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$DialogContent), {
+            children: [
+                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$DialogHeader), {
+                    children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$DialogTitle), {
+                        className: "flex items-center gap-2 max-w-[315px]",
+                        children: [
+                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Lock1Icon), {
+                                size: 18,
+                                className: "text-blue-700",
+                                duotone: true
+                            }),
+                            t("greeting.mediaDenied")
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                    className: "flex flex-col gap-4",
+                    children: [
+                        /*#__PURE__*/ (0, $3Sbms$jsx)("img", {
+                            src: "https://cdn.snapcall.io/stream/permissions.png",
+                            alt: ""
+                        }),
+                        /*#__PURE__*/ (0, $3Sbms$jsx)($532c9d26de079077$var$StepContainer, {
+                            step: 1,
+                            text: /*#__PURE__*/ (0, $3Sbms$jsxs)("span", {
+                                className: "flex items-center",
+                                children: [
+                                    /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Trans), {
+                                        i18nKey: "greeting.clickOnLock",
+                                        children: [
+                                            "Click on the ",
+                                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Lock3Icon), {
+                                                size: 16,
+                                                className: "text-gray-1000"
+                                            }),
+                                            " lock icon in your browser's bar."
+                                        ]
+                                    }),
+                                    ","
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ (0, $3Sbms$jsx)($532c9d26de079077$var$StepContainer, {
+                            step: 2,
+                            text: "Turn on microphone and camera."
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+
+
+
+
+
+
+const $846ede05bc799e5a$export$9d55f406abb38536 = (props)=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Dialog), {
+        ...props,
+        children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$DialogContent), {
+            children: [
+                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$DialogHeader), {
+                    children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$DialogTitle), {
+                        className: "flex items-center gap-2 max-w-[315px]",
+                        children: t("greeting.scheduleACall")
+                    })
+                }),
+                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$DialogDescription), {
+                    children: t("greeting.canceledCallRequest")
+                }),
+                /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                    className: "flex items-end justify-end gap-2",
+                    children: [
+                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Button), {
+                            variant: "outline",
+                            onClick: ()=>props.onOpenChange?.(false),
+                            children: t("misc.cancel")
+                        }),
+                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Button), {
+                            onClick: ()=>{
+                                const urlParams = new URLSearchParams(window.location.href);
+                                const customerEmail = urlParams.get("customerEmail");
+                                window.location.assign(`${"https://app.snapcall.io"}/${(0, $c9e496369b59be7a$export$2f377c2162fd02b2).defaultPublicPage?.token}/schedule/?customerEmail=${customerEmail}`);
+                            },
+                            children: t("misc.proceed")
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+
+
+
+
+const $b9bf9a4ef59eee73$export$4b510b9db1095d90 = (props)=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Dialog), {
+        ...props,
+        children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$DialogContent), {
+            children: [
+                /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$DialogHeader), {
+                    children: [
+                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$DialogTitle), {
+                            className: "flex items-center gap-2 max-w-[315px]",
+                            children: t("greeting.leaveMessage")
+                        }),
+                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$DialogDescription), {
+                            children: t("greeting.cantWaitLeaveMessage")
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                    className: "flex flex-col justify-center gap-4 w-full",
+                    children: [
+                        /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Button), {
+                            variant: "outline",
+                            onClick: ()=>{
+                                window.location.assign(`${window.location}&recorder=1`);
+                            },
+                            children: [
+                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$VideoRecorderIcon), {
+                                    size: "18",
+                                    className: "text-blue-700"
+                                }),
+                                t("greeting.recordVideo")
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Button), {
+                            variant: "outline",
+                            onClick: ()=>{
+                                window.location.assign(`${window.location}&recorder=1&voice=1`);
+                            },
+                            children: [
+                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$VoicemailIcon), {
+                                    size: "18",
+                                    className: "text-blue-700"
+                                }),
+                                t("greeting.recordVoice")
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+
+const $8f7af36c0532a6c4$var$GreetingView = ()=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    const { setStreamState: setStreamState } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const formContext = (0, $3Sbms$useForm)({
+        defaultValues: {
+            name: ""
         }
-    }, [
-        language
-    ]);
-    (0, $3Sbms$useEffect)(()=>{
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("localVideoAvailable", onWebcamUpdate);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("localVideoUnavailable", onWebcamUpdate);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("screenshareEnabled", onScreenshareUpdate);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("screenshareDisabled", onScreenshareUpdate);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("microphoneEnabled", onMicrophoneUpdate);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("microphoneMute", onMicrophoneUpdate);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("microphoneUnmute", onMicrophoneUpdate);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("defaultAudioDeviceChange", onDefaultAudioDeviceChange);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("selfProfileUpdate", onSelfProfileUpdate);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("terminateRoom", onCallTerminated);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("leaveRoom", onCallEnd);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("invalidRoom", onInvalidRoom);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("agentIdentity", onAgentIdentity);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("criticalError", onCriticalError);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("videoRecordingStarted", onVideoRecordingStarted);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("videoRecordingStopped", onVideoRecordingStopped);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("videoRecordingRequested", onVideoRecordingRequested);
-        return ()=>{
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("localVideoAvailable", onWebcamUpdate);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("localVideoUnavailable", onWebcamUpdate);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("screenshareEnabled", onScreenshareUpdate);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("screenshareDisabled", onScreenshareUpdate);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("microphoneEnabled", onMicrophoneUpdate);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("microphoneMute", onMicrophoneUpdate);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("microphoneUnmute", onMicrophoneUpdate);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("defaultAudioDeviceChange", onDefaultAudioDeviceChange);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("selfProfileUpdate", onSelfProfileUpdate);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("terminateRoom", onCallTerminated);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("leaveRoom", onCallEnd);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("invalidRoom", onInvalidRoom);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("agentIdentity", onAgentIdentity);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("criticalError", onCriticalError);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("videoRecordingStarted", onVideoRecordingStarted);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("videoRecordingStopped", onVideoRecordingStopped);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("videoRecordingRequested", onVideoRecordingRequested);
-        };
-    }, [
-        onVideoRecordingRequested
-    ]);
+    });
+    const publicPage = (0, $3Sbms$useQuery)([
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).defaultPublicPage?.token
+    ], ()=>(0, $c9e496369b59be7a$export$2f377c2162fd02b2).getPublicPage((0, $c9e496369b59be7a$export$2f377c2162fd02b2).defaultPublicPage?.token || ""), {
+        enabled: Boolean((0, $c9e496369b59be7a$export$2f377c2162fd02b2).defaultPublicPage?.token),
+        staleTime: Infinity
+    });
+    const videoRef = (0, $3Sbms$useRef)(null);
+    const [videoTrack, setVideoTrack] = (0, $3Sbms$useState)(undefined);
+    const [micEnabled, setMicEnabled] = (0, $3Sbms$useState)(false);
+    const [joining, setJoining] = (0, $3Sbms$useState)(false);
+    const [denied, setDenied] = (0, $3Sbms$useState)(false);
+    const [permissionsDenied, setPermissionsDenied] = (0, $3Sbms$useState)(false);
+    const [devices, setDevices] = (0, $3Sbms$useState)({
+        audioInput: [],
+        audioOutput: [],
+        videoInput: []
+    });
+    const [selectedAudio, setSelectedAudio] = (0, $3Sbms$useState)("0");
+    const [selectedVideo, setSelectedVideo] = (0, $3Sbms$useState)("0");
+    const permissionDeniedModalState = (0, $3Sbms$useOverlayTriggerState)({});
+    const openScheduledModalState = (0, $3Sbms$useOverlayTriggerState)({});
+    const openRecorderModalState = (0, $3Sbms$useOverlayTriggerState)({});
+    const state = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
     (0, $3Sbms$useEffect)(()=>{
-        const onEnterRoom = async (event)=>{
-            const peerId = event.detail.peerId;
-            setPlan(event.detail.plan);
-            setPermissions(event.detail.permissions);
-            setSelfPeerId(peerId);
-            setVideoRecording(event.detail.videoRecording || {
-                requested: false,
-                started: false
-            });
-            if (event.detail.videoRecording?.requested) (0, $a5146f9062d7bf28$export$3a57e165650c636f)(t("notifications.recording"), {
-                duration: 11000,
-                icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $4731637db263b767$export$d9f09da0f8d1c822), {}),
-                messageStyle: {
-                    fontWeight: 600
-                }
-            });
-            if (!options.recorder?.enabled) try {
-                if (!options.headless) await (0, $15a01b611391c1e7$export$494039379563c94d)(options);
-                setUserInteractionTriggered(true);
-            } catch (userInteractionError) {
-                setBlockedDevicesPopupOpen(true);
-                console.error("User interaction trigger failed", userInteractionError);
-            } finally{
-                setStreamState("streaming");
+        const onRequestAccessResult = (data)=>{
+            if (!data.detail.success) setDenied(true);
+            else {
+                const cameraEnabled = Boolean(videoTrack);
+                videoTrack?.stop();
+                setStreamState("loading");
+                if (micEnabled) (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableMicrophone({
+                    deviceId: devices.audioInput[Number(selectedAudio)]?.deviceId
+                });
+                if (cameraEnabled) (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableVideo({
+                    device: devices.videoInput[Number(selectedVideo)]
+                });
             }
         };
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("enterRoom", onEnterRoom);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("requestAccessResult", onRequestAccessResult);
         return ()=>{
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("enterRoom", onEnterRoom);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("requestAccessResult", onRequestAccessResult);
         };
+    });
+    const onSubmit = async ()=>{
+        const { name: name } = formContext.getValues();
+        await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setProfile({
+            name: name
+        });
+        await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).requestRoomAccess();
+        setJoining(true);
+    };
+    const getUserMedia = (0, $3Sbms$useCallback)(async (opt)=>{
+        try {
+            if (videoTrack && opt.video) videoTrack.stop();
+            const stream = await navigator.mediaDevices.getUserMedia(opt);
+            const newVideoTrack = stream.getVideoTracks()[0];
+            const newAudioTrack = stream.getAudioTracks()[0];
+            if (newVideoTrack) setVideoTrack(newVideoTrack);
+            if (newAudioTrack) setMicEnabled(true);
+            newAudioTrack?.stop();
+            const devices = await navigator.mediaDevices.enumerateDevices();
+            const devicesParam = {
+                audioInput: [],
+                audioOutput: [],
+                videoInput: []
+            };
+            devices.forEach((device)=>{
+                if (device.kind === "audiooutput" && device.deviceId === "default") devicesParam.audioOutput.push(device);
+                if (device.kind === "videoinput") devicesParam.videoInput.push(device);
+                if (device.kind === "audioinput") devicesParam.audioInput.push(device);
+            });
+            setDevices(devicesParam);
+        } catch (err) {
+            setPermissionsDenied(true);
+            permissionDeniedModalState.open();
+            console.error("Get User Media Failed: ", err);
+        }
     }, [
-        options,
-        t
+        permissionDeniedModalState,
+        videoTrack
     ]);
-    return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$QueryClientProvider), {
-        client: $26ed036cbc17809a$var$queryClient,
-        children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039).Provider, {
-            value: {
-                videoRecording: videoRecording,
-                setVideoRecording: setVideoRecording,
-                headless: Boolean(options.headless),
-                plan: plan,
-                permissions: permissions,
-                selfPeerId: selfPeerId,
-                streamUIContainerRef: streamUIContainerRef,
-                videosContainerRef: videosContainerRef,
-                remoteTilesContainerRef: remoteTilesContainerRef,
-                streamState: streamState,
-                setStreamState: setStreamState,
-                isQuickConnectPopupVisible: isQuickConnectPopupVisible,
-                setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible,
-                isSettingsMenuVisible: isSettingsMenuVisible,
-                setIsSettingsMenuVisible: setIsSettingsMenuVisible,
-                isYoutubePopupVisible: isYoutubePopupVisible,
-                setIsYoutubePopupVisible: setIsYoutubePopupVisible,
-                isLinksharePopupVisible: isLinksharePopupVisible,
-                setIsLinksharePopupVisible: setIsLinksharePopupVisible,
-                isVirtualBackgroundPopupVisible: isVirtualBackgroundPopupVisible,
-                setIsVirtualBackgroundPopupVisible: setIsVirtualBackgroundPopupVisible,
-                isBlockedFeaturePopupOpen: isBlockedFeaturePopupOpen,
-                setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen,
-                isRecordingStartPopupOpen: isRecordingStartPopupOpen,
-                setRecordingStartPopupOpen: setRecordingStartPopupOpen,
-                theme: theme,
-                setTheme: setTheme,
-                language: language,
-                setLanguage: setLanguage,
-                options: options,
-                profile: profile,
-                muted: muted,
-                streaming: streaming,
-                screensharing: screensharing,
-                isAgent: isAgent,
-                userInteractionTriggered: userInteractionTriggered,
-                orientation: orientation
-            },
-            children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$ThemeProvider), {
-                theme: styledTheme,
+    const onCameraClick = (0, $3Sbms$useCallback)(async ()=>{
+        if (!videoTrack) await getUserMedia({
+            video: true
+        });
+        else {
+            videoTrack.stop();
+            setVideoTrack(undefined);
+        }
+    }, [
+        getUserMedia,
+        videoTrack
+    ]);
+    const onMicrophoneClick = (0, $3Sbms$useCallback)(async ()=>{
+        if (!micEnabled) await getUserMedia({
+            audio: true
+        });
+        else setMicEnabled(false);
+    }, [
+        getUserMedia,
+        micEnabled
+    ]);
+    (0, $3Sbms$useEffect)(()=>{
+        if (videoRef.current) {
+            if (videoTrack) videoRef.current.srcObject = new MediaStream([
+                videoTrack
+            ]);
+            else videoRef.current.srcObject = null;
+        }
+    }, [
+        videoRef,
+        videoTrack
+    ]);
+    (0, $3Sbms$useEffect)(()=>{
+        getUserMedia({
+            audio: true,
+            video: true
+        });
+    }, []);
+    const webcamEnabled = Boolean(videoTrack);
+    return /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+        className: "flex flex-col w-full min-h-screen gap-12 p-8 overflow-y-auto public-page-bg",
+        children: [
+            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $532c9d26de079077$export$954efd801bad2f4e), {
+                open: permissionDeniedModalState.isOpen,
+                onOpenChange: permissionDeniedModalState.setOpen
+            }),
+            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $be7ba19df23750d4$export$ef27f94e204e44a9), {}),
+            /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                className: "flex items-stretch justify-center gap-8",
                 children: [
-                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $4fb4815baa04b470$export$20f257fc407da7a3), {}),
-                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $d6008ea114507578$export$2e2bcd8739ae039), {}),
-                    /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $4fb4815baa04b470$export$914ddf2021ea8ee6), {
-                        ref: streamUIContainerRef,
+                    /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                        className: "flex flex-col gap-4",
                         children: [
-                            streamState === "loading" && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $91d20ee7d2ade85c$export$669f6ea7d267feaf), {}),
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3a42b2ef7646d035$export$2e2bcd8739ae039), {}),
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Toaster), {
-                                duration: 3000,
-                                className: "gap-2"
-                            }),
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $805d92fa41e6e1b0$export$2e2bcd8739ae039), {}),
-                            isBlockedDevicesPopupOpen && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6aca0f707e80bf63$export$2e2bcd8739ae039), {
-                                close: ()=>{
-                                    setUserInteractionTriggered(true);
-                                    setBlockedDevicesPopupOpen(false);
-                                }
+                            /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                                className: "w-[400px] h-[400px] bg-gray-1000 rounded-lg overflow-hidden relative",
+                                children: [
+                                    /*#__PURE__*/ (0, $3Sbms$jsx)("video", {
+                                        className: "-scale-x-[1] w-full h-full object-cover",
+                                        ref: videoRef,
+                                        autoPlay: true
+                                    }),
+                                    !webcamEnabled && formContext.watch("name") && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Avatar), {
+                                        size: "lg",
+                                        className: "absolute -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2",
+                                        name: formContext.watch("name")
+                                    }),
+                                    formContext.watch("name") && /*#__PURE__*/ (0, $3Sbms$jsxs)("span", {
+                                        className: "absolute flex items-center gap-1 p-1 text-xs font-bold text-white rounded-md bg-[#292929] bottom-2 left-2",
+                                        children: [
+                                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Avatar), {
+                                                size: "xs",
+                                                name: formContext.watch("name")
+                                            }),
+                                            " ",
+                                            formContext.watch("name")
+                                        ]
+                                    })
+                                ]
                             }),
-                            streamState === "recorder" && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $b76354b532370976$export$336a011955157f9a), {}),
-                            (streamState === "streaming" || streamState === "loading") && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Fragment), {
-                                children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $cce9fd41d8a55a18$export$74636703cfe1eecf), {
+                            /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                                className: "grid grid-cols-2 gap-4",
+                                children: [
+                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $095542f48ed9fed0$export$8d6498a96ae0e73f), {
+                                        onClick: ()=>{
+                                            onCameraClick();
+                                        },
+                                        className: "",
+                                        type: "camera",
+                                        state: permissionsDenied ? "blocked" : webcamEnabled ? "on" : "off"
+                                    }),
+                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $095542f48ed9fed0$export$8d6498a96ae0e73f), {
+                                        onClick: ()=>{
+                                            onMicrophoneClick();
+                                        },
+                                        className: "",
+                                        type: "audio",
+                                        state: permissionsDenied ? "blocked" : micEnabled ? "on" : "off"
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $3Sbms$jsx)("div", {
+                        className: "w-[400px] min-h-[400px] p-6 bg-white border border-gray-200 rounded-lg",
+                        children: joining || denied ? /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                            className: "flex flex-col h-full",
+                            children: [
+                                /*#__PURE__*/ (0, $3Sbms$jsx)("div", {
+                                    className: "flex flex-col items-center justify-center flex-grow gap-4",
+                                    children: denied ? /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Fragment), {
+                                        children: [
+                                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SlashCircle1Icon), {
+                                                size: 32,
+                                                className: "text-red-700"
+                                            }),
+                                            /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                                                className: "flex flex-col items-center",
+                                                children: [
+                                                    /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+                                                        className: "font-medium text-md",
+                                                        children: t("greeting.cantJoinCall")
+                                                    }),
+                                                    /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+                                                        className: "text-sm text-center text-gray-700",
+                                                        children: t("greeting.someoneDenied")
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    }) : /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Fragment), {
+                                        children: [
+                                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SpinnerIcon), {
+                                                size: 32,
+                                                className: "text-blue-700 animate-spin"
+                                            }),
+                                            /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                                                className: "flex flex-col items-center",
+                                                children: [
+                                                    /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+                                                        className: "font-medium text-md",
+                                                        children: t("greeting.askingLetIn")
+                                                    }),
+                                                    /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+                                                        className: "text-sm text-center text-gray-700",
+                                                        children: t("greeting.takeFewMinute")
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $846ede05bc799e5a$export$9d55f406abb38536), {
+                                    open: openScheduledModalState.isOpen,
+                                    onOpenChange: openScheduledModalState.setOpen
+                                }),
+                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $b9bf9a4ef59eee73$export$4b510b9db1095d90), {
+                                    open: openRecorderModalState.isOpen,
+                                    onOpenChange: openRecorderModalState.setOpen
+                                }),
+                                /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                                    className: "flex flex-col gap-2",
                                     children: [
-                                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $f235befa4cdc42d6$export$2e2bcd8739ae039), {}),
-                                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $cdab47bb8796991e$export$2e2bcd8739ae039), {}),
-                                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $69a9c49ece80e773$export$2e2bcd8739ae039), {}),
-                                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $01986a58bfba8001$export$2e2bcd8739ae039), {})
+                                        /*#__PURE__*/ (0, $3Sbms$jsx)("div", {
+                                            className: "text-sm text-center text-gray-700",
+                                            children: denied ? t("greeting.whatYouCanDo") : t("greeting.cantWait")
+                                        }),
+                                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Button), {
+                                            className: "w-full",
+                                            variant: "secondary",
+                                            onClick: ()=>{
+                                                openRecorderModalState.setOpen(true);
+                                            },
+                                            children: t("greeting.leaveMessage")
+                                        }),
+                                        publicPage.data?.data.links.find((pp)=>pp.id === "scheduleCall")?.active && /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Button), {
+                                            className: "w-full",
+                                            variant: "outline",
+                                            onClick: ()=>{
+                                                openScheduledModalState.open();
+                                            },
+                                            children: [
+                                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$CalendarIcon), {
+                                                    duotone: true,
+                                                    size: 18
+                                                }),
+                                                " ",
+                                                t("greeting.scheduleACall")
+                                            ]
+                                        })
                                     ]
                                 })
-                            }),
-                            (streamState === "ended" || streamState === "terminated" || streamState === "full" || streamState === "expired") && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $df41bfe6da05853a$export$2e2bcd8739ae039), {})
-                        ]
+                            ]
+                        }) : /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Form), {
+                            ...formContext,
+                            children: /*#__PURE__*/ (0, $3Sbms$jsxs)("form", {
+                                onSubmit: formContext.handleSubmit(onSubmit),
+                                className: "flex flex-col justify-between h-full",
+                                children: [
+                                    /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                                        className: "space-y-6",
+                                        children: [
+                                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$FormField), {
+                                                control: formContext.control,
+                                                name: "name",
+                                                render: ({ field: field })=>/*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$FormItem), {
+                                                        children: [
+                                                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$FormLabel), {
+                                                                children: t("greeting.name")
+                                                            }),
+                                                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$FormControl), {
+                                                                children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Input), {
+                                                                    autoFocus: true,
+                                                                    placeholder: t("greeting.namePlaceholder"),
+                                                                    ...field
+                                                                })
+                                                            }),
+                                                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$FormMessage), {
+                                                                children: t("greeting.nameDescription")
+                                                            })
+                                                        ]
+                                                    })
+                                            }),
+                                            /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                                                className: "flex flex-col gap-1.5",
+                                                children: [
+                                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$FormLabel), {
+                                                        children: t("greeting.setting")
+                                                    }),
+                                                    /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                                                        className: "flex items-center gap-4",
+                                                        children: [
+                                                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$VideoRecorderIcon), {
+                                                                duotone: true,
+                                                                size: 18
+                                                            }),
+                                                            /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Select), {
+                                                                value: selectedVideo,
+                                                                onValueChange: (value)=>{
+                                                                    setSelectedVideo(value);
+                                                                    getUserMedia({
+                                                                        video: devices.videoInput[Number(value)]
+                                                                    });
+                                                                },
+                                                                children: [
+                                                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SelectTrigger), {
+                                                                        className: "flex-grow",
+                                                                        children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SelectValue), {})
+                                                                    }),
+                                                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SelectContent), {
+                                                                        children: devices.videoInput.map((device, i)=>{
+                                                                            return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SelectItem), {
+                                                                                value: `${i}`,
+                                                                                children: device.label
+                                                                            }, `${i}`);
+                                                                        })
+                                                                    })
+                                                                ]
+                                                            })
+                                                        ]
+                                                    }),
+                                                    /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                                                        className: "flex items-center gap-4",
+                                                        children: [
+                                                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Microphone1Icon), {
+                                                                duotone: true,
+                                                                size: 18
+                                                            }),
+                                                            /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Select), {
+                                                                value: selectedAudio,
+                                                                onValueChange: (value)=>{
+                                                                    getUserMedia({
+                                                                        audio: devices.audioInput[Number(value)]
+                                                                    });
+                                                                    setSelectedAudio(value);
+                                                                },
+                                                                children: [
+                                                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SelectTrigger), {
+                                                                        className: "flex-grow",
+                                                                        children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SelectValue), {})
+                                                                    }),
+                                                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SelectContent), {
+                                                                        children: devices.audioInput.map((device, i)=>{
+                                                                            return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SelectItem), {
+                                                                                value: `${i}`,
+                                                                                children: device.label
+                                                                            }, `${i}`);
+                                                                        })
+                                                                    })
+                                                                ]
+                                                            })
+                                                        ]
+                                                    }),
+                                                    /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                                                        className: "flex items-center gap-4",
+                                                        children: [
+                                                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$VolumeMaxIcon), {
+                                                                duotone: true,
+                                                                size: 18
+                                                            }),
+                                                            /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Select), {
+                                                                value: "0",
+                                                                children: [
+                                                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SelectTrigger), {
+                                                                        className: "flex-grow",
+                                                                        children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SelectValue), {})
+                                                                    }),
+                                                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SelectContent), {
+                                                                        children: devices.audioOutput.map((device, i)=>{
+                                                                            return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SelectItem), {
+                                                                                value: `${i}`,
+                                                                                children: device.label
+                                                                            }, `${i}`);
+                                                                        })
+                                                                    })
+                                                                ]
+                                                            })
+                                                        ]
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                                        className: "flex flex-col flex-end gap-2",
+                                        children: [
+                                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Button), {
+                                                type: "submit",
+                                                children: t("greeting.askToJoin")
+                                            }),
+                                            /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+                                                className: "text-sm text-center text-gray-700",
+                                                children: t("greeting.youWillJoinWhenSomeoneLetsYou", {
+                                                    companyName: state.company?.company_name
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        })
                     })
                 ]
+            }),
+            /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                className: "flex flex-col items-center gap-2 pt-10 border-t border-gray-200 w-full max-w-[800px] mx-auto",
+                children: [
+                    /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+                        className: "text-sm text-gray-700",
+                        children: t("shareLink.poweredBy")
+                    }),
+                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7f5b5a40ab7d19c2$export$9ea2b4f70e201d7f), {})
+                ]
             })
-        })
-    });
-};
-var $26ed036cbc17809a$export$2e2bcd8739ae039 = $26ed036cbc17809a$var$StreamUI;
-
-
-
-// https://help.hotjar.com/hc/en-us/articles/360033640653-Identify-API-Reference#01G2A279ZXW4JT60NKXKX69G49
-// prettier-ignore
-// @ts-ignore
-window.hj = window.hj || function() {
-    (hj.q = hj.q || []).push(arguments);
-};
-
-
-
-
-
-
-
-const $9a3d651cab8c9249$var$GreetingSnapcallLogo = ()=>{
-    return /*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
-        width: "72",
-        height: "72",
-        viewBox: "0 0 72 72",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ (0, $3Sbms$jsxs)("g", {
-            clipPath: "url(#greetingSnapcallLogo)",
-            children: [
-                /*#__PURE__*/ (0, $3Sbms$jsx)("path", {
-                    d: "M0 36C0 6.354 6.354 0 36 0s36 6.354 36 36-6.354 36-36 36S0 65.646 0 36Z",
-                    fill: "#000"
-                }),
-                /*#__PURE__*/ (0, $3Sbms$jsx)("path", {
-                    d: "M36.225 57.428c2.367 0 4.35-1.964 3.62-4.215a13.38 13.38 0 0 0-3.133-5.203c-2.432-2.498-5.73-3.902-9.17-3.902-3.44 0-6.74 1.404-9.172 3.902a13.381 13.381 0 0 0-3.132 5.203c-.731 2.25 1.252 4.215 3.62 4.215h17.367ZM35.775 14.572c-2.367 0-4.35 1.965-3.62 4.216a13.381 13.381 0 0 0 3.133 5.203c2.432 2.498 5.73 3.901 9.17 3.901 3.44 0 6.74-1.403 9.172-3.901a13.375 13.375 0 0 0 3.132-5.203c.731-2.252-1.252-4.216-3.62-4.216H35.776ZM44.459 53.143c0 2.367 1.971 4.352 4.204 3.566a12.924 12.924 0 0 0 4.967-3.182c2.432-2.498 3.799-5.886 3.799-9.419 0-3.533-1.367-6.921-3.8-9.42a12.923 12.923 0 0 0-4.966-3.181c-2.233-.786-4.204 1.2-4.204 3.566v18.07ZM27.541 18.857c0-2.367-1.971-4.352-4.204-3.566a12.923 12.923 0 0 0-4.967 3.182c-2.432 2.498-3.799 5.886-3.799 9.42 0 3.532 1.367 6.92 3.8 9.418a12.923 12.923 0 0 0 4.966 3.182c2.233.786 4.204-1.2 4.204-3.566v-18.07Z",
-                    fill: "#fff"
-                })
-            ]
-        })
+        ]
     });
-};
-var $9a3d651cab8c9249$export$2e2bcd8739ae039 = $9a3d651cab8c9249$var$GreetingSnapcallLogo;
-
-
-
-
-const $35c6a4b506b7dc62$export$d653589df987fd93 = (0, $3Sbms$styledcomponents).div`
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  color: #1d1c20;
-  padding-top: 76px;
-  font-family: Lato;
-  box-sizing: border-box;
-`;
-const $35c6a4b506b7dc62$export$d43ffeaaec0b2a58 = (0, $3Sbms$styledcomponents).div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 72px;
-  height: 72px;
-  svg {
-    width: 50px;
-    height: 50px;
-  }
-  background-color: black;
-  border-radius: 25px;
-  box-sizing: border-box;
-`;
-const $35c6a4b506b7dc62$export$873b7756313e36bb = (0, $3Sbms$styledcomponents).h1`
-  font-size: 32px;
-  line-height: 39px;
-  font-weight: 700;
-  font-family: Gazpacho;
-  text-align: center;
-`;
-const $35c6a4b506b7dc62$export$b7a7fefc0b349825 = (0, $3Sbms$styledcomponents).div`
-  display: flex;
-  align-items: center;
-  gap: 10px;
-`;
-const $35c6a4b506b7dc62$export$b302ef9d8310f71 = (0, $3Sbms$styledcomponents).div`
-  position: relative;
-  width: 350px;
-  height: 350px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`;
-const $35c6a4b506b7dc62$export$ae01dedf5c052bb = (0, $3Sbms$styledcomponents).video`
-  width: 300px;
-  height: 300px;
-  background-color: black;
-  border-radius: 15px;
-  object-fit: cover;
-  transform: scale(-1, 1);
-`;
-const $35c6a4b506b7dc62$export$778ed67917f5eacf = (0, $3Sbms$styledcomponents).div`
-  display: flex;
-  position: absolute;
-  top: 8px;
-  left: 8px;
-  gap: 8px;
-  z-index: 15;
-`;
-const $35c6a4b506b7dc62$export$92fe811838849d7d = (0, $3Sbms$styledcomponents).div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 26px;
-  height: 26px;
-  border-radius: 50%;
-  background-color: rgba(28, 32, 36, 0.25);
-  z-index: 2;
-`;
-const $35c6a4b506b7dc62$export$65550b47dde6d016 = (0, $3Sbms$styledcomponents).div`
-  position: absolute;
-  width: 300px;
-  height: 300px;
-  background-color: black;
-  border-radius: 15px;
-  z-index: 1;
-  display: ${({ webcamEnabled: webcamEnabled })=>webcamEnabled ? "none" : "flex"};
-  align-items: center;
-  justify-content: center;
-`;
-const $35c6a4b506b7dc62$export$48377ae1c677702b = (0, $3Sbms$styledcomponents).div`
-  position: absolute;
-  bottom: 45px;
-  display: flex;
-  width: 100%;
-  justify-content: center;
-  gap: 13px;
-  z-index: 2;
-`;
-const $35c6a4b506b7dc62$export$6e8af0bd0a2aaa77 = (0, $3Sbms$styledcomponents).button`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 48px;
-  min-height: 48px;
-  background-color: ${({ danger: danger })=>danger ? "#d84949" : "#2d2d2d"};
-  border: none;
-  border-radius: 15px;
-  padding: 0 8px;
-  gap: 8px;
-  cursor: pointer;
-
-  p {
-    color: white;
-    font-size: 14px;
-    font-weight: 600;
-    margin: 0;
-  }
+};
+var $8f7af36c0532a6c4$export$2e2bcd8739ae039 = $8f7af36c0532a6c4$var$GreetingView;
 
-  &:hover {
-    border: 2px solid ${({ danger: danger })=>danger ? "#fc7d7d" : "#8d8d8d"};
-  }
 
-  svg {
-    width: 24px;
-    height: 24px;
-  }
-`;
-const $35c6a4b506b7dc62$export$c7a6f02121c3b3b5 = (0, $3Sbms$styledcomponents).div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  width: 350px;
 
-  h3 {
-    margin: 0;
-  }
-`;
-const $35c6a4b506b7dc62$export$916d4667067f956a = (0, $3Sbms$styledcomponents).h3`
-  font-size: 20px;
-  line-height: 24px;
-  font-weight: 700;
-  margin: 0;
-  font-family: Gazpacho;
-`;
-const $35c6a4b506b7dc62$export$190947c3048e2d5d = (0, $3Sbms$styledcomponents).p`
-  font-size: 16px;
-  line-height: 22px;
-  font-weight: 400;
-`;
-const $35c6a4b506b7dc62$export$f5b8910cec6cf069 = (0, $3Sbms$styledcomponents).input`
-  width: 100%;
-  border: 1px solid #c9c9ca;
-  border-radius: 8px;
-  height: 50px;
-  padding: 14px 12px;
-  box-sizing: border-box;
-  margin-top: 40px;
-  font-size: 16px;
-`;
-const $35c6a4b506b7dc62$export$353f5b6fc5456de1 = (0, $3Sbms$styledcomponents).button`
-  width: 100%;
-  background-color: #1d1c20;
-  color: white;
-  padding: 0;
-  outline: inherit;
-  height: 50px;
-  border: 0;
-  border-radius: 8px;
-  margin-top: 15px;
-  font-size: 16px;
-  line-height: 19px;
-  font-weight: 500;
-  cursor: pointer;
-`;
-const $35c6a4b506b7dc62$export$a06f1c675e846f6f = (0, $3Sbms$styledcomponents).footer`
-  display: flex;
-  flex: 1;
-  justify-content: flex-end;
-  flex-direction: column;
-  margin-bottom: 30px;
-  align-items: center;
-  text-align: center;
-  width: 300px;
-`;
-const $35c6a4b506b7dc62$export$53e4a0ea45e729a2 = (0, $3Sbms$styledcomponents).h5`
-  font-weight: 700;
-  font-size: 16px;
-  line-height: 19px;
-  margin: 0;
-  font-family: Gazpacho;
-`;
-const $35c6a4b506b7dc62$export$eb20cbaff2d739a5 = (0, $3Sbms$styledcomponents).p`
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 14px;
-  color: black;
-  margin-bottom: 0;
-  margin-top: 10px;
-`;
-const $35c6a4b506b7dc62$export$d4a1a815e49dfefd = (0, $3Sbms$styledcomponents).div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background-color: #fff;
-  color: #1d1c20;
-  height: 100%;
-`;
 
 
 
 
 
+const $c6a143d1088045e0$var$Bold = ({ children: children })=>/*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+        className: "font-medium text-primary",
+        children: children
+    });
+const $c6a143d1088045e0$export$ed71079a84f20635 = ()=>{
+    const { t: t } = (0, $3Sbms$useTranslation)();
+    const modalState = (0, $3Sbms$useOverlayTriggerState)({});
+    const [requests, setRequests] = (0, $3Sbms$useState)([]);
+    (0, $3Sbms$useEffect)(()=>{
+        modalState.setOpen(requests.length !== 0);
+    }, [
+        modalState,
+        requests.length
+    ]);
+    (0, $3Sbms$useEffect)(()=>{
+        const onAccessRequest = (event)=>{
+            setRequests([
+                ...requests,
+                event.detail
+            ]);
+        };
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("accessRequest", onAccessRequest);
+        return ()=>{
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("accessRequest", onAccessRequest);
+        };
+    }, [
+        setRequests,
+        modalState,
+        requests
+    ]);
+    (0, $3Sbms$useEffect)(()=>{
+        const onAgentIdentity = async ()=>{
+            const requests = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getRoomPeers();
+            setRequests(requests.waitingRequests);
+        };
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("agentIdentity", onAgentIdentity);
+        return ()=>{
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("agentIdentity", onAgentIdentity);
+        };
+    }, [
+        modalState
+    ]);
+    (0, $3Sbms$useEffect)(()=>{
+        const onEnterRoom = async (event)=>{
+            setRequests(event.detail.waitingRequests);
+        };
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("enterRoom", onEnterRoom);
+        return ()=>{
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("enterRoom", onEnterRoom);
+        };
+    }, [
+        modalState
+    ]);
+    (0, $3Sbms$useEffect)(()=>{
+        const onCancelAccessRequest = async (event)=>{
+            const id = event.detail.id;
+            const removeCanceled = requests.filter((rq)=>{
+                return id !== rq.id;
+            });
+            setRequests(removeCanceled);
+        };
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("cancelAccessRequest", onCancelAccessRequest);
+        return ()=>{
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("cancelAccessRequest", onCancelAccessRequest);
+        };
+    }, [
+        modalState,
+        requests
+    ]);
+    return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$AlertDialog), {
+        open: modalState.isOpen,
+        onOpenChange: (open)=>{
+            modalState.setOpen(open);
+        },
+        children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$AlertDialogContent), {
+            children: [
+                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$AlertDialogHeader), {
+                    children: /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                        className: "flex flex-col align-items items-center gap-6 mb-6",
+                        children: [
+                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Avatar), {
+                                className: "w-[54px] h-[54px] text-3xl font-semibold",
+                                name: requests[0]?.profile?.name || t("requestAccess.defaultName")
+                            }),
+                            /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+                                className: "w-full text-center text-lg font-normal",
+                                children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Trans), {
+                                    i18nKey: "requestAccess.wantToJoin",
+                                    values: {
+                                        name: requests[0]?.profile?.name || t("requestAccess.defaultName")
+                                    },
+                                    components: {
+                                        bold: /*#__PURE__*/ (0, $3Sbms$jsx)($c6a143d1088045e0$var$Bold, {})
+                                    }
+                                })
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$AlertDialogFooter), {
+                    className: "w-full",
+                    children: [
+                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$AlertDialogCancel), {
+                            className: "w-full",
+                            onClick: ()=>{
+                                (0, $c9e496369b59be7a$export$2f377c2162fd02b2).denyAccessRequest(requests[0]?.id);
+                                requests.shift();
+                                setRequests(requests);
+                            },
+                            children: t("requestAccess.deny")
+                        }),
+                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$AlertDialogAction), {
+                            className: "w-full",
+                            onClick: ()=>{
+                                (0, $c9e496369b59be7a$export$2f377c2162fd02b2).acceptAccessRequest(requests[0]?.id);
+                                requests.shift();
+                                setRequests(requests);
+                            },
+                            variant: "primary",
+                            children: t("requestAccess.admit")
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
 
-const $f8d57e3d223f5089$var$GreetingView = ({ onGreetingDone: onGreetingDone })=>{
+const $26ed036cbc17809a$var$currentTheme = (0, $52580db2e49cdd90$export$3bfd0d5209a8006a)();
+const $26ed036cbc17809a$var$currentLanguage = (0, $a3e657fb86ae23f3$export$604ba5624273df44)();
+const $26ed036cbc17809a$var$queryClient = new (0, $3Sbms$QueryClient)();
+let $26ed036cbc17809a$var$timestampCriticalError = -1;
+const $26ed036cbc17809a$var$StreamUI = ({ options: options })=>{
     const { t: t } = (0, $3Sbms$useTranslation)();
-    const [mainContainerRef, { width: width, height: height }] = (0, $af23c74942bdcae7$export$e295b0c537d32d7d)();
-    const inputRef = (0, $3Sbms$useRef)(null);
-    const videoRef = (0, $3Sbms$useRef)(null);
-    const [videoTrack, setVideoTrack] = (0, $3Sbms$useState)(undefined);
-    const [micEnabled, setMicEnabled] = (0, $3Sbms$useState)(false);
-    const [joining, setJoining] = (0, $3Sbms$useState)(false);
-    const desktop = width >= height;
-    const onSubmit = ()=>{
-        const displayName = inputRef.current?.value;
-        const cameraEnabled = Boolean(videoTrack);
-        videoTrack?.stop();
-        setJoining(true);
-        setTimeout(()=>{
-            onGreetingDone({
-                cameraEnabled: cameraEnabled,
-                micEnabled: micEnabled,
-                displayName: displayName
+    const [selfPeerId, setSelfPeerId] = (0, $3Sbms$useState)(undefined);
+    const streamUIContainerRef = (0, $3Sbms$useRef)(null);
+    const videosContainerRef = (0, $3Sbms$useRef)(null);
+    const remoteTilesContainerRef = (0, $3Sbms$useRef)(null);
+    const [streamState, setStreamState] = (0, $3Sbms$useState)(options.recorder?.enabled ? "recorder" : options.greeting ? "greeting" : "loading");
+    const [isQuickConnectPopupVisible, setIsQuickConnectPopupVisible] = (0, $3Sbms$useState)(false);
+    const [isSettingsMenuVisible, setIsSettingsMenuVisible] = (0, $3Sbms$useState)(false);
+    const [isYoutubePopupVisible, setIsYoutubePopupVisible] = (0, $3Sbms$useState)(false);
+    const [isLinksharePopupVisible, setIsLinksharePopupVisible] = (0, $3Sbms$useState)(false);
+    const [isVirtualBackgroundPopupVisible, setIsVirtualBackgroundPopupVisible] = (0, $3Sbms$useState)(false);
+    const [theme, setTheme] = (0, $3Sbms$useState)($26ed036cbc17809a$var$currentTheme);
+    const [language, setLanguage] = (0, $3Sbms$useState)(options.language || $26ed036cbc17809a$var$currentLanguage);
+    const [profile, setProfile] = (0, $3Sbms$useState)({});
+    const [muted, setMuted] = (0, $3Sbms$useState)(true);
+    const [streaming, setStreaming] = (0, $3Sbms$useState)(false);
+    const [screensharing, setScreensharing] = (0, $3Sbms$useState)(false);
+    const [isAgent, setIsAgent] = (0, $3Sbms$useState)(false);
+    const [userInteractionTriggered, setUserInteractionTriggered] = (0, $3Sbms$useState)(false);
+    const [containerWidth, containerHeight] = (0, $af23c74942bdcae7$export$2b86bedf890eab8)(streamUIContainerRef.current);
+    const [isBlockedDevicesPopupOpen, setBlockedDevicesPopupOpen] = (0, $3Sbms$useState)(false);
+    const [isBlockedFeaturePopupOpen, setBlockedFeaturePopupOpen] = (0, $3Sbms$useState)(false);
+    const [videoRecording, setVideoRecording] = (0, $3Sbms$useState)({
+        requested: false,
+        started: false
+    });
+    const [isRecordingStartPopupOpen, setRecordingStartPopupOpen] = (0, $3Sbms$useState)(false);
+    const [permissions, setPermissions] = (0, $3Sbms$useState)([]);
+    const [plan, setPlan] = (0, $3Sbms$useState)(undefined);
+    const orientation = (containerWidth || window.screen.width) > (containerHeight || window.screen.height) ? "landscape" : "portrait";
+    const styledTheme = theme === "dark" ? (0, $52580db2e49cdd90$export$3e936a8db52a10a0) : (0, $52580db2e49cdd90$export$f30cb9bc4f736419);
+    const onWebcamUpdate = (event)=>{
+        if (event.type === "localVideoAvailable") setStreaming(true);
+        else setStreaming(false);
+    };
+    const onScreenshareUpdate = (event)=>{
+        if (event.type === "screenshareEnabled") setScreensharing(true);
+        else setScreensharing(false);
+    };
+    const onMicrophoneUpdate = (event)=>{
+        if (event.type === "microphoneMute") setMuted(true);
+        else setMuted(false);
+    };
+    const onVideoRecordingStarted = ()=>{
+        setVideoRecording({
+            requested: true,
+            started: true
+        });
+    };
+    const onVideoRecordingStopped = ()=>{
+        setVideoRecording({
+            requested: false,
+            started: false
+        });
+    };
+    const onVideoRecordingRequested = (0, $3Sbms$useCallback)(()=>{
+        setVideoRecording({
+            requested: true,
+            started: false
+        });
+        setRecordingStartPopupOpen(true);
+        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(t("notifications.recording"), {
+            duration: 10000,
+            icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $4731637db263b767$export$d9f09da0f8d1c822), {}),
+            messageStyle: {
+                fontWeight: 600
+            }
+        });
+    }, [
+        t
+    ]);
+    const onDefaultAudioDeviceChange = (event)=>{
+        const micro = event.detail.label;
+        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(`Connected to ${micro}`, {
+            duration: 3000,
+            icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6043ae1b48c5aa97$export$2e2bcd8739ae039), {}),
+            messageStyle: {
+                fontWeight: 600
+            }
+        });
+    };
+    const onSelfProfileUpdate = (event)=>{
+        const { profile: profile } = event.detail;
+        setProfile(profile);
+    };
+    const onCallEnd = ()=>{
+        (0, $15a01b611391c1e7$export$716eeec86fd18da7)();
+        setStreamState("ended");
+        setMuted(true);
+        setStreaming(false);
+        setScreensharing(false);
+        setUserInteractionTriggered(false);
+    };
+    const onCallTerminated = ()=>{
+        (0, $15a01b611391c1e7$export$716eeec86fd18da7)();
+        setStreamState("terminated");
+    };
+    const onInvalidRoom = ()=>{
+        setStreamState("expired");
+    };
+    const onAgentIdentity = (event)=>{
+        const { success: success, email: email, name: name, avatarUrl: avatarUrl } = event.detail;
+        if (success) {
+            setIsAgent(true);
+            setProfile({
+                email: email,
+                name: name,
+                avatarUrl: avatarUrl
+            });
+            if (email) (0, $3Sbms$hotjarbrowser).identify(null, {
+                email: email
             });
-        }, 4000);
+        } else (0, $3Sbms$reacthottoast)("An error occured while trying to join the room as an agent", {
+            className: "error"
+        });
     };
-    const getUserMedia = async (opt)=>{
-        try {
-            const stream = await navigator.mediaDevices.getUserMedia(opt);
-            const videoTrack = stream.getVideoTracks()[0];
-            const audioTrack = stream.getAudioTracks()[0];
-            if (videoTrack) setVideoTrack(videoTrack);
-            if (audioTrack) setMicEnabled(true);
-            audioTrack?.stop();
-        } catch (err) {
-            console.error("Get User Media Failed: ", err);
+    const onCriticalError = (event)=>{
+        const duration = 20000;
+        const now = Date.now();
+        if (event.detail.code === "USERLIMIT") {
+            setStreamState("full");
+            return;
         }
-    };
-    const onCameraClick = (0, $3Sbms$useCallback)(async ()=>{
-        if (!videoTrack) await getUserMedia({
-            video: true
+        if ($26ed036cbc17809a$var$timestampCriticalError !== -1 && $26ed036cbc17809a$var$timestampCriticalError + duration > now) return;
+        $26ed036cbc17809a$var$timestampCriticalError = now;
+        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(`A critical error has occurred (error ${event.detail.code}).`, {
+            icon: (0, $93a0377c243d965e$export$c7df1b15b59b1df2),
+            button: {
+                text: "Reload",
+                action: ()=>{
+                    window.location.reload();
+                }
+            },
+            duration: duration
         });
-        else {
-            videoTrack.stop();
-            setVideoTrack(undefined);
+    };
+    (0, $3Sbms$useEffect)(()=>{
+        try {
+            localStorage.setItem("stream_ui_theme", theme);
+        } catch (localStorageError) {
+            console.warn(localStorageError);
         }
     }, [
-        videoTrack
+        theme
     ]);
-    const onMicrophoneClick = (0, $3Sbms$useCallback)(async ()=>{
-        if (!micEnabled) await getUserMedia({
-            audio: true
-        });
-        else setMicEnabled(false);
+    (0, $3Sbms$useEffect)(()=>{
+        try {
+            localStorage.setItem("stream_ui_language", language);
+            (0, $384d985bb9605c35$export$2e2bcd8739ae039).changeLanguage(language);
+        } catch (localStorageError) {
+            console.warn(localStorageError);
+        }
     }, [
-        micEnabled
+        language
     ]);
     (0, $3Sbms$useEffect)(()=>{
-        if (videoRef.current) {
-            if (videoTrack) videoRef.current.srcObject = new MediaStream([
-                videoTrack
-            ]);
-            else videoRef.current.srcObject = null;
-        }
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("localVideoAvailable", onWebcamUpdate);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("localVideoUnavailable", onWebcamUpdate);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("screenshareEnabled", onScreenshareUpdate);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("screenshareDisabled", onScreenshareUpdate);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("microphoneEnabled", onMicrophoneUpdate);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("microphoneMute", onMicrophoneUpdate);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("microphoneUnmute", onMicrophoneUpdate);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("defaultAudioDeviceChange", onDefaultAudioDeviceChange);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("selfProfileUpdate", onSelfProfileUpdate);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("terminateRoom", onCallTerminated);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("leaveRoom", onCallEnd);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("invalidRoom", onInvalidRoom);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("agentIdentity", onAgentIdentity);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("criticalError", onCriticalError);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("videoRecordingStarted", onVideoRecordingStarted);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("videoRecordingStopped", onVideoRecordingStopped);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("videoRecordingRequested", onVideoRecordingRequested);
+        return ()=>{
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("localVideoAvailable", onWebcamUpdate);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("localVideoUnavailable", onWebcamUpdate);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("screenshareEnabled", onScreenshareUpdate);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("screenshareDisabled", onScreenshareUpdate);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("microphoneEnabled", onMicrophoneUpdate);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("microphoneMute", onMicrophoneUpdate);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("microphoneUnmute", onMicrophoneUpdate);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("defaultAudioDeviceChange", onDefaultAudioDeviceChange);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("selfProfileUpdate", onSelfProfileUpdate);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("terminateRoom", onCallTerminated);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("leaveRoom", onCallEnd);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("invalidRoom", onInvalidRoom);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("agentIdentity", onAgentIdentity);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("criticalError", onCriticalError);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("videoRecordingStarted", onVideoRecordingStarted);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("videoRecordingStopped", onVideoRecordingStopped);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("videoRecordingRequested", onVideoRecordingRequested);
+        };
     }, [
-        videoRef,
-        videoTrack,
-        width,
-        height
+        onVideoRecordingRequested
     ]);
     (0, $3Sbms$useEffect)(()=>{
-        getUserMedia({
-            audio: true,
-            video: true
-        });
+        const startStreaming = async ()=>{
+            if (!options.greeting && !options.recorder?.enabled) await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).joinRoom();
+            const state = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState();
+            const peerId = state.peerId;
+            setPlan(state.plan);
+            setPermissions(state.permissions);
+            setSelfPeerId(peerId);
+            if (!options.recorder?.enabled && !options.greeting) try {
+                if (!options.headless) await (0, $15a01b611391c1e7$export$494039379563c94d)(options);
+                if (options.controls?.microphone?.enabled) await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableMicrophone();
+                if (options.controls?.camera?.enabled) await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableVideo();
+                setUserInteractionTriggered(true);
+            } catch (userInteractionError) {
+                setBlockedDevicesPopupOpen(true);
+                console.error("User interaction trigger failed", userInteractionError);
+            } finally{
+                setStreamState("streaming");
+            }
+        };
+        startStreaming();
     }, []);
-    if (joining === true) return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $35c6a4b506b7dc62$export$d4a1a815e49dfefd), {
-        children: /*#__PURE__*/ (0, $3Sbms$jsx)("img", {
-            src: `${"https://stream-assets.snapcall.io"}/animations/snapcall-logo-animation.gif`,
-            alt: "Snapcall logo animation",
-            height: 40
-        })
-    });
-    const webcamEnabled = Boolean(videoTrack);
-    return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $35c6a4b506b7dc62$export$d653589df987fd93), {
-        ref: mainContainerRef,
-        children: [
-            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $4fb4815baa04b470$export$20f257fc407da7a3), {}),
-            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $9a3d651cab8c9249$export$2e2bcd8739ae039), {}),
-            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $35c6a4b506b7dc62$export$873b7756313e36bb), {
-                children: t("greeting.mainTitle")
-            }),
-            /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $35c6a4b506b7dc62$export$b7a7fefc0b349825), {
+    (0, $3Sbms$useEffect)(()=>{
+        const onEnterRoom = async (event)=>{
+            setVideoRecording(event.detail.videoRecording || {
+                requested: false,
+                started: false
+            });
+            if (event.detail.videoRecording?.requested) (0, $a5146f9062d7bf28$export$3a57e165650c636f)(t("notifications.recording"), {
+                duration: 11000,
+                icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $4731637db263b767$export$d9f09da0f8d1c822), {}),
+                messageStyle: {
+                    fontWeight: 600
+                }
+            });
+            if (!options.recorder?.enabled) setStreamState("streaming");
+        };
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("enterRoom", onEnterRoom);
+        return ()=>{
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("enterRoom", onEnterRoom);
+        };
+    }, [
+        options,
+        t
+    ]);
+    return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$QueryClientProvider), {
+        client: $26ed036cbc17809a$var$queryClient,
+        children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039).Provider, {
+            value: {
+                token: options.token || "",
+                videoRecording: videoRecording,
+                setVideoRecording: setVideoRecording,
+                headless: Boolean(options.headless),
+                plan: plan,
+                permissions: permissions,
+                selfPeerId: selfPeerId,
+                streamUIContainerRef: streamUIContainerRef,
+                videosContainerRef: videosContainerRef,
+                remoteTilesContainerRef: remoteTilesContainerRef,
+                streamState: streamState,
+                setStreamState: setStreamState,
+                isQuickConnectPopupVisible: isQuickConnectPopupVisible,
+                setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible,
+                isSettingsMenuVisible: isSettingsMenuVisible,
+                setIsSettingsMenuVisible: setIsSettingsMenuVisible,
+                isYoutubePopupVisible: isYoutubePopupVisible,
+                setIsYoutubePopupVisible: setIsYoutubePopupVisible,
+                isLinksharePopupVisible: isLinksharePopupVisible,
+                setIsLinksharePopupVisible: setIsLinksharePopupVisible,
+                isVirtualBackgroundPopupVisible: isVirtualBackgroundPopupVisible,
+                setIsVirtualBackgroundPopupVisible: setIsVirtualBackgroundPopupVisible,
+                isBlockedFeaturePopupOpen: isBlockedFeaturePopupOpen,
+                setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen,
+                isRecordingStartPopupOpen: isRecordingStartPopupOpen,
+                setRecordingStartPopupOpen: setRecordingStartPopupOpen,
+                theme: theme,
+                setTheme: setTheme,
+                language: language,
+                setLanguage: setLanguage,
+                options: options,
+                profile: profile,
+                muted: muted,
+                streaming: streaming,
+                screensharing: screensharing,
+                isAgent: isAgent,
+                userInteractionTriggered: userInteractionTriggered,
+                orientation: orientation
+            },
+            children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$ThemeProvider), {
+                theme: styledTheme,
                 children: [
-                    desktop && /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $35c6a4b506b7dc62$export$b302ef9d8310f71), {
-                        children: [
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $35c6a4b506b7dc62$export$ae01dedf5c052bb), {
-                                webcamEnabled: webcamEnabled,
-                                ref: videoRef,
-                                autoPlay: true
-                            }),
-                            /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $35c6a4b506b7dc62$export$65550b47dde6d016), {
-                                webcamEnabled: webcamEnabled,
-                                children: [
-                                    /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $35c6a4b506b7dc62$export$778ed67917f5eacf), {
-                                        children: [
-                                            !micEnabled && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $35c6a4b506b7dc62$export$92fe811838849d7d), {
-                                                children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6043ae1b48c5aa97$export$2e2bcd8739ae039), {
-                                                    status: !micEnabled
-                                                })
-                                            }),
-                                            !webcamEnabled && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $35c6a4b506b7dc62$export$92fe811838849d7d), {
-                                                children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $04e57b1f07a8e9f4$export$2e2bcd8739ae039), {
-                                                    status: !webcamEnabled
-                                                })
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $35c6a4b506b7dc62$export$6e8af0bd0a2aaa77), {
-                                        children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $57da43088f4a416a$export$2e2bcd8739ae039), {})
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $35c6a4b506b7dc62$export$48377ae1c677702b), {
-                                children: [
-                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $35c6a4b506b7dc62$export$6e8af0bd0a2aaa77), {
-                                        onClick: onMicrophoneClick,
-                                        danger: !micEnabled,
-                                        children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6043ae1b48c5aa97$export$2e2bcd8739ae039), {
-                                            status: !micEnabled
-                                        })
-                                    }),
-                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $35c6a4b506b7dc62$export$6e8af0bd0a2aaa77), {
-                                        onClick: onCameraClick,
-                                        danger: !webcamEnabled,
-                                        children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $04e57b1f07a8e9f4$export$2e2bcd8739ae039), {
-                                            status: !webcamEnabled
-                                        })
-                                    })
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $35c6a4b506b7dc62$export$c7a6f02121c3b3b5), {
+                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $4fb4815baa04b470$export$20f257fc407da7a3), {}),
+                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $d6008ea114507578$export$2e2bcd8739ae039), {}),
+                    /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $4fb4815baa04b470$export$914ddf2021ea8ee6), {
+                        ref: streamUIContainerRef,
                         children: [
-                            desktop && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $35c6a4b506b7dc62$export$916d4667067f956a), {
-                                children: t("greeting.sideTitle")
+                            streamState === "loading" && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $91d20ee7d2ade85c$export$669f6ea7d267feaf), {}),
+                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3a42b2ef7646d035$export$2e2bcd8739ae039), {}),
+                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Toaster), {
+                                duration: 3000,
+                                className: "gap-2"
                             }),
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $35c6a4b506b7dc62$export$190947c3048e2d5d), {
-                                children: t("greeting.sideDescription")
+                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $805d92fa41e6e1b0$export$2e2bcd8739ae039), {}),
+                            isBlockedDevicesPopupOpen && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6aca0f707e80bf63$export$2e2bcd8739ae039), {
+                                close: ()=>{
+                                    setUserInteractionTriggered(true);
+                                    setBlockedDevicesPopupOpen(false);
+                                }
                             }),
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $35c6a4b506b7dc62$export$f5b8910cec6cf069), {
-                                ref: inputRef,
-                                name: "displayName",
-                                type: "text",
-                                placeholder: t("greeting.namePlaceholder"),
-                                autoFocus: true
+                            streamState === "greeting" && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $8f7af36c0532a6c4$export$2e2bcd8739ae039), {}),
+                            streamState === "recorder" && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $b76354b532370976$export$336a011955157f9a), {}),
+                            (streamState === "streaming" || streamState === "loading") && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Fragment), {
+                                children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $cce9fd41d8a55a18$export$74636703cfe1eecf), {
+                                    children: [
+                                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $c6a143d1088045e0$export$ed71079a84f20635), {}),
+                                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $f235befa4cdc42d6$export$2e2bcd8739ae039), {}),
+                                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $cdab47bb8796991e$export$2e2bcd8739ae039), {}),
+                                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $69a9c49ece80e773$export$2e2bcd8739ae039), {}),
+                                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $01986a58bfba8001$export$2e2bcd8739ae039), {})
+                                    ]
+                                })
                             }),
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $35c6a4b506b7dc62$export$353f5b6fc5456de1), {
-                                onClick: onSubmit,
-                                children: t("greeting.nameSubmit")
-                            })
+                            (streamState === "ended" || streamState === "terminated" || streamState === "full" || streamState === "expired") && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $df41bfe6da05853a$export$2e2bcd8739ae039), {})
                         ]
                     })
                 ]
-            }),
-            /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $35c6a4b506b7dc62$export$a06f1c675e846f6f), {
-                children: [
-                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $35c6a4b506b7dc62$export$53e4a0ea45e729a2), {
-                        children: t("greeting.footerTitle")
-                    }),
-                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $35c6a4b506b7dc62$export$eb20cbaff2d739a5), {
-                        children: t("greeting.footerDescription")
-                    })
-                ]
             })
-        ]
+        })
     });
 };
-var $f8d57e3d223f5089$export$2e2bcd8739ae039 = $f8d57e3d223f5089$var$GreetingView;
+var $26ed036cbc17809a$export$2e2bcd8739ae039 = $26ed036cbc17809a$var$StreamUI;
+
+
+
+// https://help.hotjar.com/hc/en-us/articles/360033640653-Identify-API-Reference#01G2A279ZXW4JT60NKXKX69G49
+// prettier-ignore
+// @ts-ignore
+window.hj = window.hj || function() {
+    (hj.q = hj.q || []).push(arguments);
+};
+
 
 
 var $1e2747ca72d0ab49$exports = {};
-$1e2747ca72d0ab49$exports = "*, :before, :after, ::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: #93c5fd80;\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n}\n\n.sr-only {\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.pointer-events-auto {\n  pointer-events: auto;\n}\n\n.visible {\n  visibility: visible;\n}\n\n.invisible {\n  visibility: hidden;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.relative {\n  position: relative;\n}\n\n.inset-0 {\n  inset: 0;\n}\n\n.bottom-0 {\n  bottom: 0;\n}\n\n.bottom-2 {\n  bottom: .5rem;\n}\n\n.bottom-4 {\n  bottom: 1rem;\n}\n\n.left-1 {\n  left: .25rem;\n}\n\n.left-1\\/2, .left-\\[50\\%\\] {\n  left: 50%;\n}\n\n.right-0 {\n  right: 0;\n}\n\n.right-1 {\n  right: .25rem;\n}\n\n.right-2 {\n  right: .5rem;\n}\n\n.right-6 {\n  right: 1.5rem;\n}\n\n.top-1\\/2 {\n  top: 50%;\n}\n\n.top-2 {\n  top: .5rem;\n}\n\n.top-6 {\n  top: 1.5rem;\n}\n\n.top-8 {\n  top: 2rem;\n}\n\n.top-\\[50\\%\\] {\n  top: 50%;\n}\n\n.top-auto {\n  top: auto;\n}\n\n.z-10 {\n  z-index: 10;\n}\n\n.z-50 {\n  z-index: 50;\n}\n\n.z-\\[100\\] {\n  z-index: 100;\n}\n\n.z-\\[150\\] {\n  z-index: 150;\n}\n\n.-mx-1 {\n  margin-left: -.25rem;\n  margin-right: -.25rem;\n}\n\n.mx-1 {\n  margin-left: .25rem;\n  margin-right: .25rem;\n}\n\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.my-1 {\n  margin-top: .25rem;\n  margin-bottom: .25rem;\n}\n\n.-mr-2 {\n  margin-right: -.5rem;\n}\n\n.mb-4 {\n  margin-bottom: 1rem;\n}\n\n.mb-\\[9px\\] {\n  margin-bottom: 9px;\n}\n\n.ml-1 {\n  margin-left: .25rem;\n}\n\n.mr-2 {\n  margin-right: .5rem;\n}\n\n.mr-2\\.5 {\n  margin-right: .625rem;\n}\n\n.mt-1 {\n  margin-top: .25rem;\n}\n\n.mt-2 {\n  margin-top: .5rem;\n}\n\n.box-border {\n  box-sizing: border-box;\n}\n\n.block {\n  display: block;\n}\n\n.inline-block {\n  display: inline-block;\n}\n\n.inline {\n  display: inline;\n}\n\n.flex {\n  display: flex;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.table {\n  display: table;\n}\n\n.grid {\n  display: grid;\n}\n\n.hidden {\n  display: none;\n}\n\n.h-1\\/3 {\n  height: 33.3333%;\n}\n\n.h-12 {\n  height: 3rem;\n}\n\n.h-14 {\n  height: 3.5rem;\n}\n\n.h-16 {\n  height: 4rem;\n}\n\n.h-3 {\n  height: .75rem;\n}\n\n.h-4 {\n  height: 1rem;\n}\n\n.h-5 {\n  height: 1.25rem;\n}\n\n.h-6 {\n  height: 1.5rem;\n}\n\n.h-8 {\n  height: 2rem;\n}\n\n.h-9 {\n  height: 2.25rem;\n}\n\n.h-\\[100px\\] {\n  height: 100px;\n}\n\n.h-\\[150px\\] {\n  height: 150px;\n}\n\n.h-\\[16px\\] {\n  height: 16px;\n}\n\n.h-\\[1px\\] {\n  height: 1px;\n}\n\n.h-\\[200px\\] {\n  height: 200px;\n}\n\n.h-\\[24px\\] {\n  height: 24px;\n}\n\n.h-\\[36px\\] {\n  height: 36px;\n}\n\n.h-\\[384px\\] {\n  height: 384px;\n}\n\n.h-\\[40px\\] {\n  height: 40px;\n}\n\n.h-\\[45px\\] {\n  height: 45px;\n}\n\n.h-\\[72px\\] {\n  height: 72px;\n}\n\n.h-\\[8px\\] {\n  height: 8px;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.h-px {\n  height: 1px;\n}\n\n.h-screen {\n  height: 100vh;\n}\n\n.max-h-\\[180px\\] {\n  max-height: 180px;\n}\n\n.max-h-\\[300px\\] {\n  max-height: 300px;\n}\n\n.max-h-\\[70px\\] {\n  max-height: 70px;\n}\n\n.max-h-\\[90\\%\\] {\n  max-height: 90%;\n}\n\n.max-h-\\[90vh\\] {\n  max-height: 90vh;\n}\n\n.max-h-full {\n  max-height: 100%;\n}\n\n.max-h-screen {\n  max-height: 100vh;\n}\n\n.min-h-0 {\n  min-height: 0;\n}\n\n.min-h-9 {\n  min-height: 2.25rem;\n}\n\n.min-h-\\[80px\\] {\n  min-height: 80px;\n}\n\n.w-0 {\n  width: 0;\n}\n\n.w-1\\/3 {\n  width: 33.3333%;\n}\n\n.w-12 {\n  width: 3rem;\n}\n\n.w-16 {\n  width: 4rem;\n}\n\n.w-3 {\n  width: .75rem;\n}\n\n.w-4 {\n  width: 1rem;\n}\n\n.w-5 {\n  width: 1.25rem;\n}\n\n.w-72 {\n  width: 18rem;\n}\n\n.w-8 {\n  width: 2rem;\n}\n\n.w-\\[100px\\] {\n  width: 100px;\n}\n\n.w-\\[130px\\] {\n  width: 130px;\n}\n\n.w-\\[16px\\] {\n  width: 16px;\n}\n\n.w-\\[1px\\] {\n  width: 1px;\n}\n\n.w-\\[24px\\] {\n  width: 24px;\n}\n\n.w-\\[334px\\] {\n  width: 334px;\n}\n\n.w-\\[36px\\] {\n  width: 36px;\n}\n\n.w-\\[42px\\] {\n  width: 42px;\n}\n\n.w-\\[45px\\] {\n  width: 45px;\n}\n\n.w-\\[50\\%\\] {\n  width: 50%;\n}\n\n.w-\\[72px\\] {\n  width: 72px;\n}\n\n.w-\\[8px\\] {\n  width: 8px;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.w-max {\n  width: max-content;\n}\n\n.min-w-0 {\n  min-width: 0;\n}\n\n.min-w-\\[120px\\] {\n  min-width: 120px;\n}\n\n.min-w-\\[144px\\] {\n  min-width: 144px;\n}\n\n.min-w-\\[24px\\] {\n  min-width: 24px;\n}\n\n.min-w-\\[250px\\] {\n  min-width: 250px;\n}\n\n.min-w-full {\n  min-width: 100%;\n}\n\n.max-w-\\[1110px\\] {\n  max-width: 1110px;\n}\n\n.max-w-\\[350px\\] {\n  max-width: 350px;\n}\n\n.max-w-\\[400px\\] {\n  max-width: 400px;\n}\n\n.max-w-\\[500px\\] {\n  max-width: 500px;\n}\n\n.max-w-\\[70px\\] {\n  max-width: 70px;\n}\n\n.max-w-\\[90\\%\\] {\n  max-width: 90%;\n}\n\n.max-w-full {\n  max-width: 100%;\n}\n\n.flex-1 {\n  flex: 1;\n}\n\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n\n.shrink {\n  flex-shrink: 1;\n}\n\n.shrink-0 {\n  flex-shrink: 0;\n}\n\n.flex-grow, .grow {\n  flex-grow: 1;\n}\n\n.grow-0 {\n  flex-grow: 0;\n}\n\n.caption-bottom {\n  caption-side: bottom;\n}\n\n.border-collapse {\n  border-collapse: collapse;\n}\n\n.-translate-x-1\\/2 {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-x-0 {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-x-0\\.5 {\n  --tw-translate-x: .125rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-x-\\[-50\\%\\] {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-y-0 {\n  --tw-translate-y: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-y-\\[-50\\%\\] {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.scale-x-\\[-1\\] {\n  --tw-scale-x: -1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.animate-spin {\n  animation: 1s linear infinite spin;\n}\n\n.cursor-default {\n  cursor: default;\n}\n\n.cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.select-none {\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.resize {\n  resize: both;\n}\n\n.appearance-none {\n  appearance: none;\n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.flex-col-reverse {\n  flex-direction: column-reverse;\n}\n\n.flex-wrap {\n  flex-wrap: wrap;\n}\n\n.items-start {\n  align-items: flex-start;\n}\n\n.items-end {\n  align-items: flex-end;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.justify-end {\n  justify-content: flex-end;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.gap-1 {\n  gap: .25rem;\n}\n\n.gap-1\\.5 {\n  gap: .375rem;\n}\n\n.gap-2 {\n  gap: .5rem;\n}\n\n.gap-2\\.5 {\n  gap: .625rem;\n}\n\n.gap-3 {\n  gap: .75rem;\n}\n\n.gap-4 {\n  gap: 1rem;\n}\n\n.gap-6 {\n  gap: 1.5rem;\n}\n\n.gap-\\[10px\\] {\n  gap: 10px;\n}\n\n.gap-\\[20px\\] {\n  gap: 20px;\n}\n\n.space-x-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(.25rem * var(--tw-space-x-reverse));\n  margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)));\n}\n\n.space-y-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(.25rem * var(--tw-space-y-reverse));\n}\n\n.space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(.375rem * var(--tw-space-y-reverse));\n}\n\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n\n.space-y-5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));\n}\n\n.self-center {\n  align-self: center;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n.overflow-hidden {\n  overflow: hidden;\n}\n\n.overflow-visible {\n  overflow: visible;\n}\n\n.overflow-y-auto {\n  overflow-y: auto;\n}\n\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.truncate {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n\n.whitespace-pre-line {\n  white-space: pre-line;\n}\n\n.\\!rounded-md {\n  border-radius: .375rem !important;\n}\n\n.rounded {\n  border-radius: .25rem;\n}\n\n.rounded-2xl {\n  border-radius: 1rem;\n}\n\n.rounded-\\[10px\\] {\n  border-radius: 10px;\n}\n\n.rounded-\\[3px\\] {\n  border-radius: 3px;\n}\n\n.rounded-\\[4px\\] {\n  border-radius: 4px;\n}\n\n.rounded-\\[50\\%\\] {\n  border-radius: 50%;\n}\n\n.rounded-\\[64px\\] {\n  border-radius: 64px;\n}\n\n.rounded-\\[6px\\] {\n  border-radius: 6px;\n}\n\n.rounded-\\[8px\\] {\n  border-radius: 8px;\n}\n\n.rounded-\\[inherit\\] {\n  border-radius: inherit;\n}\n\n.rounded-full {\n  border-radius: 9999px;\n}\n\n.rounded-lg {\n  border-radius: .5rem;\n}\n\n.rounded-md {\n  border-radius: .375rem;\n}\n\n.rounded-xl {\n  border-radius: .75rem;\n}\n\n.rounded-t-3xl {\n  border-top-left-radius: 1.5rem;\n  border-top-right-radius: 1.5rem;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.border-0 {\n  border-width: 0;\n}\n\n.border-2, .border-\\[2px\\] {\n  border-width: 2px;\n}\n\n.border-\\[3px\\] {\n  border-width: 3px;\n}\n\n.border-\\[4px\\] {\n  border-width: 4px;\n}\n\n.border-\\[5px\\] {\n  border-width: 5px;\n}\n\n.border-b {\n  border-bottom-width: 1px;\n}\n\n.border-l {\n  border-left-width: 1px;\n}\n\n.border-r {\n  border-right-width: 1px;\n}\n\n.border-\\[white\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.border-amber-700 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-amber-700) / var(--tw-border-opacity));\n}\n\n.border-gray-1000 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-gray-1000) / var(--tw-border-opacity));\n}\n\n.border-gray-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-gray-200) / var(--tw-border-opacity));\n}\n\n.border-gray-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-gray-600) / var(--tw-border-opacity));\n}\n\n.border-red-700 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-red-700) / var(--tw-border-opacity));\n}\n\n.border-transparent {\n  border-color: #0000;\n}\n\n.border-white {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.border-b-red-700 {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(var(--color-red-700) / var(--tw-border-opacity));\n}\n\n.border-l-red-700 {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(var(--color-red-700) / var(--tw-border-opacity));\n}\n\n.\\!bg-transparent {\n  background-color: #0000 !important;\n}\n\n.bg-\\[\\#171717\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 23 23 / var(--tw-bg-opacity));\n}\n\n.bg-\\[\\#242424\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(36 36 36 / var(--tw-bg-opacity));\n}\n\n.bg-\\[\\#ff0000\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 0 0 / var(--tw-bg-opacity));\n}\n\n.bg-amber-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-amber-100) / var(--tw-bg-opacity));\n}\n\n.bg-amber-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-amber-200) / var(--tw-bg-opacity));\n}\n\n.bg-amber-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-amber-700) / var(--tw-bg-opacity));\n}\n\n.bg-black\\/25 {\n  background-color: #00000040;\n}\n\n.bg-black\\/\\[\\.6\\] {\n  background-color: #0009;\n}\n\n.bg-blue-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity));\n}\n\n.bg-blue-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-300) / var(--tw-bg-opacity));\n}\n\n.bg-blue-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-700) / var(--tw-bg-opacity));\n}\n\n.bg-bronze-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-bronze-300) / var(--tw-bg-opacity));\n}\n\n.bg-brown-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-brown-100) / var(--tw-bg-opacity));\n}\n\n.bg-brown-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-brown-300) / var(--tw-bg-opacity));\n}\n\n.bg-brown-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-brown-700) / var(--tw-bg-opacity));\n}\n\n.bg-crimson-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-crimson-100) / var(--tw-bg-opacity));\n}\n\n.bg-crimson-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-crimson-300) / var(--tw-bg-opacity));\n}\n\n.bg-crimson-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-crimson-700) / var(--tw-bg-opacity));\n}\n\n.bg-cyan-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-cyan-100) / var(--tw-bg-opacity));\n}\n\n.bg-cyan-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-cyan-300) / var(--tw-bg-opacity));\n}\n\n.bg-cyan-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-cyan-700) / var(--tw-bg-opacity));\n}\n\n.bg-gold-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gold-300) / var(--tw-bg-opacity));\n}\n\n.bg-grass-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-grass-300) / var(--tw-bg-opacity));\n}\n\n.bg-gray-1000 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-1000) / var(--tw-bg-opacity));\n}\n\n.bg-gray-1000\\/25 {\n  background-color: rgb(var(--color-gray-1000) / .25);\n}\n\n.bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));\n}\n\n.bg-gray-25 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-25) / var(--tw-bg-opacity));\n}\n\n.bg-gray-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-300) / var(--tw-bg-opacity));\n}\n\n.bg-gray-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.bg-gray-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-600) / var(--tw-bg-opacity));\n}\n\n.bg-gray-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));\n}\n\n.bg-green-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-green-100) / var(--tw-bg-opacity));\n}\n\n.bg-green-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-green-300) / var(--tw-bg-opacity));\n}\n\n.bg-green-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-green-700) / var(--tw-bg-opacity));\n}\n\n.bg-indigo-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-indigo-300) / var(--tw-bg-opacity));\n}\n\n.bg-lime-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-lime-300) / var(--tw-bg-opacity));\n}\n\n.bg-orange-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-orange-100) / var(--tw-bg-opacity));\n}\n\n.bg-orange-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-orange-700) / var(--tw-bg-opacity));\n}\n\n.bg-plum-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-plum-300) / var(--tw-bg-opacity));\n}\n\n.bg-purple-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-purple-300) / var(--tw-bg-opacity));\n}\n\n.bg-red-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-100) / var(--tw-bg-opacity));\n}\n\n.bg-red-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-300) / var(--tw-bg-opacity));\n}\n\n.bg-red-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-700) / var(--tw-bg-opacity));\n}\n\n.bg-teal-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-teal-100) / var(--tw-bg-opacity));\n}\n\n.bg-teal-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-teal-300) / var(--tw-bg-opacity));\n}\n\n.bg-teal-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-teal-700) / var(--tw-bg-opacity));\n}\n\n.bg-transparent {\n  background-color: #0000;\n}\n\n.bg-violet-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-violet-100) / var(--tw-bg-opacity));\n}\n\n.bg-violet-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-violet-300) / var(--tw-bg-opacity));\n}\n\n.bg-violet-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-violet-700) / var(--tw-bg-opacity));\n}\n\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.bg-yellow-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-yellow-300) / var(--tw-bg-opacity));\n}\n\n.bg-\\[url\\(\\'https\\:\\/\\/cdn\\.snapcall\\.io\\/img\\/assist\\/gradient-bg\\.jpg\\'\\)\\] {\n  background-image: url(\"https://cdn.snapcall.io/img/assist/gradient-bg.jpg\");\n}\n\n.bg-cover {\n  background-size: cover;\n}\n\n.bg-center {\n  background-position: center;\n}\n\n.object-contain {\n  object-fit: contain;\n}\n\n.object-cover {\n  object-fit: cover;\n}\n\n.p-0 {\n  padding: 0;\n}\n\n.p-1 {\n  padding: .25rem;\n}\n\n.p-1\\.5 {\n  padding: .375rem;\n}\n\n.p-2 {\n  padding: .5rem;\n}\n\n.p-2\\.5 {\n  padding: .625rem;\n}\n\n.p-3 {\n  padding: .75rem;\n}\n\n.p-4 {\n  padding: 1rem;\n}\n\n.p-6 {\n  padding: 1.5rem;\n}\n\n.p-\\[11px\\] {\n  padding: 11px;\n}\n\n.px-2 {\n  padding-left: .5rem;\n  padding-right: .5rem;\n}\n\n.px-2\\.5 {\n  padding-left: .625rem;\n  padding-right: .625rem;\n}\n\n.px-3 {\n  padding-left: .75rem;\n  padding-right: .75rem;\n}\n\n.px-3\\.5 {\n  padding-left: .875rem;\n  padding-right: .875rem;\n}\n\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.px-\\[60px\\] {\n  padding-left: 60px;\n  padding-right: 60px;\n}\n\n.py-0 {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.py-0\\.5 {\n  padding-top: .125rem;\n  padding-bottom: .125rem;\n}\n\n.py-1 {\n  padding-top: .25rem;\n  padding-bottom: .25rem;\n}\n\n.py-1\\.5 {\n  padding-top: .375rem;\n  padding-bottom: .375rem;\n}\n\n.py-12 {\n  padding-top: 3rem;\n  padding-bottom: 3rem;\n}\n\n.py-2 {\n  padding-top: .5rem;\n  padding-bottom: .5rem;\n}\n\n.py-2\\.5 {\n  padding-top: .625rem;\n  padding-bottom: .625rem;\n}\n\n.py-3 {\n  padding-top: .75rem;\n  padding-bottom: .75rem;\n}\n\n.pb-2 {\n  padding-bottom: .5rem;\n}\n\n.pb-\\[20px\\] {\n  padding-bottom: 20px;\n}\n\n.pb-\\[9px\\] {\n  padding-bottom: 9px;\n}\n\n.pl-2 {\n  padding-left: .5rem;\n}\n\n.pl-2\\.5 {\n  padding-left: .625rem;\n}\n\n.pl-4 {\n  padding-left: 1rem;\n}\n\n.pr-2 {\n  padding-right: .5rem;\n}\n\n.pr-3 {\n  padding-right: .75rem;\n}\n\n.pr-3\\.5 {\n  padding-right: .875rem;\n}\n\n.pt-1 {\n  padding-top: .25rem;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.align-middle {\n  vertical-align: middle;\n}\n\n.text-\\[10px\\] {\n  font-size: 10px;\n}\n\n.text-\\[112px\\] {\n  font-size: 112px;\n}\n\n.text-\\[30px\\] {\n  font-size: 30px;\n}\n\n.text-lg {\n  letter-spacing: -.02em;\n  font-size: 18px;\n  line-height: 22px;\n}\n\n.text-md {\n  letter-spacing: -.02em;\n  font-size: 16px;\n  line-height: 20px;\n}\n\n.text-sm {\n  letter-spacing: -.02em;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.text-xs {\n  letter-spacing: -.02em;\n  font-size: 12px;\n  line-height: 16px;\n}\n\n.font-medium {\n  font-weight: 500;\n}\n\n.font-normal {\n  font-weight: 400;\n}\n\n.font-semibold {\n  font-weight: 600;\n}\n\n.leading-\\[20px\\] {\n  line-height: 20px;\n}\n\n.leading-none {\n  line-height: 1;\n}\n\n.text-\\[\\#707070\\] {\n  --tw-text-opacity: 1;\n  color: rgb(112 112 112 / var(--tw-text-opacity));\n}\n\n.text-amber-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-amber-700) / var(--tw-text-opacity));\n}\n\n.text-blue-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.text-bronze-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-bronze-700) / var(--tw-text-opacity));\n}\n\n.text-brown-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-brown-700) / var(--tw-text-opacity));\n}\n\n.text-crimson-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-crimson-700) / var(--tw-text-opacity));\n}\n\n.text-current {\n  color: currentColor;\n}\n\n.text-cyan-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-cyan-700) / var(--tw-text-opacity));\n}\n\n.text-gold-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gold-700) / var(--tw-text-opacity));\n}\n\n.text-grass-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-grass-700) / var(--tw-text-opacity));\n}\n\n.text-gray-100 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-100) / var(--tw-text-opacity));\n}\n\n.text-gray-1000 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-1000) / var(--tw-text-opacity));\n}\n\n.text-gray-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-700) / var(--tw-text-opacity));\n}\n\n.text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-900) / var(--tw-text-opacity));\n}\n\n.text-green-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-green-700) / var(--tw-text-opacity));\n}\n\n.text-indigo-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-indigo-700) / var(--tw-text-opacity));\n}\n\n.text-lime-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-lime-700) / var(--tw-text-opacity));\n}\n\n.text-orange-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-orange-700) / var(--tw-text-opacity));\n}\n\n.text-plum-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-plum-700) / var(--tw-text-opacity));\n}\n\n.text-primary {\n  --tw-text-opacity: 1;\n  color: rgb(29 28 32 / var(--tw-text-opacity));\n}\n\n.text-purple-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-purple-700) / var(--tw-text-opacity));\n}\n\n.text-red-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-red-700) / var(--tw-text-opacity));\n}\n\n.text-teal-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-teal-700) / var(--tw-text-opacity));\n}\n\n.text-violet-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-violet-700) / var(--tw-text-opacity));\n}\n\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.text-white\\/80 {\n  color: #fffc;\n}\n\n.text-yellow-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-yellow-700) / var(--tw-text-opacity));\n}\n\n.underline {\n  text-decoration-line: underline;\n}\n\n.underline-offset-8 {\n  text-underline-offset: 8px;\n}\n\n.antialiased {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.opacity-50 {\n  opacity: .5;\n}\n\n.shadow-dropdown-sm {\n  --tw-shadow: 0px 1px 2px 0px #1018280f, 0px 1px 3px 0px #1018281a;\n  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 1px 3px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-md {\n  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-sm {\n  --tw-shadow: 0 1px 2px 0 #0000000d;\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.outline-none {\n  outline-offset: 2px;\n  outline: 2px solid #0000;\n}\n\n.outline {\n  outline-style: solid;\n}\n\n.ring-1 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-2 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-4 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-inset {\n  --tw-ring-inset: inset;\n}\n\n.ring-amber-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-amber-300) / var(--tw-ring-opacity));\n}\n\n.ring-blue-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-blue-300) / var(--tw-ring-opacity));\n}\n\n.ring-blue-700 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-blue-700) / var(--tw-ring-opacity));\n}\n\n.ring-brown-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-brown-300) / var(--tw-ring-opacity));\n}\n\n.ring-crimson-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-crimson-300) / var(--tw-ring-opacity));\n}\n\n.ring-cyan-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-cyan-300) / var(--tw-ring-opacity));\n}\n\n.ring-gray-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-gray-200) / var(--tw-ring-opacity));\n}\n\n.ring-green-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-green-300) / var(--tw-ring-opacity));\n}\n\n.ring-orange-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-orange-300) / var(--tw-ring-opacity));\n}\n\n.ring-red-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-red-300) / var(--tw-ring-opacity));\n}\n\n.ring-teal-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-teal-300) / var(--tw-ring-opacity));\n}\n\n.ring-violet-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-violet-300) / var(--tw-ring-opacity));\n}\n\n.ring-white {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));\n}\n\n.ring-white\\/20 {\n  --tw-ring-color: #fff3;\n}\n\n.ring-offset-0 {\n  --tw-ring-offset-width: 0px;\n}\n\n.ring-offset-white {\n  --tw-ring-offset-color: #fff;\n}\n\n.blur {\n  --tw-blur: blur(8px);\n  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);\n}\n\n.filter {\n  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);\n}\n\n.backdrop-blur-\\[30px\\] {\n  --tw-backdrop-blur: blur(30px);\n  -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);\n  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);\n}\n\n.backdrop-blur-sm {\n  --tw-backdrop-blur: blur(4px);\n  -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);\n  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);\n}\n\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.transition-all {\n  transition-property: all;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.transition-transform {\n  transition-property: transform;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.duration-1000 {\n  transition-duration: 1s;\n}\n\n.duration-200 {\n  transition-duration: .2s;\n}\n\n.duration-300 {\n  transition-duration: .3s;\n}\n\n.ease-linear {\n  transition-timing-function: linear;\n}\n\n.ease-out {\n  transition-timing-function: cubic-bezier(0, 0, .2, 1);\n}\n\n.will-change-transform {\n  will-change: transform;\n}\n\n@keyframes enter {\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    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));\n  }\n}\n\n@keyframes exit {\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    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));\n  }\n}\n\n.animate-in {\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n  animation-name: enter;\n  animation-duration: .15s;\n}\n\n.fade-in, .fade-in-0 {\n  --tw-enter-opacity: 0;\n}\n\n.fade-out {\n  --tw-exit-opacity: 0;\n}\n\n.zoom-in-95 {\n  --tw-enter-scale: .95;\n}\n\n.duration-1000 {\n  animation-duration: 1s;\n}\n\n.duration-200 {\n  animation-duration: .2s;\n}\n\n.duration-300 {\n  animation-duration: .3s;\n}\n\n.ease-linear {\n  animation-timing-function: linear;\n}\n\n.ease-out {\n  animation-timing-function: cubic-bezier(0, 0, .2, 1);\n}\n\n.paused {\n  animation-play-state: paused;\n}\n\n.inter {\n  font-family: Inter, sans-serif;\n}\n\n@supports (font-variation-settings: normal) {\n  .inter {\n    font-family: Inter var, sans-serif;\n  }\n}\n\n.placeholder\\:text-gray-700::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-700) / var(--tw-text-opacity));\n}\n\n.placeholder\\:text-gray-900::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-900) / var(--tw-text-opacity));\n}\n\n.focus-within\\:relative:focus-within {\n  position: relative;\n}\n\n.focus-within\\:z-20:focus-within {\n  z-index: 20;\n}\n\n.focus-within\\:border-gray-200:focus-within {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-gray-200) / var(--tw-border-opacity));\n}\n\n.focus-within\\:bg-gray-100:focus-within {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.focus-within\\:outline:focus-within {\n  outline-style: solid;\n}\n\n.focus-within\\:outline-\\[2px\\]:focus-within {\n  outline-width: 2px;\n}\n\n.focus-within\\:outline-offset-\\[2px\\]:focus-within {\n  outline-offset: 2px;\n}\n\n.focus-within\\:outline-blue-300:focus-within {\n  outline-color: rgb(var(--color-blue-300) / 1);\n}\n\n.focus-within\\:outline-red-700:focus-within {\n  outline-color: rgb(var(--color-red-700) / 1);\n}\n\n.hover\\:bg-\\[\\#292929\\]:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(41 41 41 / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-50) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-700:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-700) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-800:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-800) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-gray-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-gray-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-red-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-100) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-red-800:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-800) / var(--tw-bg-opacity));\n}\n\n.hover\\:text-blue-700:hover {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.hover\\:text-white:hover {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n\n.focus\\:bg-gray-100:focus {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.focus\\:outline-none:focus {\n  outline-offset: 2px;\n  outline: 2px solid #0000;\n}\n\n.focus\\:ring-1:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n\n.focus-visible\\:outline-none:focus-visible {\n  outline-offset: 2px;\n  outline: 2px solid #0000;\n}\n\n.focus-visible\\:ring-2:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus-visible\\:ring-blue-1000:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-blue-1000) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-blue-700:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-blue-700) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-gray-1000:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-gray-1000) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-red-1000:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-red-1000) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-red-700:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-red-700) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-offset-2:focus-visible {\n  --tw-ring-offset-width: 2px;\n}\n\n.active\\:bg-\\[\\#292929\\]:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(41 41 41 / var(--tw-bg-opacity));\n}\n\n.active\\:bg-blue-200:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-200) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-blue-900:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-900) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-gray-100:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-gray-200:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-gray-500:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-500) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-red-200:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-200) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-red-900:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-900) / var(--tw-bg-opacity));\n}\n\n.active\\:text-blue-700:active {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.active\\:text-blue-900:active {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-900) / var(--tw-text-opacity));\n}\n\n.disabled\\:pointer-events-none:disabled {\n  pointer-events: none;\n}\n\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n\n.disabled\\:opacity-40:disabled {\n  opacity: .4;\n}\n\n.disabled\\:opacity-50:disabled {\n  opacity: .5;\n}\n\n.group:focus-within .group-focus-within\\:bg-gray-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.group:hover .group-hover\\:bg-gray-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.group:active .group-active\\:bg-gray-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.peer:disabled ~ .peer-disabled\\:cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.peer:disabled ~ .peer-disabled\\:opacity-70 {\n  opacity: .7;\n}\n\n.aria-selected\\:bg-blue-100[aria-selected=\"true\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity));\n}\n\n.aria-selected\\:text-blue-700[aria-selected=\"true\"] {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.aria-selected\\:opacity-100[aria-selected=\"true\"] {\n  opacity: 1;\n}\n\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled] {\n  pointer-events: none;\n}\n\n.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=\"bottom\"] {\n  --tw-translate-y: .25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[side\\=left\\]\\:-translate-x-1[data-side=\"left\"] {\n  --tw-translate-x: -.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[side\\=right\\]\\:translate-x-1[data-side=\"right\"] {\n  --tw-translate-x: .25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[side\\=top\\]\\:-translate-y-1[data-side=\"top\"] {\n  --tw-translate-y: -.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[state\\=checked\\]\\:translate-x-5[data-state=\"checked\"] {\n  --tw-translate-x: 1.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[swipe\\=cancel\\]\\:translate-x-0[data-swipe=\"cancel\"] {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[swipe\\=end\\]\\:translate-x-\\[var\\(--radix-toast-swipe-end-x\\)\\][data-swipe=\"end\"] {\n  --tw-translate-x: var(--radix-toast-swipe-end-x);\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[swipe\\=move\\]\\:translate-x-\\[var\\(--radix-toast-swipe-move-x\\)\\][data-swipe=\"move\"] {\n  --tw-translate-x: var(--radix-toast-swipe-move-x);\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes accordion-up {\n  from {\n    height: var(--radix-accordion-content-height);\n  }\n\n  to {\n    height: 0;\n  }\n}\n\n.data-\\[state\\=closed\\]\\:animate-accordion-up[data-state=\"closed\"] {\n  animation: .2s ease-out accordion-up;\n}\n\n@keyframes accordion-down {\n  from {\n    height: 0;\n  }\n\n  to {\n    height: var(--radix-accordion-content-height);\n  }\n}\n\n.data-\\[state\\=open\\]\\:animate-accordion-down[data-state=\"open\"] {\n  animation: .2s ease-out accordion-down;\n}\n\n.data-\\[disabled\\]\\:cursor-not-allowed[data-disabled] {\n  cursor: not-allowed;\n}\n\n.data-\\[state\\=checked\\]\\:border-blue-700[data-state=\"checked\"] {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-blue-700) / var(--tw-border-opacity));\n}\n\n.data-\\[disabled\\]\\:data-\\[state\\=unchecked\\]\\:bg-gray-300[data-state=\"unchecked\"][data-disabled] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-300) / var(--tw-bg-opacity));\n}\n\n.data-\\[selected\\=true\\]\\:bg-gray-50[data-selected=\"true\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-amber-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-amber-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-blue-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-bronze-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-bronze-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-brown-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-brown-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-crimson-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-crimson-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-cyan-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-cyan-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-gold-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gold-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-grass-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-grass-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-gray-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-green-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-green-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-indigo-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-indigo-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-lime-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-lime-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-plum-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-plum-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-purple-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-purple-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-red-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-teal-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-teal-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-violet-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-violet-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-yellow-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-yellow-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=active\\]\\:bg-white[data-state=\"active\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=checked\\]\\:bg-blue-700[data-state=\"checked\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=checked\\]\\:bg-gray-50[data-state=\"checked\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=checked\\]\\:bg-white[data-state=\"checked\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=selected\\]\\:bg-gray-50[data-state=\"selected\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=active\\]\\:font-semibold[data-state=\"active\"] {\n  font-weight: 600;\n}\n\n.data-\\[state\\=active\\]\\:text-blue-700[data-state=\"active\"] {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.data-\\[state\\=active\\]\\:text-gray-1000[data-state=\"active\"] {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-1000) / var(--tw-text-opacity));\n}\n\n.data-\\[disabled\\]\\:opacity-40[data-disabled] {\n  opacity: .4;\n}\n\n.data-\\[disabled\\]\\:opacity-50[data-disabled] {\n  opacity: .5;\n}\n\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=\"active\"] {\n  --tw-shadow: 0 1px 2px 0 #0000000d;\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.data-\\[swipe\\=move\\]\\:transition-none[data-swipe=\"move\"] {\n  transition-property: none;\n}\n\n.data-\\[state\\=open\\]\\:animate-in[data-state=\"open\"] {\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n  animation-name: enter;\n  animation-duration: .15s;\n}\n\n.data-\\[state\\=closed\\]\\:animate-out[data-state=\"closed\"], .data-\\[swipe\\=end\\]\\:animate-out[data-swipe=\"end\"] {\n  --tw-exit-opacity: initial;\n  --tw-exit-scale: initial;\n  --tw-exit-rotate: initial;\n  --tw-exit-translate-x: initial;\n  --tw-exit-translate-y: initial;\n  animation-name: exit;\n  animation-duration: .15s;\n}\n\n.data-\\[state\\=closed\\]\\:fade-out[data-state=\"closed\"], .data-\\[state\\=closed\\]\\:fade-out-0[data-state=\"closed\"] {\n  --tw-exit-opacity: 0;\n}\n\n.data-\\[state\\=closed\\]\\:fade-out-80[data-state=\"closed\"] {\n  --tw-exit-opacity: .8;\n}\n\n.data-\\[state\\=open\\]\\:fade-in-0[data-state=\"open\"] {\n  --tw-enter-opacity: 0;\n}\n\n.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=\"closed\"] {\n  --tw-exit-scale: .95;\n}\n\n.data-\\[state\\=open\\]\\:zoom-in-95[data-state=\"open\"] {\n  --tw-enter-scale: .95;\n}\n\n.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=\"bottom\"] {\n  --tw-enter-translate-y: -.5rem;\n}\n\n.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=\"left\"] {\n  --tw-enter-translate-x: .5rem;\n}\n\n.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=\"right\"] {\n  --tw-enter-translate-x: -.5rem;\n}\n\n.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=\"top\"] {\n  --tw-enter-translate-y: .5rem;\n}\n\n.data-\\[state\\=closed\\]\\:slide-out-to-bottom-\\[100\\%\\][data-state=\"closed\"] {\n  --tw-exit-translate-y: 100%;\n}\n\n.data-\\[state\\=closed\\]\\:slide-out-to-left-1\\/2[data-state=\"closed\"], .data-\\[state\\=closed\\]\\:slide-out-to-left-\\[50\\%\\][data-state=\"closed\"] {\n  --tw-exit-translate-x: -50%;\n}\n\n.data-\\[state\\=closed\\]\\:slide-out-to-top-\\[48\\%\\][data-state=\"closed\"] {\n  --tw-exit-translate-y: -48%;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-bottom-\\[100\\%\\][data-state=\"open\"] {\n  --tw-enter-translate-y: 100%;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-left-1\\/2[data-state=\"open\"], .data-\\[state\\=open\\]\\:slide-in-from-left-\\[50\\%\\][data-state=\"open\"] {\n  --tw-enter-translate-x: -50%;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-top-\\[48\\%\\][data-state=\"open\"] {\n  --tw-enter-translate-y: -48%;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-top-full[data-state=\"open\"] {\n  --tw-enter-translate-y: -100%;\n}\n\n.group[data-state=\"open\"] .group-data-\\[state\\=open\\]\\:rotate-180 {\n  --tw-rotate: 180deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group[data-disabled] .group-data-\\[disabled\\]\\:cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.group[data-state=\"checked\"] .group-data-\\[state\\=checked\\]\\:bg-gray-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.group[data-disabled] .group-data-\\[disabled\\]\\:opacity-50 {\n  opacity: .5;\n}\n\n@media not all and (width >= 640px) {\n  .max-sm\\:gap-4 {\n    gap: 1rem;\n  }\n\n  .max-sm\\:p-4 {\n    padding: 1rem;\n  }\n}\n\n@media (width >= 640px) {\n  .sm\\:mt-0 {\n    margin-top: 0;\n  }\n\n  .sm\\:w-1\\/2 {\n    width: 50%;\n  }\n\n  .sm\\:flex-row {\n    flex-direction: row;\n  }\n\n  .sm\\:flex-col {\n    flex-direction: column;\n  }\n\n  .sm\\:justify-end {\n    justify-content: flex-end;\n  }\n\n  .sm\\:justify-center {\n    justify-content: center;\n  }\n\n  .sm\\:space-x-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(.5rem * var(--tw-space-x-reverse));\n    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .sm\\:space-x-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(1rem * var(--tw-space-x-reverse));\n    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .sm\\:space-y-0 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0px * var(--tw-space-y-reverse));\n  }\n\n  .data-\\[state\\=open\\]\\:sm\\:slide-in-from-bottom-full[data-state=\"open\"] {\n    --tw-enter-translate-y: 100%;\n  }\n}\n\n@media (width >= 768px) {\n  .md\\:w-\\[334px\\] {\n    width: 334px;\n  }\n\n  .md\\:w-full {\n    width: 100%;\n  }\n\n  .md\\:w-screen {\n    width: 100vw;\n  }\n\n  .md\\:max-w-\\[420px\\] {\n    max-width: 420px;\n  }\n}\n\n.\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:bg-blue-100:has([aria-selected]) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity));\n}\n\n.first\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-l-md:has([aria-selected]):first-child {\n  border-top-left-radius: .375rem;\n  border-bottom-left-radius: .375rem;\n}\n\n.last\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-r-md:has([aria-selected]):last-child {\n  border-top-right-radius: .375rem;\n  border-bottom-right-radius: .375rem;\n}\n\n.\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=\"checkbox\"]) {\n  padding-right: 0;\n}\n\n.\\[\\&\\:not\\(\\[aria-selected\\]\\)\\]\\:hover\\:bg-gray-100:hover:not([aria-selected]) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\] > [role=\"checkbox\"] {\n  --tw-translate-y: 2px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.\\[\\&\\>svg\\]\\:h-\\[18px\\] > svg {\n  height: 18px;\n}\n\n.\\[\\&\\>svg\\]\\:w-\\[18px\\] > svg {\n  width: 18px;\n}\n\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 [cmdk-group-heading] {\n  padding-left: .5rem;\n  padding-right: .5rem;\n}\n\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 [cmdk-group-heading] {\n  padding-top: .375rem;\n  padding-bottom: .375rem;\n}\n\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-sm [cmdk-group-heading] {\n  letter-spacing: -.02em;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium [cmdk-group-heading] {\n  font-weight: 500;\n}\n\n.\\[\\&_tr\\:active\\]\\:bg-gray-50 tr:active, .\\[\\&_tr\\:hover\\:active\\]\\:bg-gray-50 tr:hover:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.\\[\\&_tr\\:hover\\]\\:bg-gray-25 tr:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-25) / var(--tw-bg-opacity));\n}\n\n.\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child {\n  border-width: 0;\n}\n\n.\\[\\&_tr\\]\\:border-b tr {\n  border-bottom-width: 1px;\n}\n\n";
+$1e2747ca72d0ab49$exports = "*, :before, :after, ::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: #93c5fd80;\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n}\n\n.sr-only {\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.pointer-events-auto {\n  pointer-events: auto;\n}\n\n.visible {\n  visibility: visible;\n}\n\n.invisible {\n  visibility: hidden;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.relative {\n  position: relative;\n}\n\n.inset-0 {\n  inset: 0;\n}\n\n.bottom-0 {\n  bottom: 0;\n}\n\n.bottom-2 {\n  bottom: .5rem;\n}\n\n.bottom-4 {\n  bottom: 1rem;\n}\n\n.left-1 {\n  left: .25rem;\n}\n\n.left-1\\/2 {\n  left: 50%;\n}\n\n.left-2 {\n  left: .5rem;\n}\n\n.left-\\[50\\%\\] {\n  left: 50%;\n}\n\n.right-0 {\n  right: 0;\n}\n\n.right-1 {\n  right: .25rem;\n}\n\n.right-2 {\n  right: .5rem;\n}\n\n.right-6 {\n  right: 1.5rem;\n}\n\n.top-1\\/2 {\n  top: 50%;\n}\n\n.top-2 {\n  top: .5rem;\n}\n\n.top-6 {\n  top: 1.5rem;\n}\n\n.top-8 {\n  top: 2rem;\n}\n\n.top-\\[50\\%\\] {\n  top: 50%;\n}\n\n.top-auto {\n  top: auto;\n}\n\n.z-10 {\n  z-index: 10;\n}\n\n.z-50 {\n  z-index: 50;\n}\n\n.z-\\[100\\] {\n  z-index: 100;\n}\n\n.z-\\[150\\] {\n  z-index: 150;\n}\n\n.-mx-1 {\n  margin-left: -.25rem;\n  margin-right: -.25rem;\n}\n\n.mx-1 {\n  margin-left: .25rem;\n  margin-right: .25rem;\n}\n\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.my-1 {\n  margin-top: .25rem;\n  margin-bottom: .25rem;\n}\n\n.-mr-2 {\n  margin-right: -.5rem;\n}\n\n.mb-4 {\n  margin-bottom: 1rem;\n}\n\n.mb-6 {\n  margin-bottom: 1.5rem;\n}\n\n.mb-\\[9px\\] {\n  margin-bottom: 9px;\n}\n\n.ml-1 {\n  margin-left: .25rem;\n}\n\n.mr-2 {\n  margin-right: .5rem;\n}\n\n.mr-2\\.5 {\n  margin-right: .625rem;\n}\n\n.mt-1 {\n  margin-top: .25rem;\n}\n\n.mt-2 {\n  margin-top: .5rem;\n}\n\n.box-border {\n  box-sizing: border-box;\n}\n\n.block {\n  display: block;\n}\n\n.inline-block {\n  display: inline-block;\n}\n\n.inline {\n  display: inline;\n}\n\n.flex {\n  display: flex;\n}\n\n.inline-flex {\n  display: inline-flex;\n}\n\n.table {\n  display: table;\n}\n\n.grid {\n  display: grid;\n}\n\n.hidden {\n  display: none;\n}\n\n.\\!h-\\[24px\\] {\n  height: 24px !important;\n}\n\n.h-1\\/3 {\n  height: 33.3333%;\n}\n\n.h-10 {\n  height: 2.5rem;\n}\n\n.h-12 {\n  height: 3rem;\n}\n\n.h-14 {\n  height: 3.5rem;\n}\n\n.h-16 {\n  height: 4rem;\n}\n\n.h-3 {\n  height: .75rem;\n}\n\n.h-4 {\n  height: 1rem;\n}\n\n.h-5 {\n  height: 1.25rem;\n}\n\n.h-6 {\n  height: 1.5rem;\n}\n\n.h-8 {\n  height: 2rem;\n}\n\n.h-9 {\n  height: 2.25rem;\n}\n\n.h-\\[100px\\] {\n  height: 100px;\n}\n\n.h-\\[150px\\] {\n  height: 150px;\n}\n\n.h-\\[16px\\] {\n  height: 16px;\n}\n\n.h-\\[1px\\] {\n  height: 1px;\n}\n\n.h-\\[200px\\] {\n  height: 200px;\n}\n\n.h-\\[24px\\] {\n  height: 24px;\n}\n\n.h-\\[36px\\] {\n  height: 36px;\n}\n\n.h-\\[384px\\] {\n  height: 384px;\n}\n\n.h-\\[400px\\] {\n  height: 400px;\n}\n\n.h-\\[40px\\] {\n  height: 40px;\n}\n\n.h-\\[45px\\] {\n  height: 45px;\n}\n\n.h-\\[54px\\] {\n  height: 54px;\n}\n\n.h-\\[72px\\] {\n  height: 72px;\n}\n\n.h-\\[8px\\] {\n  height: 8px;\n}\n\n.h-full {\n  height: 100%;\n}\n\n.h-px {\n  height: 1px;\n}\n\n.h-screen {\n  height: 100vh;\n}\n\n.max-h-\\[180px\\] {\n  max-height: 180px;\n}\n\n.max-h-\\[300px\\] {\n  max-height: 300px;\n}\n\n.max-h-\\[70px\\] {\n  max-height: 70px;\n}\n\n.max-h-\\[90\\%\\] {\n  max-height: 90%;\n}\n\n.max-h-\\[90vh\\] {\n  max-height: 90vh;\n}\n\n.max-h-full {\n  max-height: 100%;\n}\n\n.max-h-screen {\n  max-height: 100vh;\n}\n\n.min-h-0 {\n  min-height: 0;\n}\n\n.min-h-9 {\n  min-height: 2.25rem;\n}\n\n.min-h-\\[20px\\] {\n  min-height: 20px;\n}\n\n.min-h-\\[400px\\] {\n  min-height: 400px;\n}\n\n.min-h-\\[44px\\] {\n  min-height: 44px;\n}\n\n.min-h-\\[80px\\] {\n  min-height: 80px;\n}\n\n.min-h-screen {\n  min-height: 100vh;\n}\n\n.\\!w-\\[24px\\] {\n  width: 24px !important;\n}\n\n.w-0 {\n  width: 0;\n}\n\n.w-1\\/3 {\n  width: 33.3333%;\n}\n\n.w-10 {\n  width: 2.5rem;\n}\n\n.w-12 {\n  width: 3rem;\n}\n\n.w-16 {\n  width: 4rem;\n}\n\n.w-3 {\n  width: .75rem;\n}\n\n.w-4 {\n  width: 1rem;\n}\n\n.w-5 {\n  width: 1.25rem;\n}\n\n.w-6 {\n  width: 1.5rem;\n}\n\n.w-72 {\n  width: 18rem;\n}\n\n.w-8 {\n  width: 2rem;\n}\n\n.w-\\[100px\\] {\n  width: 100px;\n}\n\n.w-\\[130px\\] {\n  width: 130px;\n}\n\n.w-\\[16px\\] {\n  width: 16px;\n}\n\n.w-\\[1px\\] {\n  width: 1px;\n}\n\n.w-\\[24px\\] {\n  width: 24px;\n}\n\n.w-\\[334px\\] {\n  width: 334px;\n}\n\n.w-\\[36px\\] {\n  width: 36px;\n}\n\n.w-\\[400px\\] {\n  width: 400px;\n}\n\n.w-\\[40px\\] {\n  width: 40px;\n}\n\n.w-\\[42px\\] {\n  width: 42px;\n}\n\n.w-\\[45px\\] {\n  width: 45px;\n}\n\n.w-\\[50\\%\\] {\n  width: 50%;\n}\n\n.w-\\[54px\\] {\n  width: 54px;\n}\n\n.w-\\[72px\\] {\n  width: 72px;\n}\n\n.w-\\[8px\\] {\n  width: 8px;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.w-max {\n  width: max-content;\n}\n\n.min-w-0 {\n  min-width: 0;\n}\n\n.min-w-\\[120px\\] {\n  min-width: 120px;\n}\n\n.min-w-\\[144px\\] {\n  min-width: 144px;\n}\n\n.min-w-\\[24px\\] {\n  min-width: 24px;\n}\n\n.min-w-\\[250px\\] {\n  min-width: 250px;\n}\n\n.min-w-full {\n  min-width: 100%;\n}\n\n.max-w-\\[1110px\\] {\n  max-width: 1110px;\n}\n\n.max-w-\\[315px\\] {\n  max-width: 315px;\n}\n\n.max-w-\\[350px\\] {\n  max-width: 350px;\n}\n\n.max-w-\\[400px\\] {\n  max-width: 400px;\n}\n\n.max-w-\\[500px\\] {\n  max-width: 500px;\n}\n\n.max-w-\\[70px\\] {\n  max-width: 70px;\n}\n\n.max-w-\\[800px\\] {\n  max-width: 800px;\n}\n\n.max-w-\\[90\\%\\] {\n  max-width: 90%;\n}\n\n.max-w-full {\n  max-width: 100%;\n}\n\n.flex-1 {\n  flex: 1;\n}\n\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n\n.shrink {\n  flex-shrink: 1;\n}\n\n.shrink-0 {\n  flex-shrink: 0;\n}\n\n.flex-grow, .grow {\n  flex-grow: 1;\n}\n\n.grow-0 {\n  flex-grow: 0;\n}\n\n.caption-bottom {\n  caption-side: bottom;\n}\n\n.border-collapse {\n  border-collapse: collapse;\n}\n\n.-translate-x-1\\/2 {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-x-0 {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-x-0\\.5 {\n  --tw-translate-x: .125rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-x-\\[-50\\%\\] {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-y-0 {\n  --tw-translate-y: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.translate-y-\\[-50\\%\\] {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.-scale-x-\\[1\\], .scale-x-\\[-1\\] {\n  --tw-scale-x: -1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.animate-spin {\n  animation: 1s linear infinite spin;\n}\n\n.cursor-default {\n  cursor: default;\n}\n\n.cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.select-none {\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.resize {\n  resize: both;\n}\n\n.appearance-none {\n  appearance: none;\n}\n\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.flex-col-reverse {\n  flex-direction: column-reverse;\n}\n\n.flex-wrap {\n  flex-wrap: wrap;\n}\n\n.items-start {\n  align-items: flex-start;\n}\n\n.items-end {\n  align-items: flex-end;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.items-stretch {\n  align-items: stretch;\n}\n\n.justify-end {\n  justify-content: flex-end;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.justify-between {\n  justify-content: space-between;\n}\n\n.gap-1 {\n  gap: .25rem;\n}\n\n.gap-1\\.5 {\n  gap: .375rem;\n}\n\n.gap-12 {\n  gap: 3rem;\n}\n\n.gap-2 {\n  gap: .5rem;\n}\n\n.gap-2\\.5 {\n  gap: .625rem;\n}\n\n.gap-3 {\n  gap: .75rem;\n}\n\n.gap-4 {\n  gap: 1rem;\n}\n\n.gap-6 {\n  gap: 1.5rem;\n}\n\n.gap-8 {\n  gap: 2rem;\n}\n\n.gap-\\[10px\\] {\n  gap: 10px;\n}\n\n.gap-\\[20px\\] {\n  gap: 20px;\n}\n\n.space-x-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(.25rem * var(--tw-space-x-reverse));\n  margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)));\n}\n\n.space-y-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(.25rem * var(--tw-space-y-reverse));\n}\n\n.space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(.375rem * var(--tw-space-y-reverse));\n}\n\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n\n.space-y-5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));\n}\n\n.space-y-6 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));\n}\n\n.self-center {\n  align-self: center;\n}\n\n.overflow-auto {\n  overflow: auto;\n}\n\n.overflow-hidden {\n  overflow: hidden;\n}\n\n.overflow-visible {\n  overflow: visible;\n}\n\n.overflow-y-auto {\n  overflow-y: auto;\n}\n\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.truncate {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n\n.whitespace-pre-line {\n  white-space: pre-line;\n}\n\n.\\!rounded-md {\n  border-radius: .375rem !important;\n}\n\n.rounded {\n  border-radius: .25rem;\n}\n\n.rounded-2xl {\n  border-radius: 1rem;\n}\n\n.rounded-\\[10px\\] {\n  border-radius: 10px;\n}\n\n.rounded-\\[3px\\] {\n  border-radius: 3px;\n}\n\n.rounded-\\[4px\\] {\n  border-radius: 4px;\n}\n\n.rounded-\\[50\\%\\] {\n  border-radius: 50%;\n}\n\n.rounded-\\[64px\\] {\n  border-radius: 64px;\n}\n\n.rounded-\\[6px\\] {\n  border-radius: 6px;\n}\n\n.rounded-\\[8px\\] {\n  border-radius: 8px;\n}\n\n.rounded-\\[inherit\\] {\n  border-radius: inherit;\n}\n\n.rounded-full {\n  border-radius: 9999px;\n}\n\n.rounded-lg {\n  border-radius: .5rem;\n}\n\n.rounded-md {\n  border-radius: .375rem;\n}\n\n.rounded-xl {\n  border-radius: .75rem;\n}\n\n.rounded-t-3xl {\n  border-top-left-radius: 1.5rem;\n  border-top-right-radius: 1.5rem;\n}\n\n.\\!border-0 {\n  border-width: 0 !important;\n}\n\n.border {\n  border-width: 1px;\n}\n\n.border-2, .border-\\[2px\\] {\n  border-width: 2px;\n}\n\n.border-\\[3px\\] {\n  border-width: 3px;\n}\n\n.border-\\[4px\\] {\n  border-width: 4px;\n}\n\n.border-\\[5px\\] {\n  border-width: 5px;\n}\n\n.border-b {\n  border-bottom-width: 1px;\n}\n\n.border-l {\n  border-left-width: 1px;\n}\n\n.border-r {\n  border-right-width: 1px;\n}\n\n.border-t {\n  border-top-width: 1px;\n}\n\n.border-\\[\\#292929\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(41 41 41 / var(--tw-border-opacity));\n}\n\n.border-\\[white\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.border-amber-700 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-amber-700) / var(--tw-border-opacity));\n}\n\n.border-blue-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-blue-200) / var(--tw-border-opacity));\n}\n\n.border-blue-700 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-blue-700) / var(--tw-border-opacity));\n}\n\n.border-gray-1000 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-gray-1000) / var(--tw-border-opacity));\n}\n\n.border-gray-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-gray-200) / var(--tw-border-opacity));\n}\n\n.border-gray-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-gray-600) / var(--tw-border-opacity));\n}\n\n.border-red-700 {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-red-700) / var(--tw-border-opacity));\n}\n\n.border-transparent {\n  border-color: #0000;\n}\n\n.border-white {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.border-b-red-700 {\n  --tw-border-opacity: 1;\n  border-bottom-color: rgb(var(--color-red-700) / var(--tw-border-opacity));\n}\n\n.border-l-red-700 {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(var(--color-red-700) / var(--tw-border-opacity));\n}\n\n.\\!bg-transparent {\n  background-color: #0000 !important;\n}\n\n.bg-\\[\\#171717\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 23 23 / var(--tw-bg-opacity));\n}\n\n.bg-\\[\\#1C1C1C\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(28 28 28 / var(--tw-bg-opacity));\n}\n\n.bg-\\[\\#242424\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(36 36 36 / var(--tw-bg-opacity));\n}\n\n.bg-\\[\\#292929\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(41 41 41 / var(--tw-bg-opacity));\n}\n\n.bg-\\[\\#ff0000\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 0 0 / var(--tw-bg-opacity));\n}\n\n.bg-amber-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-amber-100) / var(--tw-bg-opacity));\n}\n\n.bg-amber-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-amber-200) / var(--tw-bg-opacity));\n}\n\n.bg-amber-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-amber-700) / var(--tw-bg-opacity));\n}\n\n.bg-black\\/25 {\n  background-color: #00000040;\n}\n\n.bg-black\\/\\[\\.6\\] {\n  background-color: #0009;\n}\n\n.bg-blue-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity));\n}\n\n.bg-blue-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-300) / var(--tw-bg-opacity));\n}\n\n.bg-blue-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-700) / var(--tw-bg-opacity));\n}\n\n.bg-bronze-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-bronze-300) / var(--tw-bg-opacity));\n}\n\n.bg-brown-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-brown-100) / var(--tw-bg-opacity));\n}\n\n.bg-brown-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-brown-300) / var(--tw-bg-opacity));\n}\n\n.bg-brown-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-brown-700) / var(--tw-bg-opacity));\n}\n\n.bg-crimson-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-crimson-100) / var(--tw-bg-opacity));\n}\n\n.bg-crimson-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-crimson-300) / var(--tw-bg-opacity));\n}\n\n.bg-crimson-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-crimson-700) / var(--tw-bg-opacity));\n}\n\n.bg-cyan-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-cyan-100) / var(--tw-bg-opacity));\n}\n\n.bg-cyan-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-cyan-300) / var(--tw-bg-opacity));\n}\n\n.bg-cyan-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-cyan-700) / var(--tw-bg-opacity));\n}\n\n.bg-gold-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gold-300) / var(--tw-bg-opacity));\n}\n\n.bg-grass-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-grass-300) / var(--tw-bg-opacity));\n}\n\n.bg-gray-1000 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-1000) / var(--tw-bg-opacity));\n}\n\n.bg-gray-1000\\/25 {\n  background-color: rgb(var(--color-gray-1000) / .25);\n}\n\n.bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));\n}\n\n.bg-gray-25 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-25) / var(--tw-bg-opacity));\n}\n\n.bg-gray-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-300) / var(--tw-bg-opacity));\n}\n\n.bg-gray-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.bg-gray-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-600) / var(--tw-bg-opacity));\n}\n\n.bg-gray-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));\n}\n\n.bg-green-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-green-100) / var(--tw-bg-opacity));\n}\n\n.bg-green-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-green-300) / var(--tw-bg-opacity));\n}\n\n.bg-green-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-green-700) / var(--tw-bg-opacity));\n}\n\n.bg-indigo-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-indigo-300) / var(--tw-bg-opacity));\n}\n\n.bg-lime-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-lime-300) / var(--tw-bg-opacity));\n}\n\n.bg-orange-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-orange-100) / var(--tw-bg-opacity));\n}\n\n.bg-orange-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-orange-700) / var(--tw-bg-opacity));\n}\n\n.bg-plum-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-plum-300) / var(--tw-bg-opacity));\n}\n\n.bg-purple-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-purple-300) / var(--tw-bg-opacity));\n}\n\n.bg-red-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-100) / var(--tw-bg-opacity));\n}\n\n.bg-red-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-300) / var(--tw-bg-opacity));\n}\n\n.bg-red-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-700) / var(--tw-bg-opacity));\n}\n\n.bg-teal-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-teal-100) / var(--tw-bg-opacity));\n}\n\n.bg-teal-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-teal-300) / var(--tw-bg-opacity));\n}\n\n.bg-teal-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-teal-700) / var(--tw-bg-opacity));\n}\n\n.bg-transparent {\n  background-color: #0000;\n}\n\n.bg-violet-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-violet-100) / var(--tw-bg-opacity));\n}\n\n.bg-violet-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-violet-300) / var(--tw-bg-opacity));\n}\n\n.bg-violet-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-violet-700) / var(--tw-bg-opacity));\n}\n\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.bg-yellow-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-yellow-300) / var(--tw-bg-opacity));\n}\n\n.bg-\\[url\\(\\'https\\:\\/\\/cdn\\.snapcall\\.io\\/img\\/assist\\/gradient-bg\\.jpg\\'\\)\\] {\n  background-image: url(\"https://cdn.snapcall.io/img/assist/gradient-bg.jpg\");\n}\n\n.bg-cover {\n  background-size: cover;\n}\n\n.bg-center {\n  background-position: center;\n}\n\n.object-contain {\n  object-fit: contain;\n}\n\n.object-cover {\n  object-fit: cover;\n}\n\n.p-0 {\n  padding: 0;\n}\n\n.p-1 {\n  padding: .25rem;\n}\n\n.p-1\\.5 {\n  padding: .375rem;\n}\n\n.p-2 {\n  padding: .5rem;\n}\n\n.p-2\\.5 {\n  padding: .625rem;\n}\n\n.p-3 {\n  padding: .75rem;\n}\n\n.p-4 {\n  padding: 1rem;\n}\n\n.p-6 {\n  padding: 1.5rem;\n}\n\n.p-8 {\n  padding: 2rem;\n}\n\n.p-\\[11px\\] {\n  padding: 11px;\n}\n\n.px-2 {\n  padding-left: .5rem;\n  padding-right: .5rem;\n}\n\n.px-2\\.5 {\n  padding-left: .625rem;\n  padding-right: .625rem;\n}\n\n.px-3 {\n  padding-left: .75rem;\n  padding-right: .75rem;\n}\n\n.px-3\\.5 {\n  padding-left: .875rem;\n  padding-right: .875rem;\n}\n\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n.px-\\[60px\\] {\n  padding-left: 60px;\n  padding-right: 60px;\n}\n\n.py-0 {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.py-0\\.5 {\n  padding-top: .125rem;\n  padding-bottom: .125rem;\n}\n\n.py-1 {\n  padding-top: .25rem;\n  padding-bottom: .25rem;\n}\n\n.py-1\\.5 {\n  padding-top: .375rem;\n  padding-bottom: .375rem;\n}\n\n.py-12 {\n  padding-top: 3rem;\n  padding-bottom: 3rem;\n}\n\n.py-2 {\n  padding-top: .5rem;\n  padding-bottom: .5rem;\n}\n\n.py-2\\.5 {\n  padding-top: .625rem;\n  padding-bottom: .625rem;\n}\n\n.py-3 {\n  padding-top: .75rem;\n  padding-bottom: .75rem;\n}\n\n.pb-2 {\n  padding-bottom: .5rem;\n}\n\n.pb-\\[20px\\] {\n  padding-bottom: 20px;\n}\n\n.pb-\\[9px\\] {\n  padding-bottom: 9px;\n}\n\n.pl-2 {\n  padding-left: .5rem;\n}\n\n.pl-2\\.5 {\n  padding-left: .625rem;\n}\n\n.pl-4 {\n  padding-left: 1rem;\n}\n\n.pr-2 {\n  padding-right: .5rem;\n}\n\n.pr-3 {\n  padding-right: .75rem;\n}\n\n.pr-3\\.5 {\n  padding-right: .875rem;\n}\n\n.pt-1 {\n  padding-top: .25rem;\n}\n\n.pt-10 {\n  padding-top: 2.5rem;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.align-middle {\n  vertical-align: middle;\n}\n\n.text-3xl {\n  letter-spacing: -.02em;\n  font-size: 30px;\n  line-height: 38px;\n}\n\n.text-4xl {\n  letter-spacing: -.02em;\n  font-size: 36px;\n  line-height: 44px;\n}\n\n.text-\\[10px\\] {\n  font-size: 10px;\n}\n\n.text-\\[112px\\] {\n  font-size: 112px;\n}\n\n.text-\\[30px\\] {\n  font-size: 30px;\n}\n\n.text-lg {\n  letter-spacing: -.02em;\n  font-size: 18px;\n  line-height: 22px;\n}\n\n.text-md {\n  letter-spacing: -.02em;\n  font-size: 16px;\n  line-height: 20px;\n}\n\n.text-sm {\n  letter-spacing: -.02em;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.text-xs {\n  letter-spacing: -.02em;\n  font-size: 12px;\n  line-height: 16px;\n}\n\n.font-bold {\n  font-weight: 700;\n}\n\n.font-medium {\n  font-weight: 500;\n}\n\n.font-normal {\n  font-weight: 400;\n}\n\n.font-semibold {\n  font-weight: 600;\n}\n\n.leading-\\[20px\\] {\n  line-height: 20px;\n}\n\n.leading-none {\n  line-height: 1;\n}\n\n.text-\\[\\#707070\\] {\n  --tw-text-opacity: 1;\n  color: rgb(112 112 112 / var(--tw-text-opacity));\n}\n\n.text-amber-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-amber-700) / var(--tw-text-opacity));\n}\n\n.text-blue-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.text-bronze-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-bronze-700) / var(--tw-text-opacity));\n}\n\n.text-brown-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-brown-700) / var(--tw-text-opacity));\n}\n\n.text-crimson-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-crimson-700) / var(--tw-text-opacity));\n}\n\n.text-current {\n  color: currentColor;\n}\n\n.text-cyan-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-cyan-700) / var(--tw-text-opacity));\n}\n\n.text-gold-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gold-700) / var(--tw-text-opacity));\n}\n\n.text-grass-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-grass-700) / var(--tw-text-opacity));\n}\n\n.text-gray-100 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-100) / var(--tw-text-opacity));\n}\n\n.text-gray-1000 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-1000) / var(--tw-text-opacity));\n}\n\n.text-gray-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-700) / var(--tw-text-opacity));\n}\n\n.text-gray-800 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-800) / var(--tw-text-opacity));\n}\n\n.text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-900) / var(--tw-text-opacity));\n}\n\n.text-green-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-green-700) / var(--tw-text-opacity));\n}\n\n.text-indigo-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-indigo-700) / var(--tw-text-opacity));\n}\n\n.text-lime-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-lime-700) / var(--tw-text-opacity));\n}\n\n.text-orange-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-orange-700) / var(--tw-text-opacity));\n}\n\n.text-plum-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-plum-700) / var(--tw-text-opacity));\n}\n\n.text-primary {\n  --tw-text-opacity: 1;\n  color: rgb(29 28 32 / var(--tw-text-opacity));\n}\n\n.text-purple-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-purple-700) / var(--tw-text-opacity));\n}\n\n.text-red-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-red-700) / var(--tw-text-opacity));\n}\n\n.text-teal-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-teal-700) / var(--tw-text-opacity));\n}\n\n.text-violet-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-violet-700) / var(--tw-text-opacity));\n}\n\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.text-white\\/80 {\n  color: #fffc;\n}\n\n.text-yellow-700 {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-yellow-700) / var(--tw-text-opacity));\n}\n\n.underline {\n  text-decoration-line: underline;\n}\n\n.underline-offset-8 {\n  text-underline-offset: 8px;\n}\n\n.antialiased {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.opacity-50 {\n  opacity: .5;\n}\n\n.shadow-dropdown-sm {\n  --tw-shadow: 0px 1px 2px 0px #1018280f, 0px 1px 3px 0px #1018281a;\n  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 1px 3px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-md {\n  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.shadow-sm {\n  --tw-shadow: 0 1px 2px 0 #0000000d;\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.outline-none {\n  outline-offset: 2px;\n  outline: 2px solid #0000;\n}\n\n.outline {\n  outline-style: solid;\n}\n\n.ring-1 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-2 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-4 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.ring-inset {\n  --tw-ring-inset: inset;\n}\n\n.ring-amber-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-amber-300) / var(--tw-ring-opacity));\n}\n\n.ring-blue-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-blue-300) / var(--tw-ring-opacity));\n}\n\n.ring-blue-700 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-blue-700) / var(--tw-ring-opacity));\n}\n\n.ring-brown-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-brown-300) / var(--tw-ring-opacity));\n}\n\n.ring-crimson-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-crimson-300) / var(--tw-ring-opacity));\n}\n\n.ring-cyan-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-cyan-300) / var(--tw-ring-opacity));\n}\n\n.ring-gray-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-gray-200) / var(--tw-ring-opacity));\n}\n\n.ring-green-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-green-300) / var(--tw-ring-opacity));\n}\n\n.ring-orange-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-orange-300) / var(--tw-ring-opacity));\n}\n\n.ring-red-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-red-300) / var(--tw-ring-opacity));\n}\n\n.ring-teal-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-teal-300) / var(--tw-ring-opacity));\n}\n\n.ring-violet-300 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-violet-300) / var(--tw-ring-opacity));\n}\n\n.ring-white {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));\n}\n\n.ring-white\\/20 {\n  --tw-ring-color: #fff3;\n}\n\n.ring-offset-0 {\n  --tw-ring-offset-width: 0px;\n}\n\n.ring-offset-white {\n  --tw-ring-offset-color: #fff;\n}\n\n.blur {\n  --tw-blur: blur(8px);\n  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);\n}\n\n.filter {\n  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);\n}\n\n.backdrop-blur-\\[30px\\] {\n  --tw-backdrop-blur: blur(30px);\n  -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);\n  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);\n}\n\n.backdrop-blur-sm {\n  --tw-backdrop-blur: blur(4px);\n  -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);\n  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);\n}\n\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.transition-all {\n  transition-property: all;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.transition-transform {\n  transition-property: transform;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n}\n\n.duration-1000 {\n  transition-duration: 1s;\n}\n\n.duration-200 {\n  transition-duration: .2s;\n}\n\n.duration-300 {\n  transition-duration: .3s;\n}\n\n.ease-linear {\n  transition-timing-function: linear;\n}\n\n.ease-out {\n  transition-timing-function: cubic-bezier(0, 0, .2, 1);\n}\n\n.will-change-transform {\n  will-change: transform;\n}\n\n@keyframes enter {\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    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));\n  }\n}\n\n@keyframes exit {\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    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));\n  }\n}\n\n.animate-in {\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n  animation-name: enter;\n  animation-duration: .15s;\n}\n\n.fade-in, .fade-in-0 {\n  --tw-enter-opacity: 0;\n}\n\n.fade-out {\n  --tw-exit-opacity: 0;\n}\n\n.zoom-in-95 {\n  --tw-enter-scale: .95;\n}\n\n.duration-1000 {\n  animation-duration: 1s;\n}\n\n.duration-200 {\n  animation-duration: .2s;\n}\n\n.duration-300 {\n  animation-duration: .3s;\n}\n\n.ease-linear {\n  animation-timing-function: linear;\n}\n\n.ease-out {\n  animation-timing-function: cubic-bezier(0, 0, .2, 1);\n}\n\n.paused {\n  animation-play-state: paused;\n}\n\n.inter {\n  font-family: Inter, sans-serif;\n}\n\n@supports (font-variation-settings: normal) {\n  .inter {\n    font-family: Inter var, sans-serif;\n  }\n}\n\n.public-page-bg {\n  background-image: radial-gradient(50% 50%, #006aff33 0%, #006aff00 100%), linear-gradient(#0000 0%, #fff 100%), linear-gradient(0deg, #0000 0%, #ffffffbf 100%), url(\"data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 40V41H41V40H40ZM39 0V40H41V0H39ZM40 39H0V41H40V39Z' fill='%23E8E8E8' mask='url(%23path-1-inside-1_124_242)'/%3E%3C/svg%3E\");\n  background-position: 50% calc(50vh - 185px), center, center, center;\n  background-repeat: no-repeat, repeat, repeat, repeat;\n  background-size: 700px 350px, auto, auto, auto;\n}\n\n.placeholder\\:text-gray-700::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-700) / var(--tw-text-opacity));\n}\n\n.placeholder\\:text-gray-900::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-900) / var(--tw-text-opacity));\n}\n\n.focus-within\\:relative:focus-within {\n  position: relative;\n}\n\n.focus-within\\:z-20:focus-within {\n  z-index: 20;\n}\n\n.focus-within\\:border-gray-200:focus-within {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-gray-200) / var(--tw-border-opacity));\n}\n\n.focus-within\\:bg-gray-100:focus-within {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.focus-within\\:outline:focus-within {\n  outline-style: solid;\n}\n\n.focus-within\\:outline-\\[2px\\]:focus-within {\n  outline-width: 2px;\n}\n\n.focus-within\\:outline-offset-\\[2px\\]:focus-within {\n  outline-offset: 2px;\n}\n\n.focus-within\\:outline-blue-300:focus-within {\n  outline-color: rgb(var(--color-blue-300) / 1);\n}\n\n.focus-within\\:outline-red-700:focus-within {\n  outline-color: rgb(var(--color-red-700) / 1);\n}\n\n.hover\\:bg-\\[\\#292929\\]:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(41 41 41 / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-50) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-700:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-700) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-800:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-800) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-gray-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-gray-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-red-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-100) / var(--tw-bg-opacity));\n}\n\n.hover\\:bg-red-800:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-800) / var(--tw-bg-opacity));\n}\n\n.hover\\:text-blue-700:hover {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.hover\\:text-white:hover {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n\n.focus\\:bg-gray-100:focus {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.focus\\:outline-none:focus {\n  outline-offset: 2px;\n  outline: 2px solid #0000;\n}\n\n.focus\\:ring-1:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus\\:ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n\n.focus-visible\\:outline-none:focus-visible {\n  outline-offset: 2px;\n  outline: 2px solid #0000;\n}\n\n.focus-visible\\:ring-2:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.focus-visible\\:ring-blue-1000:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-blue-1000) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-blue-700:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-blue-700) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-gray-1000:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-gray-1000) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-red-1000:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-red-1000) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-red-700:focus-visible {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(var(--color-red-700) / var(--tw-ring-opacity));\n}\n\n.focus-visible\\:ring-offset-2:focus-visible {\n  --tw-ring-offset-width: 2px;\n}\n\n.active\\:bg-\\[\\#292929\\]:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(41 41 41 / var(--tw-bg-opacity));\n}\n\n.active\\:bg-blue-200:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-200) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-blue-900:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-900) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-gray-100:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-gray-200:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-gray-500:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-500) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-red-200:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-200) / var(--tw-bg-opacity));\n}\n\n.active\\:bg-red-900:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-900) / var(--tw-bg-opacity));\n}\n\n.active\\:text-blue-700:active {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.active\\:text-blue-900:active {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-900) / var(--tw-text-opacity));\n}\n\n.disabled\\:pointer-events-none:disabled {\n  pointer-events: none;\n}\n\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n\n.disabled\\:opacity-40:disabled {\n  opacity: .4;\n}\n\n.disabled\\:opacity-50:disabled {\n  opacity: .5;\n}\n\n.group:focus-within .group-focus-within\\:bg-gray-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.group:hover .group-hover\\:bg-gray-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.group:active .group-active\\:bg-gray-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.peer:disabled ~ .peer-disabled\\:cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.peer:disabled ~ .peer-disabled\\:opacity-70 {\n  opacity: .7;\n}\n\n.aria-selected\\:bg-blue-100[aria-selected=\"true\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity));\n}\n\n.aria-selected\\:text-blue-700[aria-selected=\"true\"] {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.aria-selected\\:opacity-100[aria-selected=\"true\"] {\n  opacity: 1;\n}\n\n.data-\\[disabled\\]\\:pointer-events-none[data-disabled] {\n  pointer-events: none;\n}\n\n.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=\"bottom\"] {\n  --tw-translate-y: .25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[side\\=left\\]\\:-translate-x-1[data-side=\"left\"] {\n  --tw-translate-x: -.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[side\\=right\\]\\:translate-x-1[data-side=\"right\"] {\n  --tw-translate-x: .25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[side\\=top\\]\\:-translate-y-1[data-side=\"top\"] {\n  --tw-translate-y: -.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[state\\=checked\\]\\:translate-x-5[data-state=\"checked\"] {\n  --tw-translate-x: 1.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[swipe\\=cancel\\]\\:translate-x-0[data-swipe=\"cancel\"] {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[swipe\\=end\\]\\:translate-x-\\[var\\(--radix-toast-swipe-end-x\\)\\][data-swipe=\"end\"] {\n  --tw-translate-x: var(--radix-toast-swipe-end-x);\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.data-\\[swipe\\=move\\]\\:translate-x-\\[var\\(--radix-toast-swipe-move-x\\)\\][data-swipe=\"move\"] {\n  --tw-translate-x: var(--radix-toast-swipe-move-x);\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes accordion-up {\n  from {\n    height: var(--radix-accordion-content-height);\n  }\n\n  to {\n    height: 0;\n  }\n}\n\n.data-\\[state\\=closed\\]\\:animate-accordion-up[data-state=\"closed\"] {\n  animation: .2s ease-out accordion-up;\n}\n\n@keyframes accordion-down {\n  from {\n    height: 0;\n  }\n\n  to {\n    height: var(--radix-accordion-content-height);\n  }\n}\n\n.data-\\[state\\=open\\]\\:animate-accordion-down[data-state=\"open\"] {\n  animation: .2s ease-out accordion-down;\n}\n\n.data-\\[disabled\\]\\:cursor-not-allowed[data-disabled] {\n  cursor: not-allowed;\n}\n\n.data-\\[state\\=checked\\]\\:border-blue-700[data-state=\"checked\"] {\n  --tw-border-opacity: 1;\n  border-color: rgb(var(--color-blue-700) / var(--tw-border-opacity));\n}\n\n.data-\\[disabled\\]\\:data-\\[state\\=unchecked\\]\\:bg-gray-300[data-state=\"unchecked\"][data-disabled] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-300) / var(--tw-bg-opacity));\n}\n\n.data-\\[selected\\=true\\]\\:bg-gray-50[data-selected=\"true\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-amber-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-amber-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-blue-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-bronze-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-bronze-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-brown-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-brown-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-crimson-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-crimson-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-cyan-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-cyan-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-gold-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gold-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-grass-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-grass-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-gray-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-green-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-green-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-indigo-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-indigo-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-lime-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-lime-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-plum-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-plum-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-purple-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-purple-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-red-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-red-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-teal-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-teal-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-violet-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-violet-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[size\\=xxs\\]\\:bg-yellow-700[data-size=\"xxs\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-yellow-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=active\\]\\:bg-white[data-state=\"active\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=checked\\]\\:bg-blue-700[data-state=\"checked\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-700) / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=checked\\]\\:bg-gray-50[data-state=\"checked\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=checked\\]\\:bg-white[data-state=\"checked\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=selected\\]\\:bg-gray-50[data-state=\"selected\"] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.data-\\[state\\=active\\]\\:font-semibold[data-state=\"active\"] {\n  font-weight: 600;\n}\n\n.data-\\[state\\=active\\]\\:text-blue-700[data-state=\"active\"] {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-blue-700) / var(--tw-text-opacity));\n}\n\n.data-\\[state\\=active\\]\\:text-gray-1000[data-state=\"active\"] {\n  --tw-text-opacity: 1;\n  color: rgb(var(--color-gray-1000) / var(--tw-text-opacity));\n}\n\n.data-\\[disabled\\]\\:opacity-40[data-disabled] {\n  opacity: .4;\n}\n\n.data-\\[disabled\\]\\:opacity-50[data-disabled] {\n  opacity: .5;\n}\n\n.data-\\[state\\=active\\]\\:shadow-sm[data-state=\"active\"] {\n  --tw-shadow: 0 1px 2px 0 #0000000d;\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.data-\\[swipe\\=move\\]\\:transition-none[data-swipe=\"move\"] {\n  transition-property: none;\n}\n\n.data-\\[state\\=open\\]\\:animate-in[data-state=\"open\"] {\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n  animation-name: enter;\n  animation-duration: .15s;\n}\n\n.data-\\[state\\=closed\\]\\:animate-out[data-state=\"closed\"], .data-\\[swipe\\=end\\]\\:animate-out[data-swipe=\"end\"] {\n  --tw-exit-opacity: initial;\n  --tw-exit-scale: initial;\n  --tw-exit-rotate: initial;\n  --tw-exit-translate-x: initial;\n  --tw-exit-translate-y: initial;\n  animation-name: exit;\n  animation-duration: .15s;\n}\n\n.data-\\[state\\=closed\\]\\:fade-out[data-state=\"closed\"], .data-\\[state\\=closed\\]\\:fade-out-0[data-state=\"closed\"] {\n  --tw-exit-opacity: 0;\n}\n\n.data-\\[state\\=closed\\]\\:fade-out-80[data-state=\"closed\"] {\n  --tw-exit-opacity: .8;\n}\n\n.data-\\[state\\=open\\]\\:fade-in-0[data-state=\"open\"] {\n  --tw-enter-opacity: 0;\n}\n\n.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=\"closed\"] {\n  --tw-exit-scale: .95;\n}\n\n.data-\\[state\\=open\\]\\:zoom-in-95[data-state=\"open\"] {\n  --tw-enter-scale: .95;\n}\n\n.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=\"bottom\"] {\n  --tw-enter-translate-y: -.5rem;\n}\n\n.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=\"left\"] {\n  --tw-enter-translate-x: .5rem;\n}\n\n.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=\"right\"] {\n  --tw-enter-translate-x: -.5rem;\n}\n\n.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=\"top\"] {\n  --tw-enter-translate-y: .5rem;\n}\n\n.data-\\[state\\=closed\\]\\:slide-out-to-bottom-\\[100\\%\\][data-state=\"closed\"] {\n  --tw-exit-translate-y: 100%;\n}\n\n.data-\\[state\\=closed\\]\\:slide-out-to-left-1\\/2[data-state=\"closed\"], .data-\\[state\\=closed\\]\\:slide-out-to-left-\\[50\\%\\][data-state=\"closed\"] {\n  --tw-exit-translate-x: -50%;\n}\n\n.data-\\[state\\=closed\\]\\:slide-out-to-top-\\[48\\%\\][data-state=\"closed\"] {\n  --tw-exit-translate-y: -48%;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-bottom-\\[100\\%\\][data-state=\"open\"] {\n  --tw-enter-translate-y: 100%;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-left-1\\/2[data-state=\"open\"], .data-\\[state\\=open\\]\\:slide-in-from-left-\\[50\\%\\][data-state=\"open\"] {\n  --tw-enter-translate-x: -50%;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-top-\\[48\\%\\][data-state=\"open\"] {\n  --tw-enter-translate-y: -48%;\n}\n\n.data-\\[state\\=open\\]\\:slide-in-from-top-full[data-state=\"open\"] {\n  --tw-enter-translate-y: -100%;\n}\n\n.group[data-state=\"open\"] .group-data-\\[state\\=open\\]\\:rotate-180 {\n  --tw-rotate: 180deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.group[data-disabled] .group-data-\\[disabled\\]\\:cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.group[data-state=\"checked\"] .group-data-\\[state\\=checked\\]\\:bg-gray-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.group[data-disabled] .group-data-\\[disabled\\]\\:opacity-50 {\n  opacity: .5;\n}\n\n@media not all and (width >= 640px) {\n  .max-sm\\:gap-4 {\n    gap: 1rem;\n  }\n\n  .max-sm\\:p-4 {\n    padding: 1rem;\n  }\n}\n\n@media (width >= 640px) {\n  .sm\\:mt-0 {\n    margin-top: 0;\n  }\n\n  .sm\\:w-1\\/2 {\n    width: 50%;\n  }\n\n  .sm\\:flex-row {\n    flex-direction: row;\n  }\n\n  .sm\\:flex-col {\n    flex-direction: column;\n  }\n\n  .sm\\:justify-end {\n    justify-content: flex-end;\n  }\n\n  .sm\\:justify-center {\n    justify-content: center;\n  }\n\n  .sm\\:space-x-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(.5rem * var(--tw-space-x-reverse));\n    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .sm\\:space-x-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(1rem * var(--tw-space-x-reverse));\n    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .sm\\:space-y-0 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0px * var(--tw-space-y-reverse));\n  }\n\n  .data-\\[state\\=open\\]\\:sm\\:slide-in-from-bottom-full[data-state=\"open\"] {\n    --tw-enter-translate-y: 100%;\n  }\n}\n\n@media (width >= 768px) {\n  .md\\:w-\\[334px\\] {\n    width: 334px;\n  }\n\n  .md\\:w-full {\n    width: 100%;\n  }\n\n  .md\\:w-screen {\n    width: 100vw;\n  }\n\n  .md\\:max-w-\\[420px\\] {\n    max-width: 420px;\n  }\n}\n\n.\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:bg-blue-100:has([aria-selected]) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-blue-100) / var(--tw-bg-opacity));\n}\n\n.first\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-l-md:has([aria-selected]):first-child {\n  border-top-left-radius: .375rem;\n  border-bottom-left-radius: .375rem;\n}\n\n.last\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-r-md:has([aria-selected]):last-child {\n  border-top-right-radius: .375rem;\n  border-bottom-right-radius: .375rem;\n}\n\n.\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=\"checkbox\"]) {\n  padding-right: 0;\n}\n\n.\\[\\&\\:not\\(\\[aria-selected\\]\\)\\]\\:hover\\:bg-gray-100:hover:not([aria-selected]) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));\n}\n\n.\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\] > [role=\"checkbox\"] {\n  --tw-translate-y: 2px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.\\[\\&\\>svg\\]\\:h-\\[18px\\] > svg {\n  height: 18px;\n}\n\n.\\[\\&\\>svg\\]\\:w-\\[18px\\] > svg {\n  width: 18px;\n}\n\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 [cmdk-group-heading] {\n  padding-left: .5rem;\n  padding-right: .5rem;\n}\n\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 [cmdk-group-heading] {\n  padding-top: .375rem;\n  padding-bottom: .375rem;\n}\n\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-sm [cmdk-group-heading] {\n  letter-spacing: -.02em;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium [cmdk-group-heading] {\n  font-weight: 500;\n}\n\n.\\[\\&_tr\\:active\\]\\:bg-gray-50 tr:active, .\\[\\&_tr\\:hover\\:active\\]\\:bg-gray-50 tr:hover:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.\\[\\&_tr\\:hover\\]\\:bg-gray-25 tr:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(var(--color-gray-25) / var(--tw-bg-opacity));\n}\n\n.\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child {\n  border-width: 0;\n}\n\n.\\[\\&_tr\\]\\:border-b tr {\n  border-bottom-width: 1px;\n}\n\n";
 
 
 var $9554d945ad3f220e$exports = {};
@@ -16726,16 +17538,37 @@ const $24075a5d702d64b3$var$defaultOptions = {
     },
     streamApiURL: String("https://apistream.snapcall.io"),
     apiUrl: String("https://api.snapcall.io/v2"),
-    tracking: false
+    tracking: false,
+    token: undefined,
+    profile: undefined,
+    apiKey: undefined
 };
+let $24075a5d702d64b3$var$streamUIOption = {};
 const $24075a5d702d64b3$export$3f94917203ab7078 = {
-    init: ({ element: element, ...options })=>{
+    init: (option)=>{
+        $24075a5d702d64b3$var$streamUIOption = option;
+    },
+    joinRoom: async (token, option)=>{
+        return $24075a5d702d64b3$export$3f94917203ab7078.initV2({
+            ...$24075a5d702d64b3$var$streamUIOption,
+            ...option,
+            token: token
+        });
+    },
+    initV2: async ({ element: element, ...options })=>{
         if (typeof options.recorder === "boolean") options.recorder = {
             enabled: options.recorder,
             defaultMode: "photo",
             defaultMedia: "camera",
             skipOnboarding: false
         };
+        await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).init(options.token, {
+            recorder: options.recorder?.enabled,
+            apiKey: options.apiKey,
+            email: options.email,
+            profile: options.profile,
+            authKey: options.authKey
+        });
         if (element?.nodeType !== window.Node.ELEMENT_NODE) throw new Error('The "element" property must be a valid element!');
         const mergedOptions = (0, $365e765f9890497b$export$6969335ea1e4e77c)($24075a5d702d64b3$var$defaultOptions, options);
         const rootElement = (0, $3Sbms$createRoot)(element);
@@ -16772,13 +17605,6 @@ const $24075a5d702d64b3$export$3f94917203ab7078 = {
         if (mergedOptions.tracking) (0, $3Sbms$hotjarbrowser).init(3111933, 6);
         (0, $35b37252690084e8$export$1cbfb36c1655a9a)(rootElement, element);
     },
-    initGreeting: (element, onGreetingDone)=>{
-        const rootElement = (0, $3Sbms$createRoot)(element);
-        rootElement.render(/*#__PURE__*/ (0, $3Sbms$jsx)((0, $f8d57e3d223f5089$export$2e2bcd8739ae039), {
-            onGreetingDone: onGreetingDone
-        }));
-        (0, $35b37252690084e8$export$1cbfb36c1655a9a)(rootElement, element);
-    },
     setExtraSettingsOptions: (extraOptions)=>{
         const event = new CustomEvent("streamUISetExtraSettingsOptions", {
             detail: {
@@ -16787,10 +17613,10 @@ const $24075a5d702d64b3$export$3f94917203ab7078 = {
         });
         window.dispatchEvent(event);
     },
+    setAgentIdentity: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setAgentIdentity.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
     startRecord: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).startRecord.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
     stopRecord: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).stopRecord.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
     sendNotification: $a5146f9062d7bf28$export$3a57e165650c636f,
-    joinRoom: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).init.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
     leaveRoom: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).endCall.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
     terminateRoom: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).terminateRoom.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
     generateToken: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).generateToken.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
@@ -16807,10 +17633,6 @@ const $24075a5d702d64b3$export$3f94917203ab7078 = {
 window.streamUI = $24075a5d702d64b3$export$3f94917203ab7078;
 // Backward compatibility
 window.snapcallAPI = window.snapcallAPI || {
-    join: (...args)=>{
-        console.warn("snapcallAPI.join is deprecated, please use streamUI.joinRoom instead!");
-        return $24075a5d702d64b3$export$3f94917203ab7078.joinRoom(...args);
-    },
     endCall: (...args)=>{
         console.warn("snapcallAPI.endCall is deprecated, please use streamUI.leaveRoom instead!");
         return $24075a5d702d64b3$export$3f94917203ab7078.leaveRoom(...args);