@snapcall/stream-ui 1.16.0 → 1.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/stream-ui.esm.js +736 -365
- package/dist/stream-ui.js +733 -362
- package/dist/stream-ui.umd.js +18 -19
- package/dist/types.d.ts +5 -4
- package/package.json +3 -2
package/dist/stream-ui.js
CHANGED
|
@@ -5,11 +5,13 @@ var $jQDcL$bundletextsnapcalldesignsystemdiststylecss = require("bundle-text:@sn
|
|
|
5
5
|
var $jQDcL$reacthottoast = require("react-hot-toast");
|
|
6
6
|
var $jQDcL$styledcomponents = require("styled-components");
|
|
7
7
|
var $jQDcL$react = require("react");
|
|
8
|
+
var $jQDcL$snapcalldesignsystem = require("@snapcall/design-system");
|
|
8
9
|
require("inobounce");
|
|
9
10
|
var $jQDcL$reactquery = require("react-query");
|
|
10
11
|
var $jQDcL$reacti18next = require("react-i18next");
|
|
11
12
|
var $jQDcL$i18next = require("i18next");
|
|
12
13
|
var $jQDcL$bowser = require("bowser");
|
|
14
|
+
var $jQDcL$reactstately = require("react-stately");
|
|
13
15
|
var $jQDcL$uuid = require("uuid");
|
|
14
16
|
var $jQDcL$protooclient = require("protoo-client");
|
|
15
17
|
var $jQDcL$mediasoupclientlibProducer = require("mediasoup-client/lib/Producer");
|
|
@@ -17,10 +19,9 @@ var $jQDcL$sentrybrowser = require("@sentry/browser");
|
|
|
17
19
|
var $jQDcL$mediasoupclient = require("mediasoup-client");
|
|
18
20
|
var $jQDcL$mediapipeselfie_segmentation = require("@mediapipe/selfie_segmentation");
|
|
19
21
|
var $jQDcL$buffer = require("buffer");
|
|
22
|
+
var $jQDcL$reacthookform = require("react-hook-form");
|
|
20
23
|
var $jQDcL$reactdom = require("react-dom");
|
|
21
24
|
var $jQDcL$qrcode = require("qrcode");
|
|
22
|
-
var $jQDcL$reactstately = require("react-stately");
|
|
23
|
-
var $jQDcL$snapcalldesignsystem = require("@snapcall/design-system");
|
|
24
25
|
var $jQDcL$lottiefilesreactlottieplayer = require("@lottiefiles/react-lottie-player");
|
|
25
26
|
var $jQDcL$classnames = require("classnames");
|
|
26
27
|
|
|
@@ -345,6 +346,7 @@ const $57b7750d9786bf6f$export$1cbfb36c1655a9a = (root, element)=>{
|
|
|
345
346
|
|
|
346
347
|
|
|
347
348
|
|
|
349
|
+
|
|
348
350
|
const $393bda1b33846dfc$export$604ba5624273df44 = ()=>{
|
|
349
351
|
try {
|
|
350
352
|
const storedTheme = localStorage.getItem("stream_ui_language");
|
|
@@ -417,7 +419,8 @@ const $91fcbf58e59aae79$export$84584c2a98eb6753 = {
|
|
|
417
419
|
title: "Copy link",
|
|
418
420
|
description: "Copy link into clipboard",
|
|
419
421
|
error: "An error occured when trying to copy to clipboard",
|
|
420
|
-
copied: "Link copied to clipboard"
|
|
422
|
+
copied: "Link copied to clipboard",
|
|
423
|
+
copy: "Copy"
|
|
421
424
|
},
|
|
422
425
|
quickConnect: {
|
|
423
426
|
title: "Quick Connect",
|
|
@@ -457,6 +460,28 @@ const $91fcbf58e59aae79$export$84584c2a98eb6753 = {
|
|
|
457
460
|
invoice: "{{user}} sent you an invoice.",
|
|
458
461
|
pay: "Pay"
|
|
459
462
|
},
|
|
463
|
+
invitePeople: {
|
|
464
|
+
inviteRecordClip: "Invite to record clip",
|
|
465
|
+
copyCallLinkDescription: "Copy this link and send it to anyone you wish to invite to join the call.",
|
|
466
|
+
copyClipLinkDescription: "Copy this link and send it to anyone you wish to invite to record a clip.",
|
|
467
|
+
inviteCall: "Invite to join call",
|
|
468
|
+
sharePublicLink: "Share public link",
|
|
469
|
+
inviteByEmail: "Invite by email",
|
|
470
|
+
addEmailToInvite: "Add an email to invite.",
|
|
471
|
+
email: "Email",
|
|
472
|
+
emailPlaceholder: "Eg. john@acme.com",
|
|
473
|
+
invite: "Invite",
|
|
474
|
+
linkToJoinCall: "Link to join the call",
|
|
475
|
+
linkToRecordAClip: "Link to record a clip",
|
|
476
|
+
invalidEmail: "Invalid email format.",
|
|
477
|
+
addEmails: "Add emails...",
|
|
478
|
+
invitationSentTo_one: "Sent to {{ name }}",
|
|
479
|
+
invitationSentTo_other: "Sent to {{ name }} and {{ otherEmailsCount }}+",
|
|
480
|
+
error: "Failed to send, please try again later.",
|
|
481
|
+
inviteCallDefaultMessage: "Hey! You're invited to join our video call. Click the link to connect instantly.",
|
|
482
|
+
inviteClipDefaultMessage: "Hey! Please record your video clip now and provide us with more context to assist you better.",
|
|
483
|
+
message: "Message"
|
|
484
|
+
},
|
|
460
485
|
youtube: {
|
|
461
486
|
title: "Watch Together",
|
|
462
487
|
url: "YOUTUBE URL",
|
|
@@ -549,7 +574,7 @@ const $91fcbf58e59aae79$export$84584c2a98eb6753 = {
|
|
|
549
574
|
attachElements_other: "Attach {{ count }} elements",
|
|
550
575
|
allowAccess: "Allow access",
|
|
551
576
|
okay: "Okay",
|
|
552
|
-
allowCamMicAccess: "Allow access to
|
|
577
|
+
allowCamMicAccess: "Allow access to cam/mic",
|
|
553
578
|
allowScreenShareAccess: "Allow access to screen sharing",
|
|
554
579
|
permissionDeniedTitle: "Something went wrong!",
|
|
555
580
|
permissionDeniedDescription: "Without access to the camera and microphone, you won't be able to capture photos or videos to share with the support team. Please grant access in your browser settings.",
|
|
@@ -557,19 +582,15 @@ const $91fcbf58e59aae79$export$84584c2a98eb6753 = {
|
|
|
557
582
|
videoInstructionsTitle: "Ready to record a video?",
|
|
558
583
|
screenShareInstructionsTitle: "Ready to share your screen?",
|
|
559
584
|
instructions: {
|
|
560
|
-
allowAccessOnPrompt: "When prompted, <
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
tapStopVideoButton: "When you're done, tap the <1 /><2>Stop button</2>.",
|
|
568
|
-
reviewAndSendVideos: "Review your video and <1>send it when you're satisfied</1>.",
|
|
569
|
-
tapScreenShareButton: "Tap <1>Record my screen</1> to begin recording.",
|
|
570
|
-
tapStopScreenShareButton: "When you're done, tap <1>Stop recording</1>.",
|
|
585
|
+
allowAccessOnPrompt: "When prompted, <bold>allow access</bold> to camera and microphone.",
|
|
586
|
+
multiplePhotos: "Take a <bold>photo or multiple</bold> for detail, then review.",
|
|
587
|
+
reviewAndSendPhotos: "<bold>Validate your photos</bold>, and they will be sent to us automatically.",
|
|
588
|
+
tapVideoButton: "<bold>Tap the record button</bold> to begin and feel free to provide commentary.",
|
|
589
|
+
videoSpeech: "You can <bold>talk during</bold> the recording to provide additional information.",
|
|
590
|
+
tapStopVideoButton: "<bold>Tap stop</bold> when you are done.",
|
|
591
|
+
reviewAndSendVideos: "<bold>Review your videos</bold>, and they will be sent to us automatically.",
|
|
571
592
|
screenShareInstruction: "Select the screen or window you wish to record.",
|
|
572
|
-
privacyPolicy: "By proceeding, you agree to our <
|
|
593
|
+
privacyPolicy: "By proceeding, you agree to our <bold>Privacy Policy</bold>."
|
|
573
594
|
},
|
|
574
595
|
switchToMobileTitle: "Switch to your mobile device",
|
|
575
596
|
switchToMobileDescription: "Experience greater convenience by using your phone to take photos and record videos.",
|
|
@@ -639,7 +660,7 @@ const $e52ca91c2b296e41$export$acb2a88f7d552ebf = {
|
|
|
639
660
|
},
|
|
640
661
|
endView: {
|
|
641
662
|
goBack: "Retourner dans l'appel",
|
|
642
|
-
tooLate: "Vous \xeates
|
|
663
|
+
tooLate: "Vous \xeates arriv\xe9 trop tard",
|
|
643
664
|
callIsOver: "Cet appel est termin\xe9 ou supprim\xe9",
|
|
644
665
|
callEnded: "Cet appel est termin\xe9",
|
|
645
666
|
callLeft: "Vous avez quitt\xe9 l'appel",
|
|
@@ -668,7 +689,8 @@ const $e52ca91c2b296e41$export$acb2a88f7d552ebf = {
|
|
|
668
689
|
title: "Copier le lien",
|
|
669
690
|
description: "Copier le lien dans le presse-papiers",
|
|
670
691
|
error: "Une erreur est survenue pendant la copie du lien dans le presse-papier",
|
|
671
|
-
copied: "Lien copi\xe9 dans le presse-papier"
|
|
692
|
+
copied: "Lien copi\xe9 dans le presse-papier",
|
|
693
|
+
copy: "Copier"
|
|
672
694
|
},
|
|
673
695
|
quickConnect: {
|
|
674
696
|
title: "Quick Connect",
|
|
@@ -708,6 +730,28 @@ const $e52ca91c2b296e41$export$acb2a88f7d552ebf = {
|
|
|
708
730
|
invoice: "{{user}} vous a envoy\xe9 une facture.",
|
|
709
731
|
pay: "Payer"
|
|
710
732
|
},
|
|
733
|
+
invitePeople: {
|
|
734
|
+
inviteRecordClip: "Inviter \xe0 enregistrer un clip",
|
|
735
|
+
copyCallLinkDescription: "Copiez ce lien et envoyez-le \xe0 toute personne que vous souhaitez inviter \xe0 rejoindre l'appel.",
|
|
736
|
+
copyClipLinkDescription: "Copiez ce lien et envoyez-le \xe0 toute personne que vous souhaitez inviter \xe0 enregistrer un clip.",
|
|
737
|
+
inviteCall: "Inviter \xe0 rejoindre l'appel",
|
|
738
|
+
sharePublicLink: "Partager le lien public",
|
|
739
|
+
inviteByEmail: "Inviter par email",
|
|
740
|
+
addEmailToInvite: "Ajoutez un e-mail pour inviter.",
|
|
741
|
+
email: "Email",
|
|
742
|
+
emailPlaceholder: "Ex. jean@acme.com",
|
|
743
|
+
invite: "Inviter",
|
|
744
|
+
linkToJoinCall: "Lien pour rejoindre l'appel",
|
|
745
|
+
linkToRecordAClip: "Lien pour enregistrer un clip",
|
|
746
|
+
invalidEmail: "Format d'email invalide.",
|
|
747
|
+
addEmails: "Ajouter des e-mails...",
|
|
748
|
+
invitationSentTo_one: "Envoy\xe9 \xe0 {{ name }}",
|
|
749
|
+
invitationSentTo_other: "Envoy\xe9 \xe0 {{ name }} et {{ otherEmailsCount }}+",
|
|
750
|
+
error: "\xc9chec de l'envoi, veuillez r\xe9essayer plus tard.",
|
|
751
|
+
inviteCallDefaultMessage: "Vous \xeates invit\xe9 \xe0 rejoindre notre appel vid\xe9o. Cliquez sur le lien pour vous connecter instantan\xe9ment.",
|
|
752
|
+
inviteClipDefaultMessage: "Veuillez enregistrer votre clip vid\xe9o maintenant et nous fournir plus de contexte pour mieux vous aider.",
|
|
753
|
+
message: "Message"
|
|
754
|
+
},
|
|
711
755
|
youtube: {
|
|
712
756
|
title: "Regardons Ensemble",
|
|
713
757
|
url: "URL YOUTUBE",
|
|
@@ -795,32 +839,28 @@ const $e52ca91c2b296e41$export$acb2a88f7d552ebf = {
|
|
|
795
839
|
sendElements_one: "Envoyer la {{ type }}",
|
|
796
840
|
sendElements_other: "Envoyer {{ count }} \xe9l\xe9ments",
|
|
797
841
|
attachElements_one: "Joindre {{ type }} au ticket",
|
|
798
|
-
attachElements_other: "Joindre {{ count }}\
|
|
842
|
+
attachElements_other: "Joindre {{ count }} \xe9l\xe9ments",
|
|
799
843
|
clipCount_one: "{{ count }} clip",
|
|
800
844
|
clipCount_other: "{{ count }} clips",
|
|
801
845
|
allowAccess: "Autoriser l'acc\xe8s",
|
|
802
846
|
okay: "D'accord",
|
|
803
|
-
allowCamMicAccess: "Autoriser
|
|
847
|
+
allowCamMicAccess: "Autoriser acc\xe8s cam\xe9ra/micro",
|
|
804
848
|
allowScreenShareAccess: "Autoriser l'acc\xe8s au partage d'\xe9cran",
|
|
805
849
|
permissionDeniedTitle: "Quelque chose s'est mal pass\xe9 !",
|
|
806
850
|
permissionDeniedDescription: "Sans acc\xe8s \xe0 la cam\xe9ra et au microphone, vous ne pouvez pas prendre de photos ou de vid\xe9os \xe0 partager avec l'\xe9quipe d'assistance. Veuillez accorder l'acc\xe8s dans les param\xe8tres de votre navigateur.",
|
|
807
|
-
photoInstructionsTitle: "Pr\xeat
|
|
808
|
-
videoInstructionsTitle: "Pr\xeat
|
|
809
|
-
screenShareInstructionsTitle: "Pr\xeat
|
|
851
|
+
photoInstructionsTitle: "Pr\xeat \xe0 prendre une photo ?",
|
|
852
|
+
videoInstructionsTitle: "Pr\xeat \xe0 enregistrer une vid\xe9o ?",
|
|
853
|
+
screenShareInstructionsTitle: "Pr\xeat \xe0 partager votre \xe9cran ?",
|
|
810
854
|
instructions: {
|
|
811
|
-
allowAccessOnPrompt: "
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
tapVideoButton: "Appuyez sur le <1 /><2>bouton d'enregistrement</2> pour d\xe9marrer un enregistrement.",
|
|
855
|
+
allowAccessOnPrompt: "<bold>Autorisez l'acc\xe8s</bold> \xe0 la cam\xe9ra et au micro lorsque demand\xe9.",
|
|
856
|
+
multiplePhotos: "Prenez <bold>une ou plusieurs photos</bold> pour donner plus de d\xe9tails.",
|
|
857
|
+
reviewAndSendPhotos: "<bold>Validez vos photos</bold>, et elles nous seront envoy\xe9es automatiquement.",
|
|
858
|
+
tapVideoButton: "<bold>Appuyez sur Enregistrer</bold>. Pensez \xe0 commenter.",
|
|
816
859
|
videoSpeech: "Vous pouvez <1>parler pendant</1> l'enregistrement pour ajouter des d\xe9tails.",
|
|
817
|
-
tapStopVideoButton: "
|
|
818
|
-
reviewAndSendVideos: "
|
|
819
|
-
tapScreenShareButton: "Appuyez sur <1>Enregistrer \xe9cran</1> pour d\xe9marrer un enregistrement.",
|
|
820
|
-
tapStopScreenShareButton: "Lorsque vous avez termin\xe9, appuyez sur <1>Stop enregistrement</1>.",
|
|
821
|
-
reviewAndSendScreenShare: "Vous pouvez revoir votre vid\xe9o, puis <1>l'envoyer lorsque vous avez termin\xe9.</1>",
|
|
860
|
+
tapStopVideoButton: "<bold>Appuyez sur Arr\xeat</bold> lorsque vous avez termin\xe9.",
|
|
861
|
+
reviewAndSendVideos: "<bold>Validez vos vid\xe9os</bold>, et elles nous seront envoy\xe9es automatiquement.",
|
|
822
862
|
screenShareInstruction: "S\xe9lectionnez l'\xe9cran ou la fen\xeatre que vous souhaitez enregistrer.",
|
|
823
|
-
privacyPolicy: "En
|
|
863
|
+
privacyPolicy: "En continuant, vous acceptez notre <bold>Politique de confidentialit\xe9</bold>."
|
|
824
864
|
},
|
|
825
865
|
switchToMobileTitle: "Passez sur votre mobile",
|
|
826
866
|
switchToMobileDescription: "Profitez d'une exp\xe9rience encore plus pratique en utilisant votre t\xe9l\xe9phone pour prendre des photos et enregistrer des vid\xe9os.",
|
|
@@ -919,7 +959,8 @@ const $e0ae3d23c2381da3$export$3486a10f30cf1ee4 = {
|
|
|
919
959
|
title: "Copia il link",
|
|
920
960
|
description: "Copia il link negli appunti",
|
|
921
961
|
error: "Si \xe8 verificato un errore durante la copia negli Appunti",
|
|
922
|
-
copied: "Link copiato negli Appunti"
|
|
962
|
+
copied: "Link copiato negli Appunti",
|
|
963
|
+
copy: "Copia"
|
|
923
964
|
},
|
|
924
965
|
quickConnect: {
|
|
925
966
|
title: "Connessione Rapida",
|
|
@@ -959,6 +1000,28 @@ const $e0ae3d23c2381da3$export$3486a10f30cf1ee4 = {
|
|
|
959
1000
|
invoice: "{{User}} ti ha inviato una fattura.",
|
|
960
1001
|
pay: "Paga"
|
|
961
1002
|
},
|
|
1003
|
+
invitePeople: {
|
|
1004
|
+
inviteRecordClip: "Invita a registrare la clip",
|
|
1005
|
+
copyCallLinkDescription: "Copia questo link e invialo a chiunque desideri invitare a partecipare alla chiamata.",
|
|
1006
|
+
copyClipLinkDescription: "Copia questo collegamento e invialo a chiunque desideri invitare a registrare una clip.",
|
|
1007
|
+
inviteCall: "Invita a partecipare alla chiamata",
|
|
1008
|
+
sharePublicLink: "Condividi link",
|
|
1009
|
+
inviteByEmail: "Invita via email",
|
|
1010
|
+
addEmailToInvite: "Aggiungi un'e-mail per invitare.",
|
|
1011
|
+
email: "Email",
|
|
1012
|
+
emailPlaceholder: "Es. giovanni@acme.com",
|
|
1013
|
+
invite: "Invita",
|
|
1014
|
+
linkToJoinCall: "Link per partecipare alla chiamata",
|
|
1015
|
+
linkToRecordAClip: "Collegamento per registrare una clip",
|
|
1016
|
+
invalidEmail: "Formato email non valido.",
|
|
1017
|
+
addEmails: "Aggiungi email...",
|
|
1018
|
+
invitationSentTo_one: "Inviato a {{ name }}",
|
|
1019
|
+
invitationSentTo_other: "Inviato a {{ name }} e {{ otherEmailsCount }}+",
|
|
1020
|
+
error: "Impossibile inviare, riprova pi\xf9 tardi.",
|
|
1021
|
+
inviteCallDefaultMessage: "Sei invitato a partecipare alla nostra videochiamata. Fare clic sul collegamento per connettersi immediatamente.",
|
|
1022
|
+
inviteClipDefaultMessage: "Registra subito il tuo videoclip e forniscici pi\xf9 contesto per assisterti meglio.",
|
|
1023
|
+
message: "Messaggio"
|
|
1024
|
+
},
|
|
962
1025
|
youtube: {
|
|
963
1026
|
title: "Vedere Assieme",
|
|
964
1027
|
url: "URL YOUTUBE",
|
|
@@ -1051,7 +1114,7 @@ const $e0ae3d23c2381da3$export$3486a10f30cf1ee4 = {
|
|
|
1051
1114
|
clipCount_other: "{{ count }} clips",
|
|
1052
1115
|
allowAccess: "Consenti accesso",
|
|
1053
1116
|
okay: "Okay",
|
|
1054
|
-
allowCamMicAccess: "Consenti accesso a
|
|
1117
|
+
allowCamMicAccess: "Consenti l'accesso a cam/mic",
|
|
1055
1118
|
allowScreenShareAccess: "Consenti accesso alla condivisione dello schermo",
|
|
1056
1119
|
permissionDeniedTitle: "Qualcosa \xe8 andato storto!",
|
|
1057
1120
|
permissionDeniedDescription: "Senza l'accesso alla fotocamera e al microfono, non \xe8 possibile scattare foto o registrare video da condividere con il team di supporto. Si prega di concedere l'accesso nelle impostazioni del browser.",
|
|
@@ -1059,19 +1122,15 @@ const $e0ae3d23c2381da3$export$3486a10f30cf1ee4 = {
|
|
|
1059
1122
|
videoInstructionsTitle: "Pronto a registrare un video?",
|
|
1060
1123
|
screenShareInstructionsTitle: "Pronto a condividere il tuo schermo?",
|
|
1061
1124
|
instructions: {
|
|
1062
|
-
allowAccessOnPrompt: "
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
tapVideoButton: "Tocca il pulsante <1 /><2>Registra</2> per avviare una registrazione.",
|
|
1125
|
+
allowAccessOnPrompt: "<bold>Consenti l'accesso</bold> alla fotocamera e al microfono.",
|
|
1126
|
+
multiplePhotos: "Scatta <bold>una foto o pi\xf9</bold> di una per i dettagli.",
|
|
1127
|
+
reviewAndSendPhotos: "<bold>Convalida le tue foto</bold> e verranno inviate automaticamente a noi.",
|
|
1128
|
+
tapVideoButton: "<bold>Premi Registra</bold>. Ricordati di commentare.",
|
|
1067
1129
|
videoSpeech: "Puoi <1>parlare durante</1> la registrazione per aggiungere dettagli.",
|
|
1068
|
-
tapStopVideoButton: "
|
|
1069
|
-
reviewAndSendVideos: "
|
|
1070
|
-
tapScreenShareButton: "Tocca <1>Registra il mio schermo</1> per avviare una registrazione.",
|
|
1071
|
-
tapStopScreenShareButton: "Quando hai finito, tocca <1>Ferma registrazione</1>.",
|
|
1072
|
-
reviewAndSendScreenShare: "Puoi rivedere il tuo video e poi <1>inviarlo quando hai finito.</1>",
|
|
1130
|
+
tapStopVideoButton: "<bold>Premi Stop</bold> quando hai finito.",
|
|
1131
|
+
reviewAndSendVideos: "<bold>Convalida i tuoi video</bold> e verranno inviati automaticamente a noi.",
|
|
1073
1132
|
screenShareInstruction: "Seleziona lo schermo o la finestra che desideri registrare.",
|
|
1074
|
-
privacyPolicy: "Procedendo,
|
|
1133
|
+
privacyPolicy: "Procedendo, accetti la nostra <bold>Politica sulla Privacy.</bold>"
|
|
1075
1134
|
},
|
|
1076
1135
|
switchToMobileTitle: "Passa al tuo dispositivo mobile",
|
|
1077
1136
|
switchToMobileDescription: "Goditi un'esperienza ancora pi\xf9 pratica utilizzando il tuo telefono per scattare foto e registrare video.",
|
|
@@ -1136,6 +1195,8 @@ var $b45c0bcc142f0b5e$export$2e2bcd8739ae039 = (0, ($parcel$interopDefault($jQDc
|
|
|
1136
1195
|
|
|
1137
1196
|
|
|
1138
1197
|
|
|
1198
|
+
|
|
1199
|
+
|
|
1139
1200
|
/* eslint-disable no-console */
|
|
1140
1201
|
const $d0c6baf97675ab49$var$LogLevel = {
|
|
1141
1202
|
error: 1,
|
|
@@ -1356,54 +1417,7 @@ class $1bfa11322d1d6377$var$AudioRenderer {
|
|
|
1356
1417
|
var $1bfa11322d1d6377$export$2e2bcd8739ae039 = $1bfa11322d1d6377$var$AudioRenderer;
|
|
1357
1418
|
|
|
1358
1419
|
|
|
1359
|
-
const $67e3b71ab2fb8185$export$218be676a714a9df = '<svg width="103" height="36" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity=".8" fill="#fff"><path d="M10.994 33.06c.903 0 1.658-.734 1.392-1.581a5.249 5.249 0 0 0-1.279-2.124 5.171 5.171 0 0 0-3.673-1.535 5.171 5.171 0 0 0-3.673 1.535c-.595.6-1.03 1.33-1.28 2.124-.265.847.49 1.582 1.393 1.582h7.12ZM10.65 16.2c-.902 0-1.658.735-1.392 1.582.25.794.685 1.524 1.28 2.124a5.171 5.171 0 0 0 3.672 1.535 5.172 5.172 0 0 0 3.674-1.535 5.25 5.25 0 0 0 1.279-2.124c.266-.847-.49-1.582-1.393-1.582h-7.12ZM14.21 31.455c0 .887.75 1.63 1.606 1.35a5.187 5.187 0 0 0 2.067-1.279 5.264 5.264 0 0 0 1.521-3.706c0-1.39-.547-2.723-1.52-3.705a5.187 5.187 0 0 0-2.068-1.278c-.856-.281-1.606.462-1.606 1.349v7.27ZM7.434 17.806c0-.887-.75-1.63-1.607-1.35a5.186 5.186 0 0 0-2.066 1.279 5.264 5.264 0 0 0-1.522 3.706c0 1.39.548 2.723 1.522 3.705a5.186 5.186 0 0 0 2.066 1.278c.857.281 1.607-.462 1.607-1.349v-7.27Z"/><path d="M32.965 31.098c-1.442 0-2.601-.227-3.478-.68-.865-.465-1.517-1.043-1.955-1.734a.416.416 0 0 1-.052-.187c0-.125.057-.227.173-.306l.986-.731a.286.286 0 0 1 .208-.085c.103 0 .201.062.294.187.773 1.224 2.07 1.836 3.893 1.836.796 0 1.471-.142 2.025-.425.565-.284.848-.737.848-1.36 0-.465-.161-.827-.485-1.088-.311-.26-.796-.493-1.453-.697-.6-.181-.975-.289-1.125-.323-.992-.283-1.707-.504-2.146-.663-1.107-.408-1.84-.878-2.198-1.41-.357-.534-.536-1.089-.536-1.667 0-.476.15-.986.45-1.53.311-.555.796-1.025 1.453-1.41.67-.397 1.506-.595 2.51-.595 1.05 0 1.932.13 2.647.39.716.25 1.396.67 2.042 1.258.081.08.121.159.121.238 0 .114-.057.204-.173.272l-1.107.731a.469.469 0 0 1-.225.085c-.104 0-.202-.05-.294-.153-.692-.725-1.644-1.088-2.856-1.088-.692 0-1.228.102-1.609.306-.37.204-.617.431-.744.68-.115.25-.173.47-.173.663 0 .408.162.737.485.986.323.25.801.476 1.436.68.058.023.502.153 1.332.391.52.136 1.056.29 1.61.46 1.21.396 2.019.9 2.422 1.512.416.612.623 1.201.623 1.768 0 .612-.15 1.196-.45 1.75-.288.556-.801 1.02-1.54 1.395-.727.362-1.713.544-2.959.544ZM44.114 21.766c.865 0 1.667.249 2.405.748.739.487 1.108 1.388 1.108 2.702v5.321a.364.364 0 0 1-.104.272c-.058.057-.144.085-.26.085H46.14a.423.423 0 0 1-.277-.085.407.407 0 0 1-.087-.272v-5.032c-.035-.646-.22-1.155-.554-1.53-.323-.373-.744-.56-1.263-.56-.37 0-.738.102-1.107.306-.358.192-.664.492-.918.9-.253.397-.403.896-.45 1.496v4.42a.365.365 0 0 1-.103.272c-.058.057-.145.085-.26.085h-1.125a.423.423 0 0 1-.276-.085.407.407 0 0 1-.087-.272v-8.193c0-.114.029-.199.087-.255a.378.378 0 0 1 .276-.102h1.125c.116 0 .202.034.26.102.069.056.103.141.103.255v.204c0 .079.012.141.035.187a.168.168 0 0 0 .121.05c.092 0 .214-.062.364-.186a4.02 4.02 0 0 1 1.038-.612c.38-.148.738-.221 1.073-.221ZM57.436 28.207c.023.34.081.607.173.8.093.18.289.322.589.424.184.068.277.165.277.29a.396.396 0 0 1-.052.17l-.485.951c-.092.204-.242.278-.45.221-.669-.147-1.13-.47-1.384-.969-.058-.124-.115-.187-.173-.187-.058 0-.121.046-.19.136-.6.714-1.575 1.071-2.925 1.071-.819 0-1.482-.141-1.99-.425-.496-.283-.848-.623-1.056-1.02-.207-.408-.311-.799-.311-1.173 0-.612.19-1.161.571-1.648.392-.488.975-.828 1.748-1.02.53-.125 1.269-.221 2.215-.29.646-.045 1.113-.09 1.401-.135.231-.034.335-.17.312-.408-.058-.51-.23-.918-.52-1.224-.276-.318-.743-.476-1.4-.476-.428 0-.837.09-1.23.272-.38.17-.674.47-.882.9-.104.216-.254.29-.45.222l-1.055-.29c-.185-.056-.277-.152-.277-.288 0-.034.011-.085.034-.153a3.292 3.292 0 0 1 1.367-1.564c.635-.397 1.46-.595 2.475-.595.992 0 1.834.255 2.526.765.693.498 1.062 1.224 1.108 2.176.011.453.017 1.06.017 1.819.012.759.017 1.308.017 1.648Zm-4.326 1.445c.312 0 .652-.073 1.021-.22.38-.148.715-.403 1.004-.766.3-.374.484-.872.554-1.495v-.034c0-.114-.035-.199-.104-.256-.07-.067-.162-.09-.277-.067l-.675.067c-.75.069-1.361.148-1.834.238-.462.08-.86.227-1.194.442a.984.984 0 0 0-.485.884c0 .465.208.782.623.952.416.17.871.255 1.367.255ZM64.486 21.766c1.107 0 1.967.26 2.578.782.611.51 1.027 1.116 1.246 1.819a6.83 6.83 0 0 1 .329 2.073c0 .692-.11 1.389-.329 2.091-.22.692-.635 1.298-1.246 1.82-.611.509-1.47.764-2.578.764-.9 0-1.65-.238-2.25-.714-.08-.08-.161-.119-.242-.119-.116 0-.173.096-.173.29v3.569c0 .113-.035.198-.104.255-.058.068-.144.102-.26.102H60.42a.378.378 0 0 1-.277-.102c-.058-.057-.086-.142-.086-.255V22.344c0-.114.028-.199.086-.255a.378.378 0 0 1 .277-.102h1.038c.116 0 .202.034.26.102.069.056.104.141.104.255 0 .09.011.164.034.22.035.046.075.069.122.069.057 0 .109-.023.155-.068.612-.533 1.396-.8 2.354-.8Zm-.173 7.785c.888 0 1.54-.3 1.955-.9.427-.601.64-1.338.64-2.21 0-.873-.213-1.61-.64-2.21-.415-.601-1.067-.902-1.955-.902-.877 0-1.518.3-1.921.901-.393.59-.589 1.326-.589 2.21 0 .884.197 1.627.589 2.227.403.59 1.044.884 1.92.884ZM76.268 31.097c-1.316 0-2.452-.277-3.41-.833a5.531 5.531 0 0 1-2.163-2.277c-.484-.975-.726-2.08-.726-3.315 0-1.236.242-2.335.727-3.298a5.507 5.507 0 0 1 2.163-2.295c.957-.555 2.094-.833 3.409-.833 1.246 0 2.324.25 3.236.748a5.437 5.437 0 0 1 2.163 2.09c.034.069.052.131.052.188 0 .125-.087.215-.26.272l-1.298.323a.39.39 0 0 1-.12.017c-.151 0-.266-.074-.347-.221-.715-1.156-1.857-1.734-3.426-1.734-.97 0-1.771.221-2.406.663a3.907 3.907 0 0 0-1.401 1.75c-.3.715-.45 1.491-.45 2.33 0 .838.15 1.615.45 2.329.3.713.767 1.291 1.401 1.733.635.442 1.437.663 2.406.663.911 0 1.701-.21 2.37-.628.681-.42 1.165-1.06 1.454-1.921.08-.216.225-.306.433-.272l1.315.17c.196.034.294.124.294.272 0 .022-.012.079-.035.17-.507 1.303-1.246 2.283-2.215 2.94-.957.646-2.163.97-3.616.97ZM91.216 28.207c.023.34.08.607.173.8.092.18.288.322.588.424.185.068.277.165.277.29a.396.396 0 0 1-.052.17l-.484.951c-.093.204-.243.278-.45.221-.67-.147-1.13-.47-1.385-.969-.057-.124-.115-.187-.173-.187-.057 0-.12.046-.19.136-.6.714-1.575 1.071-2.925 1.071-.819 0-1.482-.141-1.99-.425-.496-.283-.848-.623-1.055-1.02-.208-.408-.312-.799-.312-1.173 0-.612.19-1.161.571-1.648.393-.488.975-.828 1.748-1.02.53-.125 1.27-.221 2.215-.29.646-.045 1.113-.09 1.402-.135.23-.034.334-.17.311-.408-.057-.51-.23-.918-.519-1.224-.277-.318-.744-.476-1.401-.476-.427 0-.837.09-1.23.272-.38.17-.674.47-.882.9-.103.216-.254.29-.45.222l-1.055-.29c-.185-.056-.277-.152-.277-.288a.53.53 0 0 1 .034-.153 3.293 3.293 0 0 1 1.368-1.564c.634-.397 1.459-.595 2.474-.595.992 0 1.834.255 2.527.765.692.498 1.06 1.224 1.107 2.176.012.453.017 1.06.017 1.819.012.759.018 1.308.018 1.648Zm-4.326 1.445c.311 0 .651-.073 1.02-.22.381-.148.716-.403 1.004-.766.3-.374.485-.872.554-1.495v-.034c0-.114-.035-.199-.104-.256-.07-.067-.161-.09-.277-.067l-.675.067c-.75.069-1.36.148-1.834.238-.461.08-.86.227-1.194.442a.984.984 0 0 0-.484.884c0 .465.207.782.622.952.416.17.871.255 1.368.255ZM95.687 30.536a.364.364 0 0 1-.104.272c-.058.057-.144.085-.26.085h-1.125a.424.424 0 0 1-.277-.085.407.407 0 0 1-.086-.272V18.79c0-.114.029-.199.086-.255a.378.378 0 0 1 .277-.102h1.125c.116 0 .202.034.26.102.069.056.104.141.104.255v11.746ZM100.033 30.536a.364.364 0 0 1-.104.272c-.057.057-.144.085-.26.085h-1.124a.423.423 0 0 1-.277-.085.407.407 0 0 1-.086-.272V18.79c0-.114.028-.199.086-.255a.378.378 0 0 1 .277-.102h1.125c.115 0 .202.034.26.102.069.056.103.141.103.255v11.746Z" stroke="#fff" stroke-width=".5"/><path d="M43.151 8.686c.296 0 .554-.036.774-.108.22-.076.402-.182.546-.318.148-.14.258-.308.33-.504.072-.2.108-.422.108-.666a1.75 1.75 0 0 0-.108-.63 1.245 1.245 0 0 0-.324-.48 1.41 1.41 0 0 0-.546-.3 2.516 2.516 0 0 0-.78-.108h-1.206v3.114h1.206Zm0-4.362c.58 0 1.082.068 1.506.204.424.136.774.326 1.05.57.276.244.48.536.612.876.136.34.204.712.204 1.116 0 .42-.07.806-.21 1.158-.14.348-.35.648-.63.9s-.632.448-1.056.588c-.42.14-.912.21-1.476.21h-1.206V13h-1.614V4.324h2.82Zm6.819 2.424c.456 0 .87.074 1.242.222a2.692 2.692 0 0 1 1.578 1.626c.144.392.216.83.216 1.314 0 .488-.072.928-.216 1.32-.144.392-.35.726-.618 1.002a2.653 2.653 0 0 1-.96.636 3.333 3.333 0 0 1-1.242.222c-.46 0-.878-.074-1.254-.222a2.712 2.712 0 0 1-.966-.636 2.922 2.922 0 0 1-.618-1.002 3.807 3.807 0 0 1-.216-1.32c0-.484.072-.922.216-1.314.148-.392.354-.724.618-.996.268-.272.59-.482.966-.63a3.397 3.397 0 0 1 1.254-.222Zm0 5.202c.512 0 .89-.172 1.134-.516.248-.344.372-.848.372-1.512s-.124-1.17-.372-1.518c-.244-.348-.622-.522-1.134-.522-.52 0-.906.176-1.158.528-.248.348-.372.852-.372 1.512s.124 1.164.372 1.512c.252.344.638.516 1.158.516Zm12.85-5.106L60.866 13h-1.188c-.136 0-.23-.088-.282-.264L58.29 9.178c-.036-.12-.07-.238-.102-.354a5.729 5.729 0 0 1-.072-.36 6.81 6.81 0 0 1-.084.366c-.028.12-.06.24-.096.36l-1.122 3.546c-.048.176-.154.264-.318.264h-1.14l-1.95-6.156h1.182c.108 0 .2.026.276.078a.363.363 0 0 1 .15.198l.882 3.288c.044.18.082.356.114.528.036.172.066.344.09.516.044-.172.09-.344.138-.516l.162-.528 1.02-3.3a.382.382 0 0 1 .138-.198.429.429 0 0 1 .258-.078h.654c.104 0 .192.026.264.078a.363.363 0 0 1 .15.198l.99 3.3c.052.18.1.358.144.534.048.172.094.344.138.516.052-.34.126-.69.222-1.05l.906-3.288a.405.405 0 0 1 .15-.198.429.429 0 0 1 .258-.078h1.128Zm4.704 2.37c0-.192-.028-.372-.084-.54a1.25 1.25 0 0 0-.24-.45 1.096 1.096 0 0 0-.414-.3 1.358 1.358 0 0 0-.576-.114c-.428 0-.766.122-1.014.366-.244.244-.4.59-.468 1.038h2.796Zm-2.826.894c.024.316.08.59.168.822.088.228.204.418.348.57.144.148.314.26.51.336.2.072.42.108.66.108.24 0 .446-.028.618-.084a2.76 2.76 0 0 0 .456-.186 7.55 7.55 0 0 0 .342-.186.59.59 0 0 1 .288-.084c.124 0 .216.046.276.138l.426.54a2.536 2.536 0 0 1-.552.486 3.281 3.281 0 0 1-1.32.474 4.79 4.79 0 0 1-.666.048 3.33 3.33 0 0 1-1.194-.21 2.726 2.726 0 0 1-.96-.63 2.993 2.993 0 0 1-.642-1.032c-.156-.412-.234-.888-.234-1.428 0-.42.068-.814.204-1.182.136-.372.33-.694.582-.966.256-.276.566-.494.93-.654.368-.16.782-.24 1.242-.24.388 0 .746.062 1.074.186.328.124.61.306.846.546.236.236.42.528.552.876.136.344.204.738.204 1.182 0 .224-.024.376-.072.456-.048.076-.14.114-.276.114h-3.81Zm6.668-2.196c.192-.368.42-.656.684-.864a1.45 1.45 0 0 1 .936-.318c.284 0 .512.062.684.186l-.096 1.11a.294.294 0 0 1-.09.156.239.239 0 0 1-.15.042c-.06 0-.15-.01-.27-.03a2.01 2.01 0 0 0-.342-.03 1.11 1.11 0 0 0-.786.282c-.1.088-.19.196-.27.324a3.44 3.44 0 0 0-.216.438V13h-1.482V6.844h.87c.152 0 .258.028.318.084.06.052.1.148.12.288l.09.696Zm6.87 1.302c0-.192-.029-.372-.085-.54a1.25 1.25 0 0 0-.24-.45 1.096 1.096 0 0 0-.414-.3 1.358 1.358 0 0 0-.576-.114c-.428 0-.766.122-1.014.366-.244.244-.4.59-.468 1.038h2.796Zm-2.827.894c.024.316.08.59.168.822.088.228.204.418.348.57.144.148.314.26.51.336.2.072.42.108.66.108.24 0 .446-.028.618-.084a2.76 2.76 0 0 0 .456-.186 7.55 7.55 0 0 0 .342-.186.59.59 0 0 1 .288-.084c.124 0 .216.046.276.138l.426.54a2.536 2.536 0 0 1-.552.486 3.281 3.281 0 0 1-1.32.474 4.79 4.79 0 0 1-.666.048 3.33 3.33 0 0 1-1.194-.21 2.726 2.726 0 0 1-.96-.63 2.993 2.993 0 0 1-.642-1.032c-.156-.412-.234-.888-.234-1.428 0-.42.068-.814.204-1.182.136-.372.33-.694.582-.966.256-.276.566-.494.93-.654.368-.16.782-.24 1.242-.24.388 0 .746.062 1.074.186.328.124.61.306.846.546.236.236.42.528.552.876.136.344.204.738.204 1.182 0 .224-.024.376-.072.456-.048.076-.14.114-.276.114h-3.81Zm9.134-1.692a1.451 1.451 0 0 0-.552-.432 1.597 1.597 0 0 0-.636-.126c-.224 0-.426.042-.606.126a1.21 1.21 0 0 0-.462.384 1.8 1.8 0 0 0-.294.648c-.068.26-.102.568-.102.924 0 .36.028.666.084.918.06.248.144.452.252.612.108.156.24.27.396.342.156.068.33.102.522.102.308 0 .57-.064.786-.192.216-.128.42-.31.612-.546v-2.76Zm1.482-4.332V13h-.906c-.196 0-.32-.09-.372-.27l-.126-.594a3.09 3.09 0 0 1-.858.69c-.32.176-.694.264-1.122.264-.336 0-.644-.07-.924-.21a2.098 2.098 0 0 1-.726-.606 3.033 3.033 0 0 1-.468-.99 5.072 5.072 0 0 1-.162-1.344c0-.456.062-.88.186-1.272s.302-.732.534-1.02c.232-.288.51-.512.834-.672a2.384 2.384 0 0 1 1.092-.246c.344 0 .638.054.882.162.244.108.462.254.654.438V4.084h1.482Zm5.863 7.32c.168.204.35.348.546.432.2.084.41.126.63.126.228 0 .432-.04.612-.12.184-.084.34-.212.468-.384a1.93 1.93 0 0 0 .294-.666 4.05 4.05 0 0 0 .102-.972c0-.676-.112-1.164-.336-1.464-.224-.304-.546-.456-.966-.456-.284 0-.532.066-.744.198a2.38 2.38 0 0 0-.606.546v2.76Zm0-3.804a3.02 3.02 0 0 1 .822-.618c.304-.156.65-.234 1.038-.234.356 0 .676.07.96.21.288.14.532.342.732.606.204.26.36.576.468.948.108.372.162.79.162 1.254 0 .5-.062.954-.186 1.362a3.132 3.132 0 0 1-.534 1.05 2.4 2.4 0 0 1-.828.672c-.324.16-.684.24-1.08.24a2.103 2.103 0 0 1-.954-.216 1.891 1.891 0 0 1-.366-.246c-.108-.1-.212-.21-.312-.33l-.066.414c-.024.104-.066.178-.126.222a.37.37 0 0 1-.234.066h-.978V4.084h1.482V7.6Zm10.743-.756-3.354 7.848a.538.538 0 0 1-.174.234c-.068.056-.174.084-.318.084H97.68l1.152-2.472-2.49-5.694h1.302c.116 0 .206.028.27.084.068.056.118.12.15.192l1.308 3.192c.044.108.08.216.108.324.032.108.062.218.09.33a32.3 32.3 0 0 1 .108-.33c.036-.112.076-.222.12-.33l1.236-3.186a.437.437 0 0 1 .408-.276h1.188Z"/></g></svg>';
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
const $83954b4ec0d03b4b$export$eabbd7447140cfb = `<svg xmlns="http://www.w3.org/2000/svg" width="100" height="103"><path d="M92.527 39.465 22.312 1.87A15.549 15.549 0 0 0 14.777 0c-2.64.02-5.226.703-7.5 1.98a14.086 14.086 0 0 0-5.332 5.032A13.185 13.185 0 0 0 0 13.906v75.188c-.004 2.422.668 4.8 1.945 6.894 1.278 2.094 3.117 3.832 5.332 5.035a15.598 15.598 0 0 0 7.5 1.977 15.6 15.6 0 0 0 7.536-1.867l70.214-37.598c2.262-1.187 4.153-2.933 5.465-5.05A13.198 13.198 0 0 0 100 51.5c0-2.457-.691-4.867-2.008-6.984-1.312-2.118-3.203-3.86-5.465-5.051Zm0 0" style="stroke:none;fill-rule:nonzero;fill:#fff;fill-opacity:1"/></svg>`;
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
const $3575c8a563f2a1da$var$getWatermarkedCanvas = (canvas, dpr = 1)=>new Promise((resolve)=>{
|
|
1366
|
-
const context = canvas.getContext("2d");
|
|
1367
|
-
const svgBlob = new Blob([
|
|
1368
|
-
(0, $67e3b71ab2fb8185$export$218be676a714a9df)
|
|
1369
|
-
], {
|
|
1370
|
-
type: "image/svg+xml;charset=utf-8"
|
|
1371
|
-
});
|
|
1372
|
-
const blobUrl = URL.createObjectURL(svgBlob);
|
|
1373
|
-
const watermarkImage = new Image();
|
|
1374
|
-
watermarkImage.onload = ()=>{
|
|
1375
|
-
const x = canvas.width / dpr - watermarkImage.width - 16;
|
|
1376
|
-
const y = canvas.height / dpr - watermarkImage.height - 16;
|
|
1377
|
-
context?.drawImage(watermarkImage, x, y);
|
|
1378
|
-
resolve(canvas);
|
|
1379
|
-
};
|
|
1380
|
-
watermarkImage.src = blobUrl;
|
|
1381
|
-
});
|
|
1382
|
-
const $3575c8a563f2a1da$var$addVideoPlayerWatermarkedCanvas = (canvas, dpr = 1)=>new Promise((resolve)=>{
|
|
1383
|
-
const context = canvas.getContext("2d");
|
|
1384
|
-
const svgBlob = new Blob([
|
|
1385
|
-
(0, $83954b4ec0d03b4b$export$eabbd7447140cfb)
|
|
1386
|
-
], {
|
|
1387
|
-
type: "image/svg+xml;charset=utf-8"
|
|
1388
|
-
});
|
|
1389
|
-
const blobUrl = URL.createObjectURL(svgBlob);
|
|
1390
|
-
const watermarkImage = new Image();
|
|
1391
|
-
watermarkImage.onload = ()=>{
|
|
1392
|
-
const x = canvas.width / dpr / 2 - watermarkImage.width / 2;
|
|
1393
|
-
const y = canvas.height / dpr / 2 - watermarkImage.height / 2;
|
|
1394
|
-
context?.drawImage(watermarkImage, x, y);
|
|
1395
|
-
resolve(canvas);
|
|
1396
|
-
};
|
|
1397
|
-
watermarkImage.src = blobUrl;
|
|
1398
|
-
if (context) {
|
|
1399
|
-
context.fillStyle = "#00000064";
|
|
1400
|
-
context.fillRect(0, 0, canvas.width, canvas.height);
|
|
1401
|
-
context.restore();
|
|
1402
|
-
}
|
|
1403
|
-
});
|
|
1404
|
-
const $3575c8a563f2a1da$export$674c90a250a8b2c5 = async (video, options = {
|
|
1405
|
-
addPlayWatermark: false
|
|
1406
|
-
})=>{
|
|
1420
|
+
const $3575c8a563f2a1da$export$674c90a250a8b2c5 = async (video)=>{
|
|
1407
1421
|
const { videoWidth: videoWidth , videoHeight: videoHeight } = video;
|
|
1408
1422
|
const orientation = videoWidth > videoHeight ? "landscape" : "portrait";
|
|
1409
1423
|
const sourceWidth = orientation === "portrait" ? videoWidth : videoHeight;
|
|
@@ -1417,13 +1431,9 @@ const $3575c8a563f2a1da$export$674c90a250a8b2c5 = async (video, options = {
|
|
|
1417
1431
|
canvas.height = sourceHeight * dpr;
|
|
1418
1432
|
ctx?.scale(dpr, dpr);
|
|
1419
1433
|
ctx?.drawImage(video, sourceX, sourceY, sourceWidth, sourceHeight, 0, 0, canvas.width / dpr, canvas.height / dpr);
|
|
1420
|
-
|
|
1421
|
-
const watermarkedCanvas = await $3575c8a563f2a1da$var$getWatermarkedCanvas(canvas, window.devicePixelRatio);
|
|
1422
|
-
return watermarkedCanvas.toDataURL("image/jpeg");
|
|
1434
|
+
return canvas.toDataURL("image/jpeg");
|
|
1423
1435
|
};
|
|
1424
|
-
const $3575c8a563f2a1da$export$4a210166cc9cb64b = async (src
|
|
1425
|
-
addPlayWatermark: false
|
|
1426
|
-
})=>{
|
|
1436
|
+
const $3575c8a563f2a1da$export$4a210166cc9cb64b = async (src)=>{
|
|
1427
1437
|
const video = document.createElement("video");
|
|
1428
1438
|
const stream = new MediaStream();
|
|
1429
1439
|
stream.addTrack(src);
|
|
@@ -1438,9 +1448,7 @@ const $3575c8a563f2a1da$export$4a210166cc9cb64b = async (src, options = {
|
|
|
1438
1448
|
canvas.height = video.height;
|
|
1439
1449
|
canvas.width = video.width;
|
|
1440
1450
|
ctx?.drawImage(video, 0, 0);
|
|
1441
|
-
|
|
1442
|
-
const watermarkedCanvas = await $3575c8a563f2a1da$var$getWatermarkedCanvas(canvas);
|
|
1443
|
-
return watermarkedCanvas.toDataURL("image/jpeg");
|
|
1451
|
+
return canvas.toDataURL("image/jpeg");
|
|
1444
1452
|
};
|
|
1445
1453
|
|
|
1446
1454
|
|
|
@@ -1967,6 +1975,7 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
|
|
|
1967
1975
|
};
|
|
1968
1976
|
this.muted = false;
|
|
1969
1977
|
this.roomId = "";
|
|
1978
|
+
this.companyId = 0;
|
|
1970
1979
|
this.peerId = "";
|
|
1971
1980
|
this.webcamProducer = null;
|
|
1972
1981
|
this.customMessages = new Map();
|
|
@@ -2001,6 +2010,7 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
|
|
|
2001
2010
|
});
|
|
2002
2011
|
return {
|
|
2003
2012
|
roomId: this.roomId,
|
|
2013
|
+
companyId: this.companyId,
|
|
2004
2014
|
peerId: this.peerId,
|
|
2005
2015
|
profile: this.profile,
|
|
2006
2016
|
joinOptions: this.joinOptions,
|
|
@@ -2067,7 +2077,7 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
|
|
|
2067
2077
|
if (!this.peerId) this.peerId = (0, $jQDcL$uuid.v4)();
|
|
2068
2078
|
let url;
|
|
2069
2079
|
try {
|
|
2070
|
-
const { streamer_instance: instanceId , plan: { permissions: permissions , name: name } , recordings: recordings } = await fetch(`${this.config.apiUrl}/streams/${room}/info`, {
|
|
2080
|
+
const { streamer_instance: instanceId , plan: { permissions: permissions , name: name } , recordings: recordings , company_id: company_id } = await fetch(`${this.config.apiUrl}/streams/${room}/info`, {
|
|
2071
2081
|
method: "get",
|
|
2072
2082
|
headers: {
|
|
2073
2083
|
"Content-Type": "application/json"
|
|
@@ -2076,6 +2086,7 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
|
|
|
2076
2086
|
if (response.ok) return response.json();
|
|
2077
2087
|
throw new Error("Invalid room ID");
|
|
2078
2088
|
});
|
|
2089
|
+
this.companyId = company_id;
|
|
2079
2090
|
this.permissions = permissions;
|
|
2080
2091
|
if (recordings?.headless === true) permissions.push("record_video_on_demand");
|
|
2081
2092
|
this.plan = name;
|
|
@@ -2883,6 +2894,14 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
|
|
|
2883
2894
|
min: capabilities?.zoom?.min || 0,
|
|
2884
2895
|
max: capabilities?.zoom?.max || 0
|
|
2885
2896
|
};
|
|
2897
|
+
if (capabilities.focusMode) // https://github.com/w3c/mediacapture-image/blob/main/implementation-status.md
|
|
2898
|
+
track.applyConstraints({
|
|
2899
|
+
advanced: [
|
|
2900
|
+
{
|
|
2901
|
+
focusMode: "continuous"
|
|
2902
|
+
}
|
|
2903
|
+
]
|
|
2904
|
+
});
|
|
2886
2905
|
const encodings = undefined;
|
|
2887
2906
|
const codecOptions = {
|
|
2888
2907
|
videoGoogleStartBitrate: 1000
|
|
@@ -3095,11 +3114,11 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
|
|
|
3095
3114
|
});
|
|
3096
3115
|
return res;
|
|
3097
3116
|
}
|
|
3098
|
-
async captureVideo(videoElement
|
|
3117
|
+
async captureVideo(videoElement) {
|
|
3099
3118
|
if (this.permissions.find((permission)=>permission === "instant_picture")) {
|
|
3100
3119
|
let image;
|
|
3101
|
-
if (videoElement) image = await (0, $3575c8a563f2a1da$export$674c90a250a8b2c5)(videoElement
|
|
3102
|
-
else if (this.webcamProducer && this.webcamProducer.track) image = await (0, $3575c8a563f2a1da$export$4a210166cc9cb64b)(this.webcamProducer.track
|
|
3120
|
+
if (videoElement) image = await (0, $3575c8a563f2a1da$export$674c90a250a8b2c5)(videoElement);
|
|
3121
|
+
else if (this.webcamProducer && this.webcamProducer.track) image = await (0, $3575c8a563f2a1da$export$4a210166cc9cb64b)(this.webcamProducer.track);
|
|
3103
3122
|
else throw new Error("no video to capture");
|
|
3104
3123
|
return image;
|
|
3105
3124
|
} else throw new Error("feature not allowed");
|
|
@@ -5218,6 +5237,328 @@ const $5dcd9e6925c7037c$var$Sounds = ()=>{
|
|
|
5218
5237
|
var $5dcd9e6925c7037c$export$2e2bcd8739ae039 = $5dcd9e6925c7037c$var$Sounds;
|
|
5219
5238
|
|
|
5220
5239
|
|
|
5240
|
+
|
|
5241
|
+
|
|
5242
|
+
|
|
5243
|
+
|
|
5244
|
+
|
|
5245
|
+
|
|
5246
|
+
|
|
5247
|
+
|
|
5248
|
+
const $bdd080364d556ec5$var$validateEmail = (email)=>{
|
|
5249
|
+
return String(email).toLowerCase().match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|.(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);
|
|
5250
|
+
};
|
|
5251
|
+
const $bdd080364d556ec5$var$getTexts = (type, t)=>({
|
|
5252
|
+
instant: {
|
|
5253
|
+
title: t("invitePeople.inviteCall"),
|
|
5254
|
+
description: t("invitePeople.copyCallLinkDescription"),
|
|
5255
|
+
defaultMessage: t("invitePeople.inviteCallDefaultMessage")
|
|
5256
|
+
},
|
|
5257
|
+
assist: {
|
|
5258
|
+
title: t("invitePeople.inviteRecordClip"),
|
|
5259
|
+
description: t("invitePeople.copyClipLinkDescription"),
|
|
5260
|
+
defaultMessage: t("invitePeople.inviteClipDefaultMessage")
|
|
5261
|
+
}
|
|
5262
|
+
})[type];
|
|
5263
|
+
const $bdd080364d556ec5$export$1712c8fcb05f49a6 = ({ modalState: modalState , ...props })=>{
|
|
5264
|
+
const { t: t } = (0, $jQDcL$reacti18next.useTranslation)();
|
|
5265
|
+
const { toast: toast } = (0, $jQDcL$snapcalldesignsystem.useToast)();
|
|
5266
|
+
const { options: options , isAgent: isAgent , language: language } = (0, $jQDcL$react.useContext)((0, $8b39f32976a7698a$export$2e2bcd8739ae039));
|
|
5267
|
+
const [type, setType] = (0, $jQDcL$react.useState)("instant");
|
|
5268
|
+
const [selectedKey, setSelectedKey] = (0, $jQDcL$react.useState)("public");
|
|
5269
|
+
const formContext = (0, $jQDcL$reacthookform.useForm)({
|
|
5270
|
+
defaultValues: {
|
|
5271
|
+
emails: [],
|
|
5272
|
+
message: ""
|
|
5273
|
+
}
|
|
5274
|
+
});
|
|
5275
|
+
(0, $jQDcL$react.useEffect)(()=>{
|
|
5276
|
+
if (!modalState.isOpen) formContext.reset();
|
|
5277
|
+
}, [
|
|
5278
|
+
modalState.isOpen,
|
|
5279
|
+
formContext
|
|
5280
|
+
]);
|
|
5281
|
+
const texts = (0, $jQDcL$react.useMemo)(()=>{
|
|
5282
|
+
return $bdd080364d556ec5$var$getTexts(type, t);
|
|
5283
|
+
}, [
|
|
5284
|
+
t,
|
|
5285
|
+
type
|
|
5286
|
+
]);
|
|
5287
|
+
const streamURL = (0, $jQDcL$react.useMemo)(()=>{
|
|
5288
|
+
const url = new URL(options.sharedURL || window.location.href);
|
|
5289
|
+
if (type === "assist") url.searchParams.set("recorder", "1");
|
|
5290
|
+
return url.href;
|
|
5291
|
+
}, [
|
|
5292
|
+
type,
|
|
5293
|
+
options.sharedURL
|
|
5294
|
+
]);
|
|
5295
|
+
const sendPublicInvite = (emails)=>{
|
|
5296
|
+
const { roomId: roomId } = (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).getState();
|
|
5297
|
+
return fetch(`${options.apiUrl}/public/streams/${roomId}/invite`, {
|
|
5298
|
+
method: "POST",
|
|
5299
|
+
headers: {
|
|
5300
|
+
"Content-Type": "application/json"
|
|
5301
|
+
},
|
|
5302
|
+
body: JSON.stringify({
|
|
5303
|
+
type: type,
|
|
5304
|
+
emails: emails,
|
|
5305
|
+
lang: language
|
|
5306
|
+
})
|
|
5307
|
+
});
|
|
5308
|
+
};
|
|
5309
|
+
const sendAuthInvite = (emails, message)=>{
|
|
5310
|
+
const { roomId: roomId , companyId: companyId , joinOptions: joinOptions } = (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).getState();
|
|
5311
|
+
return fetch(`${options.apiUrl}/companies/${companyId}/streams/${roomId}/invite`, {
|
|
5312
|
+
method: "POST",
|
|
5313
|
+
headers: {
|
|
5314
|
+
"Content-Type": "application/json",
|
|
5315
|
+
Authorization: `Bearer ${joinOptions.apiKey}`
|
|
5316
|
+
},
|
|
5317
|
+
body: JSON.stringify({
|
|
5318
|
+
type: type,
|
|
5319
|
+
emails: emails,
|
|
5320
|
+
text: message || texts.defaultMessage
|
|
5321
|
+
})
|
|
5322
|
+
});
|
|
5323
|
+
};
|
|
5324
|
+
const copyStreamUrl = async (url)=>{
|
|
5325
|
+
try {
|
|
5326
|
+
await (0, $0bea101d3ef852fb$export$2e2bcd8739ae039)(url);
|
|
5327
|
+
toast({
|
|
5328
|
+
title: t("copyLink.copied"),
|
|
5329
|
+
icon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.Copy5Icon), {})
|
|
5330
|
+
});
|
|
5331
|
+
} catch (err) {
|
|
5332
|
+
console.warn(err);
|
|
5333
|
+
toast({
|
|
5334
|
+
title: t("copyLink.error"),
|
|
5335
|
+
icon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.Copy5Icon), {})
|
|
5336
|
+
});
|
|
5337
|
+
}
|
|
5338
|
+
};
|
|
5339
|
+
const onSubmit = formContext.handleSubmit(async (data)=>{
|
|
5340
|
+
let result;
|
|
5341
|
+
if (isAgent) result = await sendAuthInvite(data.emails, data.message);
|
|
5342
|
+
else result = await sendPublicInvite(data.emails);
|
|
5343
|
+
if (result.ok) {
|
|
5344
|
+
const [firstInvited, ...emails] = data.emails;
|
|
5345
|
+
toast({
|
|
5346
|
+
title: t("invitePeople.invitationSentTo", {
|
|
5347
|
+
name: firstInvited,
|
|
5348
|
+
count: emails.length + 1,
|
|
5349
|
+
otherEmailsCount: emails.length
|
|
5350
|
+
}),
|
|
5351
|
+
icon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.CheckIcon), {})
|
|
5352
|
+
});
|
|
5353
|
+
formContext.reset();
|
|
5354
|
+
modalState.close();
|
|
5355
|
+
} else toast({
|
|
5356
|
+
title: t("invitePeople.error"),
|
|
5357
|
+
icon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.AlertTriangleIcon), {})
|
|
5358
|
+
});
|
|
5359
|
+
});
|
|
5360
|
+
return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.Dialog), {
|
|
5361
|
+
open: modalState.isOpen,
|
|
5362
|
+
onOpenChange: (open)=>{
|
|
5363
|
+
!open && modalState.close();
|
|
5364
|
+
},
|
|
5365
|
+
...props,
|
|
5366
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$snapcalldesignsystem.DialogContent), {
|
|
5367
|
+
className: "outline-none",
|
|
5368
|
+
children: [
|
|
5369
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.DialogHeader), {
|
|
5370
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.DialogTitle), {
|
|
5371
|
+
children: texts.title
|
|
5372
|
+
})
|
|
5373
|
+
}),
|
|
5374
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$snapcalldesignsystem.Tabs), {
|
|
5375
|
+
defaultValue: selectedKey,
|
|
5376
|
+
onValueChange: (key)=>setSelectedKey(String(key)),
|
|
5377
|
+
className: "w-full",
|
|
5378
|
+
children: [
|
|
5379
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$snapcalldesignsystem.TabsList), {
|
|
5380
|
+
className: "w-full mb-4",
|
|
5381
|
+
children: [
|
|
5382
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.TabsTrigger), {
|
|
5383
|
+
className: "w-full",
|
|
5384
|
+
value: "public",
|
|
5385
|
+
children: t("invitePeople.sharePublicLink")
|
|
5386
|
+
}),
|
|
5387
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.TabsTrigger), {
|
|
5388
|
+
className: "w-full",
|
|
5389
|
+
value: "invitePeople",
|
|
5390
|
+
children: t("invitePeople.inviteByEmail")
|
|
5391
|
+
})
|
|
5392
|
+
]
|
|
5393
|
+
}),
|
|
5394
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.TabsContent), {
|
|
5395
|
+
value: "public",
|
|
5396
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)("div", {
|
|
5397
|
+
className: "flex flex-col max-w-full gap-4 overflow-hidden",
|
|
5398
|
+
children: [
|
|
5399
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)("div", {
|
|
5400
|
+
className: "flex items-center gap-2 py-2 pl-4 pr-2 border border-gray-200 rounded-md bg-gray-25",
|
|
5401
|
+
children: [
|
|
5402
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("input", {
|
|
5403
|
+
readOnly: true,
|
|
5404
|
+
onChange: ()=>{},
|
|
5405
|
+
className: "text-gray-700 truncate text-md grow focus-visible:outline-none",
|
|
5406
|
+
value: streamURL
|
|
5407
|
+
}),
|
|
5408
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$snapcalldesignsystem.Button), {
|
|
5409
|
+
className: "shrink-0",
|
|
5410
|
+
onClick: ()=>copyStreamUrl(streamURL),
|
|
5411
|
+
size: "sm",
|
|
5412
|
+
children: [
|
|
5413
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.CopyIcon), {
|
|
5414
|
+
className: "text-white",
|
|
5415
|
+
size: 16
|
|
5416
|
+
}),
|
|
5417
|
+
t("copyLink.copy")
|
|
5418
|
+
]
|
|
5419
|
+
})
|
|
5420
|
+
]
|
|
5421
|
+
}),
|
|
5422
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("span", {
|
|
5423
|
+
className: "text-sm text-gray-700",
|
|
5424
|
+
children: texts.description
|
|
5425
|
+
})
|
|
5426
|
+
]
|
|
5427
|
+
})
|
|
5428
|
+
}),
|
|
5429
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.TabsContent), {
|
|
5430
|
+
value: "invitePeople",
|
|
5431
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.Form), {
|
|
5432
|
+
...formContext,
|
|
5433
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)("form", {
|
|
5434
|
+
className: "flex flex-col gap-4",
|
|
5435
|
+
onSubmit: (e)=>{
|
|
5436
|
+
e.preventDefault();
|
|
5437
|
+
onSubmit();
|
|
5438
|
+
},
|
|
5439
|
+
children: [
|
|
5440
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.FormField), {
|
|
5441
|
+
control: formContext.control,
|
|
5442
|
+
name: "emails",
|
|
5443
|
+
rules: {
|
|
5444
|
+
required: t("invitePeople.addEmailToInvite"),
|
|
5445
|
+
validate: {
|
|
5446
|
+
allEmails: (value)=>{
|
|
5447
|
+
if (!value.every($bdd080364d556ec5$var$validateEmail)) return t("invitePeople.invalidEmail");
|
|
5448
|
+
}
|
|
5449
|
+
}
|
|
5450
|
+
},
|
|
5451
|
+
render: ({ field: field })=>/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$snapcalldesignsystem.FormItem), {
|
|
5452
|
+
children: [
|
|
5453
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.FormLabel), {
|
|
5454
|
+
children: t("invitePeople.inviteByEmail")
|
|
5455
|
+
}),
|
|
5456
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.FormControl), {
|
|
5457
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.CreatableSelect), {
|
|
5458
|
+
placeholder: t("invitePeople.emailPlaceholder"),
|
|
5459
|
+
newLabel: `${t("invitePeople.email")}: `,
|
|
5460
|
+
value: field.value,
|
|
5461
|
+
onValueChanged: (v)=>{
|
|
5462
|
+
field.onChange(v);
|
|
5463
|
+
},
|
|
5464
|
+
multiple: true
|
|
5465
|
+
})
|
|
5466
|
+
}),
|
|
5467
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.FormMessage), {})
|
|
5468
|
+
]
|
|
5469
|
+
})
|
|
5470
|
+
}),
|
|
5471
|
+
isAgent && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.FormField), {
|
|
5472
|
+
control: formContext.control,
|
|
5473
|
+
name: "message",
|
|
5474
|
+
render: ({ field: field })=>/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$snapcalldesignsystem.FormItem), {
|
|
5475
|
+
children: [
|
|
5476
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.FormLabel), {
|
|
5477
|
+
children: t("invitePeople.message")
|
|
5478
|
+
}),
|
|
5479
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.FormControl), {
|
|
5480
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.Textarea), {
|
|
5481
|
+
placeholder: texts.defaultMessage,
|
|
5482
|
+
...field
|
|
5483
|
+
})
|
|
5484
|
+
}),
|
|
5485
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.FormMessage), {})
|
|
5486
|
+
]
|
|
5487
|
+
})
|
|
5488
|
+
}),
|
|
5489
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("div", {
|
|
5490
|
+
className: "flex justify-end",
|
|
5491
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$snapcalldesignsystem.Button), {
|
|
5492
|
+
size: "sm",
|
|
5493
|
+
children: [
|
|
5494
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.Send3Icon), {
|
|
5495
|
+
size: 16,
|
|
5496
|
+
className: "text-white"
|
|
5497
|
+
}),
|
|
5498
|
+
t("invitePeople.invite")
|
|
5499
|
+
]
|
|
5500
|
+
})
|
|
5501
|
+
}),
|
|
5502
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("input", {
|
|
5503
|
+
className: "hidden",
|
|
5504
|
+
type: "submit"
|
|
5505
|
+
})
|
|
5506
|
+
]
|
|
5507
|
+
})
|
|
5508
|
+
})
|
|
5509
|
+
})
|
|
5510
|
+
]
|
|
5511
|
+
}),
|
|
5512
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("hr", {
|
|
5513
|
+
className: "w-full h-[1px] bg-gray-200"
|
|
5514
|
+
}),
|
|
5515
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$snapcalldesignsystem.Select), {
|
|
5516
|
+
defaultValue: type,
|
|
5517
|
+
onValueChange: (v)=>{
|
|
5518
|
+
const selectedType = v;
|
|
5519
|
+
setType(selectedType);
|
|
5520
|
+
},
|
|
5521
|
+
children: [
|
|
5522
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$snapcalldesignsystem.SelectTrigger), {
|
|
5523
|
+
className: "w-full",
|
|
5524
|
+
children: [
|
|
5525
|
+
type === "instant" ? /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.PhoneCall1Icon), {
|
|
5526
|
+
size: 18,
|
|
5527
|
+
duotone: true,
|
|
5528
|
+
className: "text-blue-700"
|
|
5529
|
+
}) : /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.VideoRecorderIcon), {
|
|
5530
|
+
size: 18,
|
|
5531
|
+
duotone: true,
|
|
5532
|
+
className: "text-blue-700"
|
|
5533
|
+
}),
|
|
5534
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("div", {
|
|
5535
|
+
className: "flex-grow pl-2 text-left",
|
|
5536
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.SelectValue), {})
|
|
5537
|
+
})
|
|
5538
|
+
]
|
|
5539
|
+
}),
|
|
5540
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.SelectContent), {
|
|
5541
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$snapcalldesignsystem.SelectGroup), {
|
|
5542
|
+
children: [
|
|
5543
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.SelectItem), {
|
|
5544
|
+
value: "instant",
|
|
5545
|
+
children: t("invitePeople.linkToJoinCall")
|
|
5546
|
+
}),
|
|
5547
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.SelectItem), {
|
|
5548
|
+
value: "assist",
|
|
5549
|
+
children: t("invitePeople.linkToRecordAClip")
|
|
5550
|
+
})
|
|
5551
|
+
]
|
|
5552
|
+
})
|
|
5553
|
+
})
|
|
5554
|
+
]
|
|
5555
|
+
})
|
|
5556
|
+
]
|
|
5557
|
+
})
|
|
5558
|
+
});
|
|
5559
|
+
};
|
|
5560
|
+
|
|
5561
|
+
|
|
5221
5562
|
const $e1930b467e7d8845$var$multiPiP = new (0, $21395e477f83709c$export$45fabd1ce5e673de)();
|
|
5222
5563
|
const $e1930b467e7d8845$var$browser = $jQDcL$bowser.parse(window.navigator.userAgent);
|
|
5223
5564
|
const $e1930b467e7d8845$var$Header = ()=>{
|
|
@@ -5225,6 +5566,7 @@ const $e1930b467e7d8845$var$Header = ()=>{
|
|
|
5225
5566
|
const { setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible , setIsSettingsMenuVisible: setIsSettingsMenuVisible , setIsVirtualBackgroundPopupVisible: setIsVirtualBackgroundPopupVisible , options: options , muted: muted , streaming: streaming , permissions: permissions , plan: plan , setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen , isAgent: isAgent , videoRecording: videoRecording , setVideoRecording: setVideoRecording } = (0, $jQDcL$react.useContext)((0, $8b39f32976a7698a$export$2e2bcd8739ae039));
|
|
5226
5567
|
const { streams: streams } = (0, $3f6e908c45fcc5b3$export$b5633a7cfbe42d9f)();
|
|
5227
5568
|
const [extraOptions, setExtraOptions] = (0, $jQDcL$react.useState)(options.extraSettingsOptions || []);
|
|
5569
|
+
const inviteModal = (0, $jQDcL$reactstately.useOverlayTriggerState)({});
|
|
5228
5570
|
const onSetExtraSettingsOptions = (event)=>{
|
|
5229
5571
|
const { extraOptions: newExtraOptions } = event.detail;
|
|
5230
5572
|
setExtraOptions(newExtraOptions);
|
|
@@ -5308,6 +5650,15 @@ const $e1930b467e7d8845$var$Header = ()=>{
|
|
|
5308
5650
|
title: t("quickConnect.title"),
|
|
5309
5651
|
jsxIcon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $cce7f1c9e9c29503$export$6470d09a29d34d08), {}),
|
|
5310
5652
|
action: onScanQuickConnectClick
|
|
5653
|
+
},
|
|
5654
|
+
{
|
|
5655
|
+
id: "invite",
|
|
5656
|
+
title: t("invitePeople.invite"),
|
|
5657
|
+
jsxIcon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.UserPlus1Icon), {
|
|
5658
|
+
size: 24,
|
|
5659
|
+
className: "text-white"
|
|
5660
|
+
}),
|
|
5661
|
+
action: ()=>inviteModal.setOpen(true)
|
|
5311
5662
|
}
|
|
5312
5663
|
]
|
|
5313
5664
|
},
|
|
@@ -5372,6 +5723,7 @@ const $e1930b467e7d8845$var$Header = ()=>{
|
|
|
5372
5723
|
options.sharedURL,
|
|
5373
5724
|
muted,
|
|
5374
5725
|
streaming,
|
|
5726
|
+
inviteModal,
|
|
5375
5727
|
setIsQuickConnectPopupVisible,
|
|
5376
5728
|
setBlockedFeaturePopupOpen,
|
|
5377
5729
|
setIsSettingsMenuVisible,
|
|
@@ -5380,6 +5732,9 @@ const $e1930b467e7d8845$var$Header = ()=>{
|
|
|
5380
5732
|
]);
|
|
5381
5733
|
return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $1949f8f101c8cf77$export$1e86fd0e1db89578), {
|
|
5382
5734
|
children: [
|
|
5735
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $bdd080364d556ec5$export$1712c8fcb05f49a6), {
|
|
5736
|
+
modalState: inviteModal
|
|
5737
|
+
}),
|
|
5383
5738
|
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $1949f8f101c8cf77$export$d43ffeaaec0b2a58), {
|
|
5384
5739
|
children: [
|
|
5385
5740
|
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $6d8b37b4bd2444ef$export$2e2bcd8739ae039), {
|
|
@@ -9460,7 +9815,7 @@ const $7d4fa7ceb4c29739$var$Menu = ()=>{
|
|
|
9460
9815
|
setTheme('dark');
|
|
9461
9816
|
}
|
|
9462
9817
|
}; */ const onHelpCenterClick = ()=>{
|
|
9463
|
-
window.open("https://
|
|
9818
|
+
window.open("https://help.snapcall.io", "_blank");
|
|
9464
9819
|
};
|
|
9465
9820
|
const handleOutisdeClick = (0, $jQDcL$react.useCallback)((event)=>{
|
|
9466
9821
|
if (!menuPopupRef?.current?.contains(event.target) && document.body.contains(event.target)) {
|
|
@@ -12984,6 +13339,7 @@ function $52e751d204780518$export$c74cd098b7a410cb({ mode: mode = "photo" , requ
|
|
|
12984
13339
|
});
|
|
12985
13340
|
const [noSoundToastId, setNoSoundToastId] = (0, $jQDcL$react.useState)(null);
|
|
12986
13341
|
const [continueSpeakingToastId, setContinueSpeakingToastId] = (0, $jQDcL$react.useState)(null);
|
|
13342
|
+
const [flow, setFlow] = (0, $jQDcL$react.useState)();
|
|
12987
13343
|
const updateAudioLevel = (0, $jQDcL$react.useCallback)((event)=>{
|
|
12988
13344
|
const { audioLevel: audioLevel } = event.detail;
|
|
12989
13345
|
if (timer !== 0 && streaming) setAverageAudioLevel((prev)=>((prev || 0) * (Math.floor(timer) - 1) + audioLevel) / timer);
|
|
@@ -13077,7 +13433,9 @@ function $52e751d204780518$export$c74cd098b7a410cb({ mode: mode = "photo" , requ
|
|
|
13077
13433
|
assetLoading: assetLoading,
|
|
13078
13434
|
setAssetLoading: setAssetLoading,
|
|
13079
13435
|
captureThumbnail: captureThumbnail,
|
|
13080
|
-
lastRecordingAudioLevel: averageAudioLevel || 0
|
|
13436
|
+
lastRecordingAudioLevel: averageAudioLevel || 0,
|
|
13437
|
+
flow: flow,
|
|
13438
|
+
setFlow: setFlow
|
|
13081
13439
|
};
|
|
13082
13440
|
}
|
|
13083
13441
|
|
|
@@ -13969,72 +14327,6 @@ const $b758582ffbe79e9a$export$287f8fcc69caf433 = /*#__PURE__*/ (0, $jQDcL$react
|
|
|
13969
14327
|
|
|
13970
14328
|
|
|
13971
14329
|
|
|
13972
|
-
const $bec7bca3a7448591$export$f9da3144ae2525a3 = ({ sideColor: sideColor , mainColor: mainColor })=>/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)("svg", {
|
|
13973
|
-
width: "20",
|
|
13974
|
-
height: "21",
|
|
13975
|
-
viewBox: "0 0 20 21",
|
|
13976
|
-
fill: "none",
|
|
13977
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
13978
|
-
style: {
|
|
13979
|
-
display: "inline"
|
|
13980
|
-
},
|
|
13981
|
-
transform: "translate(0 -1)",
|
|
13982
|
-
children: [
|
|
13983
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("path", {
|
|
13984
|
-
d: "M10 2.167a8.333 8.333 0 1 0 0 16.666 8.333 8.333 0 0 0 0-16.666Zm0 15a6.667 6.667 0 1 1 0-13.334 6.667 6.667 0 0 1 0 13.333Z",
|
|
13985
|
-
fill: sideColor || "#1D1C20"
|
|
13986
|
-
}),
|
|
13987
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("path", {
|
|
13988
|
-
d: "M6.76 5.65a5.833 5.833 0 1 1 6.481 9.7 5.833 5.833 0 0 1-6.481-9.7Z",
|
|
13989
|
-
fill: mainColor || "#F12828"
|
|
13990
|
-
})
|
|
13991
|
-
]
|
|
13992
|
-
});
|
|
13993
|
-
const $bec7bca3a7448591$export$c6a849fd9d9d93a2 = ({ sideColor: sideColor , mainColor: mainColor })=>/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)("svg", {
|
|
13994
|
-
width: "20",
|
|
13995
|
-
height: "20",
|
|
13996
|
-
viewBox: "0 0 20 20",
|
|
13997
|
-
fill: "none",
|
|
13998
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
13999
|
-
style: {
|
|
14000
|
-
display: "inline"
|
|
14001
|
-
},
|
|
14002
|
-
transform: "translate(0 -1)",
|
|
14003
|
-
children: [
|
|
14004
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("path", {
|
|
14005
|
-
d: "M10 1.667a8.333 8.333 0 1 0 0 16.666 8.333 8.333 0 0 0 0-16.666Zm0 15a6.667 6.667 0 1 1 0-13.334 6.667 6.667 0 0 1 0 13.333Z",
|
|
14006
|
-
fill: sideColor || "#1D1C20"
|
|
14007
|
-
}),
|
|
14008
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("path", {
|
|
14009
|
-
d: "M7.5 6.667h5a.833.833 0 0 1 .833.833v5a.833.833 0 0 1-.834.834h-5a.833.833 0 0 1-.833-.834v-5a.833.833 0 0 1 .833-.833Z",
|
|
14010
|
-
fill: mainColor || "#F12828"
|
|
14011
|
-
})
|
|
14012
|
-
]
|
|
14013
|
-
});
|
|
14014
|
-
const $bec7bca3a7448591$export$dce36e07153365d = ()=>/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)("svg", {
|
|
14015
|
-
width: "20",
|
|
14016
|
-
height: "20",
|
|
14017
|
-
viewBox: "0 0 20 20",
|
|
14018
|
-
fill: "none",
|
|
14019
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
14020
|
-
style: {
|
|
14021
|
-
display: "inline"
|
|
14022
|
-
},
|
|
14023
|
-
transform: "translate(0 -1)",
|
|
14024
|
-
children: [
|
|
14025
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("path", {
|
|
14026
|
-
d: "M10 1.667a8.333 8.333 0 1 0 0 16.666 8.333 8.333 0 0 0 0-16.666Zm0 15a6.666 6.666 0 1 1 0-13.333 6.666 6.666 0 0 1 0 13.333Z",
|
|
14027
|
-
fill: "#1D1C20"
|
|
14028
|
-
}),
|
|
14029
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("path", {
|
|
14030
|
-
d: "M6.76 5.15a5.833 5.833 0 1 1 6.481 9.7 5.833 5.833 0 0 1-6.481-9.7Z",
|
|
14031
|
-
fill: "#1D1C20"
|
|
14032
|
-
})
|
|
14033
|
-
]
|
|
14034
|
-
});
|
|
14035
|
-
|
|
14036
|
-
|
|
14037
|
-
|
|
14038
14330
|
|
|
14039
14331
|
const $f341dd104b321776$var$savedPermissions = {
|
|
14040
14332
|
audio: false,
|
|
@@ -14071,7 +14363,7 @@ const $47755bb1d707f6f6$var$Bold = ({ children: children })=>/*#__PURE__*/ (0,
|
|
|
14071
14363
|
});
|
|
14072
14364
|
const $47755bb1d707f6f6$export$788cb893d96254c8 = ({ state: state , mode: mode , primaryAction: primaryAction })=>{
|
|
14073
14365
|
const { t: t } = (0, $jQDcL$reacti18next.useTranslation)();
|
|
14074
|
-
|
|
14366
|
+
(0, $f341dd104b321776$export$d791e41b9a4de1f2)({
|
|
14075
14367
|
audio: true,
|
|
14076
14368
|
video: true
|
|
14077
14369
|
});
|
|
@@ -14087,155 +14379,205 @@ const $47755bb1d707f6f6$export$788cb893d96254c8 = ({ state: state , mode: mode ,
|
|
|
14087
14379
|
const { orientation: orientation } = (0, $jQDcL$react.useContext)((0, $8b39f32976a7698a$export$2e2bcd8739ae039));
|
|
14088
14380
|
const device = orientation === "landscape" ? "desktop" : "mobile";
|
|
14089
14381
|
const videoLength = permissionsState === "granted" ? "short" : "full";
|
|
14090
|
-
const ref = (0, $jQDcL$react.useRef)(null);
|
|
14091
14382
|
const title = mode === "photo" ? t("recorder.photoInstructionsTitle") : t("recorder.videoInstructionsTitle");
|
|
14092
|
-
const mediaInstruction = [
|
|
14093
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$reacti18next.Trans), {
|
|
14094
|
-
i18nKey: "recorder.instructions.allowAccessOnPrompt",
|
|
14095
|
-
children: [
|
|
14096
|
-
"When prompted, ",
|
|
14097
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)($47755bb1d707f6f6$var$Bold, {
|
|
14098
|
-
children: "allow access"
|
|
14099
|
-
}),
|
|
14100
|
-
" to camera and microphone."
|
|
14101
|
-
]
|
|
14102
|
-
})
|
|
14103
|
-
];
|
|
14104
14383
|
const instructionPhoto = [
|
|
14105
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.
|
|
14106
|
-
i18nKey: "recorder.instructions.
|
|
14107
|
-
|
|
14108
|
-
|
|
14109
|
-
|
|
14110
|
-
|
|
14111
|
-
|
|
14112
|
-
|
|
14113
|
-
|
|
14114
|
-
|
|
14115
|
-
|
|
14384
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$reacti18next.Trans), {
|
|
14385
|
+
i18nKey: "recorder.instructions.allowAccessOnPrompt",
|
|
14386
|
+
components: {
|
|
14387
|
+
bold: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)($47755bb1d707f6f6$var$Bold, {})
|
|
14388
|
+
}
|
|
14389
|
+
}),
|
|
14390
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$reacti18next.Trans), {
|
|
14391
|
+
i18nKey: "recorder.instructions.multiplePhotos",
|
|
14392
|
+
components: {
|
|
14393
|
+
bold: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)($47755bb1d707f6f6$var$Bold, {})
|
|
14394
|
+
}
|
|
14116
14395
|
}),
|
|
14117
|
-
|
|
14118
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$reacti18next.Trans), {
|
|
14396
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$reacti18next.Trans), {
|
|
14119
14397
|
i18nKey: "recorder.instructions.reviewAndSendPhotos",
|
|
14120
|
-
|
|
14121
|
-
|
|
14122
|
-
|
|
14123
|
-
children: "send it when you're done."
|
|
14124
|
-
})
|
|
14125
|
-
]
|
|
14398
|
+
components: {
|
|
14399
|
+
bold: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)($47755bb1d707f6f6$var$Bold, {})
|
|
14400
|
+
}
|
|
14126
14401
|
})
|
|
14127
14402
|
];
|
|
14128
14403
|
const instructionVideo = [
|
|
14129
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.
|
|
14404
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$reacti18next.Trans), {
|
|
14130
14405
|
i18nKey: "recorder.instructions.tapVideoButton",
|
|
14131
|
-
|
|
14132
|
-
|
|
14133
|
-
|
|
14134
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)($47755bb1d707f6f6$var$Bold, {
|
|
14135
|
-
children: " Record button"
|
|
14136
|
-
}),
|
|
14137
|
-
" to start a recording."
|
|
14138
|
-
]
|
|
14139
|
-
}),
|
|
14140
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$reacti18next.Trans), {
|
|
14141
|
-
i18nKey: "recorder.instructions.videoSpeech",
|
|
14142
|
-
children: [
|
|
14143
|
-
"You can ",
|
|
14144
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)($47755bb1d707f6f6$var$Bold, {
|
|
14145
|
-
children: "speak during"
|
|
14146
|
-
}),
|
|
14147
|
-
" the recording for added detail."
|
|
14148
|
-
]
|
|
14406
|
+
components: {
|
|
14407
|
+
bold: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)($47755bb1d707f6f6$var$Bold, {})
|
|
14408
|
+
}
|
|
14149
14409
|
}),
|
|
14150
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.
|
|
14410
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$reacti18next.Trans), {
|
|
14151
14411
|
i18nKey: "recorder.instructions.tapStopVideoButton",
|
|
14152
|
-
|
|
14153
|
-
|
|
14154
|
-
|
|
14155
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)($47755bb1d707f6f6$var$Bold, {
|
|
14156
|
-
children: " Stop button"
|
|
14157
|
-
}),
|
|
14158
|
-
"."
|
|
14159
|
-
]
|
|
14412
|
+
components: {
|
|
14413
|
+
bold: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)($47755bb1d707f6f6$var$Bold, {})
|
|
14414
|
+
}
|
|
14160
14415
|
}),
|
|
14161
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.
|
|
14416
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$reacti18next.Trans), {
|
|
14162
14417
|
i18nKey: "recorder.instructions.reviewAndSendVideos",
|
|
14163
|
-
|
|
14164
|
-
|
|
14165
|
-
|
|
14166
|
-
children: "send it when you're done"
|
|
14167
|
-
}),
|
|
14168
|
-
"."
|
|
14169
|
-
]
|
|
14418
|
+
components: {
|
|
14419
|
+
bold: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)($47755bb1d707f6f6$var$Bold, {})
|
|
14420
|
+
}
|
|
14170
14421
|
})
|
|
14171
14422
|
];
|
|
14172
|
-
const instructions =
|
|
14173
|
-
if (!getUserMediaMutation.savedPermissions.audio) instructions.push(...mediaInstruction);
|
|
14174
|
-
instructions.push(...mode === "photo" ? instructionPhoto : instructionVideo);
|
|
14423
|
+
const instructions = mode === "photo" ? instructionPhoto : instructionVideo;
|
|
14175
14424
|
return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.AlertDialog), {
|
|
14176
14425
|
open: state.isOpen,
|
|
14177
14426
|
onOpenChange: (open)=>{
|
|
14178
14427
|
!open && state.close();
|
|
14179
14428
|
},
|
|
14180
14429
|
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$snapcalldesignsystem.AlertDialogContent), {
|
|
14181
|
-
className: "max-h-screen overflow-y-auto",
|
|
14430
|
+
className: "max-h-screen rounded-xl overflow-y-auto md:w-[334px] w-[334px]",
|
|
14182
14431
|
children: [
|
|
14432
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)("div", {
|
|
14433
|
+
className: "relative rounded-xl",
|
|
14434
|
+
children: [
|
|
14435
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("video", {
|
|
14436
|
+
className: "w-full rounded-[inherit]",
|
|
14437
|
+
src: `${"https://stream-assets.snapcall.io"}/animations/${device}-assist-onboarding-${mode}-${videoLength}.mp4`,
|
|
14438
|
+
playsInline: true,
|
|
14439
|
+
autoPlay: true,
|
|
14440
|
+
muted: true,
|
|
14441
|
+
loop: true
|
|
14442
|
+
}),
|
|
14443
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("div", {
|
|
14444
|
+
className: "absolute inset-0 ring-2 ring-inset ring-white/20 rounded-[inherit]"
|
|
14445
|
+
})
|
|
14446
|
+
]
|
|
14447
|
+
}),
|
|
14183
14448
|
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.AlertDialogHeader), {
|
|
14184
14449
|
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.AlertDialogTitle), {
|
|
14185
14450
|
children: title
|
|
14186
14451
|
})
|
|
14187
14452
|
}),
|
|
14188
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.
|
|
14189
|
-
className: "flex flex-col gap-
|
|
14453
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("div", {
|
|
14454
|
+
className: "flex flex-col gap-3",
|
|
14455
|
+
children: instructions.map((value, index)=>/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)("div", {
|
|
14456
|
+
className: "flex items-center gap-2 p-2 bg-gray-50 rounded-lg",
|
|
14457
|
+
children: [
|
|
14458
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("div", {
|
|
14459
|
+
className: "flex items-center justify-center w-5 h-5 rounded-md bg-gray-200 text-xs font-semibold",
|
|
14460
|
+
children: index + 1
|
|
14461
|
+
}),
|
|
14462
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("span", {
|
|
14463
|
+
className: "w-[1px] h-full bg-gray-200"
|
|
14464
|
+
}),
|
|
14465
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("span", {
|
|
14466
|
+
className: "flex-1 text-sm text-gray-900",
|
|
14467
|
+
children: value
|
|
14468
|
+
})
|
|
14469
|
+
]
|
|
14470
|
+
}, index))
|
|
14471
|
+
}),
|
|
14472
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.AlertDialogFooter), {
|
|
14473
|
+
children: primaryAction()
|
|
14474
|
+
}),
|
|
14475
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("p", {
|
|
14476
|
+
className: "text-xs text-gray-900 text-center",
|
|
14477
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$reacti18next.Trans), {
|
|
14478
|
+
i18nKey: "recorder.instructions.privacyPolicy",
|
|
14479
|
+
components: {
|
|
14480
|
+
bold: // eslint-disable-next-line jsx-a11y/anchor-has-content
|
|
14481
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("a", {
|
|
14482
|
+
className: "font-semibold text-gray-1000 underline",
|
|
14483
|
+
href: "https://www.snapcall.io/privacy-policy",
|
|
14484
|
+
target: "_blank",
|
|
14485
|
+
rel: "noreferrer"
|
|
14486
|
+
})
|
|
14487
|
+
}
|
|
14488
|
+
})
|
|
14489
|
+
})
|
|
14490
|
+
]
|
|
14491
|
+
})
|
|
14492
|
+
});
|
|
14493
|
+
};
|
|
14494
|
+
|
|
14495
|
+
|
|
14496
|
+
|
|
14497
|
+
|
|
14498
|
+
|
|
14499
|
+
const $6913097552ba508e$export$b916fa2db97921a4 = ({ state: state , flow: flow , primaryAction: primaryAction })=>{
|
|
14500
|
+
return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.AlertDialog), {
|
|
14501
|
+
open: state.isOpen,
|
|
14502
|
+
onOpenChange: (open)=>{
|
|
14503
|
+
!open && state.close();
|
|
14504
|
+
},
|
|
14505
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$snapcalldesignsystem.AlertDialogContent), {
|
|
14506
|
+
className: "w-[334px] md:w-[334px] rounded-xl max-h-screen overflow-y-auto",
|
|
14507
|
+
children: [
|
|
14508
|
+
flow.image_url ? /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)("div", {
|
|
14509
|
+
className: "relative rounded-xl",
|
|
14190
14510
|
children: [
|
|
14191
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("
|
|
14192
|
-
className: "
|
|
14193
|
-
|
|
14194
|
-
|
|
14195
|
-
className: "flex flex-row justify-center gap-[5px]",
|
|
14196
|
-
children: [
|
|
14197
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("div", {
|
|
14198
|
-
className: "flex items-center justify-center min-w-[24px] h-[24px] rounded-[50%] bg-secondaryVLight",
|
|
14199
|
-
children: index + 1
|
|
14200
|
-
}),
|
|
14201
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("span", {
|
|
14202
|
-
className: "w-full text-base text-primaryLight font-normal leading-[20px]",
|
|
14203
|
-
children: value
|
|
14204
|
-
})
|
|
14205
|
-
]
|
|
14206
|
-
}, index))
|
|
14511
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("img", {
|
|
14512
|
+
className: "w-full h-[200px] object-cover rounded-[inherit]",
|
|
14513
|
+
src: flow.image_url,
|
|
14514
|
+
alt: ""
|
|
14207
14515
|
}),
|
|
14208
14516
|
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("div", {
|
|
14209
|
-
className: "
|
|
14210
|
-
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("video", {
|
|
14211
|
-
src: `${"https://stream-assets.snapcall.io"}/animations/${device}-assist-onboarding-${mode}-${videoLength}.mp4`,
|
|
14212
|
-
playsInline: true,
|
|
14213
|
-
autoPlay: true,
|
|
14214
|
-
muted: true,
|
|
14215
|
-
loop: true
|
|
14216
|
-
})
|
|
14517
|
+
className: "absolute inset-0 ring-2 ring-inset ring-white/20 rounded-[inherit]"
|
|
14217
14518
|
}),
|
|
14218
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.
|
|
14219
|
-
className: "
|
|
14220
|
-
children:
|
|
14221
|
-
|
|
14222
|
-
|
|
14223
|
-
|
|
14224
|
-
|
|
14225
|
-
|
|
14226
|
-
|
|
14227
|
-
|
|
14228
|
-
|
|
14229
|
-
|
|
14230
|
-
}),
|
|
14231
|
-
"."
|
|
14232
|
-
]
|
|
14233
|
-
})
|
|
14519
|
+
flow.logo_url && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)("div", {
|
|
14520
|
+
className: "absolute bottom-2 right-2 rounded-lg",
|
|
14521
|
+
children: [
|
|
14522
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("img", {
|
|
14523
|
+
className: "w-8 h-8 object-cover rounded-[inherit]",
|
|
14524
|
+
src: flow.logo_url,
|
|
14525
|
+
alt: ""
|
|
14526
|
+
}),
|
|
14527
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("div", {
|
|
14528
|
+
className: "absolute inset-0 ring-2 ring-inset ring-white/20 rounded-[inherit]"
|
|
14529
|
+
})
|
|
14530
|
+
]
|
|
14234
14531
|
})
|
|
14235
14532
|
]
|
|
14533
|
+
}) : flow.logo_url ? /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("div", {
|
|
14534
|
+
className: "h-[200px] bg-cover bg-center rounded-xl",
|
|
14535
|
+
style: {
|
|
14536
|
+
backgroundImage: `url(${flow.logo_url})`
|
|
14537
|
+
},
|
|
14538
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("div", {
|
|
14539
|
+
className: "flex justify-center items-center w-full h-full backdrop-blur-[30px] rounded-[inherit]",
|
|
14540
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)("div", {
|
|
14541
|
+
className: "absolute rounded-2xl",
|
|
14542
|
+
children: [
|
|
14543
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("img", {
|
|
14544
|
+
className: "w-[100px] h-[100px] object-cover rounded-[inherit]",
|
|
14545
|
+
src: flow.logo_url,
|
|
14546
|
+
alt: ""
|
|
14547
|
+
}),
|
|
14548
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("div", {
|
|
14549
|
+
className: "absolute inset-0 ring-4 ring-inset ring-white/20 rounded-[inherit]"
|
|
14550
|
+
})
|
|
14551
|
+
]
|
|
14552
|
+
})
|
|
14553
|
+
})
|
|
14554
|
+
}) : /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$reactjsxruntime.Fragment), {}),
|
|
14555
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.AlertDialogHeader), {
|
|
14556
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.AlertDialogTitle), {
|
|
14557
|
+
children: flow.title
|
|
14558
|
+
})
|
|
14559
|
+
}),
|
|
14560
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("p", {
|
|
14561
|
+
className: "text-sm text-gray-700 whitespace-pre-line",
|
|
14562
|
+
children: flow.text
|
|
14236
14563
|
}),
|
|
14237
14564
|
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.AlertDialogFooter), {
|
|
14238
14565
|
children: primaryAction()
|
|
14566
|
+
}),
|
|
14567
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("p", {
|
|
14568
|
+
className: "text-xs text-[#707070] text-center",
|
|
14569
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$reacti18next.Trans), {
|
|
14570
|
+
i18nKey: "recorder.instructions.privacyPolicy",
|
|
14571
|
+
components: {
|
|
14572
|
+
bold: // eslint-disable-next-line jsx-a11y/anchor-has-content
|
|
14573
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("a", {
|
|
14574
|
+
className: "font-semibold text-gray-1000 underline",
|
|
14575
|
+
href: "https://www.snapcall.io/privacy-policy",
|
|
14576
|
+
target: "_blank",
|
|
14577
|
+
rel: "noreferrer"
|
|
14578
|
+
})
|
|
14579
|
+
}
|
|
14580
|
+
})
|
|
14239
14581
|
})
|
|
14240
14582
|
]
|
|
14241
14583
|
})
|
|
@@ -14248,6 +14590,47 @@ const $47755bb1d707f6f6$export$788cb893d96254c8 = ({ state: state , mode: mode ,
|
|
|
14248
14590
|
|
|
14249
14591
|
|
|
14250
14592
|
|
|
14593
|
+
const $898fb6529f10b70f$export$a530fe7a272dd531 = ({ state: state , recorderState: recorderState })=>{
|
|
14594
|
+
const { options: options } = (0, $jQDcL$react.useContext)((0, $8b39f32976a7698a$export$2e2bcd8739ae039));
|
|
14595
|
+
(0, $jQDcL$react.useEffect)(()=>{
|
|
14596
|
+
const fetchFlow = async ()=>{
|
|
14597
|
+
const { roomId: roomId } = (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).getState();
|
|
14598
|
+
const language = navigator.language.slice(0, 2);
|
|
14599
|
+
const result = await fetch(`${options.apiUrl}/streams/${roomId}/flow?lang=${language}`);
|
|
14600
|
+
if (result.ok) {
|
|
14601
|
+
const flow = await result.json();
|
|
14602
|
+
recorderState.setFlow(flow);
|
|
14603
|
+
} else recorderState.setFlow(null);
|
|
14604
|
+
};
|
|
14605
|
+
fetchFlow();
|
|
14606
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
14607
|
+
}, [
|
|
14608
|
+
options.apiUrl
|
|
14609
|
+
]);
|
|
14610
|
+
return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.AlertDialog), {
|
|
14611
|
+
open: state.isOpen,
|
|
14612
|
+
onOpenChange: (open)=>{
|
|
14613
|
+
!open && state.close();
|
|
14614
|
+
},
|
|
14615
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.AlertDialogContent), {
|
|
14616
|
+
className: "max-h-screen overflow-y-auto w-[334px] md:w-[334px] rounded-xl",
|
|
14617
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("div", {
|
|
14618
|
+
className: "flex items-center justify-center h-[200px]",
|
|
14619
|
+
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.SpinnerIcon), {
|
|
14620
|
+
className: "text-blue-700 animate-spin",
|
|
14621
|
+
size: 64
|
|
14622
|
+
})
|
|
14623
|
+
})
|
|
14624
|
+
})
|
|
14625
|
+
});
|
|
14626
|
+
};
|
|
14627
|
+
|
|
14628
|
+
|
|
14629
|
+
|
|
14630
|
+
|
|
14631
|
+
|
|
14632
|
+
|
|
14633
|
+
|
|
14251
14634
|
|
|
14252
14635
|
|
|
14253
14636
|
|
|
@@ -14472,8 +14855,7 @@ const $674454a6d2a40e95$export$5b8e641151f8011d = ({ recorderState: recorderStat
|
|
|
14472
14855
|
exitStreaming
|
|
14473
14856
|
]);
|
|
14474
14857
|
(0, $jQDcL$react.useEffect)(()=>{
|
|
14475
|
-
if (getUserMediaMutation.savedPermissions.audio)
|
|
14476
|
-
if (isAgent && !isDesktop) getUserMediaMutation.mutate(undefined, getUserMediaMutationOptions);
|
|
14858
|
+
if (isAgent && !isDesktop && !getUserMediaMutation.savedPermissions.audio && getUserMediaMutation.isIdle) getUserMediaMutation.mutate(undefined, getUserMediaMutationOptions);
|
|
14477
14859
|
}, [
|
|
14478
14860
|
getUserMediaMutation,
|
|
14479
14861
|
isAgent,
|
|
@@ -14497,31 +14879,39 @@ const $674454a6d2a40e95$export$5b8e641151f8011d = ({ recorderState: recorderStat
|
|
|
14497
14879
|
})
|
|
14498
14880
|
});
|
|
14499
14881
|
};
|
|
14882
|
+
const modalsButton = ()=>/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.Button), {
|
|
14883
|
+
size: "sm",
|
|
14884
|
+
className: "w-full",
|
|
14885
|
+
disabled: !selfPeerId || getUserMediaMutation.isLoading,
|
|
14886
|
+
onClick: ()=>{
|
|
14887
|
+
const { deviceState: deviceState } = (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).getState();
|
|
14888
|
+
if (!getUserMediaMutation.savedPermissions.audio || !getUserMediaMutation.savedPermissions.video || !deviceState.camera.enabled) return getUserMediaMutation.mutate(undefined, getUserMediaMutationOptions);
|
|
14889
|
+
instructionModalState.close();
|
|
14890
|
+
},
|
|
14891
|
+
children: !getUserMediaMutation.savedPermissions.audio || !getUserMediaMutation.savedPermissions.video ? /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$reactjsxruntime.Fragment), {
|
|
14892
|
+
children: [
|
|
14893
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.CheckCircleIcon), {
|
|
14894
|
+
size: 18,
|
|
14895
|
+
className: "text-white"
|
|
14896
|
+
}),
|
|
14897
|
+
t("recorder.allowCamMicAccess")
|
|
14898
|
+
]
|
|
14899
|
+
}) : t("recorder.okay")
|
|
14900
|
+
});
|
|
14500
14901
|
return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)("div", {
|
|
14501
14902
|
className: "flex flex-col justify-center min-h-0 gap-6 antialiased shrink grow inter",
|
|
14502
14903
|
children: [
|
|
14503
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $
|
|
14904
|
+
typeof recorderState.flow === "undefined" ? /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $898fb6529f10b70f$export$a530fe7a272dd531), {
|
|
14905
|
+
state: instructionModalState,
|
|
14906
|
+
recorderState: recorderState
|
|
14907
|
+
}) : recorderState.flow ? /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $6913097552ba508e$export$b916fa2db97921a4), {
|
|
14908
|
+
state: instructionModalState,
|
|
14909
|
+
flow: recorderState.flow,
|
|
14910
|
+
primaryAction: modalsButton
|
|
14911
|
+
}) : /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $47755bb1d707f6f6$export$788cb893d96254c8), {
|
|
14504
14912
|
state: instructionModalState,
|
|
14505
14913
|
mode: recorderState.mode,
|
|
14506
|
-
primaryAction:
|
|
14507
|
-
size: "sm",
|
|
14508
|
-
className: "w-full",
|
|
14509
|
-
disabled: !selfPeerId || getUserMediaMutation.isLoading,
|
|
14510
|
-
onClick: ()=>{
|
|
14511
|
-
const { deviceState: deviceState } = (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).getState();
|
|
14512
|
-
if (!getUserMediaMutation.savedPermissions.audio || !getUserMediaMutation.savedPermissions.video || !deviceState.camera.enabled) return getUserMediaMutation.mutate(undefined, getUserMediaMutationOptions);
|
|
14513
|
-
instructionModalState.close();
|
|
14514
|
-
},
|
|
14515
|
-
children: !getUserMediaMutation.savedPermissions.audio || !getUserMediaMutation.savedPermissions.video ? /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$reactjsxruntime.Fragment), {
|
|
14516
|
-
children: [
|
|
14517
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.CheckIcon), {
|
|
14518
|
-
size: 18,
|
|
14519
|
-
className: "text-white"
|
|
14520
|
-
}),
|
|
14521
|
-
t("recorder.allowCamMicAccess")
|
|
14522
|
-
]
|
|
14523
|
-
}) : t("recorder.okay")
|
|
14524
|
-
})
|
|
14914
|
+
primaryAction: modalsButton
|
|
14525
14915
|
}),
|
|
14526
14916
|
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $1edfa10ad1e88512$export$f9d8408fefd786da), {
|
|
14527
14917
|
state: qrCodeModalState,
|
|
@@ -14645,7 +15035,6 @@ const $674454a6d2a40e95$export$5b8e641151f8011d = ({ recorderState: recorderStat
|
|
|
14645
15035
|
|
|
14646
15036
|
|
|
14647
15037
|
|
|
14648
|
-
|
|
14649
15038
|
const $62f98fb6dc42877d$var$Bold = ({ children: children })=>/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("span", {
|
|
14650
15039
|
className: "font-medium text-white",
|
|
14651
15040
|
children: children
|
|
@@ -14653,56 +15042,32 @@ const $62f98fb6dc42877d$var$Bold = ({ children: children })=>/*#__PURE__*/ (0,
|
|
|
14653
15042
|
const $62f98fb6dc42877d$export$f361d4ae234b90f4 = ()=>{
|
|
14654
15043
|
const { t: t } = (0, $jQDcL$reacti18next.useTranslation)();
|
|
14655
15044
|
const instructions = [
|
|
14656
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.
|
|
15045
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$reacti18next.Trans), {
|
|
14657
15046
|
i18nKey: "recorder.instructions.tapVideoButton",
|
|
14658
|
-
|
|
14659
|
-
|
|
14660
|
-
|
|
14661
|
-
sideColor: "#FFFFFF",
|
|
14662
|
-
mainColor: "#E5484D"
|
|
14663
|
-
}),
|
|
14664
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)($62f98fb6dc42877d$var$Bold, {
|
|
14665
|
-
children: " Record button"
|
|
14666
|
-
}),
|
|
14667
|
-
" to start a recording."
|
|
14668
|
-
]
|
|
15047
|
+
components: {
|
|
15048
|
+
bold: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)($62f98fb6dc42877d$var$Bold, {})
|
|
15049
|
+
}
|
|
14669
15050
|
}),
|
|
14670
15051
|
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$reacti18next.Trans), {
|
|
14671
15052
|
i18nKey: "recorder.instructions.screenShareInstruction"
|
|
14672
15053
|
}),
|
|
14673
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.
|
|
15054
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$reacti18next.Trans), {
|
|
14674
15055
|
i18nKey: "recorder.instructions.videoSpeech",
|
|
14675
|
-
|
|
14676
|
-
|
|
14677
|
-
|
|
14678
|
-
children: "speak during"
|
|
14679
|
-
}),
|
|
14680
|
-
" the recording for added detail."
|
|
14681
|
-
]
|
|
15056
|
+
components: {
|
|
15057
|
+
bold: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)($62f98fb6dc42877d$var$Bold, {})
|
|
15058
|
+
}
|
|
14682
15059
|
}),
|
|
14683
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.
|
|
15060
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$reacti18next.Trans), {
|
|
14684
15061
|
i18nKey: "recorder.instructions.tapStopVideoButton",
|
|
14685
|
-
|
|
14686
|
-
|
|
14687
|
-
|
|
14688
|
-
sideColor: "#FFFFFF",
|
|
14689
|
-
mainColor: "#E5484D"
|
|
14690
|
-
}),
|
|
14691
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)($62f98fb6dc42877d$var$Bold, {
|
|
14692
|
-
children: " Stop button"
|
|
14693
|
-
}),
|
|
14694
|
-
"."
|
|
14695
|
-
]
|
|
15062
|
+
components: {
|
|
15063
|
+
bold: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)($62f98fb6dc42877d$var$Bold, {})
|
|
15064
|
+
}
|
|
14696
15065
|
}),
|
|
14697
|
-
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.
|
|
15066
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$reacti18next.Trans), {
|
|
14698
15067
|
i18nKey: "recorder.instructions.reviewAndSendVideos",
|
|
14699
|
-
|
|
14700
|
-
|
|
14701
|
-
|
|
14702
|
-
children: "send it when you're done"
|
|
14703
|
-
}),
|
|
14704
|
-
"."
|
|
14705
|
-
]
|
|
15068
|
+
components: {
|
|
15069
|
+
bold: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)($62f98fb6dc42877d$var$Bold, {})
|
|
15070
|
+
}
|
|
14706
15071
|
})
|
|
14707
15072
|
];
|
|
14708
15073
|
return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)("div", {
|
|
@@ -14902,6 +15267,7 @@ const $2256a219b427127c$export$c31ece446899894 = ({ state: state })=>{
|
|
|
14902
15267
|
!open && state.close();
|
|
14903
15268
|
},
|
|
14904
15269
|
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$snapcalldesignsystem.AlertDialogContent), {
|
|
15270
|
+
className: "rounded-xl",
|
|
14905
15271
|
children: [
|
|
14906
15272
|
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$snapcalldesignsystem.AlertDialogHeader), {
|
|
14907
15273
|
children: [
|
|
@@ -15056,6 +15422,7 @@ const $4dfa3a33e9391c56$export$863486d455ab61f3 = ({ modalState: modalState , on
|
|
|
15056
15422
|
!open && modalState.close();
|
|
15057
15423
|
},
|
|
15058
15424
|
children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$snapcalldesignsystem.AlertDialogContent), {
|
|
15425
|
+
className: "rounded-xl",
|
|
15059
15426
|
children: [
|
|
15060
15427
|
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$snapcalldesignsystem.AlertDialogHeader), {
|
|
15061
15428
|
children: [
|
|
@@ -15422,12 +15789,8 @@ const $b939cb69b1cbeb59$export$336a011955157f9a = ()=>{
|
|
|
15422
15789
|
const loginModalState = (0, $jQDcL$reactstately.useOverlayTriggerState)({});
|
|
15423
15790
|
const [thumbnailURL, setLastThumbnailURL] = (0, $jQDcL$react.useState)(undefined);
|
|
15424
15791
|
const captureThumbnail = async (videoElement)=>{
|
|
15425
|
-
let image = await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).captureVideo(undefined
|
|
15426
|
-
|
|
15427
|
-
}).catch(console.error);
|
|
15428
|
-
if (!image) image = await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).captureVideo(videoElement, {
|
|
15429
|
-
addPlayWatermark: true
|
|
15430
|
-
});
|
|
15792
|
+
let image = await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).captureVideo(undefined).catch(console.error);
|
|
15793
|
+
if (!image) image = await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).captureVideo(videoElement);
|
|
15431
15794
|
const { url: url } = await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).saveThumbnail(image);
|
|
15432
15795
|
setLastThumbnailURL(url);
|
|
15433
15796
|
};
|
|
@@ -15879,6 +16242,10 @@ const $ee8cb448c2c74888$var$StreamUI = ({ options: options })=>{
|
|
|
15879
16242
|
children: [
|
|
15880
16243
|
streamState === "loading" && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $7ce296d839195d38$export$669f6ea7d267feaf), {}),
|
|
15881
16244
|
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $e66cc5db58913155$export$2e2bcd8739ae039), {}),
|
|
16245
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.Toaster), {
|
|
16246
|
+
duration: 3000,
|
|
16247
|
+
className: "gap-2"
|
|
16248
|
+
}),
|
|
15882
16249
|
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5dcd9e6925c7037c$export$2e2bcd8739ae039), {}),
|
|
15883
16250
|
isBlockedDevicesPopupOpen && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $77862aeb490f36a3$export$2e2bcd8739ae039), {
|
|
15884
16251
|
close: ()=>{
|
|
@@ -16334,7 +16701,7 @@ var $3305ca02e86dabd1$export$2e2bcd8739ae039 = $3305ca02e86dabd1$var$GreetingVie
|
|
|
16334
16701
|
|
|
16335
16702
|
|
|
16336
16703
|
var $54541b0286afc2de$exports = {};
|
|
16337
|
-
$54541b0286afc2de$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-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 width: 1px;\n height: 1px;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\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.top-2 {\n top: .5rem;\n}\n\n.left-1\\/2 {\n left: 50%;\n}\n\n.top-auto {\n top: auto;\n}\n\n.bottom-4 {\n bottom: 1rem;\n}\n\n.top-1\\/2 {\n top: 50%;\n}\n\n.left-\\[50\\%\\] {\n left: 50%;\n}\n\n.top-\\[50\\%\\] {\n top: 50%;\n}\n\n.bottom-0 {\n bottom: 0;\n}\n\n.right-0 {\n right: 0;\n}\n\n.left-1 {\n left: .25rem;\n}\n\n.right-1 {\n right: .25rem;\n}\n\n.right-6 {\n right: 1.5rem;\n}\n\n.top-6 {\n top: 1.5rem;\n}\n\n.top-8 {\n top: 2rem;\n}\n\n.z-10 {\n z-index: 10;\n}\n\n.z-50 {\n z-index: 50;\n}\n\n.z-\\[150\\] {\n z-index: 150;\n}\n\n.z-\\[100\\] {\n z-index: 100;\n}\n\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\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.my-1 {\n margin-top: .25rem;\n margin-bottom: .25rem;\n}\n\n.mb-\\[9px\\] {\n margin-bottom: 9px;\n}\n\n.mt-1 {\n margin-top: .25rem;\n}\n\n.mr-2\\.5 {\n margin-right: .625rem;\n}\n\n.mr-2 {\n margin-right: .5rem;\n}\n\n.mt-2 {\n margin-top: .5rem;\n}\n\n.-mr-2 {\n margin-right: -.5rem;\n}\n\n.ml-1 {\n margin-left: .25rem;\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-5 {\n height: 1.25rem;\n}\n\n.h-full {\n height: 100%;\n}\n\n.h-4 {\n height: 1rem;\n}\n\n.h-\\[150px\\] {\n height: 150px;\n}\n\n.h-12 {\n height: 3rem;\n}\n\n.h-16 {\n height: 4rem;\n}\n\n.h-\\[24px\\] {\n height: 24px;\n}\n\n.h-screen {\n height: 100vh;\n}\n\n.h-\\[384px\\] {\n height: 384px;\n}\n\n.h-1\\/3 {\n height: 33.3333%;\n}\n\n.h-\\[16px\\] {\n height: 16px;\n}\n\n.h-\\[36px\\] {\n height: 36px;\n}\n\n.h-\\[45px\\] {\n height: 45px;\n}\n\n.h-\\[72px\\] {\n height: 72px;\n}\n\n.h-8 {\n height: 2rem;\n}\n\n.h-3 {\n height: .75rem;\n}\n\n.h-px {\n height: 1px;\n}\n\n.h-9 {\n height: 2.25rem;\n}\n\n.h-\\[40px\\] {\n height: 40px;\n}\n\n.h-6 {\n height: 1.5rem;\n}\n\n.h-14 {\n height: 3.5rem;\n}\n\n.max-h-full {\n max-height: 100%;\n}\n\n.max-h-screen {\n max-height: 100vh;\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-\\[70px\\] {\n max-height: 70px;\n}\n\n.max-h-\\[300px\\] {\n max-height: 300px;\n}\n\n.min-h-0 {\n min-height: 0;\n}\n\n.min-h-\\[80px\\] {\n min-height: 80px;\n}\n\n.w-5 {\n width: 1.25rem;\n}\n\n.w-full {\n width: 100%;\n}\n\n.w-4 {\n width: 1rem;\n}\n\n.w-0 {\n width: 0;\n}\n\n.w-\\[42px\\] {\n width: 42px;\n}\n\n.w-max {\n width: max-content;\n}\n\n.w-\\[130px\\] {\n width: 130px;\n}\n\n.w-12 {\n width: 3rem;\n}\n\n.w-16 {\n width: 4rem;\n}\n\n.w-\\[24px\\] {\n width: 24px;\n}\n\n.w-\\[50\\%\\] {\n width: 50%;\n}\n\n.w-1\\/3 {\n width: 33.3333%;\n}\n\n.w-\\[16px\\] {\n width: 16px;\n}\n\n.w-\\[36px\\] {\n width: 36px;\n}\n\n.w-\\[45px\\] {\n width: 45px;\n}\n\n.w-\\[72px\\] {\n width: 72px;\n}\n\n.w-8 {\n width: 2rem;\n}\n\n.w-3 {\n width: .75rem;\n}\n\n.w-72 {\n width: 18rem;\n}\n\n.min-w-0 {\n min-width: 0;\n}\n\n.min-w-\\[24px\\] {\n min-width: 24px;\n}\n\n.min-w-full {\n min-width: 100%;\n}\n\n.min-w-\\[144px\\] {\n min-width: 144px;\n}\n\n.min-w-\\[120px\\] {\n min-width: 120px;\n}\n\n.min-w-\\[250px\\] {\n min-width: 250px;\n}\n\n.max-w-\\[1110px\\] {\n max-width: 1110px;\n}\n\n.max-w-\\[500px\\] {\n max-width: 500px;\n}\n\n.max-w-full {\n max-width: 100%;\n}\n\n.max-w-\\[90\\%\\] {\n max-width: 90%;\n}\n\n.max-w-\\[70px\\] {\n max-width: 70px;\n}\n\n.max-w-\\[350px\\] {\n max-width: 350px;\n}\n\n.max-w-\\[400px\\] {\n max-width: 400px;\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.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-\\[-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-\\[-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.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-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-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.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-pointer {\n cursor: pointer;\n}\n\n.cursor-not-allowed {\n cursor: not-allowed;\n}\n\n.cursor-default {\n cursor: default;\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-6 {\n gap: 1.5rem;\n}\n\n.gap-1 {\n gap: .25rem;\n}\n\n.gap-2 {\n gap: .5rem;\n}\n\n.gap-2\\.5 {\n gap: .625rem;\n}\n\n.gap-\\[20px\\] {\n gap: 20px;\n}\n\n.gap-\\[10px\\] {\n gap: 10px;\n}\n\n.gap-\\[5px\\] {\n gap: 5px;\n}\n\n.gap-4 {\n gap: 1rem;\n}\n\n.gap-1\\.5 {\n gap: .375rem;\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-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-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.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.rounded-\\[10px\\] {\n border-radius: 10px;\n}\n\n.rounded-lg {\n border-radius: .5rem;\n}\n\n.rounded-md {\n border-radius: .375rem;\n}\n\n.rounded-full {\n border-radius: 9999px;\n}\n\n.rounded-\\[64px\\] {\n border-radius: 64px;\n}\n\n.\\!rounded-md {\n border-radius: .375rem !important;\n}\n\n.rounded-\\[50\\%\\] {\n border-radius: 50%;\n}\n\n.rounded-\\[8px\\] {\n border-radius: 8px;\n}\n\n.rounded-\\[inherit\\] {\n border-radius: inherit;\n}\n\n.rounded-\\[3px\\] {\n border-radius: 3px;\n}\n\n.rounded-\\[4px\\] {\n border-radius: 4px;\n}\n\n.rounded-\\[6px\\] {\n border-radius: 6px;\n}\n\n.rounded {\n border-radius: .25rem;\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-\\[3px\\] {\n border-width: 3px;\n}\n\n.border-\\[5px\\] {\n border-width: 5px;\n}\n\n.border-0 {\n border-width: 0;\n}\n\n.border-\\[4px\\] {\n border-width: 4px;\n}\n\n.border-\\[2px\\], .border-2 {\n border-width: 2px;\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-gray-200 {\n --tw-border-opacity: 1;\n border-color: rgb(var(--color-gray-200) / 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-white {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / 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-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-red-700 {\n --tw-border-opacity: 1;\n border-color: rgb(var(--color-red-700) / 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-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-gray-1000 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gray-1000) / 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-black\\/\\[\\.6\\] {\n background-color: #0009;\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-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / 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-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-secondaryVLight {\n --tw-bg-opacity: 1;\n background-color: rgb(235 235 235 / 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-gray-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));\n}\n\n.bg-transparent {\n background-color: #0000;\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-black\\/25 {\n background-color: #00000040;\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-red-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-red-300) / 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-plum-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-plum-300) / 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-blue-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-blue-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-violet-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-violet-300) / 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-cyan-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-cyan-300) / 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-grass-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-grass-300) / 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-lime-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-lime-300) / 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-gold-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gold-300) / 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-gray-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gray-300) / 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-red-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-red-100) / var(--tw-bg-opacity));\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-crimson-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-crimson-100) / var(--tw-bg-opacity));\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-cyan-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-cyan-100) / 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-brown-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-brown-100) / 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-gray-900 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gray-900) / 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-amber-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-amber-700) / 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-violet-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-violet-700) / 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-teal-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-teal-700) / 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-orange-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-orange-700) / 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-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gray-600) / 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.object-contain {\n object-fit: contain;\n}\n\n.object-cover {\n object-fit: cover;\n}\n\n.p-6 {\n padding: 1.5rem;\n}\n\n.p-2 {\n padding: .5rem;\n}\n\n.p-4 {\n padding: 1rem;\n}\n\n.p-2\\.5 {\n padding: .625rem;\n}\n\n.p-\\[11px\\] {\n padding: 11px;\n}\n\n.p-3 {\n padding: .75rem;\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.py-2\\.5 {\n padding-top: .625rem;\n padding-bottom: .625rem;\n}\n\n.py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.px-3\\.5 {\n padding-left: .875rem;\n padding-right: .875rem;\n}\n\n.px-3 {\n padding-left: .75rem;\n padding-right: .75rem;\n}\n\n.px-\\[60px\\] {\n padding-left: 60px;\n padding-right: 60px;\n}\n\n.px-2 {\n padding-left: .5rem;\n padding-right: .5rem;\n}\n\n.py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n.px-2\\.5 {\n padding-left: .625rem;\n padding-right: .625rem;\n}\n\n.py-1\\.5 {\n padding-top: .375rem;\n padding-bottom: .375rem;\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.py-0\\.5 {\n padding-top: .125rem;\n padding-bottom: .125rem;\n}\n\n.py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.py-12 {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n\n.pr-3\\.5 {\n padding-right: .875rem;\n}\n\n.pl-2\\.5 {\n padding-left: .625rem;\n}\n\n.pr-3 {\n padding-right: .75rem;\n}\n\n.pl-2 {\n padding-left: .5rem;\n}\n\n.pb-\\[20px\\] {\n padding-bottom: 20px;\n}\n\n.pb-\\[9px\\] {\n padding-bottom: 9px;\n}\n\n.pb-2 {\n padding-bottom: .5rem;\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-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-\\[112px\\] {\n font-size: 112px;\n}\n\n.text-lg {\n letter-spacing: -.02em;\n font-size: 18px;\n line-height: 22px;\n}\n\n.text-xs {\n letter-spacing: -.02em;\n font-size: 12px;\n line-height: 16px;\n}\n\n.text-\\[10px\\] {\n font-size: 10px;\n}\n\n.text-\\[30px\\] {\n font-size: 30px;\n}\n\n.font-medium {\n font-weight: 500;\n}\n\n.font-semibold {\n font-weight: 600;\n}\n\n.font-normal {\n font-weight: 400;\n}\n\n.leading-\\[20px\\] {\n line-height: 20px;\n}\n\n.leading-none {\n line-height: 1;\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-blue-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-blue-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-red-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-red-700) / 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-amber-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-amber-700) / var(--tw-text-opacity));\n}\n\n.text-current {\n color: currentColor;\n}\n\n.text-white\\/80 {\n color: #fffc;\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-primary {\n --tw-text-opacity: 1;\n color: rgb(29 28 32 / var(--tw-text-opacity));\n}\n\n.text-primaryLight {\n --tw-text-opacity: 1;\n color: rgb(86 86 86 / var(--tw-text-opacity));\n}\n\n.text-\\[\\#707070\\] {\n --tw-text-opacity: 1;\n color: rgb(112 112 112 / var(--tw-text-opacity));\n}\n\n.text-black {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / 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-plum-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-plum-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-purple-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-purple-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-indigo-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-indigo-700) / var(--tw-text-opacity));\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-teal-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-teal-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-brown-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-brown-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-yellow-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-yellow-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-bronze-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-bronze-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-orange-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-orange-700) / var(--tw-text-opacity));\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-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-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-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-inset {\n --tw-ring-inset: inset;\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-blue-700 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(var(--color-blue-700) / 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-green-300 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(var(--color-green-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-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-crimson-300 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(var(--color-crimson-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-cyan-300 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(var(--color-cyan-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-brown-300 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(var(--color-brown-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-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-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-all {\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\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-transform {\n transition-property: transform;\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.duration-300 {\n transition-duration: .3s;\n}\n\n.duration-1000 {\n transition-duration: 1s;\n}\n\n.duration-200 {\n transition-duration: .2s;\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-0, .fade-in {\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-300 {\n animation-duration: .3s;\n}\n\n.duration-1000 {\n animation-duration: 1s;\n}\n\n.duration-200 {\n animation-duration: .2s;\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-900::placeholder {\n --tw-text-opacity: 1;\n color: rgb(var(--color-gray-900) / var(--tw-text-opacity));\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.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-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-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-red-800:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-red-800) / 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-blue-700:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-blue-700) / 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-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-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-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-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-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-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-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-500:active {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gray-500) / 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-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-red-900:active {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-red-900) / 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-gray-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gray-100) / 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-\\[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\"], .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-\\[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-\\[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\\]\\: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\\=active\\]\\:font-semibold[data-state=\"active\"] {\n font-weight: 600;\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-\\[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-\\[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-0[data-state=\"closed\"] {\n --tw-exit-opacity: 0;\n}\n\n.data-\\[state\\=open\\]\\:fade-in-0[data-state=\"open\"] {\n --tw-enter-opacity: 0;\n}\n\n.data-\\[state\\=closed\\]\\:fade-out-80[data-state=\"closed\"] {\n --tw-exit-opacity: .8;\n}\n\n.data-\\[state\\=closed\\]\\:fade-out[data-state=\"closed\"] {\n --tw-exit-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-\\[state\\=closed\\]\\:slide-out-to-left-1\\/2[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-left-1\\/2[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-bottom-\\[100\\%\\][data-state=\"open\"] {\n --tw-enter-translate-y: 100%;\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\\=open\\]\\:slide-in-from-left-\\[50\\%\\][data-state=\"open\"] {\n --tw-enter-translate-x: -50%;\n}\n\n.data-\\[state\\=closed\\]\\:slide-out-to-left-\\[50\\%\\][data-state=\"closed\"] {\n --tw-exit-translate-x: -50%;\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\\=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 (min-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 (min-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 .sm\\:rounded-xl {\n border-radius: .75rem;\n }\n\n .sm\\:text-left {\n text-align: left;\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 (min-width: 768px) {\n .md\\:w-screen {\n width: 100vw;\n }\n\n .md\\:w-full {\n width: 100%;\n }\n\n .md\\:max-w-\\[420px\\] {\n max-width: 420px;\n }\n}\n\n.\\[\\&\\>svg\\]\\:h-\\[18px\\] > svg {\n height: 18px;\n}\n\n.\\[\\&\\>svg\\]\\:w-\\[18px\\] > svg {\n width: 18px;\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.\\[\\&\\: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.\\[\\&_\\[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\\]\\:border-b tr {\n border-bottom-width: 1px;\n}\n\n.\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child {\n border-width: 0;\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\\: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.\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=\"checkbox\"]) {\n padding-right: 0;\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";
|
|
16704
|
+
$54541b0286afc2de$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-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 width: 1px;\n height: 1px;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\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.top-2 {\n top: .5rem;\n}\n\n.left-1\\/2 {\n left: 50%;\n}\n\n.top-auto {\n top: auto;\n}\n\n.bottom-4 {\n bottom: 1rem;\n}\n\n.top-1\\/2 {\n top: 50%;\n}\n\n.bottom-2 {\n bottom: .5rem;\n}\n\n.right-2 {\n right: .5rem;\n}\n\n.left-\\[50\\%\\] {\n left: 50%;\n}\n\n.top-\\[50\\%\\] {\n top: 50%;\n}\n\n.bottom-0 {\n bottom: 0;\n}\n\n.right-0 {\n right: 0;\n}\n\n.left-1 {\n left: .25rem;\n}\n\n.right-1 {\n right: .25rem;\n}\n\n.right-6 {\n right: 1.5rem;\n}\n\n.top-6 {\n top: 1.5rem;\n}\n\n.top-8 {\n top: 2rem;\n}\n\n.z-10 {\n z-index: 10;\n}\n\n.z-50 {\n z-index: 50;\n}\n\n.z-\\[150\\] {\n z-index: 150;\n}\n\n.z-\\[100\\] {\n z-index: 100;\n}\n\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\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.my-1 {\n margin-top: .25rem;\n margin-bottom: .25rem;\n}\n\n.mb-4 {\n margin-bottom: 1rem;\n}\n\n.mb-\\[9px\\] {\n margin-bottom: 9px;\n}\n\n.mt-1 {\n margin-top: .25rem;\n}\n\n.mr-2\\.5 {\n margin-right: .625rem;\n}\n\n.mr-2 {\n margin-right: .5rem;\n}\n\n.mt-2 {\n margin-top: .5rem;\n}\n\n.-mr-2 {\n margin-right: -.5rem;\n}\n\n.ml-1 {\n margin-left: .25rem;\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-5 {\n height: 1.25rem;\n}\n\n.h-full {\n height: 100%;\n}\n\n.h-4 {\n height: 1rem;\n}\n\n.h-\\[1px\\] {\n height: 1px;\n}\n\n.h-\\[150px\\] {\n height: 150px;\n}\n\n.h-12 {\n height: 3rem;\n}\n\n.h-16 {\n height: 4rem;\n}\n\n.h-\\[24px\\] {\n height: 24px;\n}\n\n.h-screen {\n height: 100vh;\n}\n\n.h-\\[200px\\] {\n height: 200px;\n}\n\n.h-8 {\n height: 2rem;\n}\n\n.h-\\[100px\\] {\n height: 100px;\n}\n\n.h-\\[384px\\] {\n height: 384px;\n}\n\n.h-1\\/3 {\n height: 33.3333%;\n}\n\n.h-\\[16px\\] {\n height: 16px;\n}\n\n.h-\\[36px\\] {\n height: 36px;\n}\n\n.h-\\[45px\\] {\n height: 45px;\n}\n\n.h-\\[72px\\] {\n height: 72px;\n}\n\n.h-3 {\n height: .75rem;\n}\n\n.h-px {\n height: 1px;\n}\n\n.h-9 {\n height: 2.25rem;\n}\n\n.h-\\[40px\\] {\n height: 40px;\n}\n\n.h-6 {\n height: 1.5rem;\n}\n\n.h-14 {\n height: 3.5rem;\n}\n\n.max-h-full {\n max-height: 100%;\n}\n\n.max-h-screen {\n max-height: 100vh;\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-\\[70px\\] {\n max-height: 70px;\n}\n\n.max-h-\\[300px\\] {\n max-height: 300px;\n}\n\n.max-h-\\[180px\\] {\n max-height: 180px;\n}\n\n.min-h-0 {\n min-height: 0;\n}\n\n.min-h-\\[80px\\] {\n min-height: 80px;\n}\n\n.w-5 {\n width: 1.25rem;\n}\n\n.w-full {\n width: 100%;\n}\n\n.w-4 {\n width: 1rem;\n}\n\n.w-0 {\n width: 0;\n}\n\n.w-\\[42px\\] {\n width: 42px;\n}\n\n.w-max {\n width: max-content;\n}\n\n.w-\\[130px\\] {\n width: 130px;\n}\n\n.w-12 {\n width: 3rem;\n}\n\n.w-16 {\n width: 4rem;\n}\n\n.w-\\[24px\\] {\n width: 24px;\n}\n\n.w-\\[50\\%\\] {\n width: 50%;\n}\n\n.w-\\[334px\\] {\n width: 334px;\n}\n\n.w-8 {\n width: 2rem;\n}\n\n.w-\\[100px\\] {\n width: 100px;\n}\n\n.w-\\[1px\\] {\n width: 1px;\n}\n\n.w-1\\/3 {\n width: 33.3333%;\n}\n\n.w-\\[16px\\] {\n width: 16px;\n}\n\n.w-\\[36px\\] {\n width: 36px;\n}\n\n.w-\\[45px\\] {\n width: 45px;\n}\n\n.w-\\[72px\\] {\n width: 72px;\n}\n\n.w-3 {\n width: .75rem;\n}\n\n.w-72 {\n width: 18rem;\n}\n\n.min-w-0 {\n min-width: 0;\n}\n\n.min-w-\\[24px\\] {\n min-width: 24px;\n}\n\n.min-w-full {\n min-width: 100%;\n}\n\n.min-w-\\[144px\\] {\n min-width: 144px;\n}\n\n.min-w-\\[120px\\] {\n min-width: 120px;\n}\n\n.min-w-\\[250px\\] {\n min-width: 250px;\n}\n\n.max-w-\\[1110px\\] {\n max-width: 1110px;\n}\n\n.max-w-full {\n max-width: 100%;\n}\n\n.max-w-\\[500px\\] {\n max-width: 500px;\n}\n\n.max-w-\\[90\\%\\] {\n max-width: 90%;\n}\n\n.max-w-\\[70px\\] {\n max-width: 70px;\n}\n\n.max-w-\\[350px\\] {\n max-width: 350px;\n}\n\n.max-w-\\[400px\\] {\n max-width: 400px;\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.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-\\[-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-\\[-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.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-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-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.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-pointer {\n cursor: pointer;\n}\n\n.cursor-not-allowed {\n cursor: not-allowed;\n}\n\n.cursor-default {\n cursor: default;\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-2 {\n gap: .5rem;\n}\n\n.gap-6 {\n gap: 1.5rem;\n}\n\n.gap-1 {\n gap: .25rem;\n}\n\n.gap-4 {\n gap: 1rem;\n}\n\n.gap-2\\.5 {\n gap: .625rem;\n}\n\n.gap-\\[20px\\] {\n gap: 20px;\n}\n\n.gap-\\[10px\\] {\n gap: 10px;\n}\n\n.gap-3 {\n gap: .75rem;\n}\n\n.gap-1\\.5 {\n gap: .375rem;\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-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-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.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-\\[10px\\] {\n border-radius: 10px;\n}\n\n.rounded-lg {\n border-radius: .5rem;\n}\n\n.rounded-md {\n border-radius: .375rem;\n}\n\n.rounded-full {\n border-radius: 9999px;\n}\n\n.rounded-\\[64px\\] {\n border-radius: 64px;\n}\n\n.\\!rounded-md {\n border-radius: .375rem !important;\n}\n\n.rounded-\\[50\\%\\] {\n border-radius: 50%;\n}\n\n.rounded-\\[8px\\] {\n border-radius: 8px;\n}\n\n.rounded-\\[inherit\\] {\n border-radius: inherit;\n}\n\n.rounded-xl {\n border-radius: .75rem;\n}\n\n.rounded-2xl {\n border-radius: 1rem;\n}\n\n.rounded-\\[3px\\] {\n border-radius: 3px;\n}\n\n.rounded-\\[4px\\] {\n border-radius: 4px;\n}\n\n.rounded-\\[6px\\] {\n border-radius: 6px;\n}\n\n.rounded {\n border-radius: .25rem;\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-\\[3px\\] {\n border-width: 3px;\n}\n\n.border-\\[5px\\] {\n border-width: 5px;\n}\n\n.border-0 {\n border-width: 0;\n}\n\n.border-\\[4px\\] {\n border-width: 4px;\n}\n\n.border-\\[2px\\], .border-2 {\n border-width: 2px;\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-gray-200 {\n --tw-border-opacity: 1;\n border-color: rgb(var(--color-gray-200) / 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-white {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / 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-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-red-700 {\n --tw-border-opacity: 1;\n border-color: rgb(var(--color-red-700) / 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-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-gray-1000 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gray-1000) / 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-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gray-200) / 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-black\\/\\[\\.6\\] {\n background-color: #0009;\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-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / 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-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-gray-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gray-50) / 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-transparent {\n background-color: #0000;\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-black\\/25 {\n background-color: #00000040;\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-red-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-red-300) / 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-plum-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-plum-300) / 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-blue-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-blue-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-violet-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-violet-300) / 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-cyan-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-cyan-300) / 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-grass-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-grass-300) / 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-lime-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-lime-300) / 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-gold-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gold-300) / 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-gray-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gray-300) / 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-red-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-red-100) / var(--tw-bg-opacity));\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-crimson-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-crimson-100) / var(--tw-bg-opacity));\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-cyan-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-cyan-100) / 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-brown-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-brown-100) / 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-gray-900 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gray-900) / 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-amber-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-amber-700) / 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-violet-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-violet-700) / 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-teal-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-teal-700) / 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-orange-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-orange-700) / 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-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gray-600) / 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-6 {\n padding: 1.5rem;\n}\n\n.p-2 {\n padding: .5rem;\n}\n\n.p-4 {\n padding: 1rem;\n}\n\n.p-2\\.5 {\n padding: .625rem;\n}\n\n.p-\\[11px\\] {\n padding: 11px;\n}\n\n.p-3 {\n padding: .75rem;\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.py-2\\.5 {\n padding-top: .625rem;\n padding-bottom: .625rem;\n}\n\n.py-2 {\n padding-top: .5rem;\n padding-bottom: .5rem;\n}\n\n.px-3\\.5 {\n padding-left: .875rem;\n padding-right: .875rem;\n}\n\n.px-3 {\n padding-left: .75rem;\n padding-right: .75rem;\n}\n\n.px-\\[60px\\] {\n padding-left: 60px;\n padding-right: 60px;\n}\n\n.px-2 {\n padding-left: .5rem;\n padding-right: .5rem;\n}\n\n.py-1 {\n padding-top: .25rem;\n padding-bottom: .25rem;\n}\n\n.px-2\\.5 {\n padding-left: .625rem;\n padding-right: .625rem;\n}\n\n.py-1\\.5 {\n padding-top: .375rem;\n padding-bottom: .375rem;\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.py-3 {\n padding-top: .75rem;\n padding-bottom: .75rem;\n}\n\n.py-0\\.5 {\n padding-top: .125rem;\n padding-bottom: .125rem;\n}\n\n.py-0 {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.py-12 {\n padding-top: 3rem;\n padding-bottom: 3rem;\n}\n\n.pr-3\\.5 {\n padding-right: .875rem;\n}\n\n.pl-2\\.5 {\n padding-left: .625rem;\n}\n\n.pr-3 {\n padding-right: .75rem;\n}\n\n.pl-2 {\n padding-left: .5rem;\n}\n\n.pl-4 {\n padding-left: 1rem;\n}\n\n.pr-2 {\n padding-right: .5rem;\n}\n\n.pb-\\[20px\\] {\n padding-bottom: 20px;\n}\n\n.pb-\\[9px\\] {\n padding-bottom: 9px;\n}\n\n.pb-2 {\n padding-bottom: .5rem;\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-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-\\[112px\\] {\n font-size: 112px;\n}\n\n.text-lg {\n letter-spacing: -.02em;\n font-size: 18px;\n line-height: 22px;\n}\n\n.text-xs {\n letter-spacing: -.02em;\n font-size: 12px;\n line-height: 16px;\n}\n\n.text-\\[10px\\] {\n font-size: 10px;\n}\n\n.text-\\[30px\\] {\n font-size: 30px;\n}\n\n.font-medium {\n font-weight: 500;\n}\n\n.font-semibold {\n font-weight: 600;\n}\n\n.font-normal {\n font-weight: 400;\n}\n\n.leading-\\[20px\\] {\n line-height: 20px;\n}\n\n.leading-none {\n line-height: 1;\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-blue-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-blue-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-red-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-red-700) / 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-amber-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-amber-700) / var(--tw-text-opacity));\n}\n\n.text-current {\n color: currentColor;\n}\n\n.text-white\\/80 {\n color: #fffc;\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-\\[\\#707070\\] {\n --tw-text-opacity: 1;\n color: rgb(112 112 112 / 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-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-plum-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-plum-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-purple-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-purple-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-indigo-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-indigo-700) / var(--tw-text-opacity));\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-teal-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-teal-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-brown-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-brown-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-yellow-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-yellow-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-bronze-700 {\n --tw-text-opacity: 1;\n color: rgb(var(--color-bronze-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.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-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-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-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-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-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-inset {\n --tw-ring-inset: inset;\n}\n\n.ring-white\\/20 {\n --tw-ring-color: #fff3;\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-blue-700 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(var(--color-blue-700) / 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-green-300 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(var(--color-green-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-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-crimson-300 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(var(--color-crimson-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-cyan-300 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(var(--color-cyan-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-brown-300 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(var(--color-brown-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-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-all {\n transition-property: all;\n transition-duration: .15s;\n transition-timing-function: cubic-bezier(.4, 0, .2, 1);\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-transform {\n transition-property: transform;\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.duration-300 {\n transition-duration: .3s;\n}\n\n.duration-1000 {\n transition-duration: 1s;\n}\n\n.duration-200 {\n transition-duration: .2s;\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-0, .fade-in {\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-300 {\n animation-duration: .3s;\n}\n\n.duration-1000 {\n animation-duration: 1s;\n}\n\n.duration-200 {\n animation-duration: .2s;\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-900::placeholder {\n --tw-text-opacity: 1;\n color: rgb(var(--color-gray-900) / var(--tw-text-opacity));\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.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-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-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-red-800:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-red-800) / 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-blue-700:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-blue-700) / 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-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-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-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-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-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-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-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-500:active {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gray-500) / 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-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-red-900:active {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-red-900) / 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-gray-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(var(--color-gray-100) / 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-\\[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\"], .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-\\[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-\\[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\\]\\: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\\=active\\]\\:font-semibold[data-state=\"active\"] {\n font-weight: 600;\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-\\[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-\\[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-0[data-state=\"closed\"] {\n --tw-exit-opacity: 0;\n}\n\n.data-\\[state\\=open\\]\\:fade-in-0[data-state=\"open\"] {\n --tw-enter-opacity: 0;\n}\n\n.data-\\[state\\=closed\\]\\:fade-out-80[data-state=\"closed\"] {\n --tw-exit-opacity: .8;\n}\n\n.data-\\[state\\=closed\\]\\:fade-out[data-state=\"closed\"] {\n --tw-exit-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-\\[state\\=closed\\]\\:slide-out-to-left-1\\/2[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-left-1\\/2[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-bottom-\\[100\\%\\][data-state=\"open\"] {\n --tw-enter-translate-y: 100%;\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\\=open\\]\\:slide-in-from-left-\\[50\\%\\][data-state=\"open\"] {\n --tw-enter-translate-x: -50%;\n}\n\n.data-\\[state\\=closed\\]\\:slide-out-to-left-\\[50\\%\\][data-state=\"closed\"] {\n --tw-exit-translate-x: -50%;\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\\=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 (min-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 (min-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 .sm\\:rounded-xl {\n border-radius: .75rem;\n }\n\n .sm\\:text-left {\n text-align: left;\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 (min-width: 768px) {\n .md\\:w-screen {\n width: 100vw;\n }\n\n .md\\:w-\\[334px\\] {\n width: 334px;\n }\n\n .md\\:w-full {\n width: 100%;\n }\n\n .md\\:max-w-\\[420px\\] {\n max-width: 420px;\n }\n}\n\n.\\[\\&\\>svg\\]\\:h-\\[18px\\] > svg {\n height: 18px;\n}\n\n.\\[\\&\\>svg\\]\\:w-\\[18px\\] > svg {\n width: 18px;\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.\\[\\&\\: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.\\[\\&_\\[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\\]\\:border-b tr {\n border-bottom-width: 1px;\n}\n\n.\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child {\n border-width: 0;\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\\: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.\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=\"checkbox\"]) {\n padding-right: 0;\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";
|
|
16338
16705
|
|
|
16339
16706
|
|
|
16340
16707
|
|
|
@@ -16356,6 +16723,10 @@ const $e68207026aca356b$var$defaultOptions = {
|
|
|
16356
16723
|
{
|
|
16357
16724
|
id: "pip",
|
|
16358
16725
|
displayType: "icon"
|
|
16726
|
+
},
|
|
16727
|
+
{
|
|
16728
|
+
id: "invite",
|
|
16729
|
+
displayType: "full"
|
|
16359
16730
|
}
|
|
16360
16731
|
],
|
|
16361
16732
|
controls: {
|
|
@@ -16389,7 +16760,7 @@ const $e68207026aca356b$export$3f94917203ab7078 = {
|
|
|
16389
16760
|
let styleElement = null;
|
|
16390
16761
|
styleElement = /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$reactjsxruntime.Fragment), {
|
|
16391
16762
|
children: [
|
|
16392
|
-
|
|
16763
|
+
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("style", {
|
|
16393
16764
|
children: (0, (/*@__PURE__*/$parcel$interopDefault($9833f4335ab609cd$exports)))
|
|
16394
16765
|
}),
|
|
16395
16766
|
/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("style", {
|