@hoosei/voxweave-react
Version:
A customizable and interactive voice UI component for React applications
1 lines • 23.1 kB
CSS
/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--vox-translate-x:0;--vox-translate-y:0;--vox-translate-z:0;--vox-border-style:solid;--vox-leading:initial;--vox-font-weight:initial;--vox-shadow:0 0 transparent;--vox-shadow-color:initial;--vox-shadow-alpha:100%;--vox-inset-shadow:0 0 transparent;--vox-inset-shadow-color:initial;--vox-inset-shadow-alpha:100%;--vox-ring-color:initial;--vox-ring-shadow:0 0 transparent;--vox-inset-ring-color:initial;--vox-inset-ring-shadow:0 0 transparent;--vox-ring-inset:initial;--vox-ring-offset-width:0px;--vox-ring-offset-color:#fff;--vox-ring-offset-shadow:0 0 transparent;--vox-duration:initial;--vox-ease:initial}}:host:not(#\#),:root:not(#\#){--vox-color-red-50:#fef2f2;--vox-color-red-100:#ffe2e2;--vox-color-red-500:#fb2c36;--vox-color-red-600:#e7000b;--vox-color-red-900:#82181a;--vox-color-green-600:#00a63e;--vox-color-blue-400:#51a2ff;--vox-color-blue-600:#155dfc;--vox-color-gray-200:#e5e7eb;--vox-color-gray-300:#d1d5dc;--vox-color-gray-400:#99a1af;--vox-color-gray-600:#4a5565;--vox-color-gray-700:#364153;--vox-color-gray-800:#1e2939;--vox-color-gray-900:#101828;--vox-color-black:#000;--vox-color-white:#fff;--vox-spacing:.25rem;--vox-container-2xl:42rem;--vox-text-xs:.75rem;--vox-text-xs--line-height:1.33333;--vox-text-sm:.875rem;--vox-text-sm--line-height:1.42857;--vox-text-lg:1.125rem;--vox-text-lg--line-height:1.55556;--vox-text-2xl:1.5rem;--vox-text-2xl--line-height:1.33333;--vox-text-3xl:1.875rem;--vox-text-3xl--line-height:1.2;--vox-font-weight-light:300;--vox-font-weight-medium:500;--vox-font-weight-semibold:600;--vox-leading-relaxed:1.625;--vox-radius-md:.375rem;--vox-radius-lg:.5rem;--vox-radius-xl:.75rem;--vox-radius-2xl:1rem;--vox-ease-out:cubic-bezier(0,0,.2,1);--vox-ease-in-out:cubic-bezier(.4,0,.2,1);--vox-animate-spin:spin 1s linear infinite;--vox-animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--vox-default-transition-duration:.15s;--vox-default-transition-timing-function:cubic-bezier(.4,0,.2,1)}@supports (color:color(display-p3 0 0 0)){:host:not(#\#),:root:not(#\#){--vox-color-red-50:color(display-p3 0.98867 0.95120 0.95042)}}@supports (color:color(display-p3 0 0 0)){:host:not(#\#),:root:not(#\#){--vox-color-red-100:color(display-p3 0.98039 0.88973 0.88778)}}@supports (color:color(display-p3 0 0 0)){:host:not(#\#),:root:not(#\#){--vox-color-red-500:color(display-p3 0.90374 0.26258 0.25331)}}@supports (color:color(display-p3 0 0 0)){:host:not(#\#),:root:not(#\#){--vox-color-red-600:color(display-p3 0.83032 0.14038 0.13320)}}@supports (color:color(display-p3 0 0 0)){:host:not(#\#),:root:not(#\#){--vox-color-red-900:color(display-p3 0.46691 0.13320 0.12139)}}@supports (color:color(display-p3 0 0 0)){:host:not(#\#),:root:not(#\#){--vox-color-green-600:color(display-p3 0.24388 0.64082 0.29481)}}@supports (color:color(display-p3 0 0 0)){:host:not(#\#),:root:not(#\#){--vox-color-blue-400:color(display-p3 0.39744 0.62813 0.99212)}}@supports (color:color(display-p3 0 0 0)){:host:not(#\#),:root:not(#\#){--vox-color-blue-600:color(display-p3 0.17449 0.35897 0.95025)}}@supports (color:color(display-p3 0 0 0)){:host:not(#\#),:root:not(#\#){--vox-color-gray-200:color(display-p3 0.89979 0.90617 0.92106)}}@supports (color:color(display-p3 0 0 0)){:host:not(#\#),:root:not(#\#){--vox-color-gray-300:color(display-p3 0.82203 0.83526 0.85852)}}@supports (color:color(display-p3 0 0 0)){:host:not(#\#),:root:not(#\#){--vox-color-gray-400:color(display-p3 0.60573 0.63039 0.68016)}}@supports (color:color(display-p3 0 0 0)){:host:not(#\#),:root:not(#\#){--vox-color-gray-600:color(display-p3 0.29736 0.33218 0.39043)}}@supports (color:color(display-p3 0 0 0)){:host:not(#\#),:root:not(#\#){--vox-color-gray-700:color(display-p3 0.21997 0.25372 0.31868)}}@supports (color:color(display-p3 0 0 0)){:host:not(#\#),:root:not(#\#){--vox-color-gray-800:color(display-p3 0.12585 0.15950 0.21683)}}@supports (color:color(display-p3 0 0 0)){:host:not(#\#),:root:not(#\#){--vox-color-gray-900:color(display-p3 0.07042 0.09290 0.15193)}}.vox\:sr-only:not(#\#){clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.vox\:absolute:not(#\#),.vox\:sr-only:not(#\#){position:absolute}.vox\:fixed:not(#\#){position:fixed}.vox\:relative:not(#\#){position:relative}.vox\:inset-0:not(#\#){bottom:calc(var(--vox-spacing)*0);left:calc(var(--vox-spacing)*0);right:calc(var(--vox-spacing)*0);top:calc(var(--vox-spacing)*0)}.vox\:top-\[5\%\]:not(#\#){top:5%}.vox\:top-\[38\%\]:not(#\#){top:38%}.vox\:right-2:not(#\#){right:calc(var(--vox-spacing)*2)}.vox\:right-3:not(#\#){right:calc(var(--vox-spacing)*3)}.vox\:right-14:not(#\#){right:calc(var(--vox-spacing)*14)}.vox\:bottom-0:not(#\#){bottom:calc(var(--vox-spacing)*0)}.vox\:bottom-4:not(#\#){bottom:calc(var(--vox-spacing)*4)}.vox\:left-0:not(#\#){left:calc(var(--vox-spacing)*0)}.vox\:left-3:not(#\#){left:calc(var(--vox-spacing)*3)}.vox\:left-4:not(#\#){left:calc(var(--vox-spacing)*4)}.vox\:left-14:not(#\#){left:calc(var(--vox-spacing)*14)}.vox\:z-10:not(#\#){z-index:10}.vox\:z-50:not(#\#){z-index:50}.vox\:mx-4:not(#\#){margin-left:calc(var(--vox-spacing)*4);margin-right:calc(var(--vox-spacing)*4)}.vox\:mx-auto:not(#\#){margin-left:auto;margin-right:auto}.vox\:mt-0\.5:not(#\#){margin-top:calc(var(--vox-spacing)*.5)}.vox\:mt-1:not(#\#){margin-top:calc(var(--vox-spacing)*1)}.vox\:mt-4:not(#\#){margin-top:calc(var(--vox-spacing)*4)}.vox\:mr-2:not(#\#){margin-right:calc(var(--vox-spacing)*2)}.vox\:mb-4:not(#\#){margin-bottom:calc(var(--vox-spacing)*4)}.vox\:mb-6:not(#\#){margin-bottom:calc(var(--vox-spacing)*6)}.vox\:mb-8:not(#\#){margin-bottom:calc(var(--vox-spacing)*8)}.vox\:flex:not(#\#){display:flex}.vox\:inline-flex:not(#\#){display:inline-flex}.vox\:h-3:not(#\#){height:calc(var(--vox-spacing)*3)}.vox\:h-4:not(#\#){height:calc(var(--vox-spacing)*4)}.vox\:h-5:not(#\#){height:calc(var(--vox-spacing)*5)}.vox\:h-6:not(#\#){height:calc(var(--vox-spacing)*6)}.vox\:h-8:not(#\#){height:calc(var(--vox-spacing)*8)}.vox\:h-\[var\(--radix-select-content-available-height\)\]:not(#\#){height:var(--radix-select-content-available-height)}.vox\:h-full:not(#\#){height:100%}.vox\:max-h-\[300px\]:not(#\#){max-height:300px}.vox\:w-1:not(#\#){width:calc(var(--vox-spacing)*1)}.vox\:w-3:not(#\#){width:calc(var(--vox-spacing)*3)}.vox\:w-4:not(#\#){width:calc(var(--vox-spacing)*4)}.vox\:w-5:not(#\#){width:calc(var(--vox-spacing)*5)}.vox\:w-8:not(#\#){width:calc(var(--vox-spacing)*8)}.vox\:w-\[200px\]:not(#\#){width:200px}.vox\:w-full:not(#\#){width:100%}.vox\:max-w-2xl:not(#\#){max-width:var(--vox-container-2xl)}.vox\:max-w-\[365px\]:not(#\#){max-width:365px}.vox\:flex-1:not(#\#){flex:1}.vox\:grow:not(#\#){flex-grow:1}.vox\:-translate-y-\[10\%\]:not(#\#){--vox-translate-y:-10%;translate:var(--vox-translate-x)var(--vox-translate-y)}.vox\:-translate-y-\[38\%\]:not(#\#){--vox-translate-y:-38%;translate:var(--vox-translate-x)var(--vox-translate-y)}.vox\:transform-none:not(#\#){transform:none}.vox\:animate-pulse:not(#\#){animation:var(--vox-animate-pulse)}.vox\:animate-spin:not(#\#){animation:var(--vox-animate-spin)}.vox\:cursor-pointer:not(#\#){cursor:pointer}.vox\:touch-none:not(#\#){touch-action:none}.vox\:flex-col:not(#\#){flex-direction:column}.vox\:flex-row:not(#\#){flex-direction:row}.vox\:items-center:not(#\#){align-items:center}.vox\:items-end:not(#\#){align-items:flex-end}.vox\:items-start:not(#\#){align-items:flex-start}.vox\:justify-between:not(#\#){justify-content:space-between}.vox\:justify-center:not(#\#){justify-content:center}.vox\:justify-end:not(#\#){justify-content:flex-end}.vox\:justify-start:not(#\#){justify-content:flex-start}.vox\:gap-0\.5:not(#\#){gap:calc(var(--vox-spacing)*.5)}.vox\:gap-1:not(#\#){gap:calc(var(--vox-spacing)*1)}.vox\:gap-2:not(#\#){gap:calc(var(--vox-spacing)*2)}.vox\:gap-3:not(#\#){gap:calc(var(--vox-spacing)*3)}.vox\:gap-4:not(#\#){gap:calc(var(--vox-spacing)*4)}.vox\:self-end:not(#\#){align-self:flex-end}.vox\:self-start:not(#\#){align-self:flex-start}.vox\:truncate:not(#\#){text-overflow:ellipsis;white-space:nowrap}.vox\:overflow-hidden:not(#\#),.vox\:truncate:not(#\#){overflow:hidden}.vox\:rounded-2xl:not(#\#){border-radius:var(--vox-radius-2xl)}.vox\:rounded-full:not(#\#),.vox\:rounded-full\!:not(#\#){border-radius:3.40282e+38px}.vox\:rounded-lg:not(#\#){border-radius:var(--vox-radius-lg)}.vox\:rounded-xl:not(#\#){border-radius:var(--vox-radius-xl)}.vox\:rounded-r-md:not(#\#){border-bottom-right-radius:var(--vox-radius-md);border-top-right-radius:var(--vox-radius-md)}.vox\:border:not(#\#){border-style:var(--vox-border-style);border-width:1px}.vox\:border-b-2:not(#\#){border-bottom-style:var(--vox-border-style);border-bottom-width:2px}.vox\:border-b-4\!:not(#\#){border-bottom-style:var(--vox-border-style);border-bottom-width:4px}.vox\:border-\[\#292929\]\!:not(#\#){border-color:#292929}.vox\:border-gray-700:not(#\#),.vox\:border-gray-700\!:not(#\#){border-color:var(--vox-color-gray-700)}.vox\:border-gray-900:not(#\#),.vox\:border-gray-900\/50:not(#\#){border-color:var(--vox-color-gray-900)}@supports (color:color-mix(in lab,red,red)){.vox\:border-gray-900\/50:not(#\#){border-color:color-mix(in oklab,var(--vox-color-gray-900)50%,transparent)}}.vox\:border-red-100:not(#\#){border-color:var(--vox-color-red-100)}.vox\:border-white\/50:not(#\#){border-color:var(--vox-color-white)}@supports (color:color-mix(in lab,red,red)){.vox\:border-white\/50:not(#\#){border-color:color-mix(in oklab,var(--vox-color-white)50%,transparent)}}.vox\:bg-\[\#383838\]\!:not(#\#){background-color:#383838}.vox\:bg-black:not(#\#),.vox\:bg-black\!:not(#\#),.vox\:bg-black\/50:not(#\#){background-color:var(--vox-color-black)}@supports (color:color-mix(in lab,red,red)){.vox\:bg-black\/50:not(#\#){background-color:color-mix(in oklab,var(--vox-color-black)50%,transparent)}}.vox\:bg-blue-600:not(#\#){background-color:var(--vox-color-blue-600)}.vox\:bg-gray-400:not(#\#){background-color:var(--vox-color-gray-400)}.vox\:bg-gray-600:not(#\#){background-color:var(--vox-color-gray-600)}.vox\:bg-gray-700:not(#\#){background-color:var(--vox-color-gray-700)}.vox\:bg-gray-800:not(#\#){background-color:var(--vox-color-gray-800)}.vox\:bg-gray-900:not(#\#),.vox\:bg-gray-900\/90\!:not(#\#){background-color:var(--vox-color-gray-900)}@supports (color:color-mix(in lab,red,red)){.vox\:bg-gray-900\/90\!:not(#\#){background-color:color-mix(in oklab,var(--vox-color-gray-900)90%,transparent)}}.vox\:bg-red-50:not(#\#){background-color:var(--vox-color-red-50)}.vox\:bg-white:not(#\#){background-color:var(--vox-color-white)}.vox\:p-0:not(#\#){padding:calc(var(--vox-spacing)*0)}.vox\:p-0\.5:not(#\#){padding:calc(var(--vox-spacing)*.5)}.vox\:p-1:not(#\#){padding:calc(var(--vox-spacing)*1)}.vox\:p-2:not(#\#){padding:calc(var(--vox-spacing)*2)}.vox\:p-3:not(#\#),.vox\:p-3\!:not(#\#){padding:calc(var(--vox-spacing)*3)}.vox\:p-4:not(#\#){padding:calc(var(--vox-spacing)*4)}.vox\:p-5:not(#\#){padding:calc(var(--vox-spacing)*5)}.vox\:p-8:not(#\#){padding:calc(var(--vox-spacing)*8)}.vox\:px-1\.5\!:not(#\#){padding-left:calc(var(--vox-spacing)*1.5);padding-right:calc(var(--vox-spacing)*1.5)}.vox\:px-2\!:not(#\#){padding-left:calc(var(--vox-spacing)*2);padding-right:calc(var(--vox-spacing)*2)}.vox\:px-3:not(#\#),.vox\:px-3\!:not(#\#){padding-left:calc(var(--vox-spacing)*3);padding-right:calc(var(--vox-spacing)*3)}.vox\:px-4:not(#\#){padding-left:calc(var(--vox-spacing)*4);padding-right:calc(var(--vox-spacing)*4)}.vox\:py-1:not(#\#){padding-bottom:calc(var(--vox-spacing)*1);padding-top:calc(var(--vox-spacing)*1)}.vox\:py-2:not(#\#),.vox\:py-2\!:not(#\#){padding-bottom:calc(var(--vox-spacing)*2);padding-top:calc(var(--vox-spacing)*2)}.vox\:py-2\.5:not(#\#){padding-bottom:calc(var(--vox-spacing)*2.5);padding-top:calc(var(--vox-spacing)*2.5)}.vox\:pb-1\!:not(#\#){padding-bottom:calc(var(--vox-spacing)*1)}.vox\:text-center:not(#\#){text-align:center}.vox\:text-left:not(#\#){text-align:left!important}.vox\:text-2xl:not(#\#){font-size:var(--vox-text-2xl);line-height:var(--vox-text-2xl--line-height);line-height:var(--vox-leading,var(--vox-text-2xl--line-height))}.vox\:text-3xl:not(#\#){font-size:var(--vox-text-3xl);line-height:var(--vox-text-3xl--line-height);line-height:var(--vox-leading,var(--vox-text-3xl--line-height))}.vox\:text-lg:not(#\#){font-size:var(--vox-text-lg);line-height:var(--vox-text-lg--line-height);line-height:var(--vox-leading,var(--vox-text-lg--line-height))}.vox\:text-sm:not(#\#){font-size:var(--vox-text-sm);line-height:var(--vox-text-sm--line-height);line-height:var(--vox-leading,var(--vox-text-sm--line-height))}.vox\:text-xs:not(#\#){font-size:var(--vox-text-xs);line-height:var(--vox-text-xs--line-height);line-height:var(--vox-leading,var(--vox-text-xs--line-height))}.vox\:leading-relaxed:not(#\#){--vox-leading:var(--vox-leading-relaxed);line-height:var(--vox-leading-relaxed)}.vox\:font-light:not(#\#){--vox-font-weight:var(--vox-font-weight-light);font-weight:var(--vox-font-weight-light)}.vox\:font-medium:not(#\#){--vox-font-weight:var(--vox-font-weight-medium);font-weight:var(--vox-font-weight-medium)}.vox\:font-semibold:not(#\#){--vox-font-weight:var(--vox-font-weight-semibold);font-weight:var(--vox-font-weight-semibold)}.vox\:text-black\/90:not(#\#){color:var(--vox-color-black)}@supports (color:color-mix(in lab,red,red)){.vox\:text-black\/90:not(#\#){color:color-mix(in oklab,var(--vox-color-black)90%,transparent)}}.vox\:text-blue-400:not(#\#){color:var(--vox-color-blue-400)}.vox\:text-gray-200:not(#\#){color:var(--vox-color-gray-200)}.vox\:text-gray-300:not(#\#){color:var(--vox-color-gray-300)}.vox\:text-gray-600:not(#\#){color:var(--vox-color-gray-600)}.vox\:text-gray-800\!:not(#\#){color:var(--vox-color-gray-800)}.vox\:text-green-600:not(#\#){color:var(--vox-color-green-600)}.vox\:text-red-500:not(#\#){color:var(--vox-color-red-500)}.vox\:text-red-600:not(#\#){color:var(--vox-color-red-600)}.vox\:text-red-900:not(#\#){color:var(--vox-color-red-900)}.vox\:text-white:not(#\#),.vox\:text-white\!:not(#\#),.vox\:text-white\/90:not(#\#){color:var(--vox-color-white)}@supports (color:color-mix(in lab,red,red)){.vox\:text-white\/90:not(#\#){color:color-mix(in oklab,var(--vox-color-white)90%,transparent)}}.vox\:underline:not(#\#){text-decoration-line:underline}.vox\:opacity-50:not(#\#){opacity:.5}.vox\:shadow-lg:not(#\#){--vox-shadow:0 10px 15px -3px var(--vox-shadow-color,rgba(0,0,0,.102)),0 4px 6px -4px var(--vox-shadow-color,rgba(0,0,0,.102))}.vox\:shadow-lg:not(#\#),.vox\:shadow-md:not(#\#){box-shadow:var(--vox-inset-shadow),var(--vox-inset-ring-shadow),var(--vox-ring-offset-shadow),var(--vox-ring-shadow),var(--vox-shadow)}.vox\:shadow-md:not(#\#){--vox-shadow:0 4px 6px -1px var(--vox-shadow-color,rgba(0,0,0,.102)),0 2px 4px -2px var(--vox-shadow-color,rgba(0,0,0,.102))}.vox\:shadow-sm:not(#\#){--vox-shadow:0 1px 3px 0 var(--vox-shadow-color,rgba(0,0,0,.102)),0 1px 2px -1px var(--vox-shadow-color,rgba(0,0,0,.102))}.vox\:shadow-sm:not(#\#),.vox\:shadow-xl:not(#\#){box-shadow:var(--vox-inset-shadow),var(--vox-inset-ring-shadow),var(--vox-ring-offset-shadow),var(--vox-ring-shadow),var(--vox-shadow)}.vox\:shadow-xl:not(#\#){--vox-shadow:0 20px 25px -5px var(--vox-shadow-color,rgba(0,0,0,.102)),0 8px 10px -6px var(--vox-shadow-color,rgba(0,0,0,.102))}.vox\:transition:not(#\#){transition-duration:var(--vox-default-transition-duration);transition-duration:var(--vox-duration,var(--vox-default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--vox-gradient-from,--vox-gradient-via,--vox-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--vox-default-transition-timing-function);transition-timing-function:var(--vox-ease,var(--vox-default-transition-timing-function))}.vox\:transition-all:not(#\#){transition-duration:var(--vox-default-transition-duration);transition-duration:var(--vox-duration,var(--vox-default-transition-duration));transition-property:all;transition-timing-function:var(--vox-default-transition-timing-function);transition-timing-function:var(--vox-ease,var(--vox-default-transition-timing-function))}.vox\:transition-colors:not(#\#){transition-duration:var(--vox-default-transition-duration);transition-duration:var(--vox-duration,var(--vox-default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--vox-gradient-from,--vox-gradient-via,--vox-gradient-to;transition-timing-function:var(--vox-default-transition-timing-function);transition-timing-function:var(--vox-ease,var(--vox-default-transition-timing-function))}.vox\:duration-100:not(#\#){--vox-duration:.1s;transition-duration:.1s}.vox\:duration-150:not(#\#){--vox-duration:.15s;transition-duration:.15s}.vox\:duration-300:not(#\#){--vox-duration:.3s;transition-duration:.3s}.vox\:ease-in-out:not(#\#){--vox-ease:var(--vox-ease-in-out);transition-timing-function:var(--vox-ease-in-out)}.vox\:ease-out:not(#\#){--vox-ease:var(--vox-ease-out);transition-timing-function:var(--vox-ease-out)}.vox\:select-none:not(#\#){-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.vox\:hover\:bg-\[\#292929\]\!:hover:not(#\#){background-color:#292929}.vox\:hover\:bg-gray-300\/80\!:hover:not(#\#){background-color:var(--vox-color-gray-300)}@supports (color:color-mix(in lab,red,red)){.vox\:hover\:bg-gray-300\/80\!:hover:not(#\#){background-color:color-mix(in oklab,var(--vox-color-gray-300)80%,transparent)}}.vox\:hover\:bg-gray-700\!:hover:not(#\#){background-color:var(--vox-color-gray-700)}.vox\:hover\:bg-gray-900\/80\!:hover:not(#\#){background-color:var(--vox-color-gray-900)}@supports (color:color-mix(in lab,red,red)){.vox\:hover\:bg-gray-900\/80\!:hover:not(#\#){background-color:color-mix(in oklab,var(--vox-color-gray-900)80%,transparent)}}}body:not(#\#):not(#\#):not(#\#):not(#\#){-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;margin:0}.vox-reset{box-sizing:border-box}.vox-reset:not(#\#):not(#\#):not(#\#):not(#\#),.vox-widget:not(#\#):not(#\#):not(#\#):not(#\#) .vox-button{all:revert}.voxweave-container:not(#\#):not(#\#):not(#\#):not(#\#){height:100%;overflow:hidden;position:relative;width:100%}.voxweave-avatar:not(#\#):not(#\#):not(#\#):not(#\#){border-radius:50%;height:100%;overflow:hidden;width:100%}.voxweave-controls:not(#\#):not(#\#):not(#\#):not(#\#){align-items:center;display:flex;justify-content:center;margin-top:8px}.voxweave-button:not(#\#):not(#\#):not(#\#):not(#\#){background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.voxweave-button:hover:not(#\#):not(#\#):not(#\#):not(#\#){background-color:#444}.voxweave-button:focus:not(#\#):not(#\#):not(#\#):not(#\#){box-shadow:0 0 0 2px rgba(0,0,0,.102);outline:none}@property --vox-translate-x{syntax:"*";inherits:false;initial-value:0}@property --vox-translate-y{syntax:"*";inherits:false;initial-value:0}@property --vox-translate-z{syntax:"*";inherits:false;initial-value:0}@property --vox-border-style{syntax:"*";inherits:false;initial-value:solid}@property --vox-leading{syntax:"*";inherits:false}@property --vox-font-weight{syntax:"*";inherits:false}@property --vox-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --vox-shadow-color{syntax:"*";inherits:false}@property --vox-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --vox-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --vox-inset-shadow-color{syntax:"*";inherits:false}@property --vox-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --vox-ring-color{syntax:"*";inherits:false}@property --vox-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --vox-inset-ring-color{syntax:"*";inherits:false}@property --vox-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --vox-ring-inset{syntax:"*";inherits:false}@property --vox-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --vox-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --vox-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --vox-duration{syntax:"*";inherits:false}@property --vox-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}