html,body{margin:0;padding:0;min-height:100vh}body{color:#656b71;font-family:system-ui,sans-serif;font-size:1rem;line-height:1}a{color:#656b71}p{font-size:1rem;line-height:1.5}article,section,h1,h2,h3,h4,p{all:unset;display:block}h1{font-weight:400;font-size:2.25rem;color:#2e3033;line-height:1.5}h2{font-weight:400;font-size:1.85rem;color:#2e3033;line-height:1.5}h3{font-weight:600;font-size:1.25rem;color:#2e3033;line-height:1.5}h4{font-weight:600;font-size:1.15rem;color:#2e3033;line-height:1.5}p{font-size:1.15rem;line-height:1.5}strong{color:#2e3033}ul,ol{margin:0;padding:0 2.5rem}ul li,ol li{font-size:1.15rem;line-height:1.5;margin-bottom:.5rem}ul{list-style-type:disc;list-style-position:outside}code{font-family:SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:calc(1em - 4px);padding:2px 6px;line-height:1.5;background:#f2f2f9;color:#2e3033}code.block{background:#fafafd;display:block;font-size:.9rem;padding:.6rem}pre[class*=language-]{background:#fafafd;padding:.6rem;overflow-x:auto;font-size:.9rem}pre[class*=language-] code{font-size:1em;background:none;padding:0;color:auto}.flex-center{display:flex;align-items:center;justify-content:center;flex-direction:column}.MainNav{border-right:1px solid #ccc;display:flex;flex-direction:column;align-items:flex-end;scroll-behavior:smooth;overflow:auto}.MainNav::-webkit-scrollbar{width:5px}.MainNav::-webkit-scrollbar-track{background:#f0f0f0}.MainNav::-webkit-scrollbar-thumb{background:#aaa;border-radius:10px}.MainNav section{width:13rem;margin-right:2rem;padding-bottom:2rem}.MainNav section>a{font-size:14px;display:block;margin-bottom:.5rem}.MainNav h2{font-size:1.1rem;font-weight:500;margin-bottom:.75rem}.MainHeader{background:linear-gradient(30deg,#121283 0%,#2B26B3 100%);color:#fff;height:4rem;position:fixed;top:0;right:0;left:0;z-index:100000}.MainHeader .WavekitLogo{height:2rem}:target:before{content:"";display:block;height:6rem;margin:-6rem 0 0}.DocsImage{border:1px solid #eee;border-radius:1rem;overflow:hidden;display:flex}.DocsImage img{width:100%}.DocsTitle{position:relative}.DocsTitle a{font-weight:400;color:#656b71;display:block;font-size:1em;text-decoration:none;position:absolute;bottom:0;left:-.8em;opacity:0;padding-right:.25em;background:rgba(0,0,0,0);transition:opacity .15s}.DocsTitle:hover a{opacity:1}.PossibleValues{font-size:1.2rem;border-spacing:0;border-collapse:collapse}.PossibleValues td{margin:0;padding:.5rem .75rem;border:1px solid #f0f0f0}.ComponentParam{margin-bottom:.5rem}.ComponentParam h4{font-size:1rem;font-weight:700;margin-bottom:0!important}.ComponentParam+h3{margin-top:2rem}.DocsLayout{min-height:100vh;background-color:#fff;position:relative;box-sizing:border-box;display:flex}.DocsLayout .MainNav{position:fixed;top:4rem;padding:2rem 0 0;width:calc(50vw - 29rem);min-width:17rem;z-index:100;height:calc(100vh - 4rem)}.DocsLayout>article{background-color:#fff;width:50rem;margin:8rem auto 0;padding:0 0 10rem;box-sizing:border-box}.DocsLayout>article>div{margin:0 auto;width:100%;background-color:#fff;box-sizing:border-box}.DocsLayout .right{display:none;background-color:#0ff;width:25vw}.DocsLayout .content-page>section{margin-bottom:5rem}.DocsLayout .content-page>section>section{margin-bottom:3rem}.DocsLayout .content-page h1,.DocsLayout .content-page h2,.DocsLayout .content-page h3,.DocsLayout .content-page h4{margin-bottom:1rem}.DocsLayout .content-page h2+h3,.DocsLayout .content-page h1+h2,.DocsLayout .content-page h1+section{margin-top:2rem}.DocsLayout .content-page h1 small{background-color:#4138ff;color:#fff;padding:.25rem .5rem;border-radius:.5rem;font-size:1.25rem;margin-left:.5rem}.DocsLayout .content-page h2 small{font-size:1rem}.DocsLayout .content-page p,.DocsLayout .content-page iframe,.DocsLayout .content-page pre,.DocsLayout .content-page ul,.DocsLayout .content-page ol,.DocsLayout .content-page hr,.DocsLayout .content-page wavekit-audio,.DocsLayout .content-page wavekit-playlist,.DocsLayout .content-page wavekit-play-button,.DocsLayout .content-page code.block{margin-bottom:2rem}.DocsLayout .content-page .DocsImage{margin:2rem auto;max-width:35rem}.DocsLayout .content-page table.values{all:unset;border-spacing:0;border-collapse:collapse;display:block;margin-bottom:2rem}.DocsLayout .content-page table.values td,.DocsLayout .content-page table.values th{margin:0;padding:.5rem .75rem;border:1px solid #dddddd}.DocsLayout .content-page table.values th{background-color:#fafafa;font-size:.9rem;font-weight:400}.DocsLayout .content-page table.values code{font-size:1rem}.DocsLayout .content-page .web-component-demo{margin-bottom:2rem}.DocsLayout .content-page .web-component-demo wavekit-audio,.DocsLayout .content-page .web-component-demo wavekit-playlist{margin-bottom:0}.DocsLayout .website-demo{padding:3rem 3rem 1rem;margin-bottom:2rem}.DocsLayout .website-demo.pink{background-color:#ffe6e6}.DocsLayout .website-demo.dark{background-color:#282828}.DocsLayout .website-demo.blue{background-color:#e3f8ff}.DocsLayout .website-demo.gray{width:50%;background-color:#f8f8f8;padding-bottom:2rem}.DocsLayout .website-demo.gray iframe{margin-bottom:1rem}.DocsLayout .website-demo.yellow{width:50%;background:#fffbf0}.DocsLayout .cols{display:flex}.DocsLayout .cols>div{width:50%}.DocsLayout table.component-params{all:unset;border-spacing:0;border-collapse:collapse;table-layout:auto;display:block;font-size:1rem;box-sizing:border-box;max-width:100%}.DocsLayout table.component-params td,.DocsLayout table.component-params th{margin:0;padding:.75rem;border:1px solid #dddddd;text-align:left;line-height:1.5;text-wrap:nowrap}.DocsLayout table.component-params td:first-child{color:#2e3033;font-weight:600}.DocsLayout table.component-params td:first-child small{margin-left:.3rem;font-weight:400;font-size:.7rem}.DocsLayout table.component-params td:first-child small.required{border:1px solid #ea172b;color:#ea172b;padding:2px 4px;border-radius:5px}.DocsLayout table.component-params td:last-child{text-wrap:wrap}.DocsLayout table.component-params td:last-child code{display:inline-block;margin:0 .3rem 0 0}.DocsLayout table.component-params th{background-color:#fafafa;font-size:.9rem;font-weight:400}.DocsLayout table.component-params code{font-size:.9rem}@media (max-width: 90rem){.DocsLayout>article{margin-left:20rem;margin-right:0}}