@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.left-0{left:0}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.right-8{right:2rem}.top-0{top:0}.top-2\.5{top:.625rem}.top-3{top:.75rem}.top-8{top:2rem}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.m-auto{margin:auto}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-auto{margin-bottom:auto;margin-top:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-2{height:.5rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-\[500px\]{height:500px}.h-fit{height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-64{max-height:16rem}.max-h-80{max-height:20rem}.max-h-\[100vh\]{max-height:100vh}.max-h-\[90vh\]{max-height:90vh}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-10{min-height:2.5rem}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.min-h-\[3rem\]{min-height:3rem}.min-h-\[400px\]{min-height:400px}.min-h-\[50vh\]{min-height:50vh}.min-h-screen{min-height:100vh}.w-1\/3{width:33.333333%}.w-12{width:3rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-80{width:20rem}.w-\[150px\]{width:150px}.w-\[30px\]{width:30px}.w-\[50\%\]{width:50%}.w-full{width:100%}.w-max{width:max-content}.min-w-0{min-width:0}.min-w-\[150px\]{min-width:150px}.min-w-\[250px\]{min-width:250px}.min-w-\[350px\]{min-width:350px}.min-w-\[400px\]{min-width:400px}.min-w-\[8rem\]{min-width:8rem}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[100vw\]{max-width:100vw}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-screen-lg{max-width:1024px}.max-w-xs{max-width:20rem}.flex-1{flex:1 1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-rotate-90{--tw-rotate:-90deg}.-rotate-90,.scale-105{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))}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.transform{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))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-8{column-gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-amber-400{--tw-border-opacity:1;border-color:#fbbf24;border-color:rgb(251 191 36/var(--tw-border-opacity,1))}.border-amber-400\/40{border-color:#fbbf2466}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-cyan-200{--tw-border-opacity:1;border-color:#a5f3fc;border-color:rgb(165 243 252/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-gray-700\/50{border-color:#37415180}.border-gray-700\/80{border-color:#374151cc}.border-gray-800{--tw-border-opacity:1;border-color:#1f2937;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:#bbf7d0;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-300{--tw-border-opacity:1;border-color:#86efac;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.border-green-400\/40{border-color:#4ade8066}.border-green-500{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-indigo-200{--tw-border-opacity:1;border-color:#c7d2fe;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.border-indigo-600{--tw-border-opacity:1;border-color:#4f46e5;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.border-orange-200{--tw-border-opacity:1;border-color:#fed7aa;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-orange-300{--tw-border-opacity:1;border-color:#fdba74;border-color:rgb(253 186 116/var(--tw-border-opacity,1))}.border-pink-200{--tw-border-opacity:1;border-color:#fbcfe8;border-color:rgb(251 207 232/var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:#e9d5ff;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:#fca5a5;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-red-400\/40{border-color:#f8717166}.border-red-500{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-slate-500{--tw-border-opacity:1;border-color:#64748b;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-700{--tw-border-opacity:1;border-color:#334155;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-yellow-300{--tw-border-opacity:1;border-color:#fde047;border-color:rgb(253 224 71/var(--tw-border-opacity,1))}.border-yellow-400{--tw-border-opacity:1;border-color:#facc15;border-color:rgb(250 204 21/var(--tw-border-opacity,1))}.border-yellow-500{--tw-border-opacity:1;border-color:#eab308;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.border-yellow-500\/60{border-color:#eab30899}.border-yellow-600{--tw-border-opacity:1;border-color:#ca8a04;border-color:rgb(202 138 4/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.bg-amber-400{--tw-bg-opacity:1;background-color:#fbbf24;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-amber-500\/20{background-color:#f59e0b33}.bg-amber-900\/60{background-color:#78350f99}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-300{--tw-bg-opacity:1;background-color:#93c5fd;background-color:rgb(147 197 253/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-700\/60{background-color:#37415199}.bg-gray-800{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-800\/50{background-color:#1f293780}.bg-gray-800\/60{background-color:#1f293799}.bg-gray-800\/80{background-color:#1f2937cc}.bg-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-gray-900\/40{background-color:#11182766}.bg-gray-900\/50{background-color:#11182780}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-200{--tw-bg-opacity:1;background-color:#bbf7d0;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/20{background-color:#22c55e33}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-green-900\/60{background-color:#14532d99}.bg-indigo-600{--tw-bg-opacity:1;background-color:#4f46e5;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:#ffedd5;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-200{--tw-bg-opacity:1;background-color:#fed7aa;background-color:rgb(254 215 170/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:#fff7ed;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:#f97316;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-200{--tw-bg-opacity:1;background-color:#e9d5ff;background-color:rgb(233 213 255/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-400{--tw-bg-opacity:1;background-color:#f87171;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-900\/60{background-color:#7f1d1d99}.bg-slate-200{--tw-bg-opacity:1;background-color:#e2e8f0;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-300{--tw-bg-opacity:1;background-color:#cbd5e1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.bg-slate-500{--tw-bg-opacity:1;background-color:#64748b;background-color:rgb(100 116 139/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:#0f172a;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/80{background-color:#0f172acc}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:#facc15;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-500\/10{background-color:#eab3081a}.bg-yellow-500\/15{background-color:#eab30826}.bg-yellow-500\/20{background-color:#eab30833}.bg-yellow-600{--tw-bg-opacity:1;background-color:#ca8a04;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.bg-yellow-600\/50{background-color:#ca8a0480}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:#eff6ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-50{--tw-gradient-from:#ecfeff var(--tw-gradient-from-position);--tw-gradient-to:#ecfeff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-900{--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:#11182700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-50{--tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to:#f0fdf400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-50{--tw-gradient-from:#eef2ff var(--tw-gradient-from-position);--tw-gradient-to:#eef2ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-50{--tw-gradient-from:#fff7ed var(--tw-gradient-from-position);--tw-gradient-to:#fff7ed00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-50{--tw-gradient-from:#fdf2f8 var(--tw-gradient-from-position);--tw-gradient-to:#fdf2f800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:#faf5ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)}.to-blue-50{--tw-gradient-to:#eff6ff var(--tw-gradient-to-position)}.to-gray-950{--tw-gradient-to:#030712 var(--tw-gradient-to-position)}.to-green-100{--tw-gradient-to:#dcfce7 var(--tw-gradient-to-position)}.to-green-700{--tw-gradient-to:#15803d var(--tw-gradient-to-position)}.to-indigo-100{--tw-gradient-to:#e0e7ff var(--tw-gradient-to-position)}.to-orange-100{--tw-gradient-to:#ffedd5 var(--tw-gradient-to-position)}.to-pink-100{--tw-gradient-to:#fce7f3 var(--tw-gradient-to-position)}.to-purple-100{--tw-gradient-to:#f3e8ff var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.object-cover{object-fit:cover}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pl-1{padding-left:.25rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.ps-1{padding-inline-start:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-300{--tw-text-opacity:1;color:#fcd34d;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:#d97706;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-cyan-800{--tw-text-opacity:1;color:#155e75;color:rgb(21 94 117/var(--tw-text-opacity,1))}.text-gray-100{--tw-text-opacity:1;color:#f3f4f6;color:rgb(243 244 246/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-300{--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:#4338ca;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-indigo-800{--tw-text-opacity:1;color:#3730a3;color:rgb(55 48 163/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:#f97316;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:#c2410c;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-orange-800{--tw-text-opacity:1;color:#9a3412;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-pink-700{--tw-text-opacity:1;color:#be185d;color:rgb(190 24 93/var(--tw-text-opacity,1))}.text-pink-800{--tw-text-opacity:1;color:#9d174d;color:rgb(157 23 77/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:#a855f7;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:#7e22ce;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-purple-800{--tw-text-opacity:1;color:#6b21a8;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:#f1f5f9;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:#e2e8f0;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:#cbd5e1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:#0f172a;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:#eab308;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-500\/90{color:#eab308e6}.text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:#a16207;color:rgb(161 98 7/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0_0_20px_rgba\(234\2c 179\2c 8\2c 0\.12\)\]{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(234\2c 179\2c 8\2c 0\.12\)\]{--tw-shadow:0 0 20px #eab3081f;--tw-shadow-colored:0 0 20px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-yellow-500\/30{--tw-ring-color:#eab3084d}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.placeholder\:text-slate-500::placeholder{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity,1))}.last\:border-0:last-child{border-width:0}.last\:border-none:last-child{border-style:none}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-2:hover{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))}.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;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))}.hover\:border-amber-300:hover{--tw-border-opacity:1;border-color:#fcd34d;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.hover\:border-gray-600:hover{--tw-border-opacity:1;border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.hover\:bg-amber-300:hover{--tw-bg-opacity:1;background-color:#fcd34d;background-color:rgb(252 211 77/var(--tw-bg-opacity,1))}.hover\:bg-amber-500\/30:hover{background-color:#f59e0b4d}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-400:hover{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-500:hover{--tw-bg-opacity:1;background-color:#6b7280;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-gray-700\/50:hover{background-color:#37415180}.hover\:bg-gray-800\/40:hover{background-color:#1f293766}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-orange-600:hover{--tw-bg-opacity:1;background-color:#ea580c;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.hover\:bg-red-500\/30:hover{background-color:#ef44444d}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-slate-600:hover{--tw-bg-opacity:1;background-color:#475569;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.hover\:bg-yellow-400:hover{--tw-bg-opacity:1;background-color:#facc15;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.hover\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.hover\:bg-yellow-500\/30:hover{background-color:#eab3084d}.hover\:bg-yellow-600:hover{--tw-bg-opacity:1;background-color:#ca8a04;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.hover\:bg-yellow-700:hover{--tw-bg-opacity:1;background-color:#a16207;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.hover\:text-black:hover{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-xl:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:#6366f1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-amber-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(251 191 36/var(--tw-ring-opacity,1))}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-green-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(134 239 172/var(--tw-ring-opacity,1))}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.focus\:ring-red-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(252 165 165/var(--tw-ring-opacity,1))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.focus\:ring-yellow-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(234 179 8/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;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))}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:mb-0{margin-bottom:0}.md\:flex{display:flex}.md\:w-1\/2{width:50%}.md\:w-48{width:12rem}.md\:flex-1{flex:1 1}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-around{justify-content:space-around}.md\:p-6{padding:1.5rem}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}:root{--color-white:#fff;--primary-dark:#171717;--color-primary:#fcd307;--color-dark-gray:#464646;--color-gray:#636363;--color-light-gray:#dfdfdf;--light:#f6f8fc;--medium:#d3d3d3;--danger:red}.bg-dark{background-color:#171717}.layout{height:100vh}.layout .main-content{background-color:#171717;background-color:var(--primary-dark)}.small-input .MuiInputBase-root{font-size:14px;height:36px;padding:4px 8px}.small-input .MuiInputBase-input{padding:4px 8px}.small-input .MuiOutlinedInput-root{border:1px solid #d3d3d3;border-radius:4px}.small-input .MuiOutlinedInput-notchedOutline{border-color:#d3d3d3}.small-input:focus-within .MuiOutlinedInput-notchedOutline{border-color:#171717}.table-container{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.table-container .title{color:#dfdfdf;color:var(--color-light-gray);font-size:24px;font-weight:700;margin-bottom:20px}.table-container .container{background-color:#464646;background-color:var(--color-dark-gray);border-radius:8px;padding:16px 16px 0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#fcd307,#636363);background:linear-gradient(135deg,var(--color-primary),var(--color-gray));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#171717,#464646);background:linear-gradient(135deg,var(--primary-dark),var(--color-dark-gray))}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-track,::-webkit-scrollbar-track:hover{background:#dfdfdf;background:var(--color-light-gray)}.custom-scrollbar{scrollbar-color:#fcd307 #f6f8fc;scrollbar-color:var(--color-primary) var(--light);scrollbar-width:thin}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.border-dev{border:2px solid red}.break-text{overflow-wrap:break-word;white-space:normal;word-break:break-word}.loader-container{align-items:center;background:hsla(0,0%,91%,.212);display:flex;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:9999}.loader-container .loader{height:100px;position:relative;width:100px}.loader-container .loader .loader-border{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top:4px solid var(--color-primary);bottom:0;left:0;position:absolute;right:0;top:0}.loader-container .loader .loader-logo{height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{align-items:center;background-color:var(--primary-dark);background:url(/static/media/login-bg.c0f926396eabc558f5da.svg) no-repeat 50%;background-size:cover;display:flex;height:100vh;justify-content:center;padding:16px;width:100%}.login-container .login-card{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(3px);background:#85858540;border:1px solid #ffffff2e;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;left:50%;max-width:calc(100% - 32px);padding:40px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:400px}.login-container .login-card .logo{margin-bottom:16px}.login-container .login-card h5{color:var(--light);font-weight:700;margin-bottom:20px}.login-container .login-card .alert{color:var(--danger);margin-bottom:15px}.login-container .login-card .form-field{margin-bottom:16px;width:100%}.login-container .login-card .form-field .MuiOutlinedInput-root{background-color:#fff}.login-container .login-card .login-btn{background-color:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px;transition:background-color .3s ease;width:100%}.login-container .login-card .login-btn:disabled{cursor:not-allowed;opacity:.6}.login-container .login-card .login-btn:hover:not(:disabled){background-color:var(--color-primary);opacity:.5}.input-field:-webkit-autofill,.input-field:-webkit-autofill:active,.input-field:-webkit-autofill:focus,.input-field:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.not-found-page button{background-color:#1976d2;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.not-found-page button:hover{background-color:#1565c0}.request .title{color:var(--color-light-gray);font-size:24px;font-weight:700;margin-bottom:20px}.request .container{border-radius:8px;padding:16px}.request .container,.request .container .contect{background-color:var(--color-dark-gray)}.request .card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.request .card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px;transition:transform .2s,box-shadow .2s}.request .card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-4px)}.request .card .card-title{font-size:18px;font-weight:600;margin-bottom:8px}.request .card .card-description{color:#757575;font-size:14px}.request-detatls-table .css-1dc80h3-MuiTableCell-root{padding:8px!important}.table-pagination{border-bottom:none!important}.table-pagination,.table-pagination .MuiInputBase-root,.table-pagination .MuiMenuItem-root,.table-pagination .MuiSelect-select,.table-pagination .MuiTablePagination-displayedRows,.table-pagination .MuiTablePagination-select,.table-pagination .MuiTablePagination-selectLabel,.table-pagination .MuiTablePagination-toolbar{color:#fff!important}.table-pagination .MuiSvgIcon-root,.table-pagination .css-1gpuzre-MuiSvgIcon-root-MuiSelect-icon{color:#f5f5f5!important}.table-pagination .MuiButtonBase-root-MuiIconButton-root,.table-pagination .MuiIconButton-root,.table-pagination .css-cdtzx3-MuiButtonBase-root-MuiIconButton-root{color:hsla(0,0%,96%,.681)!important}.table-pagination .MuiInputBase-input,.table-pagination .MuiSelect-select{color:#fff!important}.table-pagination .css-1gak8h1-MuiToolbar-root-MuiTablePagination-toolbar{color:#f5f5f5!important}.css-7mt0f-MuiTablePagination-root{border-bottom:none!important;color:#fff!important}.MuiTablePagination-root{border-bottom:none!important}.table-pagination .css-1gak8h1-MuiToolbar-root-MuiTablePagination-toolbar,.table-pagination .css-1gpuzre-MuiSvgIcon-root-MuiSelect-icon{color:#f5f5f5!important}.table-pagination .css-cdtzx3-MuiButtonBase-root-MuiIconButton-root{color:hsla(0,0%,96%,.681)!important}.css-7mt0f-MuiTablePagination-root{overflow:hidden!important}.table-component-container{background-color:var(--color-dark-gray);display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:16px}.table-component-container .profile-img{border:2px solid var(--color-primary);border-radius:50%;height:30px;margin:auto;width:30px}.tuition-period-details .tp-card{background:#11182780;border:1px solid #374151;border-radius:12px;padding:16px}.tuition-period-details .tp-card__title{color:#f3f4f6;font-size:.95rem;font-weight:700;margin:0 0 12px}.tuition-period-details .tp-back-btn{align-items:center;background:#eab308;border:none;border-radius:6px;color:#111827;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;margin:0 0 12px;padding:6px 12px;text-align:left}.tuition-period-details .tp-back-btn:hover{background:#facc15}.teacher .documents-list .doc-image{max-height:40vh;max-width:200px}.teacher-details .highest-qualification-img{max-height:200px;max-width:200px}.parent-details .profile-img{max-height:40vh;max-width:200px}.rsw-ce{background:#fff;max-height:368px;overflow-y:auto}.rsw-toolbar{position:sticky;top:0}.page-content{text-align:left}.page-content .content{background:#fff;border-radius:16px;margin-top:40px;padding:16px}.page-content .color-picker-container{left:50%;position:fixed;top:15%}:root{--cometchat-calls-spacing:2px;--cometchat-calls-spacing-1:4px;--cometchat-calls-spacing-2:8px;--cometchat-calls-spacing-3:12px;--cometchat-calls-spacing-4:16px;--cometchat-calls-spacing-5:20px;--cometchat-calls-spacing-6:24px;--cometchat-calls-spacing-7:28px;--cometchat-calls-spacing-8:32px;--cometchat-calls-spacing-9:36px;--cometchat-calls-spacing-10:40px;--cometchat-calls-spacing-11:44px;--cometchat-calls-spacing-12:48px;--cometchat-calls-spacing-13:52px;--cometchat-calls-spacing-14:56px;--cometchat-calls-spacing-15:60px;--cometchat-calls-spacing-16:64px;--cometchat-calls-spacing-17:68px;--cometchat-calls-spacing-18:72px;--cometchat-calls-spacing-19:76px;--cometchat-calls-spacing-20:80px;--cometchat-calls-spacing-max:1000px;--cometchat-calls-padding:var(--cometchat-calls-spacing);--cometchat-calls-padding-1:var(--cometchat-calls-spacing-1);--cometchat-calls-padding-2:var(--cometchat-calls-spacing-2);--cometchat-calls-padding-3:var(--cometchat-calls-spacing-3);--cometchat-calls-padding-4:var(--cometchat-calls-spacing-4);--cometchat-calls-padding-5:var(--cometchat-calls-spacing-5);--cometchat-calls-padding-6:var(--cometchat-calls-spacing-6);--cometchat-calls-padding-7:var(--cometchat-calls-spacing-7);--cometchat-calls-padding-8:var(--cometchat-calls-spacing-8);--cometchat-calls-padding-9:var(--cometchat-calls-spacing-9);--cometchat-calls-padding-10:var(--cometchat-calls-spacing-10);--cometchat-calls-margin:var(--cometchat-calls-spacing);--cometchat-calls-margin-1:var(--cometchat-calls-spacing-1);--cometchat-calls-margin-2:var(--cometchat-calls-spacing-2);--cometchat-calls-margin-3:var(--cometchat-calls-spacing-3);--cometchat-calls-margin-4:var(--cometchat-calls-spacing-4);--cometchat-calls-margin-5:var(--cometchat-calls-spacing-5);--cometchat-calls-margin-6:var(--cometchat-calls-spacing-6);--cometchat-calls-margin-7:var(--cometchat-calls-spacing-7);--cometchat-calls-margin-8:var(--cometchat-calls-spacing-8);--cometchat-calls-margin-9:var(--cometchat-calls-spacing-9);--cometchat-calls-margin-10:var(--cometchat-calls-spacing-10);--cometchat-calls-margin-11:var(--cometchat-calls-spacing-11);--cometchat-calls-margin-12:var(--cometchat-calls-spacing-12);--cometchat-calls-margin-13:var(--cometchat-calls-spacing-13);--cometchat-calls-margin-14:var(--cometchat-calls-spacing-14);--cometchat-calls-margin-15:var(--cometchat-calls-spacing-15);--cometchat-calls-margin-16:var(--cometchat-calls-spacing-16);--cometchat-calls-margin-17:var(--cometchat-calls-spacing-17);--cometchat-calls-margin-18:var(--cometchat-calls-spacing-18);--cometchat-calls-margin-19:var(--cometchat-calls-spacing-19);--cometchat-calls-margin-20:var(--cometchat-calls-spacing-20);--cometchat-calls-radius:var(--cometchat-calls-spacing);--cometchat-calls-radius-1:var(--cometchat-calls-spacing-1);--cometchat-calls-radius-2:var(--cometchat-calls-spacing-2);--cometchat-calls-radius-3:var(--cometchat-calls-spacing-3);--cometchat-calls-radius-4:var(--cometchat-calls-spacing-4);--cometchat-calls-radius-5:var(--cometchat-calls-spacing-5);--cometchat-calls-radius-6:var(--cometchat-calls-spacing-6);--cometchat-calls-radius-max:var(--cometchat-calls-spacing-max);--cometchat-calls-font-family:"Roboto","Inter";--cometchat-calls-font-title-bold:700 32px/38.4px var(--cometchat-calls-font-family);--cometchat-calls-font-title-medium:500 32px/38.4px var(--cometchat-calls-font-family);--cometchat-calls-font-title-regular:400 32px/38.4px var(--cometchat-calls-font-family);--cometchat-calls-font-heading1-bold:700 24px/28.8px var(--cometchat-calls-font-family);--cometchat-calls-font-heading1-medium:500 24px/28.8px var(--cometchat-calls-font-family);--cometchat-calls-font-heading1-regular:400 24px/28.8px var(--cometchat-calls-font-family);--cometchat-calls-font-heading2-bold:700 20px/24px var(--cometchat-calls-font-family);--cometchat-calls-font-heading2-medium:500 20px/24px var(--cometchat-calls-font-family);--cometchat-calls-font-heading2-regular:400 20px/24px var(--cometchat-calls-font-family);--cometchat-calls-font-heading3-bold:700 18px/21.6px var(--cometchat-calls-font-family);--cometchat-calls-font-heading3-medium:500 18px/21.6px var(--cometchat-calls-font-family);--cometchat-calls-font-heading3-regular:400 18px/21.6px var(--cometchat-calls-font-family);--cometchat-calls-font-heading4-bold:700 16px/19.2px var(--cometchat-calls-font-family);--cometchat-calls-font-heading4-medium:500 16px/19.2px var(--cometchat-calls-font-family);--cometchat-calls-font-heading4-regular:400 16px/19.2px var(--cometchat-calls-font-family);--cometchat-calls-font-body-bold:700 14px/16.8px var(--cometchat-calls-font-family);--cometchat-calls-font-body-medium:500 14px/16.8px var(--cometchat-calls-font-family);--cometchat-calls-font-body-regular:400 14px/16.8px var(--cometchat-calls-font-family);--cometchat-calls-font-caption1-bold:700 12px/14.4px var(--cometchat-calls-font-family);--cometchat-calls-font-caption1-medium:500 12px/14.4px var(--cometchat-calls-font-family);--cometchat-calls-font-caption1-regular:400 12px/14.4px var(--cometchat-calls-font-family);--cometchat-calls-font-caption2-bold:700 10px/12px var(--cometchat-calls-font-family);--cometchat-calls-font-caption2-medium:500 10px/12px var(--cometchat-calls-font-family);--cometchat-calls-font-caption2-regular:400 10px/12px var(--cometchat-calls-font-family);--cometchat-calls-font-button-bold:700 14px/16.8px var(--cometchat-calls-font-family);--cometchat-calls-font-button-medium:500 14px/16.8px var(--cometchat-calls-font-family);--cometchat-calls-font-button-regular:400 14px/16.8px var(--cometchat-calls-font-family);--cometchat-calls-font-link:400 14px/19.6px var(--cometchat-calls-font-family);--cometchat-calls-primary-color:#6852d6;--cometchat-calls-extended-primary-color-50:#15102b;--cometchat-calls-extended-primary-color-100:#1d173c;--cometchat-calls-extended-primary-color-200:#251e4d;--cometchat-calls-extended-primary-color-300:#2e245e;--cometchat-calls-extended-primary-color-400:#362b6f;--cometchat-calls-extended-primary-color-500:#3e3180;--cometchat-calls-extended-primary-color-600:#473892;--cometchat-calls-extended-primary-color-700:#4f3ea3;--cometchat-calls-extended-primary-color-800:#5745b4;--cometchat-calls-extended-primary-color-900:#7460d9;--cometchat-calls-neutral-color-50:#141414;--cometchat-calls-neutral-color-100:#1a1a1a;--cometchat-calls-neutral-color-200:#272727;--cometchat-calls-neutral-color-300:#383838;--cometchat-calls-neutral-color-400:#4c4c4c;--cometchat-calls-neutral-color-500:#858585;--cometchat-calls-neutral-color-600:#989898;--cometchat-calls-neutral-color-700:#a8a8a8;--cometchat-calls-neutral-color-800:#c8c8c8;--cometchat-calls-neutral-color-900:#fff;--cometchat-calls-success-background-color:#ceecdf;--cometchat-calls-warning-background-color:#fff5cf;--cometchat-calls-error-background-color:#f4d8d8;--cometchat-calls-permission-error-color:#ff977d;--cometchat-calls-permission-error-background:#391716;--cometchat-calls-info-color:#0d66bf;--cometchat-calls-warning-color:#d08d04;--cometchat-calls-success-color:#0b9f5d;--cometchat-calls-message-seen-color:#56e8a7;--cometchat-calls-error-color:#c73c3e;--cometchat-calls-call-control-active-background:#f4cccc;--cometchat-calls-static-black:#141414;--cometchat-calls-static-white:#fff;--cometchat-calls-background-color-01:var( --cometchat-calls-neutral-color-50 );--cometchat-calls-background-color-02:var( --cometchat-calls-neutral-color-100 );--cometchat-calls-background-color-03:var( --cometchat-calls-neutral-color-200 );--cometchat-calls-background-color-04:var( --cometchat-calls-neutral-color-300 );--cometchat-calls-border-color-light:var( --cometchat-calls-neutral-color-200 );--cometchat-calls-border-color-default:var( --cometchat-calls-neutral-color-300 );--cometchat-calls-border-color-dark:var(--cometchat-calls-neutral-color-400);--cometchat-calls-border-color-highlight:var( --cometchat-calls-primary-color );--cometchat-calls-text-color-primary:var( --cometchat-calls-neutral-color-900 );--cometchat-calls-text-color-secondary:var( --cometchat-calls-neutral-color-600 );--cometchat-calls-text-color-tertiary:var( --cometchat-calls-neutral-color-500 );--cometchat-calls-text-color-disabled:var( --cometchat-calls-neutral-color-400 );--cometchat-calls-text-color-white:var(--cometchat-calls-neutral-color-50);--cometchat-calls-text-color-highlight:var(--cometchat-calls-primary-color);--cometchat-calls-icon-color-primary:var( --cometchat-calls-neutral-color-900 );--cometchat-calls-icon-color-secondary:var( --cometchat-calls-neutral-color-500 );--cometchat-calls-icon-color-tertiary:var( --cometchat-calls-neutral-color-400 );--cometchat-calls-icon-color-white:var(--cometchat-calls-neutral-color-50);--cometchat-calls-icon-color-highlight:var(--cometchat-calls-primary-color);--cometchat-calls-shimmer-background-color:var( --cometchat-calls-background-color-01 );--cometchat-calls-shimmer-gradient-color:linear-gradient(90deg,#383838,#272727);--cometchat-calls-primary-button-background:var( --cometchat-calls-primary-color );--cometchat-calls-primary-button-text:var(--cometchat-calls-static-white);--cometchat-calls-primary-button-icon:var(--cometchat-calls-static-white);--cometchat-calls-secondary-button-background:var( --cometchat-calls-neutral-color-900 );--cometchat-calls-secondary-button-text:var( --cometchat-calls-neutral-color-900 );--cometchat-calls-secondary-button-icon:var( --cometchat-calls-neutral-color-900 );--cometchat-calls-link-button:var(--cometchat-calls-info-color);--cometchat-calls-fab-button-background:var(--cometchat-calls-primary-color);--cometchat-calls-fab-button-icon:var(--cometchat-calls-static-white);--cometchat-calls-white-hover:var(--cometchat-calls-neutral-color-100);--cometchat-calls-white-pressed:var(--cometchat-calls-neutral-color-300);--cometchat-calls-participants-list-width:360px;--cometchat-calls-call-header-height:56px;--cometchat-calls-call-footer-height:88px}.cometchat-calls-call-stage-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:0 16px;padding:0 var(--cometchat-calls-padding-4);position:relative}.cometchat-calls-call-screen-content-wrapper{--transition-duration:.3s;--transition-easing:cubic-bezier(.4,0,.2,1);background-color:#1a1a1a;background-color:var(--cometchat-calls-neutral-color-100);display:flex;height:100%;overflow:hidden;position:relative;width:100%}.cometchat-calls-call-screen-container{height:100%;width:100%}.cometchat-calls-call-screen-main-content{background:#141414;background:var(--cometchat-calls-background-color-01);position:relative;transition:width var(--transition-duration) var(--transition-easing);width:100%;will-change:width}.cometchat-calls-call-screen-content-wrapper:not(.cometchat-calls-call-screen--spotlight-mode) .cometchat-calls-call-stage-wrapper>div{height:100%!important;width:100%!important}.cometchat-calls-call-screen-content-wrapper.cometchat-calls-call-screen--spotlight-mode .cometchat-calls-call-screen-main-content{padding:0!important}.cometchat-calls-call-screen-content-wrapper.cometchat-calls-call-screen--spotlight-mode .cometchat-calls-call-stage-wrapper{background:#141414;background:var(--cometchat-calls-background-color-01);border-radius:8px;border-radius:var(--cometchat-calls-radius-2);overflow:hidden;padding:0 20px;padding:0 var(--cometchat-calls-padding-5);position:relative}.cometchat-calls-call-screen-content-wrapper.cometchat-calls-call-screen--sidebar-mode .cometchat-calls-call-stage-wrapper{overflow:visible;padding:0 20px;padding:0 var(--cometchat-calls-padding-5);z-index:1}.cometchat-calls-call-screen-content-wrapper.cometchat-calls-call-screen--spotlight-mode .cometchat-calls-header-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414;background:var(--cometchat-calls-background-color-01);position:relative;z-index:1001}.cometchat-calls-call-screen-content-wrapper.cometchat-calls-call-screen--spotlight-mode .cometchat-calls-control-pane{background:#141414;background:var(--cometchat-calls-background-color-01);position:relative;z-index:100}.cometchat-calls-call-screen-sidebar-panel{background:#141414;background:var(--cometchat-calls-background-color-01);border-left:1px solid #272727;border-left:1px solid var(--cometchat-calls-border-color-light);display:flex;flex-direction:column;flex-shrink:0;height:100%;position:relative;width:300px;z-index:50}@media (max-width:768px){.cometchat-calls-call-screen-sidebar-panel{border:none;bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .3s ease;width:100vw;z-index:1000}.cometchat-calls-call-screen-content-wrapper.cometchat-calls-call-screen--sidebar-mode .cometchat-calls-call-screen-sidebar-panel{transform:translate(0)}.cometchat-calls-call-screen-content-wrapper.cometchat-calls-call-screen--sidebar-mode .cometchat-calls-call-screen-main-content{display:none}}@media (max-width:679px){.cometchat-calls-tile-grid-container .cometchat-calls-tile-label{height:20px;min-height:20px}.cometchat-calls-tile-grid-container .cometchat-calls-tile-label-name{font:400 12px/14.4px Roboto,Inter;font:var(--cometchat-calls-font-caption1-regular)}.cometchat-calls-tile-grid-container .cometchat-calls-tile-label svg{height:12px;width:12px}}.cometchat-calls-avatar-wrapper{align-items:center;background:#3e3180;background:var(--cometchat-calls-extended-primary-color-500);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);container-type:inline-size;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.cometchat-calls-avatar-image{height:100%;object-fit:cover;width:100%}.cometchat-calls-avatar-fallback{align-items:center;background:#3e3180;background:var(--cometchat-calls-extended-primary-color-500);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);color:#fff;color:var(--cometchat-calls-static-white);display:flex;font-family:Roboto,sans-serif;font-size:min(30cqi,48px);font-weight:700;height:100%;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.cometchat-calls-frame-rate-indicator{background:#0000004d;border-radius:3px;color:#ffffff80;font-family:monospace;font-size:9px;left:4px;line-height:1.2;padding:1px 4px;pointer-events:none;position:absolute;top:4px}.cometchat-calls-more-option-container{display:inline-block;position:relative}.cometchat-calls-more-option-button{align-items:center;background:#272727;background:var(--cometchat-calls-background-color-03);border:none;border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);cursor:pointer;display:flex;height:32px;justify-content:center;margin:0;padding:0;transition:all .2s ease;width:32px}.cometchat-calls-more-option-button:hover{transform:scale(1.1)}.cometchat-calls-more-option-button--active,.cometchat-calls-more-option-button:hover{background:#383838;background:var(--cometchat-calls-background-color-04)}.cometchat-calls-more-option-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.cometchat-calls-more-option-menu{animation:cometchat-calls-menu-fade-in-below .2s ease-out;background:#141414;background:var(--cometchat-calls-background-color-01);border:1px solid #272727;border:1px solid var(--cometchat-calls-border-color-light);border-radius:12px;border-radius:var(--cometchat-calls-radius-3);box-shadow:0 8px 24px #0006;box-sizing:border-box;cursor:pointer;min-height:40px;min-width:152px;opacity:1;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);visibility:visible;width:152px;z-index:10000}.cometchat-calls-more-option-menu--above{animation:cometchat-calls-menu-fade-in-above .2s ease-out;bottom:calc(100% + 8px);top:auto}@keyframes cometchat-calls-menu-fade-in-below{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cometchat-calls-menu-fade-in-above{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cometchat-calls-more-option-menu__item{align-items:center;background:#0000;border:none;box-sizing:border-box;cursor:pointer;display:flex;gap:8px;gap:var(--cometchat-calls-spacing-2);height:48px;min-height:28px;padding:8px 16px;padding:var(--cometchat-calls-padding-2) var(--cometchat-calls-padding-4);text-align:left;transition:background-color .2s ease;width:100%}.cometchat-calls-more-option-menu__item:hover{background:#ffffff1a}.cometchat-calls-more-option-menu__item--selected{cursor:not-allowed;opacity:.6}.cometchat-calls-more-option-menu__item--selected:hover{background:#0000}.cometchat-calls-more-option-menu__item-text{color:#fff;color:var(--cometchat-calls-text-color-primary);flex:1 1;font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular)}.cometchat-calls-more-option-button .cometchat-calls-icon{color:#858585;color:var(--cometchat-calls-icon-color-secondary)}.cometchat-calls-more-option-button--active .cometchat-calls-icon,.cometchat-calls-tile-container .cometchat-calls-more-option-button .cometchat-calls-icon{color:#fff;color:var(--cometchat-calls-primary-button-icon)}.cometchat-calls-more-option-menu__item .cometchat-calls-icon{color:#858585;color:var(--cometchat-calls-icon-color-secondary)}.cometchat-calls-wave-container{--wave-scale:100%;align-items:center;display:flex;gap:3px;height:16px;justify-content:center}.cometchat-calls-wave-rect{background-color:#09c26f;border-radius:1px;height:4px;transition:transform .2s ease-out;width:3px}.cometchat-calls-tile-label{align-items:center;background:#141414;background:var(--cometchat-calls-background-color-01);border-radius:4px;border-radius:var(--cometchat-calls-radius-1);bottom:8px;bottom:var(--cometchat-calls-spacing-2);box-sizing:border-box;display:flex;flex-direction:row;gap:4px;gap:var(--cometchat-calls-spacing-1);justify-content:flex-start;left:8px;left:var(--cometchat-calls-spacing-2);max-width:calc(100% - 16px);max-width:calc(100% - var(--cometchat-calls-spacing-4));min-height:24px;min-width:75px;padding:4px 8px;padding:var(--cometchat-calls-padding-1) var(--cometchat-calls-padding-2);position:absolute;z-index:100}.cometchat-calls-tile-label--raised-hand{align-items:center;background:#fff;background:var(--cometchat-calls-static-white);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);box-shadow:0 4px 10px #0003;gap:8px;gap:var(--cometchat-calls-spacing-2)}.cometchat-calls-tile-label-name{color:#fff;color:var(--cometchat-calls-static-white);font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cometchat-calls-tile-label-name--raised-hand{color:#141414;color:var(--cometchat-calls-static-black)}@keyframes cometchat-calls-shake-hand{0%,to{transform:rotate(0)}10%{transform:rotate(-10deg)}20%{transform:rotate(10deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}50%{transform:rotate(-6deg)}60%{transform:rotate(6deg)}70%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}90%{transform:rotate(-2deg)}}.cometchat-calls-tile-label--raised-hand svg{animation:cometchat-calls-shake-hand 1s ease-in-out;transform-origin:bottom center}.cometchat-calls-tile-label .cometchat-calls-icon{color:#858585;color:var(--cometchat-calls-icon-color-secondary)}.cometchat-calls-tile-label--raised-hand .cometchat-calls-icon{color:#141414;color:var(--cometchat-calls-static-black)}.cometchat-calls-video{bottom:0;height:100%;left:0;object-fit:cover;position:absolute;right:0;top:0;width:100%}.cometchat-calls-video--fade-in{animation:cometchat-calls-video-fade-in .3s ease forwards;opacity:0}@keyframes cometchat-calls-video-fade-in{0%{opacity:0}to{opacity:1}}.cometchat-calls-video--fade-out{animation:cometchat-calls-videoTrackFadeOut .3s ease forwards;opacity:1}@keyframes cometchat-calls-videoTrackFadeOut{0%{opacity:1}to{opacity:0}}.cometchat-calls-video--mirrored{transform:scaleX(-1)}.cometchat-calls-tile-container{align-items:center;background-color:#272727;background-color:var(--cometchat-calls-neutral-color-200);border-radius:8px;container-type:size;display:flex;height:100%;justify-content:center;position:relative;transition:border .3s ease,box-shadow .3s ease;width:100%}.cometchat-calls-tile-content{align-items:center;border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0}@container (aspect-ratio > 16/9){.cometchat-calls-tile-content{border-radius:0;height:100%;inset:0 auto;width:calc(100cqh*16/9)}}@container (aspect-ratio < 9/16){.cometchat-calls-tile-content{border-radius:0;height:calc(100cqw*16/9);inset:auto 0;width:100%}}.cometchat-calls-tile-container--speaking{border:3px solid #6852d6;border:3px solid var(--cometchat-calls-primary-color);box-shadow:0 0 12px #6852d666}.cometchat-calls-tile-container .cometchat-calls-more-option-container{background:#272727;background:var(--cometchat-calls-background-color-03);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);opacity:0;position:absolute;right:6px;top:6px;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:1000}.cometchat-calls-tile-container:hover .cometchat-calls-more-option-container{opacity:1;visibility:visible}.cometchat-calls-tile-avatar-container{align-items:center;aspect-ratio:1;display:flex;flex-shrink:0;justify-content:center;max-height:150px;max-width:150px;min-height:40px;min-width:40px;width:30%}.cometchat-calls-tile-container .cometchat-calls-more-option-overlay{position:static;z-index:1}.cometchat-calls-tile-video--contain{object-fit:contain}.cometchat-calls-sidebar-layout-container{display:flex;flex-direction:column;height:100%;width:100%}.cometchat-calls-sidebar-layout-container--landscape{flex-direction:row}.cometchat-calls-sidebar-layout-container--has-sidebar{gap:8px}.cometchat-calls-sidebar-layout-main-tile{flex:1 1;min-height:0;min-width:0}.cometchat-calls-sidebar-layout-sidebar{align-items:center;display:flex;flex-direction:row;overflow:visible;position:relative}.cometchat-calls-sidebar-layout-container--landscape .cometchat-calls-sidebar-layout-sidebar{flex-direction:column}.cometchat-calls-sidebar-layout-grid{grid-gap:8px;display:grid;flex:1 1;gap:8px}.cometchat-calls-pagination-btn{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#1414144d;border:1px solid #ffffff1a;border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);box-shadow:0 2px 10px #00000040;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease;width:32px;z-index:200}.cometchat-calls-pagination-btn:hover{background:#14141480;border-color:#ffffff2e;box-shadow:0 4px 14px #00000059;transform:scale(1.08)}.cometchat-calls-pagination-btn:active{background:#14141499;box-shadow:0 1px 4px #0000004d;transform:scale(.96)}.cometchat-calls-pagination-btn--down,.cometchat-calls-pagination-btn--up{left:50%;transform:translate(-50%)}.cometchat-calls-pagination-btn--up{top:0}.cometchat-calls-pagination-btn--down{bottom:0}.cometchat-calls-pagination-btn--down:hover,.cometchat-calls-pagination-btn--up:hover{transform:translate(-50%) scale(1.08)}.cometchat-calls-pagination-btn--down:active,.cometchat-calls-pagination-btn--up:active{transform:translate(-50%) scale(.96)}.cometchat-calls-pagination-btn--left,.cometchat-calls-pagination-btn--right{top:50%;transform:translateY(-50%)}.cometchat-calls-pagination-btn--left{left:0}.cometchat-calls-pagination-btn--right{right:0}.cometchat-calls-pagination-btn--left:hover,.cometchat-calls-pagination-btn--right:hover{transform:translateY(-50%) scale(1.08)}.cometchat-calls-pagination-btn--left:active,.cometchat-calls-pagination-btn--right:active{transform:translateY(-50%) scale(.96)}.cometchat-calls-pagination-dots{align-items:center;background:none;border:none;bottom:-15px;box-shadow:none;display:flex;gap:4px;gap:var(--cometchat-calls-spacing-1);left:50%;padding:4px 8px;padding:var(--cometchat-calls-spacing-1) var(--cometchat-calls-spacing-2);position:absolute;transform:translate(-50%);z-index:200}.cometchat-calls-pagination-dots--landscape{bottom:auto;flex-direction:column;left:auto;padding:8px 4px;padding:var(--cometchat-calls-spacing-2) var(--cometchat-calls-spacing-1);right:-16px;top:50%;transform:translateY(-50%)}.cometchat-calls-pagination-dot{background:#fff;border:none;border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);height:5px;opacity:.35;padding:0;transition:opacity .25s ease,transform .25s ease;width:5px}.cometchat-calls-pagination-dot--active{opacity:.8;transform:scale(1.25)}.cometchat-calls-pagination-btn .cometchat-calls-icon{color:#fff;color:var(--cometchat-calls-icon-color-primary)}.cometchat-calls-loading-spinner{animation:cometchat-calls-spin 1s linear infinite}.cometchat-calls-processing-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:absolute;right:0;top:0}.cometchat-calls-processing-message{color:#fff;color:var(--cometchat-calls-icon-color-primary);font:400 16px/19.2px Roboto,Inter;font:var(--cometchat-calls-font-heading4-regular);margin-left:16px;margin-right:16px;text-align:center}.cometchat-calls-processing-message.cometchat-calls-description{color:#989898;color:var(--cometchat-calls-text-color-secondary);font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular)}.cometchat-calls-draggable-tile{-webkit-touch-callout:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #383838;border:2px solid var(--cometchat-calls-border-color-default);border-radius:8px;border-radius:var(--cometchat-calls-radius-2);box-shadow:0 8px 32px #0000004d;box-sizing:border-box;overflow:hidden;touch-action:none;transition:none;user-select:none;-webkit-user-select:none}body.cometchat-calls-dragging{overflow:hidden;position:fixed;touch-action:none;width:100%}.cometchat-calls-draggable-tile.cometchat-calls-draggable-tile--dragging{box-shadow:0 16px 48px #0006;transform:scale(1.02)}.cometchat-calls-draggable-tile-content{height:100%;overflow:hidden;pointer-events:none;width:100%}.cometchat-calls-draggable-tile-resize-handle{border-radius:50%;height:16px;opacity:0;position:absolute;transition:opacity .2s ease;width:16px;z-index:10}.cometchat-calls-draggable-tile:hover .cometchat-calls-draggable-tile-resize-handle{opacity:1}.cometchat-calls-draggable-tile-resize-handle--bottom-right{bottom:-6px;cursor:nw-resize;right:-6px}.cometchat-calls-draggable-tile-resize-handle--bottom-left{bottom:-6px;cursor:ne-resize;left:-6px}.cometchat-calls-draggable-tile-resize-handle--top-right{cursor:sw-resize;right:-6px;top:-6px}.cometchat-calls-draggable-tile-resize-handle--top-left{cursor:se-resize;left:-6px;top:-6px}@media (max-width:768px){.cometchat-calls-draggable-tile-resize-handle{height:20px;width:20px}.cometchat-calls-draggable-tile-resize-handle--bottom-right{bottom:-8px;right:-8px}.cometchat-calls-draggable-tile-resize-handle--bottom-left{bottom:-8px;left:-8px}.cometchat-calls-draggable-tile-resize-handle--top-right{right:-8px;top:-8px}.cometchat-calls-draggable-tile-resize-handle--top-left{left:-8px;top:-8px}}.cometchat-calls-spotlight-container .cometchat-calls-draggable-tile .cometchat-calls-tile-label{height:16px;min-width:75px;width:16px}.cometchat-calls-draggable-tile.cometchat-calls-draggable-tile--dragging *{pointer-events:none;-webkit-user-select:none;user-select:none}.cometchat-calls-draggable-tile.cometchat-calls-draggable-tile--animating{transition-duration:.3s;transition-property:left,top;transition-timing-function:cubic-bezier(.4,0,.2,1)}.cometchat-calls-draggable-tile:hover .cometchat-calls-draggable-tile-resize-handle:after{opacity:1}.cometchat-calls-spotlight-container{background:#1a1a1a;background:var(--cometchat-calls-neutral-color-100);border-radius:inherit;overflow:hidden}.cometchat-calls-spotlight-container,.cometchat-calls-spotlight-main-view{height:100%;position:relative;width:100%}.cometchat-calls-spotlight-main-view .cometchat-calls-call-screen{border-radius:0;height:100%;width:100%}.cometchat-calls-draggable-tile .cometchat-calls-tile-avatar-container{align-items:center;display:flex;height:60px;justify-content:center;width:60px}.cometchat-calls-draggable-tile .cometchat-calls-tile-avatar-container .cometchat-calls-avatar-fallback{color:#fff;color:var(--cometchat-calls-static-white);font:700 24px/28.8px Roboto,Inter;font:var(--cometchat-calls-font-heading1-bold)}.cometchat-calls-spotlight-main-view .cometchat-calls-video{height:100%;width:100%}.cometchat-calls-spotlight-container .cometchat-calls-draggable-tile{max-height:calc(100% - 40px);max-width:calc(100% - 40px);position:absolute;z-index:1000}.cometchat-calls-draggable-tile .cometchat-calls-tile-label{box-sizing:border-box;min-width:60px}.cometchat-calls-draggable-tile .cometchat-calls-tile-label-name{font:400 12px/14.4px Roboto,Inter;font:var(--cometchat-calls-font-caption1-regular)}.cometchat-calls-draggable-tile .cometchat-calls-tile-label svg{height:12px;width:12px}@media (max-width:679px){.cometchat-calls-spotlight-container .cometchat-calls-tile-label{height:10px;min-height:10px;min-width:60px}.cometchat-calls-spotlight-container .cometchat-calls-tile-label-name{font:400 10px/12px Roboto,Inter;font:var(--cometchat-calls-font-caption2-regular)}.cometchat-calls-spotlight-container .cometchat-calls-tile-label svg{height:12px;width:12px}}.cometchat-calls-closed-captions__wrapper{box-sizing:border-box;flex:none;margin:0 auto;position:relative;width:calc(100% - 32px)}.cometchat-calls-closed-captions__container{box-sizing:border-box;flex:none;margin:0 auto;max-width:min(max(min(1200px,80%),800px),100%);position:relative;width:100%}.cometchat-calls-closed-captions{align-items:flex-start;background:#141414;background:var(--cometchat-calls-neutral-color-50);box-sizing:border-box;display:flex;flex:none;flex-direction:column;gap:12px;gap:var(--cometchat-calls-spacing-3);height:160px;justify-content:flex-start;margin:0 auto;overflow-y:auto;padding:8px 16px;padding:var(--cometchat-calls-spacing-2) var(--cometchat-calls-spacing-4);pointer-events:auto;scroll-behavior:smooth;scrollbar-color:#383838 #0000;scrollbar-width:thin;width:100%}.cometchat-calls-closed-captions__settings-button{align-items:center;background:#383838;background:var(--cometchat-calls-neutral-color-300);border:none;border-radius:8px;color:#fff;color:var(--cometchat-calls-icon-color-primary,#fff);cursor:pointer;display:flex;flex-direction:row;height:32px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .15s ease-out,visibility 0s linear .15s;visibility:hidden;width:32px;z-index:5}.cometchat-calls-closed-captions__settings-button:focus-visible,.cometchat-calls-closed-captions__wrapper:hover .cometchat-calls-closed-captions__settings-button{opacity:1;transition:opacity .15s ease-out,visibility 0s linear 0s;visibility:visible}.cometchat-calls-closed-captions__settings-button:hover{background:#4c4c4c;background:var(--cometchat-calls-neutral-color-400)}.cometchat-calls-closed-captions__scroll-button{align-items:center;background:#6852d6;background:var(--cometchat-calls-primary-button-background);border:none;border-radius:8px;bottom:4px;color:#fff;color:var(--cometchat-calls-static-white,#fff);cursor:pointer;display:flex;flex-direction:row;height:32px;justify-content:center;position:absolute;right:0;width:32px;z-index:4}.cometchat-calls-closed-captions::-webkit-scrollbar{width:4px}.cometchat-calls-closed-captions::-webkit-scrollbar-track{background:#0000}.cometchat-calls-closed-captions::-webkit-scrollbar-thumb{background:#383838;border-radius:1000px;border-radius:var(--cometchat-calls-radius-max)}.cometchat-calls-closed-captions__empty{align-items:center;display:flex;flex:1 1;justify-content:center;width:100%}.cometchat-calls-closed-captions__empty-text{color:#989898;color:var(--cometchat-calls-neutral-color-600);font:400 16px/19.2px Roboto,Inter;font:var(--cometchat-calls-font-heading4-regular);text-align:center}.cometchat-calls-closed-captions__row{align-items:flex-start;animation:cometchat-calls-caption-in .2s ease-out;display:flex;flex:none;flex-direction:row;gap:12px;gap:var(--cometchat-calls-spacing-3);width:100%}@keyframes cometchat-calls-caption-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.cometchat-calls-closed-captions{scroll-behavior:auto}.cometchat-calls-closed-captions__row{animation:none}}.cometchat-calls-closed-captions__content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-height:38px;min-width:0}.cometchat-calls-closed-captions__name{color:#989898;color:var(--cometchat-calls-neutral-color-600);font:400 12px/14.4px Roboto,Inter;font:var(--cometchat-calls-font-caption1-regular);height:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cometchat-calls-closed-captions__text{color:#fff;color:var(--cometchat-calls-neutral-color-900);font:400 16px/19.2px Roboto,Inter;font:var(--cometchat-calls-font-heading4-regular);overflow:hidden;width:100%}.cometchat-calls-confirmation-dialog-backdrop{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.cometchat-calls-confirmation-dialog{background:#141414;background:var(--cometchat-calls-background-color-01);border:1px solid #383838;border:1px solid var(--cometchat-calls-border-color-default);border-radius:20px;border-radius:var(--cometchat-calls-radius-5);box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;box-sizing:border-box;max-width:372px;padding:32px 20px 20px;padding:var(--cometchat-calls-padding-8) var(--cometchat-calls-padding-5) var(--cometchat-calls-padding-5) var(--cometchat-calls-padding-5);width:90%}.cometchat-calls-confirmation-dialog-content{align-items:center;display:flex;flex-direction:column;gap:20px;gap:var(--cometchat-calls-spacing-5)}.cometchat-calls-confirmation-dialog-text{align-items:flex-start;display:flex;flex-direction:column;gap:8px;gap:var(--cometchat-calls-spacing-2);width:100%}.cometchat-calls-confirmation-dialog-title{color:#fff;color:var(--cometchat-calls-text-color-primary);font:500 20px/24px Roboto,Inter;font:var(--cometchat-calls-font-heading2-medium);margin:0;text-align:center;width:100%}.cometchat-calls-confirmation-dialog-description{color:#989898;color:var(--cometchat-calls-text-color-secondary);font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular);line-height:1.2;margin:0;text-align:center;width:100%}.cometchat-calls-confirmation-dialog-input{background:#141414;background:var(--cometchat-calls-background-color-01);border:1px solid #383838;border:1px solid var(--cometchat-calls-border-color-default);border-radius:8px;border-radius:var(--cometchat-calls-radius-2);box-sizing:border-box;color:#fff;color:var(--cometchat-calls-text-color-primary);font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular);height:40px;outline:none;padding:0 12px;padding:0 var(--cometchat-calls-padding-3);width:100%}.cometchat-calls-confirmation-dialog-input:focus{border-color:#3e3180;border-color:var(--cometchat-calls-extended-primary-color-500)}.cometchat-calls-confirmation-dialog-button-primary:disabled{cursor:not-allowed;opacity:.5}.cometchat-calls-confirmation-dialog-buttons{align-items:center;display:flex;gap:12px;gap:var(--cometchat-calls-spacing-3);width:100%}.cometchat-calls-confirmation-dialog-button{align-items:center;border:none;border-radius:8px;border-radius:var(--cometchat-calls-radius-2);cursor:pointer;display:flex;flex:1 1;font:500 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-button-medium);height:40px;justify-content:center;padding:8px 20px;padding:var(--cometchat-calls-padding-2) var(--cometchat-calls-padding-5);transition:all .2s ease}.cometchat-calls-confirmation-dialog-button-secondary{background:#0000;border:1px solid #4c4c4c;border:1px solid var(--cometchat-calls-border-color-dark);color:#fff;color:var(--cometchat-calls-text-color-primary)}.cometchat-calls-confirmation-dialog-button-secondary:hover{background:#1a1a1a;background:var(--cometchat-calls-white-hover)}.cometchat-calls-confirmation-dialog-button-secondary:active{background:#383838;background:var(--cometchat-calls-white-pressed)}.cometchat-calls-confirmation-dialog-button-primary{background:#6852d6;background:var(--cometchat-calls-primary-button-background);color:#fff;color:var(--cometchat-calls-primary-button-text)}.cometchat-calls-confirmation-dialog-button-primary:hover{background:#4f3ea3;background:var(--cometchat-calls-extended-primary-color-700)}.cometchat-calls-confirmation-dialog-button-primary:active{background:#5745b4;background:var(--cometchat-calls-extended-primary-color-800)}@media (max-width:480px){.cometchat-calls-confirmation-dialog{max-width:340px;padding:24px 16px 16px;padding:var(--cometchat-calls-padding-6) var(--cometchat-calls-padding-4) var(--cometchat-calls-padding-4) var(--cometchat-calls-padding-4)}.cometchat-calls-confirmation-dialog-buttons{flex-direction:column;gap:8px;gap:var(--cometchat-calls-spacing-2)}.cometchat-calls-confirmation-dialog-button{width:100%}}.cometchat-calls-more-menu-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1049}.cometchat-calls-more-menu-container{background:#141414;background:var(--cometchat-calls-background-color-01);border:1px solid #272727;border:1px solid var(--cometchat-calls-border-color-light);border-radius:8px;border-radius:var(--cometchat-calls-radius-2);bottom:auto;box-shadow:0 4px 12px #00000026,0 2px 8px #0000001a;box-shadow:0 var(--cometchat-calls-spacing-1) var(--cometchat-calls-spacing-3) #00000026,0 var(--cometchat-calls-spacing) var(--cometchat-calls-spacing-2) #0000001a;left:auto;max-height:calc(100vh - 16px);max-height:calc(100vh - var(--cometchat-calls-spacing-4));max-width:280px;min-width:200px;overflow:hidden;padding:4px 0;padding:var(--cometchat-calls-padding-1) 0;position:fixed;right:auto;top:auto;width:fit-content;z-index:1050}.cometchat-calls-more-menu-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:12px;gap:var(--cometchat-calls-spacing-3);opacity:1;padding:12px 16px;padding:var(--cometchat-calls-padding-3) var(--cometchat-calls-padding-4);text-align:left;transition:background-color .15s ease;-webkit-user-select:none;user-select:none;width:100%}.cometchat-calls-more-menu-item-label{color:#fff;color:var(--cometchat-calls-text-color-primary);font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular);white-space:nowrap}.cometchat-calls-more-menu-item.cometchat-calls-more-menu-item--selected{background:#1a1a1a;background:var(--cometchat-calls-background-color-02)}.cometchat-calls-more-menu-item.cometchat-calls-more-menu-item--disabled{cursor:not-allowed;opacity:.5}.cometchat-calls-more-menu-item:not(.cometchat-calls-more-menu-item--disabled):hover{background:#1a1a1a;background:var(--cometchat-calls-background-color-02)}.cometchat-calls-more-menu-item:not(.cometchat-calls-more-menu-item--disabled):active{background:#272727;background:var(--cometchat-calls-background-color-03)}@media (max-width:768px){.cometchat-calls-more-menu-container{max-width:calc(100vw - 16px);max-width:calc(100vw - var(--cometchat-calls-spacing-4));overflow:hidden}}.cometchat-calls-more-menu-item .cometchat-calls-icon{color:#989898;color:var(--cometchat-calls-text-color-secondary)}.cometchat-calls-settings-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cometchat-calls-settings-error-notification{align-items:flex-start;background:#391716;background:var(--cometchat-calls-permission-error-background);border-radius:8px;border-radius:var(--cometchat-calls-radius-2);color:#ff977d;color:var(--cometchat-calls-permission-error-color);display:flex;gap:12px;gap:var(--cometchat-calls-spacing-3);margin-bottom:24px;margin-bottom:var(--cometchat-calls-spacing-6);padding:16px;padding:var(--cometchat-calls-padding-4)}.cometchat-calls-settings-error-notification__icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;width:20px}.cometchat-calls-settings-error-notification__content{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--cometchat-calls-spacing-1)}.cometchat-calls-settings-error-notification__title{color:#ff977d;color:var(--cometchat-calls-permission-error-color);font:500 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-medium);line-height:1.4;margin:0}.cometchat-calls-settings-error-notification__message{color:#ff977d;color:var(--cometchat-calls-permission-error-color);font:400 12px/14.4px Roboto,Inter;font:var(--cometchat-calls-font-caption1-regular);line-height:1.4;margin:0;opacity:.9}.cometchat-calls-settings-modal{border-radius:12px;border-radius:var(--cometchat-calls-radius-3);box-shadow:0 20px 40px #00000080;box-shadow:0 var(--cometchat-calls-spacing-5) var(--cometchat-calls-spacing-10) #00000080;flex-direction:row;flex-grow:1;flex-shrink:1;max-height:50vh;max-width:700px;min-height:600px;min-width:680px;overflow:hidden}.cometchat-calls-settings-header,.cometchat-calls-settings-modal{background:#141414;background:var(--cometchat-calls-background-color-01);display:flex}.cometchat-calls-settings-header{align-items:center;justify-content:flex-end;padding:20px;padding:var(--cometchat-calls-padding-5)}.cometchat-calls-settings-tab{align-items:center;background:none;border:none;cursor:pointer;display:flex;transition:all .2s ease}.cometchat-calls-settings-body{display:flex;flex:1 1;overflow:hidden}.cometchat-calls-settings-sidebar-wrapper{border-right:1px solid #272727;border-right:1px solid var(--cometchat-calls-border-color-light);flex-grow:1;flex-shrink:1;max-width:30%;min-width:220px;overflow:hidden}.cometchat-calls-settings-sidebar__header{align-items:center;color:#fff;color:var(--cometchat-calls-text-color-primary);display:flex;font:500 20px/24px Roboto,Inter;font:var(--cometchat-calls-font-heading2-medium);justify-content:flex-start;margin:0;min-height:24px;padding:20px;padding:var(--cometchat-calls-padding-5);width:fit-content}.cometchat-calls-settings-sidebar{background:#141414;background:var(--cometchat-calls-background-color-01);display:flex;flex-direction:column;height:100%;padding:0;width:100%}.cometchat-calls-settings-tab{color:#fff;color:var(--cometchat-calls-text-color-primary);font:500 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-medium);gap:12px;gap:var(--cometchat-calls-spacing-3);justify-content:flex-start;padding:16px 20px;padding:var(--cometchat-calls-padding-4) var(--cometchat-calls-padding-5);text-align:left}.cometchat-calls-settings-tab:hover{background:#1a1a1a;background:var(--cometchat-calls-background-color-02)}.cometchat-calls-settings-tab--active{background:#272727;background:var(--cometchat-calls-background-color-03)}.cometchat-calls-settings-tab__label{flex:1 1}.cometchat-calls-settings-content-wrapper{display:flex;flex-direction:column;height:inherit;justify-content:space-between;width:100%}.cometchat-calls-settings-content{background:#141414;background:var(--cometchat-calls-background-color-01);flex:1 1;overflow-y:auto;padding:24px;padding:var(--cometchat-calls-padding-6)}.cometchat-calls-settings-content::-webkit-scrollbar{width:8px}.cometchat-calls-settings-content::-webkit-scrollbar-track{background:#141414;background:var(--cometchat-calls-background-color-01)}.cometchat-calls-settings-content::-webkit-scrollbar-thumb{border-radius:12px;border-radius:var(--cometchat-calls-radius-3)}.cometchat-calls-settings-content::-webkit-scrollbar-thumb,.cometchat-calls-settings-content::-webkit-scrollbar-thumb:hover{background:#272727;background:var(--cometchat-calls-background-color-03)}.cometchat-calls-settings-tab-content{display:flex;flex-direction:column;gap:24px;gap:var(--cometchat-calls-spacing-6)}.cometchat-calls-settings-device-section{display:flex;flex-direction:column;gap:8px;gap:var(--cometchat-calls-spacing-2)}.cometchat-calls-settings-device-label{color:#fff;color:var(--cometchat-calls-text-color-primary);font:500 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-medium);margin-bottom:8px;margin-bottom:var(--cometchat-calls-margin-2)}.cometchat-calls-settings-dropdown{display:flex;height:fit-content;position:relative;width:100%}.cometchat-calls-settings-dropdown__header{align-items:center;background:#141414;background:var(--cometchat-calls-background-color-01);border:1px solid #383838;border:1px solid var(--cometchat-calls-border-color-default);border-radius:8px;border-radius:var(--cometchat-calls-radius-2);color:#fff;color:var(--cometchat-calls-text-color-primary);cursor:pointer;display:flex;font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular);justify-content:space-between;min-height:24px;padding:12px 16px;padding:var(--cometchat-calls-padding-3) var(--cometchat-calls-padding-4);transition:all .2s ease;width:100%}.cometchat-calls-settings-dropdown__header:hover{background:#272727;background:var(--cometchat-calls-background-color-03);border-color:#4c4c4c;border-color:var(--cometchat-calls-border-color-dark)}.cometchat-calls-settings-dropdown__header--disabled{cursor:not-allowed;opacity:.6}.cometchat-calls-settings-dropdown__header--disabled,.cometchat-calls-settings-dropdown__header--disabled:hover{background:#1a1a1a;background:var(--cometchat-calls-background-color-02);border-color:#272727;border-color:var(--cometchat-calls-border-color-light)}.cometchat-calls-settings-dropdown__selected{align-items:center;display:flex;flex:1 1;gap:12px;gap:var(--cometchat-calls-spacing-3)}.cometchat-calls-settings-dropdown__icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.cometchat-calls-settings-dropdown__text{align-items:center;color:#fff;color:var(--cometchat-calls-text-color-primary);display:flex;font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular);justify-content:flex-start;width:100%}.cometchat-calls-settings-dropdown__arrow{align-items:center;display:flex;justify-content:center;transform:rotate(180deg);transition:transform .2s ease}.cometchat-calls-settings-dropdown__arrow--rotated{transform:rotate(0)}.cometchat-calls-settings-dropdown__list{background:#141414;background:var(--cometchat-calls-background-color-01);border:1px solid #272727;border:1px solid var(--cometchat-calls-border-color-light);border-radius:8px;border-radius:var(--cometchat-calls-radius-2);box-shadow:0 8px 16px #0003;box-shadow:0 var(--cometchat-calls-spacing-2) var(--cometchat-calls-spacing-4) #0003;left:0;list-style:none;margin:4px 0 0;margin-top:var(--cometchat-calls-margin-1);max-height:200px;overflow-y:auto;padding:0;position:absolute;right:0;scrollbar-color:#383838 #0000;scrollbar-width:thin;top:100%;z-index:1001}.cometchat-calls-settings-dropdown__list::-webkit-scrollbar{width:4px}.cometchat-calls-settings-dropdown__list::-webkit-scrollbar-track{background:#0000}.cometchat-calls-settings-dropdown__list::-webkit-scrollbar-thumb{background:#383838;border-radius:1000px;border-radius:var(--cometchat-calls-radius-max)}.cometchat-calls-settings-dropdown__option{align-items:center;color:#fff;color:var(--cometchat-calls-text-color-primary);cursor:pointer;display:flex;font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular);justify-content:space-between;line-height:1.4;padding:12px 16px;padding:var(--cometchat-calls-padding-3) var(--cometchat-calls-padding-4);transition:background-color .2s ease}.cometchat-calls-settings-dropdown__option:last-child{border-bottom:none}.cometchat-calls-settings-dropdown__option:hover{background:#1a1a1a;background:var(--cometchat-calls-background-color-02)}.cometchat-calls-settings-dropdown__option--selected{background:#272727;background:var(--cometchat-calls-background-color-03)}.cometchat-calls-settings-dropdown__option-text{color:inherit;font-size:inherit}.cometchat-calls-settings-dropdown__checkmark{color:#fff;color:var(--cometchat-calls-text-color-primary);font-size:16px;font-weight:700}.cometchat-calls-settings-video-preview{margin-bottom:24px;margin-bottom:var(--cometchat-calls-spacing-6)}.cometchat-calls-settings-video-preview__container{align-items:center;background:#1a1a1a;background:var(--cometchat-calls-background-color-02);border:1px solid #272727;border:1px solid var(--cometchat-calls-border-color-light);border-radius:12px;border-radius:var(--cometchat-calls-radius-3);display:flex;height:240px;justify-content:center;overflow:hidden;position:relative;width:100%}.cometchat-calls-settings-video-preview__video--mirrored{transform:scaleX(-1)}.cometchat-calls-settings-video-preview__error,.cometchat-calls-settings-video-preview__loading,.cometchat-calls-settings-video-preview__placeholder{align-items:center;background:#1a1a1a;background:var(--cometchat-calls-background-color-02);bottom:0;color:#989898;color:var(--cometchat-calls-text-color-secondary);display:flex;flex-direction:column;font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular);gap:12px;gap:var(--cometchat-calls-spacing-3);justify-content:center;left:0;position:absolute;right:0;top:0}.cometchat-calls-settings-loading-spinner{animation:cometchat-calls-spin 1s linear infinite;border:2px solid #272727;border-top:2px solid #6852d6;border:2px solid var(--cometchat-calls-border-color-light);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);border-top-color:var(--cometchat-calls-primary-color);height:24px;width:24px}@keyframes cometchat-calls-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.cometchat-calls-settings-video-controls{display:flex;flex-direction:column;gap:24px;gap:var(--cometchat-calls-spacing-6)}.cometchat-calls-settings-checkbox{align-items:center;display:flex;margin:16px 0;margin:var(--cometchat-calls-spacing-4) 0}.cometchat-calls-settings-checkbox__container{align-items:center;cursor:pointer;display:flex;gap:12px;gap:var(--cometchat-calls-spacing-3);-webkit-user-select:none;user-select:none}.cometchat-calls-settings-checkbox__input{display:none}.cometchat-calls-settings-checkbox__custom{background:#141414;background:var(--cometchat-calls-background-color-01);border:2px solid #383838;border:2px solid var(--cometchat-calls-border-color-default);border-radius:4px;border-radius:var(--cometchat-calls-radius-1);height:16px;position:relative;transition:all .2s ease;width:16px}.cometchat-calls-settings-checkbox__input:checked+.cometchat-calls-settings-checkbox__custom{background:#6852d6;background:var(--cometchat-calls-primary-button-background);border-color:#6852d6;border-color:var(--cometchat-calls-primary-button-background)}.cometchat-calls-settings-checkbox__input:checked+.cometchat-calls-settings-checkbox__custom:after{color:#fff;color:var(--cometchat-calls-primary-button-text);content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.cometchat-calls-settings-checkbox__label{color:#fff;color:var(--cometchat-calls-text-color-primary);font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular)}.cometchat-calls-settings-notice{margin-top:-20px;margin-top:calc(0px - var(--cometchat-calls-margin-5))}.cometchat-calls-settings-notice__text{color:#989898;color:var(--cometchat-calls-text-color-secondary);font:400 12px/14.4px Roboto,Inter;font:var(--cometchat-calls-font-caption1-regular)}.cometchat-calls-settings-placeholder{align-items:center;display:flex;justify-content:center;padding:40px;padding:var(--cometchat-calls-padding-10)}.cometchat-calls-settings-placeholder__text{color:#989898;color:var(--cometchat-calls-text-color-secondary);font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular);text-align:center}.cometchat-calls-settings-footer{align-items:center;background:#141414;background:var(--cometchat-calls-background-color-01);display:flex;gap:12px;gap:var(--cometchat-calls-spacing-3);justify-content:flex-end;padding:20px 24px;padding:var(--cometchat-calls-padding-5) var(--cometchat-calls-padding-6)}.cometchat-calls-settings-button{border:none;border-radius:8px;border-radius:var(--cometchat-calls-radius-2);cursor:pointer;font:400 12px/14.4px Roboto,Inter;font:var(--cometchat-calls-font-caption1-regular);min-height:32px;min-width:120px;padding:8px 20px;padding:var(--cometchat-calls-padding-2) var(--cometchat-calls-padding-5);transition:all .2s ease}.cometchat-calls-settings-button--secondary{background:#0000;border:1px solid #383838;border:1px solid var(--cometchat-calls-border-color-default);color:#fff;color:var(--cometchat-calls-text-color-primary)}.cometchat-calls-settings-button--secondary:hover{background:#1a1a1a;background:var(--cometchat-calls-background-color-02)}.cometchat-calls-settings-button--primary{background:#6852d6;background:var(--cometchat-calls-primary-button-background);color:#fff;color:var(--cometchat-calls-primary-button-text)}.cometchat-calls-settings-button--primary:hover{opacity:.9}@media (max-width:768px){.cometchat-calls-settings-overlay{align-items:stretch;justify-content:stretch;padding:0}.cometchat-calls-settings-modal{border-radius:0!important;height:100%!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%!important}.cometchat-calls-settings-body,.cometchat-calls-settings-modal{flex-direction:column;overflow:hidden}.cometchat-calls-settings-sidebar-wrapper{border-bottom:1px solid #272727;border-bottom:1px solid var(--cometchat-calls-border-color-light);border-right:none;flex-shrink:0;height:fit-content;max-height:fit-content;max-width:none;min-width:0}.cometchat-calls-settings-sidebar__header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;padding:16px 20px;padding:var(--cometchat-calls-padding-4) var(--cometchat-calls-padding-5);position:relative}.cometchat-calls-settings-sidebar{background:#141414;background:var(--cometchat-calls-background-color-01);flex-direction:row;height:auto;height:40px;justify-content:space-evenly;overflow-x:auto;overflow-y:hidden;padding:0;width:100%}.cometchat-calls-settings-tab{border-bottom:3px solid #0000;border-radius:0;flex-direction:column;font:500 12px/14.4px Roboto,Inter;font:var(--cometchat-calls-font-caption1-medium);gap:8px;gap:var(--cometchat-calls-spacing-2);justify-content:center;min-width:120px;padding:16px 20px;padding:var(--cometchat-calls-padding-4) var(--cometchat-calls-padding-5);text-align:center;white-space:nowrap}.cometchat-calls-settings-tab svg{display:none}.cometchat-calls-settings-tab:hover{background:#1a1a1a;background:var(--cometchat-calls-background-color-02)}.cometchat-calls-settings-tab--active{background:#141414;background:var(--cometchat-calls-background-color-01);border-bottom-color:#6852d6;border-bottom-color:var(--cometchat-calls-primary-color);color:#6852d6;color:var(--cometchat-calls-primary-color)}.cometchat-calls-settings-tab__label{flex:none;font:500 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-medium)}.cometchat-calls-settings-content-wrapper{display:flex;flex:1 1;flex-direction:column;height:auto;overflow:hidden}.cometchat-calls-settings-content{flex:1 1;overflow-y:auto;padding:20px;padding:var(--cometchat-calls-padding-5)}.cometchat-calls-settings-footer{border-top:1px solid #272727;border-top:1px solid var(--cometchat-calls-border-color-light);flex-shrink:0;min-height:fit-content;padding:16px 20px;padding:var(--cometchat-calls-padding-4) var(--cometchat-calls-padding-5)}.cometchat-calls-settings-button{font:500 12px/14.4px Roboto,Inter;font:var(--cometchat-calls-font-caption1-medium);min-width:100px}.cometchat-calls-settings-video-preview__container{height:200px}.cometchat-calls-settings-dropdown__list{max-height:150px}}@media (max-width:480px){.cometchat-calls-settings-sidebar{padding:0}.cometchat-calls-settings-tab{gap:4px;gap:var(--cometchat-calls-spacing-1);min-width:100px;padding:12px 16px;padding:var(--cometchat-calls-padding-3) var(--cometchat-calls-padding-4)}.cometchat-calls-settings-tab__label{font-size:11px}.cometchat-calls-settings-content,.cometchat-calls-settings-footer{padding:16px;padding:var(--cometchat-calls-padding-4)}.cometchat-calls-settings-footer{flex-direction:column;gap:8px;gap:var(--cometchat-calls-spacing-2)}.cometchat-calls-settings-button{min-width:0;width:100%}.cometchat-calls-settings-video-preview__container{height:160px}.cometchat-calls-settings-device-label{font:500 12px/14.4px Roboto,Inter;font:var(--cometchat-calls-font-caption1-medium)}.cometchat-calls-settings-dropdown__header{font:400 12px/14.4px Roboto,Inter;font:var(--cometchat-calls-font-caption1-regular);padding:12px;padding:var(--cometchat-calls-padding-3)}}.cometchat-calls-settings-tab .cometchat-calls-icon{color:#858585;color:var(--cometchat-calls-icon-color-secondary)}.cometchat-calls-settings-dropdown__icon .cometchat-calls-icon{color:#fff;color:var(--cometchat-calls-static-white)}.cometchat-calls-settings-dropdown__arrow .cometchat-calls-icon{color:#858585;color:var(--cometchat-calls-icon-color-secondary)}.cometchat-calls-settings-error-notification__icon .cometchat-calls-icon{color:#ff977d;color:var(--cometchat-calls-permission-error-color)}.cometchat-calls-audio-control{display:inline-block;position:relative}.cometchat-calls-audio-control__wrapper{align-items:center;background:#272727;background:var(--cometchat-calls-background-color-03);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);cursor:pointer;display:flex;flex-shrink:1;gap:8px;gap:var(--cometchat-calls-spacing-2);height:inherit;justify-content:space-evenly;min-height:56px;min-width:105px;overflow:hidden}.cometchat-calls-audio-control__wrapper--active{background-color:#f4cccc;background-color:var(--cometchat-calls-call-control-active-background)}.cometchat-calls-audio-control__warning{height:fit-content;position:absolute;right:-6px;top:-2px;width:fit-content}.cometchat-calls-audio-control__button-wrapper{padding-left:12px;padding-left:var(--cometchat-calls-padding-3)}.cometchat-calls-audio-control__arrow-wrapper{padding-right:12px;padding-right:var(--cometchat-calls-padding-3)}.cometchat-calls-audio-control__arrow-wrapper,.cometchat-calls-audio-control__button-wrapper{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;min-height:inherit}.cometchat-calls-audio-control__arrow-wrapper[aria-disabled=true]{cursor:not-allowed;opacity:.5}.cometchat-calls-audio-control__arrow-button,.cometchat-calls-audio-control__button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-grow:1;flex-shrink:1;height:24px;justify-content:center;max-height:24px;max-width:24px;min-height:14px;min-width:14px;padding:0;transition:transform .15s ease,opacity .15s ease;width:24px}.cometchat-calls-audio-control__arrow-button:hover,.cometchat-calls-audio-control__button:hover{transform:scale(1.05)}.cometchat-calls-audio-control__arrow-button{background:#383838;background:var(--cometchat-calls-background-color-04);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max)}.cometchat-calls-audio-control__arrow-button:disabled{cursor:not-allowed}.cometchat-calls-audio-control__wrapper--active .cometchat-calls-audio-control__arrow-button{background:#c73c3e;background:var(--cometchat-calls-error-color)}.cometchat-calls-audio-control__divider{background:#383838;background:var(--cometchat-calls-border-color-default);height:30px;opacity:.2;width:2px}.cometchat-calls-audio-control__wrapper--active .cometchat-calls-audio-control__divider{background:#c73c3e;background:var(--cometchat-calls-error-color)}.cometchat-calls-audio-control__dropdown-wrapper{bottom:100%;display:flex;flex-direction:column;gap:12px;gap:var(--cometchat-calls-spacing-3);left:0;min-width:320px;position:absolute;right:0;width:fit-content;z-index:1000}.cometchat-calls-audio-control__dropdown-bar{background:#383838;background:var(--cometchat-calls-background-color-04);box-shadow:0 4px 16px #00000026;margin-bottom:8px;margin-bottom:var(--cometchat-calls-margin-2);min-width:320px;padding:8px 12px 8px 8px;padding:var(--cometchat-calls-padding-2) var(--cometchat-calls-padding-3) var(--cometchat-calls-padding-2) var(--cometchat-calls-padding-2);width:fit-content;z-index:1000}.cometchat-calls-audio-control__dropdown-bar,.cometchat-calls-audio-control__section{border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);display:flex;gap:8px;gap:var(--cometchat-calls-spacing-2)}.cometchat-calls-audio-control__section{background:#272727;background:var(--cometchat-calls-background-color-03);flex:1 1;flex-direction:column}.cometchat-calls-audio-control__section:last-child{align-items:center;display:flex;flex:0 0 auto;justify-content:center}.cometchat-calls-audio-control__section--settings{background:none}.cometchat-calls-audio-control__settings-button{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--cometchat-calls-radius-2);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s ease,transform .15s ease;width:40px}.cometchat-calls-audio-control__settings-button:hover{background:#1a1a1a;background:var(--cometchat-calls-background-color-02);transform:scale(1.05)}.cometchat-calls-audio-control__settings-button:focus{outline:2px solid #6852d6;outline:2px solid var(--cometchat-calls-primary-color);outline-offset:2px}.cometchat-calls-audio-control__device-menu{background:#141414;background:var(--cometchat-calls-background-color-01);border:1px solid #272727;border:1px solid var(--cometchat-calls-border-color-light);border-radius:12px;border-radius:var(--cometchat-calls-radius-3);box-shadow:0 4px 12px #00000026;margin-left:16px;margin-left:var(--cometchat-calls-margin-4);min-width:260px;padding:8px 0;padding:var(--cometchat-calls-padding-2) 0 var(--cometchat-calls-padding-2) 0;width:fit-content}.cometchat-calls-audio-control__device-menu-speaker{align-self:flex-end}.cometchat-calls-audio-control__device-menu-item{align-items:center;background:#141414;background:var(--cometchat-calls-background-color-01);color:#fff;color:var(--cometchat-calls-text-color-primary);cursor:pointer;display:flex;font:400 16px/19.2px Roboto,Inter;font:var(--cometchat-calls-font-heading4-regular);gap:12px;gap:var(--cometchat-calls-spacing-3);justify-content:flex-start;padding:12px 16px;padding:var(--cometchat-calls-padding-3) var(--cometchat-calls-padding-4);position:relative;transition:background-color .15s ease}.cometchat-calls-audio-control__device-menu-item:hover{background:#1a1a1a;background:var(--cometchat-calls-background-color-02)}.cometchat-calls-audio-control__device-menu-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.cometchat-calls-audio-control__device-menu-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cometchat-calls-audio-control__device-menu-loader{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.cometchat-calls-audio-selector{border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);position:relative}.cometchat-calls-audio-selector,.cometchat-calls-audio-selector__button{background:#272727;background:var(--cometchat-calls-background-color-03);width:100%}.cometchat-calls-audio-selector__button{border:none;border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);cursor:pointer;padding:0;transition:background-color .2s ease,transform .15s ease}.cometchat-calls-audio-selector__button:hover{background:#1a1a1a;background:var(--cometchat-calls-background-color-02);transform:translateY(-1px)}.cometchat-calls-audio-selector__button:disabled{cursor:not-allowed;opacity:.5;transform:none}.cometchat-calls-audio-selector__content{align-items:center;background:#272727;background:var(--cometchat-calls-background-color-03);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);display:flex;gap:8px;gap:var(--cometchat-calls-spacing-2);max-width:230px;min-width:200px;padding:8px 12px;padding:var(--cometchat-calls-padding-2) var(--cometchat-calls-padding-3);text-align:left}.cometchat-calls-audio-selector__device-label{color:#fff;color:var(--cometchat-calls-text-color-primary);flex:1 1;font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cometchat-calls-audio-selector__arrow{flex-shrink:0;transform:rotate(0);transition:transform .2s ease}.cometchat-calls-audio-selector__arrow--open{transform:rotate(180deg)}.cometchat-calls-audio-selector__content svg{display:block;flex-shrink:0}.cometchat-calls-audio-control__arrow-button-open{transform:rotate(180deg)}.cometchat-calls-control-pane--mobile .cometchat-calls-audio-control__arrow-wrapper,.cometchat-calls-control-pane--mobile .cometchat-calls-audio-control__divider,.cometchat-calls-control-pane--mobile .cometchat-calls-audio-control__dropdown-wrapper{display:none}.cometchat-calls-control-pane--mobile .cometchat-calls-audio-control__button-wrapper{padding:0}.cometchat-calls-control-pane--mobile .cometchat-calls-audio-control__wrapper:hover{background:#383838;background:var(--cometchat-calls-background-color-04);transform:scale(1.05)}.cometchat-calls-control-pane--mobile .cometchat-calls-audio-control__wrapper--active:hover{background:#f4cccc;background:var(--cometchat-calls-call-control-active-background);transform:scale(1.05)}.cometchat-calls-control-pane--mobile .cometchat-calls-audio-control__wrapper{border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);flex-shrink:0;height:40px;justify-content:center;max-height:40px;max-width:40px;min-height:40px;min-width:40px;padding:8px;padding:var(--cometchat-calls-padding-2);width:40px}.cometchat-calls-control-pane--mobile .cometchat-calls-audio-control__button{height:24px;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}@media (prefers-contrast:high){.cometchat-calls-audio-control__settings-button:focus,.cometchat-calls-audio-selector__button:focus{outline:3px solid;outline-offset:2px}.cometchat-calls-audio-control__device-menu{border:2px solid}}@media (prefers-reduced-motion:reduce){.cometchat-calls-audio-control__arrow-button,.cometchat-calls-audio-control__button,.cometchat-calls-audio-control__settings-button,.cometchat-calls-audio-selector__arrow,.cometchat-calls-audio-selector__button{transition:none}.cometchat-calls-audio-control__device-menu-loader svg{animation:none}}.cometchat-calls-audio-control__wrapper .cometchat-calls-icon{color:#fff;color:var(--cometchat-calls-static-white)}.cometchat-calls-audio-control__wrapper--active .cometchat-calls-audio-control__button .cometchat-calls-icon{color:#c73c3e;color:var(--cometchat-calls-error-color)}.cometchat-calls-audio-control__warning .cometchat-calls-icon{color:#d08d04;color:var(--cometchat-calls-warning-color)}.cometchat-calls-audio-control__device-menu .cometchat-calls-icon,.cometchat-calls-audio-control__dropdown-bar .cometchat-calls-icon{color:#fff;color:var(--cometchat-calls-static-white)}.cometchat-calls-video-control{display:inline-block;position:relative}.cometchat-calls-video-control__wrapper{align-items:center;background:#272727;background:var(--cometchat-calls-background-color-03);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);cursor:pointer;display:flex;flex-shrink:1;gap:8px;gap:var(--cometchat-calls-spacing-2);height:inherit;justify-content:space-evenly;min-height:56px;min-width:105px;overflow:hidden}.cometchat-calls-video-control__button-wrapper{padding-left:12px;padding-left:var(--cometchat-calls-padding-3)}.cometchat-calls-video-control__arrow-wrapper{padding-right:12px;padding-right:var(--cometchat-calls-padding-3)}.cometchat-calls-video-control__arrow-wrapper,.cometchat-calls-video-control__button-wrapper{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;min-height:inherit}.cometchat-calls-video-control__arrow-wrapper[aria-disabled=true]{cursor:not-allowed;opacity:.5}.cometchat-calls-video-control__wrapper--active{background-color:#f4cccc;background-color:var(--cometchat-calls-call-control-active-background)}.cometchat-calls-video-control__arrow-button,.cometchat-calls-video-control__button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-grow:1;flex-shrink:1;height:24px;justify-content:center;max-height:24px;max-width:24px;min-height:14px;min-width:14px;padding:0;transition:transform .15s ease,opacity .15s ease;width:24px}.cometchat-calls-video-control__arrow-button:hover,.cometchat-calls-video-control__button:hover{transform:scale(1.05)}.cometchat-calls-video-control__arrow-button{background:#383838;background:var(--cometchat-calls-background-color-04);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max)}.cometchat-calls-video-control__arrow-button-open{transform:rotate(180deg)}.cometchat-calls-video-control__arrow-button:disabled{cursor:not-allowed}.cometchat-calls-video-control__wrapper--active .cometchat-calls-video-control__arrow-button{background:#c73c3e;background:var(--cometchat-calls-error-color)}.cometchat-calls-video-control__divider{background:#383838;background:var(--cometchat-calls-border-color-default);height:30px;opacity:.2;width:2px}.cometchat-calls-video-control__wrapper--active .cometchat-calls-video-control__divider{background:#c73c3e;background:var(--cometchat-calls-error-color)}.cometchat-calls-video-control__dropdown-wrapper{bottom:100%;display:flex;flex-direction:column;gap:12px;gap:var(--cometchat-calls-spacing-3);left:0;min-width:280px;position:absolute;right:0;width:fit-content;z-index:1000}.cometchat-calls-video-control__dropdown-bar{background:#383838;background:var(--cometchat-calls-background-color-04);box-shadow:0 4px 16px #00000026;margin-bottom:8px;margin-bottom:var(--cometchat-calls-margin-2);min-width:280px;padding:8px 12px 8px 8px;padding:var(--cometchat-calls-padding-2) var(--cometchat-calls-padding-3) var(--cometchat-calls-padding-2) var(--cometchat-calls-padding-2);width:fit-content;z-index:1000}.cometchat-calls-video-control__dropdown-bar,.cometchat-calls-video-control__section{border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);display:flex;gap:8px;gap:var(--cometchat-calls-spacing-2)}.cometchat-calls-video-control__section{background:#272727;background:var(--cometchat-calls-background-color-03);flex:1 1;flex-direction:column}.cometchat-calls-video-control__section:last-child{align-items:center;display:flex;flex:0 0 auto;justify-content:center}.cometchat-calls-video-control__section--settings{background:none}.cometchat-calls-video-control__settings-button{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--cometchat-calls-radius-2);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .2s ease,transform .15s ease;width:40px}.cometchat-calls-video-control__settings-button:hover{background:#1a1a1a;background:var(--cometchat-calls-background-color-02);transform:scale(1.05)}.cometchat-calls-video-control__device-menu{background:#141414;background:var(--cometchat-calls-background-color-01);border:1px solid #272727;border:1px solid var(--cometchat-calls-border-color-light);border-radius:12px;border-radius:var(--cometchat-calls-radius-3);box-shadow:0 4px 12px #00000026;margin-left:16px;margin-left:var(--cometchat-calls-margin-4);min-width:240px;padding:8px 0;padding:var(--cometchat-calls-padding-2) 0 var(--cometchat-calls-padding-2) 0;width:fit-content}.cometchat-calls-video-control__device-menu-item{align-items:center;background:#141414;background:var(--cometchat-calls-background-color-01);color:#fff;color:var(--cometchat-calls-text-color-primary);cursor:pointer;display:flex;font:400 16px/19.2px Roboto,Inter;font:var(--cometchat-calls-font-heading4-regular);gap:12px;gap:var(--cometchat-calls-spacing-3);justify-content:flex-start;padding:12px 16px;padding:var(--cometchat-calls-padding-3) var(--cometchat-calls-padding-4);position:relative;transition:background-color .15s ease}.cometchat-calls-video-control__device-menu-item:hover{background:#1a1a1a;background:var(--cometchat-calls-background-color-02)}.cometchat-calls-video-control__device-menu-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.cometchat-calls-video-control__device-menu-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cometchat-calls-video-control__device-menu-loader{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.cometchat-calls-video-selector{border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);position:relative}.cometchat-calls-video-selector,.cometchat-calls-video-selector__button{background:#272727;background:var(--cometchat-calls-background-color-03);width:100%}.cometchat-calls-video-selector__button{border:none;border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);cursor:pointer;padding:0;transition:background-color .2s ease,transform .15s ease}.cometchat-calls-video-selector__button:hover{background:#1a1a1a;background:var(--cometchat-calls-background-color-02);transform:translateY(-1px)}.cometchat-calls-video-selector__button:disabled{cursor:not-allowed;opacity:.5;transform:none}.cometchat-calls-video-selector__content{align-items:center;background:#272727;background:var(--cometchat-calls-background-color-03);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);display:flex;gap:8px;gap:var(--cometchat-calls-spacing-2);min-width:180px;padding:8px 12px;padding:var(--cometchat-calls-padding-2) var(--cometchat-calls-padding-3);text-align:left}.cometchat-calls-video-selector__device-label{color:#fff;color:var(--cometchat-calls-text-color-primary);flex:1 1;font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cometchat-calls-video-selector__arrow{flex-shrink:0;transform:rotate(0);transition:transform .2s ease}.cometchat-calls-video-selector__arrow--open{transform:rotate(180deg)}.cometchat-calls-video-selector__content svg{display:block;flex-shrink:0}.cometchat-calls-control-pane--mobile .cometchat-calls-video-control__arrow-wrapper,.cometchat-calls-control-pane--mobile .cometchat-calls-video-control__divider,.cometchat-calls-control-pane--mobile .cometchat-calls-video-control__dropdown-wrapper{display:none}.cometchat-calls-control-pane--mobile .cometchat-calls-video-control__button-wrapper{padding:0}.cometchat-calls-control-pane--mobile .cometchat-calls-video-control__wrapper:hover{background:#383838;background:var(--cometchat-calls-background-color-04);transform:scale(1.05)}.cometchat-calls-control-pane--mobile .cometchat-calls-video-control__wrapper--active:hover{background:#f4cccc;background:var(--cometchat-calls-call-control-active-background);transform:scale(1.05)}.cometchat-calls-control-pane--mobile .cometchat-calls-video-control__wrapper{flex-shrink:0;height:40px;justify-content:center;max-height:40px;max-width:40px;min-height:40px;min-width:40px;padding:8px;padding:var(--cometchat-calls-padding-2);width:40px}.cometchat-calls-control-pane--mobile .cometchat-calls-video-control__button{height:24px;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}.cometchat-calls-video-control__warning{height:fit-content;position:absolute;right:-6px;top:-2px;width:fit-content}@media (max-width:400px){.cometchat-calls-video-control__dropdown-bar{min-width:240px}.cometchat-calls-video-control__settings-button{height:36px;width:36px}.cometchat-calls-video-selector__content{gap:4px;gap:var(--cometchat-calls-spacing-1);min-width:140px;padding:8px;padding:var(--cometchat-calls-padding-2)}.cometchat-calls-video-selector__device-label{font:400 12px/14.4px Roboto,Inter;font:var(--cometchat-calls-font-caption1-regular)}}@media (prefers-contrast:high){.cometchat-calls-video-control__settings-button:focus,.cometchat-calls-video-selector__button:focus{outline:3px solid;outline-offset:2px}.cometchat-calls-video-control__device-menu{border:2px solid}}@media (prefers-reduced-motion:reduce){.cometchat-calls-video-control__arrow-button,.cometchat-calls-video-control__button,.cometchat-calls-video-control__settings-button,.cometchat-calls-video-selector__arrow,.cometchat-calls-video-selector__button{transition:none}.cometchat-calls-video-control__device-menu-loader svg{animation:none}}.cometchat-calls-video-control__wrapper .cometchat-calls-icon{color:#fff;color:var(--cometchat-calls-static-white)}.cometchat-calls-video-control__wrapper--active .cometchat-calls-video-control__button .cometchat-calls-icon{color:#c73c3e;color:var(--cometchat-calls-error-color)}.cometchat-calls-video-control__warning .cometchat-calls-icon{color:#d08d04;color:var(--cometchat-calls-warning-color)}.cometchat-calls-video-control__device-menu .cometchat-calls-icon,.cometchat-calls-video-control__dropdown-bar .cometchat-calls-icon{color:#fff;color:var(--cometchat-calls-static-white)}.cometchat-calls-control-pane{background:#141414;background:var(--cometchat-calls-background-color-01);border-radius:0;flex-direction:row;flex-shrink:0;gap:16px;gap:var(--cometchat-calls-spacing-4);height:fit-content;max-width:100%;min-width:fit-content;padding:16px;padding:var(--cometchat-calls-padding-4)}.cometchat-calls-control-button,.cometchat-calls-control-pane{align-items:center;display:flex;justify-content:center;position:relative}.cometchat-calls-control-button{background:#272727;background:var(--cometchat-calls-background-color-03);border:none;border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);cursor:pointer;height:56px;transition:all .2s ease;width:56px}.cometchat-calls-control-button--hidden{display:none!important}.cometchat-calls-control-button:hover{background:#383838;background:var(--cometchat-calls-background-color-04);transform:scale(1.05)}.cometchat-calls-control-button--raise-hand{padding-left:4px;padding-left:var(--cometchat-calls-padding-1)}.cometchat-calls-control-button--raise-hand:hover{background:#4c4c4c;background:var(--cometchat-calls-neutral-color-400)}.cometchat-calls-control-button--closed-caption.cometchat-calls-control-button--active,.cometchat-calls-control-button--raise-hand.cometchat-calls-control-button--active{background:#fff;background:var(--cometchat-calls-static-white)}.cometchat-calls-control-button--more.cometchat-calls-control-button--active,.cometchat-calls-control-button--more:hover,.cometchat-calls-control-button--reactions:hover,.cometchat-calls-control-button--screen-share:hover{background:#4c4c4c;background:var(--cometchat-calls-neutral-color-400)}.cometchat-calls-control-button--call-end{background:#c73c3e;background:var(--cometchat-calls-error-color);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);width:72px}.cometchat-calls-control-button--call-end:hover{background:#c73c3e;background:var(--cometchat-calls-error-color);opacity:.9;transform:scale(1.05)}.cometchat-calls-control-button:active{transform:scale(.95)}.cometchat-calls-control-button--active{background:#4c4c4c;background:var(--cometchat-calls-neutral-color-400)}@media (max-width:767px){.cometchat-calls-control-pane{gap:16px;gap:var(--cometchat-calls-spacing-4)}}.cometchat-calls-control-pane--mobile{gap:16px;gap:var(--cometchat-calls-spacing-4)}.cometchat-calls-control-button .cometchat-calls-icon{color:#fff;color:var(--cometchat-calls-static-white)}.cometchat-calls-control-button--closed-caption.cometchat-calls-control-button--active .cometchat-calls-icon,.cometchat-calls-control-button--raise-hand.cometchat-calls-control-button--active .cometchat-calls-icon{color:#141414;color:var(--cometchat-calls-static-black)}.cometchat-calls-virtual-background-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--cometchat-calls-padding-4);position:fixed;right:0;top:0;z-index:1000}.cometchat-calls-virtual-background-modal{background-color:#141414;background-color:var(--cometchat-calls-background-color-01);border:1px solid #383838;border:1px solid var(--cometchat-calls-border-color-default);border-radius:16px;border-radius:var(--cometchat-calls-radius-4);box-shadow:0 24px 32px #0000004d;box-shadow:0 var(--cometchat-calls-spacing-6) var(--cometchat-calls-spacing-8) #0000004d;display:flex;flex-direction:column;overflow:hidden}.cometchat-calls-virtual-background-modal--desktop{height:clamp(420px,80vh,620px);max-height:560px;width:clamp(320px,90vw,540px)}.cometchat-calls-virtual-background-modal--mobile{border:none;border-radius:0;height:100%;max-height:100vh;max-width:100vw;width:100%}.cometchat-calls-virtual-background-header{align-items:center;background:#141414;background:var(--cometchat-calls-background-color-01);display:flex;gap:12px;gap:var(--cometchat-calls-spacing-3);padding:16px 20px;padding:var(--cometchat-calls-padding-4) var(--cometchat-calls-padding-5)}.cometchat-calls-virtual-background-header-title{color:#fff;color:var(--cometchat-calls-text-color-primary);font:500 20px/24px Roboto,Inter;font:var(--cometchat-calls-font-heading2-medium);margin:0}.cometchat-calls-virtual-background-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.cometchat-calls-virtual-background-preview{align-items:center;display:flex;justify-content:center;padding:20px;padding:var(--cometchat-calls-padding-5);padding-top:4px;padding-top:var(--cometchat-calls-padding-1)}.cometchat-calls-virtual-background-preview-video-container{aspect-ratio:16/9;background-color:#272727;background-color:var(--cometchat-calls-background-color-03);border-radius:12px;border-radius:var(--cometchat-calls-radius-3);height:clamp(180px,35vh,280px);overflow:hidden;position:relative;width:100%}.cometchat-calls-virtual-background-preview-video{height:100%;object-fit:cover;width:100%}.cometchat-calls-virtual-background-preview-canvas{height:100%;left:0;position:absolute;top:0;width:100%}.cometchat-calls-virtual-background-preview-loading{align-items:center;display:flex;flex-direction:column;gap:12px;gap:var(--cometchat-calls-spacing-3);height:200px;justify-content:center}.cometchat-calls-virtual-background-preview-spinner{animation:cometchat-calls-virtual-background-spin 1s linear infinite;border:2px solid #272727;border-top:2px solid #6852d6;border:2px solid var(--cometchat-calls-border-color-light);border-radius:50%;border-top-color:var(--cometchat-calls-primary-color);height:32px;height:var(--cometchat-calls-spacing-8);width:32px;width:var(--cometchat-calls-spacing-8)}.cometchat-calls-virtual-background-preview-loading-text{color:#989898;color:var(--cometchat-calls-text-color-secondary);font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular)}.cometchat-calls-virtual-background-preview-placeholder{align-items:center;color:#858585;color:var(--cometchat-calls-icon-color-secondary);display:flex;flex-direction:column;gap:12px;gap:var(--cometchat-calls-spacing-3);height:200px;justify-content:center}.cometchat-calls-virtual-background-preview-placeholder-text{color:#989898;color:var(--cometchat-calls-text-color-secondary);font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular)}@keyframes cometchat-calls-virtual-background-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.cometchat-calls-virtual-background-options{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--cometchat-calls-spacing-1);overflow-y:auto;padding:20px;padding:var(--cometchat-calls-padding-5);padding-top:0}.cometchat-calls-virtual-background-controls-row,.cometchat-calls-virtual-background-images-row{display:flex;flex-wrap:wrap;gap:4px;gap:var(--cometchat-calls-spacing-1);justify-content:flex-start}.cometchat-calls-virtual-background-images-row .cometchat-calls-virtual-background-option{padding:0}.cometchat-calls-virtual-background-option--add{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--cometchat-calls-radius-2);flex-direction:row;gap:8px;gap:var(--cometchat-calls-spacing-2);justify-content:flex-start;min-height:48px;padding:8px 12px;padding:var(--cometchat-calls-padding-2) var(--cometchat-calls-padding-3);width:fit-content}.cometchat-calls-virtual-background-option--add:hover{background:#1a1a1a;background:var(--cometchat-calls-background-color-02)}.cometchat-calls-virtual-background-option-add-text{color:#6852d6;color:var(--cometchat-calls-text-color-highlight);font:400 12px/14.4px Roboto,Inter;font:var(--cometchat-calls-font-caption1-regular);line-height:1.2;text-align:center}.cometchat-calls-virtual-background-option{align-items:center;background:#272727;background:var(--cometchat-calls-background-color-03);border:2px solid #272727;border:2px solid var(--cometchat-calls-border-color-light);border-radius:4px;border-radius:var(--cometchat-calls-radius-1);box-sizing:border-box;cursor:pointer;display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:70px}.cometchat-calls-virtual-background-option:hover{border-color:#383838;border-color:var(--cometchat-calls-border-color-default);transform:scale(1.05)}.cometchat-calls-virtual-background-option--selected,.cometchat-calls-virtual-background-option--selected:hover{border:2px solid #6852d6;border:2px solid var(--cometchat-calls-icon-color-highlight)}.cometchat-calls-virtual-background-option-none{background:#272727;background:var(--cometchat-calls-background-color-03)}.cometchat-calls-virtual-background-option-blur,.cometchat-calls-virtual-background-option-none{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.cometchat-calls-virtual-background-option-blur-effect{background:linear-gradient(45deg,#6852d6,#4f3ea3 50%,#7460d9);background:linear-gradient(45deg,var(--cometchat-calls-primary-color) 0,var(--cometchat-calls-extended-primary-color-700) 50%,var(--cometchat-calls-extended-primary-color-900) 100%);filter:blur(4px);height:100%;width:100%}.cometchat-calls-virtual-background-option-image{height:100%;object-fit:cover;object-position:center;width:100%}.cometchat-calls-virtual-background-option-selected-indicator{align-items:center;background-color:#00000080;bottom:0;color:#fff;color:var(--cometchat-calls-static-white);display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.cometchat-calls-virtual-background-option-selected-indicator:before{border-radius:50%;height:32px;height:var(--cometchat-calls-spacing-8);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;width:var(--cometchat-calls-spacing-8);z-index:1}.cometchat-calls-virtual-background-option-selected-indicator svg{position:relative;z-index:2}.cometchat-calls-virtual-background-option-wrapper{align-items:center;display:flex;flex-direction:column;position:relative}.cometchat-calls-virtual-background-option-checkbox{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000004d;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.cometchat-calls-virtual-background-option-checkbox .cometchat-calls-icon{color:#fff;color:var(--cometchat-calls-icon-color-primary)}.cometchat-calls-virtual-background-footer{align-items:center;background:#141414;background:var(--cometchat-calls-background-color-01);display:flex;gap:12px;gap:var(--cometchat-calls-spacing-3);justify-content:flex-end;padding:16px 20px;padding:var(--cometchat-calls-padding-4) var(--cometchat-calls-padding-5)}.cometchat-calls-virtual-background-button{align-items:center;border:none;border-radius:8px;border-radius:var(--cometchat-calls-radius-2);cursor:pointer;display:flex;font:500 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-button-medium);justify-content:center;min-height:32px;min-width:120px;padding:8px 20px;padding:var(--cometchat-calls-padding-2) var(--cometchat-calls-padding-5);transition:all .2s ease}.cometchat-calls-virtual-background-button--primary{background:#6852d6;background:var(--cometchat-calls-primary-button-background);color:#fff;color:var(--cometchat-calls-primary-button-text)}.cometchat-calls-virtual-background-button--primary:hover{background:#5745b4;background:var(--cometchat-calls-extended-primary-color-800)}.cometchat-calls-virtual-background-button--primary:disabled{cursor:not-allowed;opacity:.6}.cometchat-calls-virtual-background-button--secondary{background:#0000;border:1px solid #4c4c4c;border:1px solid var(--cometchat-calls-border-color-dark);color:#fff;color:var(--cometchat-calls-text-color-primary)}.cometchat-calls-virtual-background-button--secondary:hover{background:#272727;background:var(--cometchat-calls-background-color-03)}.cometchat-calls-virtual-background-button--full-width{width:100%}@media (max-width:767px){.cometchat-calls-virtual-background-overlay{padding:0}.cometchat-calls-virtual-background-option-wrapper{min-width:77px}.cometchat-calls-virtual-background-preview-video-container{height:240px;min-width:320px;width:100%}.cometchat-calls-virtual-background-footer{box-sizing:border-box;justify-content:space-between;width:100%}.cometchat-calls-virtual-background-footer .cometchat-calls-virtual-background-button{min-width:calc(50% - 20px);min-width:calc(50% - var(--cometchat-calls-padding-5))}}.cometchat-calls-virtual-background-options::-webkit-scrollbar{width:6px}.cometchat-calls-virtual-background-options::-webkit-scrollbar-track{background:#272727;background:var(--cometchat-calls-background-color-03);border-radius:4px;border-radius:var(--cometchat-calls-radius-1)}.cometchat-calls-virtual-background-options::-webkit-scrollbar-thumb{background:#383838;background:var(--cometchat-calls-border-color-default);border-radius:4px;border-radius:var(--cometchat-calls-radius-1)}.cometchat-calls-virtual-background-options::-webkit-scrollbar-thumb:hover{background:#4c4c4c;background:var(--cometchat-calls-border-color-dark)}.cometchat-calls-virtual-background-option--add .cometchat-calls-icon{color:#fff;color:var(--cometchat-calls-icon-color-primary)}.cometchat-calls-virtual-background-option-none .cometchat-calls-icon{color:#858585;color:var(--cometchat-calls-icon-color-secondary)}.cometchat-calls-recording-indicator{align-items:center;background:#272727;background:var(--cometchat-calls-background-color-03);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);display:inline-flex;flex-direction:row;flex-shrink:0;gap:4px;gap:var(--cometchat-calls-spacing-1);line-height:1;padding:4px 8px;padding:var(--cometchat-calls-padding-1) var(--cometchat-calls-padding-2);-webkit-user-select:none;user-select:none}.cometchat-calls-recording-indicator-dot{background:#c73c3e;background:var(--cometchat-calls-error-color);border-radius:50%;flex-shrink:0;height:8px;position:relative;width:8px}.cometchat-calls-recording-indicator-dot:after{animation:cometchat-calls-recording-pulse 1.6s ease-out infinite;background:#c73c3e;background:var(--cometchat-calls-error-color);border-radius:50%;content:"";height:100%;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:center;width:100%}.cometchat-calls-recording-indicator-label{color:#fff;color:var(--cometchat-calls-static-white);font:700 10px/12px Roboto,Inter;font:var(--cometchat-calls-font-caption2-bold);letter-spacing:.4px;text-transform:uppercase}@keyframes cometchat-calls-recording-pulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}@media (prefers-reduced-motion:reduce){.cometchat-calls-recording-indicator-dot:after{animation:none;opacity:0}}.cometchat-calls-streaming-indicator{align-items:center;background:#272727;background:var(--cometchat-calls-background-color-03);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);display:inline-flex;flex-direction:row;flex-shrink:0;gap:4px;gap:var(--cometchat-calls-spacing-1);line-height:1;padding:4px 8px;padding:var(--cometchat-calls-padding-1) var(--cometchat-calls-padding-2);-webkit-user-select:none;user-select:none}.cometchat-calls-streaming-indicator-dot{flex-shrink:0;height:8px;position:relative;width:8px}.cometchat-calls-streaming-indicator-dot,.cometchat-calls-streaming-indicator-dot:after{background:#d08d04;background:var(--cometchat-calls-warning-color,#ff9500);border-radius:50%}.cometchat-calls-streaming-indicator-dot:after{animation:cometchat-calls-streaming-pulse 1.6s ease-out infinite;content:"";height:100%;left:50%;opacity:.6;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:center;width:100%}.cometchat-calls-streaming-indicator-label{color:#fff;color:var(--cometchat-calls-static-white);font:700 10px/12px Roboto,Inter;font:var(--cometchat-calls-font-caption2-bold);letter-spacing:.4px;text-transform:uppercase}@keyframes cometchat-calls-streaming-pulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}@media (prefers-reduced-motion:reduce){.cometchat-calls-streaming-indicator-dot:after{animation:none;opacity:0}}.cometchat-calls-header-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:20px;padding:12px 20px;width:100%}.cometchat-calls-header-session-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-width:0;overflow:hidden}.cometchat-calls-header-title{font-size:16px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cometchat-calls-header-session-timer,.cometchat-calls-header-title{color:#fff;font-family:Roboto,sans-serif;font-style:normal;line-height:120%}.cometchat-calls-header-session-timer{font-size:12px;font-weight:400}.cometchat-calls-header-session-meta{align-items:center;display:flex;flex-direction:row;gap:8px;max-width:100%;min-width:0}.cometchat-calls-header-actions{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:12px;justify-content:flex-end;padding:0}.cometchat-calls-header-action-button{align-items:center;background:#272727;border:none;border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px}.cometchat-calls-header-action-button.cometchat-calls-header-action-button--active{background:#383838;background:var(--cometchat-calls-background-color-04)}.cometchat-calls-header-layout-dropdown{display:inline-block;position:relative}.cometchat-calls-header-dropdown-menu{background:#141414;background:var(--cometchat-calls-background-color-01);border:1px solid #272727;border:1px solid var(--cometchat-calls-border-color-light);border-radius:8px;border-radius:var(--cometchat-calls-radius-2);box-shadow:0 4px 12px #0000004d;margin-top:4px;margin-top:var(--cometchat-calls-margin-1);min-width:160px;opacity:0;padding:8px 0;padding:var(--cometchat-calls-padding-2) 0;position:absolute;right:0;top:100%;transform:translateY(-10px) scale(.95);transform-origin:top right;z-index:200}.cometchat-calls-header-dropdown-menu.cometchat-calls-header-dropdown-menu--opening{animation:cometchat-calls-dropdown-enter .15s ease forwards}.cometchat-calls-header-dropdown-menu.cometchat-calls-header-dropdown-menu--closing{animation:cometchat-calls-dropdown-exit .15s ease forwards}.cometchat-calls-header-action-button .cometchat-calls-header-badge{align-items:center;background:#6852d6;background:var(--cometchat-calls-primary-color,#6852d6);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);box-sizing:border-box;color:#fff;color:var(--cometchat-calls-static-white,#fff);display:flex;font:400 10px/12px Roboto,Inter;font:var(--cometchat-calls-font-caption2-regular);height:20px;justify-content:center;overflow:hidden;padding-left:1px;position:absolute;right:-8px;top:-2px;width:24px}@keyframes cometchat-calls-dropdown-enter{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cometchat-calls-dropdown-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.cometchat-calls-header-dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;gap:var(--cometchat-calls-spacing-3);height:40px;padding:8px 16px;padding:var(--cometchat-calls-padding-2) var(--cometchat-calls-padding-4);text-align:left;width:100%}.cometchat-calls-header-dropdown-item-name{color:#fff;color:var(--cometchat-calls-text-color-primary);font:400 16px/19.2px Roboto,Inter;font:var(--cometchat-calls-font-heading4-regular)}.cometchat-calls-header-dropdown-item.active,.cometchat-calls-header-dropdown-item:hover{background:#272727;background:var(--cometchat-calls-background-color-03)}.cometchat-calls-header-dropdown-item.active{cursor:not-allowed;opacity:.5}.cometchat-calls-header-action-button .cometchat-calls-icon{color:#fff;color:var(--cometchat-calls-static-white)}.cometchat-calls-header-dropdown-item .cometchat-calls-icon{color:#989898;color:var(--cometchat-calls-neutral-color-600)}.cometchat-calls-ideal-timeout-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(var(--cometchat-calls-spacing-1));backdrop-filter:blur(4px);backdrop-filter:blur(var(--cometchat-calls-spacing-1));background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.cometchat-calls-ideal-timeout-modal{background:#141414;background:var(--cometchat-calls-background-color-01);border:1px solid #383838;border:1px solid var(--cometchat-calls-border-color-default);border-radius:20px;border-radius:var(--cometchat-calls-radius-5);box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;box-sizing:border-box;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;padding:32px 20px 20px;padding:var(--cometchat-calls-padding-8) var(--cometchat-calls-padding-5) var(--cometchat-calls-padding-5) var(--cometchat-calls-padding-5);width:400px}.cometchat-calls-ideal-timeout-modal__content{align-items:center;display:flex;flex-direction:column;gap:20px;gap:var(--cometchat-calls-spacing-5);width:100%}.cometchat-calls-ideal-timeout-modal__timer-icon{align-items:center;background:#473892;background:var(--cometchat-calls-extended-primary-color-600);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.cometchat-calls-ideal-timeout-modal__timer-text{color:#fff;color:var(--cometchat-calls-static-white);font:700 18px/21.6px Roboto,Inter;font:var(--cometchat-calls-font-heading3-bold);text-align:center}.cometchat-calls-ideal-timeout-modal__text-content{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--cometchat-calls-spacing-2);width:100%}.cometchat-calls-ideal-timeout-modal__title{color:#fff;color:var(--cometchat-calls-text-color-primary);font:500 20px/24px Roboto,Inter;font:var(--cometchat-calls-font-heading2-medium);margin:0;text-align:center;width:100%}.cometchat-calls-ideal-timeout-modal__subtitle{color:#989898;color:var(--cometchat-calls-text-color-secondary);font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular);line-height:1.2;margin:0;text-align:center;width:100%}.cometchat-calls-ideal-timeout-modal__actions{align-items:center;display:flex;gap:12px;width:100%}.cometchat-calls-ideal-timeout-modal__button{align-items:center;border:none;border-radius:8px;border-radius:var(--cometchat-calls-radius-2);cursor:pointer;display:flex;flex:1 1;font:500 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-button-medium);height:40px;justify-content:center;outline:none;padding:8px 20px;padding:var(--cometchat-calls-padding-2) var(--cometchat-calls-padding-5);transition:all .2s ease;width:160px}.cometchat-calls-ideal-timeout-modal__button:focus{outline:2px solid #6852d6;outline:2px solid var(--cometchat-calls-primary-color);outline-offset:2px}.cometchat-calls-ideal-timeout-modal__button--secondary{background:#0000;border:1px solid #4c4c4c;border:1px solid var(--cometchat-calls-border-color-dark);color:#fff;color:var(--cometchat-calls-text-color-primary)}.cometchat-calls-ideal-timeout-modal__button--secondary:hover{background:#1a1a1a;background:var(--cometchat-calls-background-color-02);border-color:#4c4c4c;border-color:var(--cometchat-calls-border-color-dark)}.cometchat-calls-ideal-timeout-modal__button--secondary:active{background:#272727;background:var(--cometchat-calls-background-color-03)}.cometchat-calls-ideal-timeout-modal__button--primary{background:#c73c3e;background:var(--cometchat-calls-error-color);color:#fff;color:var(--cometchat-calls-static-white)}.cometchat-calls-ideal-timeout-modal__button--primary:hover{background:#b33537}.cometchat-calls-ideal-timeout-modal__button--primary:active{background:#a02e30}@media (max-width:480px){.cometchat-calls-ideal-timeout-modal{margin:16px;margin:var(--cometchat-calls-margin-4);padding:24px 16px 16px;padding:var(--cometchat-calls-padding-6) var(--cometchat-calls-padding-4) var(--cometchat-calls-padding-4) var(--cometchat-calls-padding-4);width:320px}.cometchat-calls-ideal-timeout-modal__content{gap:16px;gap:var(--cometchat-calls-spacing-4)}.cometchat-calls-ideal-timeout-modal__timer-icon{height:70px;width:70px}.cometchat-calls-ideal-timeout-modal__timer-text{font:700 16px/19.2px Roboto,Inter;font:var(--cometchat-calls-font-heading4-bold)}.cometchat-calls-ideal-timeout-modal__title{font:500 18px/21.6px Roboto,Inter;font:var(--cometchat-calls-font-heading3-medium)}.cometchat-calls-ideal-timeout-modal__subtitle{font:400 12px/14.4px Roboto,Inter;font:var(--cometchat-calls-font-caption1-regular)}.cometchat-calls-ideal-timeout-modal__actions{flex-direction:column;gap:8px;gap:var(--cometchat-calls-spacing-2)}.cometchat-calls-ideal-timeout-modal__button{min-width:200px;width:100%}}@media (max-width:360px){.cometchat-calls-ideal-timeout-modal{padding:16px 12px 12px;padding:var(--cometchat-calls-padding-4) var(--cometchat-calls-padding-3) var(--cometchat-calls-padding-3) var(--cometchat-calls-padding-3);width:280px}.cometchat-calls-ideal-timeout-modal__timer-icon{height:60px;width:60px}.cometchat-calls-ideal-timeout-modal__button{height:36px;min-width:180px;padding:4px 16px;padding:var(--cometchat-calls-padding-1) var(--cometchat-calls-padding-4)}}.cometchat-calls-info-view-container{align-items:center;background-color:#272727;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:20px}.cometchat-calls-info-view-message{color:#fff;font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular);text-align:center}.cometchat-calls-participant-item{align-items:center;background-color:#1a1a1a;background-color:var(--cometchat-calls-background-color-02);border-bottom:1px solid #272727;border-bottom:1px solid var(--cometchat-calls-border-color-light);box-sizing:border-box;display:flex;flex-direction:row;gap:12px;gap:var(--cometchat-calls-spacing-3);min-width:0;padding:12px 16px;padding:var(--cometchat-calls-padding-3) var(--cometchat-calls-padding-4);transition:background-color .2s ease;width:100%}.cometchat-calls-participant-avatar{flex-shrink:0;height:48px;position:relative;width:48px}.cometchat-calls-participant-pin-icon{align-items:center;background-color:#1a1a1a;background-color:var(--cometchat-calls-background-color-02);border-radius:50%;bottom:0;display:flex;justify-content:center;padding:1px;position:absolute;right:0}.cometchat-calls-participant-text{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--cometchat-calls-spacing-1);min-width:0;overflow:hidden}.cometchat-calls-participant-name{color:#fff;color:var(--cometchat-calls-text-color-primary);font:500 16px/19.2px Roboto,Inter;font:var(--cometchat-calls-font-heading4-medium)}.cometchat-calls-participant-description,.cometchat-calls-participant-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cometchat-calls-participant-description{color:#989898;color:var(--cometchat-calls-text-color-secondary);font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular)}.cometchat-calls-participant-icons{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:12px;gap:var(--cometchat-calls-spacing-3);margin-left:auto;overflow:visible;position:relative}.cometchat-calls-participant-more-button{align-items:center;background-color:#272727;background-color:var(--cometchat-calls-background-color-03);border:none;border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background-color .2s ease,transform .1s ease;width:28px}.cometchat-calls-participant-more-button:hover{background-color:#383838;background-color:var(--cometchat-calls-background-color-04);transform:scale(1.05)}@media (max-width:768px){.cometchat-calls-participant-item{padding:8px 12px;padding:var(--cometchat-calls-padding-2) var(--cometchat-calls-padding-3)}.cometchat-calls-participant-icons,.cometchat-calls-participant-item{gap:8px;gap:var(--cometchat-calls-spacing-2)}.cometchat-calls-participant-more-button{height:24px;width:24px}}.cometchat-calls-participant-pin-icon .cometchat-calls-icon,.cometchat-calls-participant-raise-hand.cometchat-calls-icon{color:#fff;color:var(--cometchat-calls-static-white)}.cometchat-calls-participant-screen-share.cometchat-calls-icon{color:#6852d6;color:var(--cometchat-calls-primary-color)}.cometchat-calls-participant-signal.cometchat-calls-icon{color:var(--signal-color)}.cometchat-calls-participant-mic.cometchat-calls-icon{color:#6852d6;color:var(--cometchat-calls-primary-color)}.cometchat-calls-participant-mic--muted.cometchat-calls-icon{color:#858585;color:var(--cometchat-calls-icon-color-secondary)}.cometchat-calls-participant-list-wrapper{background:#141414;background:var(--cometchat-calls-background-color-01);box-sizing:border-box;height:100%;padding:8px;padding:var(--cometchat-calls-padding-2);padding-left:0;position:absolute;right:0;top:0;transform:translate(100%);transition:transform var(--transition-duration) var(--transition-easing);width:360px;width:var(--cometchat-calls-participants-list-width);will-change:transform;z-index:1000}.cometchat-calls-participant-list-wrapper .cometchat-calls-more-option-button{box-sizing:border-box;height:28px;width:28px}.cometchat-calls-participant-list-container{align-items:flex-start;border:1px solid #383838;border:1px solid var(--cometchat-calls-border-color-default);border-radius:12px;border-radius:var(--cometchat-calls-radius-3);flex-direction:column;height:100%;padding:0}.cometchat-calls-participant-list-container,.cometchat-calls-participant-list-header{background:#272727;background:var(--cometchat-calls-background-color-03);box-sizing:border-box;display:flex;flex-shrink:0;width:100%}.cometchat-calls-participant-list-header{align-items:center;border-radius:inherit;flex-direction:row;gap:12px;gap:var(--cometchat-calls-spacing-3);height:64px;justify-content:space-between;padding:8px 16px;padding:var(--cometchat-calls-padding-2) var(--cometchat-calls-padding-4);padding-bottom:0}.cometchat-calls-participant-list-header-text{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;justify-content:center;overflow:hidden;padding:0}.cometchat-calls-participant-list-title{color:#fff;color:var(--cometchat-calls-text-color-primary);font:700 16px/19.2px Roboto,Inter;font:var(--cometchat-calls-font-heading4-bold);height:24px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cometchat-calls-participant-list-close-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;gap:16px;height:24px;justify-content:center;padding:0;width:24px}.cometchat-calls-participant-search-container{align-items:flex-start;background:#1a1a1a;background:var(--cometchat-calls-background-color-02);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:100%}.cometchat-calls-participant-search-input-wrapper{align-items:center;background:#272727;background:var(--cometchat-calls-background-color-03);border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);box-sizing:border-box;display:flex;flex-direction:row;gap:8px;gap:var(--cometchat-calls-spacing-2);height:40px;padding:0 12px;padding:0 var(--cometchat-calls-padding-3);width:100%}.cometchat-calls-participant-search-icon{flex-shrink:0}.cometchat-calls-participant-search-input{background:none;border:none;color:#fff;color:var(--cometchat-calls-text-color-primary);flex-grow:1;font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:400;height:100%;line-height:120%;margin:0;outline:none;padding:0}.cometchat-calls-participant-search-input::placeholder{color:#858585;color:var(--cometchat-calls-text-color-tertiary);font:400 16px/19.2px Roboto,Inter;font:var(--cometchat-calls-font-heading4-regular);opacity:1}.cometchat-calls-participants-scroll-area{align-items:flex-start;background:#1a1a1a;background:var(--cometchat-calls-background-color-02);border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0;display:flex;flex-direction:column;flex-grow:1;overflow-x:visible;overflow-y:auto;padding:0;width:100%}.cometchat-calls-participants-scroll-area::-webkit-scrollbar{width:6px}.cometchat-calls-participants-scroll-area::-webkit-scrollbar-track{background:#272727;background:var(--cometchat-calls-border-color-light);border-radius:3px}.cometchat-calls-participants-scroll-area::-webkit-scrollbar-thumb{background:#4c4c4c;background:var(--cometchat-calls-neutral-color-400);border-radius:4px;border-radius:var(--cometchat-calls-radius-1)}.cometchat-calls-participants-scroll-area::-webkit-scrollbar-thumb:hover{background:#858585;background:var(--cometchat-calls-neutral-color-500)}.cometchat-calls-participant-list-empty-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;overflow:hidden;padding:0;text-align:center}.cometchat-calls-participant-list-empty-state-icon{margin-bottom:24px;opacity:.6}.cometchat-calls-participant-list-empty-state-text{align-items:center;display:flex;flex-direction:column;gap:8px}.cometchat-calls-participant-list-empty-state-title{color:#fff;color:var(--cometchat-calls-text-color-primary);font:700 18px/21.6px Roboto,Inter;font:var(--cometchat-calls-font-heading3-bold);font-size:16px;font-weight:500;line-height:1.2;margin:0}.cometchat-calls-participant-list-empty-state-subtitle{color:#989898;color:var(--cometchat-calls-text-color-secondary);font:400 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-body-regular);font-size:14px;font-weight:400;line-height:1.2;margin:0}.cometchat-calls-participant-list-no-results{color:#989898;font-family:Roboto,sans-serif;font-size:14px;padding:20px;text-align:center;width:100%}.cometchat-calls-participant-search-input-container{border-radius:1000px;border-radius:var(--cometchat-calls-radius-max);box-sizing:border-box;padding:16px;padding:var(--cometchat-calls-padding-4);width:100%}.cometchat-calls-participant-list-share-invite-button-container{box-sizing:border-box;padding:12px 24px;padding:var(--cometchat-calls-padding-3) var(--cometchat-calls-padding-6);width:100%}.cometchat-calls-participant-list-share-invite-button{align-items:center;background:#141414;background:var(--cometchat-calls-background-color-01);border:1px solid #4c4c4c;border:1px solid var(--cometchat-calls-border-color-dark);border-radius:8px;border-radius:var(--cometchat-calls-radius-2);color:#fff;color:var(--cometchat-calls-static-white);cursor:pointer;display:flex;font:500 14px/16.8px Roboto,Inter;font:var(--cometchat-calls-font-button-medium);gap:8px;gap:var(--cometchat-calls-spacing-2);justify-content:center;margin-top:8px;margin-top:var(--cometchat-calls-margin-2);padding:8px 20px;padding:var(--cometchat-calls-padding-2) var(--cometchat-calls-padding-5);transition:all .2s ease;width:100%}.cometchat-calls-participant-list-share-invite-button:hover{background:#6852d6;background:var(--cometchat-calls-primary-button-background);transition:background .3s ease-in-out}.cometchat-calls-participant-list-share-invite-button:active{transform:translateY(0)}@media (min-width:769px){.cometchat-calls-call-screen-content-wrapper.cometchat-calls-call-screen--participant-list-open .cometchat-calls-participant-list-wrapper{transform:translate(0)}.cometchat-calls-call-screen-content-wrapper.cometchat-calls-call-screen--participant-list-open .cometchat-calls-call-screen-main-content{width:calc(100% - 360px);width:calc(100% - var(--cometchat-calls-participants-list-width))}}@media (max-width:768px){.cometchat-calls-call-screen-content-wrapper.cometchat-calls-call-screen--participant-list-open .cometchat-calls-call-screen-main-content{display:none}.cometchat-calls-participant-list-wrapper{bottom:0;height:100vh;left:0;margin:0;padding:0;position:fixed;right:0;top:0;transform:translate(100%);transition:transform var(--transition-duration) var(--transition-easing);width:100vw;z-index:9999}.cometchat-calls-call-screen-content-wrapper.cometchat-calls-call-screen--participant-list-open .cometchat-calls-participant-list-wrapper{transform:translate(0)}.cometchat-calls-participant-list-container{border:none;border-radius:0;box-shadow:none;height:100%;max-width:none;width:100%}.cometchat-calls-participant-list-header,.cometchat-calls-participants-scroll-area{border-radius:0}}.cometchat-calls-participant-list-close-button .cometchat-calls-icon{color:#fff;color:var(--cometchat-calls-static-white)}.cometchat-calls-participant-search-input-wrapper .cometchat-calls-icon{color:#858585;color:var(--cometchat-calls-icon-color-secondary)}.cometchat-calls-participant-list-empty-state-icon .cometchat-calls-icon{color:#4c4c4c;color:var(--cometchat-calls-icon-color-tertiary)}.cometchat-calls-participant-list-share-invite-button .cometchat-calls-icon{color:#fff;color:var(--cometchat-calls-static-white)}.cometchat-calls-connection-loader-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;color:#fff;color:var(--cometchat-calls-text-color-on-dark,#fff);display:flex;font:600 20px/28px Roboto,sans-serif;font:var( --cometchat-calls-font-heading3-semibold,600 20px/28px "Roboto",sans-serif );justify-content:center;left:0;letter-spacing:.5px;opacity:1;pointer-events:all;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:2000}.cometchat-calls-connection-loader-overlay.cometchat-calls-connection-loader-overlay--fade-out{opacity:0;pointer-events:none}.cometchat-calls-connection-loader-animation{--_g:no-repeat radial-gradient(circle closest-side,#ccc 90%,#0000);animation:cometchat-calls-bouncing-dots 1s linear infinite;aspect-ratio:4;background:var(--_g) 0 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.33333% 50%;width:75px}@keyframes cometchat-calls-bouncing-dots{20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}}.cometchat-calls-notification{align-items:center;animation:cometchat-calls-notification-slide-in .3s ease-out;border-radius:8px;box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;display:flex;font-family:Roboto,-apple-system,Helvetica,sans-serif;gap:8px;max-width:340px;min-width:120px;padding:12px;transition:all .3s ease;width:fit-content}.cometchat-calls-notification,.cometchat-calls-notification--default{background:#1a1a1a;border:1px solid #383838}.cometchat-calls-notification--default .cometchat-calls-notification__message{color:#fff}.cometchat-calls-notification--info{background:#1a1a1a;border:1px solid #383838}.cometchat-calls-notification--info .cometchat-calls-notification__message{color:#fff}.cometchat-calls-notification--success{background:#ceecdf;border:1px solid #fff3}.cometchat-calls-notification--success .cometchat-calls-notification__message{color:#097f4a}.cometchat-calls-notification--warning{background:#fff5cf;border:1px solid #fff3;padding:8px 12px}.cometchat-calls-notification--warning .cometchat-calls-notification__message{color:#994000}.cometchat-calls-notification--error{background:#f4d8d8;border:1px solid #fff3;padding:8px 12px}.cometchat-calls-notification--error .cometchat-calls-notification__message{color:#9f3032}.cometchat-calls-notification:has(.cometchat-calls-notification__button),.cometchat-calls-notification:has(.cometchat-calls-notification__close){padding:8px 12px}.cometchat-calls-notification__message{word-wrap:break-word;flex:1 1;font-size:14px;font-style:normal;font-weight:400;line-height:120%;margin:0}.cometchat-calls-notification__button{background:#0000;border:none;color:#8c78f0;cursor:pointer;font-size:14px;font-style:normal;font-weight:400;line-height:120%;margin:0;padding:0;text-align:center;transition:opacity .2s ease;white-space:nowrap}.cometchat-calls-notification__button:hover{opacity:.8}.cometchat-calls-notification__close{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin:0;padding:0;transition:opacity .2s ease;width:24px}.cometchat-calls-notification__close:hover{opacity:.8}.cometchat-calls-notification__close svg{height:24px;width:24px}@keyframes cometchat-calls-notification-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:480px){.cometchat-calls-notification{margin:8px 16px;max-width:calc(100vw - 32px);min-width:100px}}.cometchat-calls-notification__close .cometchat-calls-icon{color:#858585;color:var(--cometchat-calls-icon-color-secondary)}.cometchat-calls-notification-container{bottom:70px;display:flex;flex-direction:column-reverse;gap:10px;left:20px;position:absolute;z-index:1100}.agreement-records-page .agreement-preview-document .agreement-preview-html img{height:auto;max-width:100%}.agreement-records-page .agreement-preview-document .agreement-preview-html table{border-collapse:collapse;font-size:.9em;margin:.75em 0;width:100%}.agreement-records-page .agreement-preview-document .agreement-preview-html td,.agreement-records-page .agreement-preview-document .agreement-preview-html th{border:1px solid #ccc;padding:6px 8px;text-align:left}
/*# sourceMappingURL=main.250a5488.css.map*/