select.svelte-11hnluj{background:#090909;border-radius:2px;padding:.2em;color:#53aa8b;font-family:Lunatic Superstar,Tahoma,Geneva,Verdana,sans-serif;font-size:20px}body,html{margin:0;height:100%}.device-picker.svelte-1fka8xa.svelte-1fka8xa{margin-top:1em;float:right}.container.svelte-1fka8xa.svelte-1fka8xa{overflow:auto;display:block;height:100%;width:100%;margin:auto;position:relative;max-width:1040px;overflow:visible}.settings.svelte-1fka8xa.svelte-1fka8xa{margin:2em auto 0;display:flex;justify-content:center;gap:1em;display:none}piano.svelte-1fka8xa.svelte-1fka8xa{min-height:100px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;margin:3em auto 0;position:relative;width:fit-content;pointer-events:auto;box-sizing:border-box;box-shadow:40px 30px 100px #000;opacity:0;animation:svelte-1fka8xa-fadeIn .5s .3s ease-in forwards}piano.loading.svelte-1fka8xa.svelte-1fka8xa{opacity:.5;pointer-events:none}@keyframes svelte-1fka8xa-fadeIn{0%{opacity:0}to{opacity:1}}piano.svelte-1fka8xa .black-keys.svelte-1fka8xa{position:absolute;top:-10px;height:75px}piano.svelte-1fka8xa .white-keys.svelte-1fka8xa{position:relative;display:flex;flex-direction:row;height:100px}piano.svelte-1fka8xa .white-key.svelte-1fka8xa{position:relative;width:20px;margin:0 2px;height:100%;border:1px inset rgb(156,156,156);border-radius:4px;background-color:#6663636d;box-sizing:border-box;pointer-events:auto;box-shadow:none}piano.svelte-1fka8xa .white-key.solo-playing.svelte-1fka8xa{background-color:#00ff3c}piano.svelte-1fka8xa .white-key.playing.svelte-1fka8xa{background-color:#bc0026;box-shadow:1px 1px 15px 15px #bc00263f;transform:translateY(2px)}piano.svelte-1fka8xa .white-key.sustained.svelte-1fka8xa{background-color:#90544d}piano.svelte-1fka8xa .white-key.dragging.svelte-1fka8xa{pointer-events:none}piano.svelte-1fka8xa .white-key.svelte-1fka8xa:hover{background-color:#53aa8b}piano.svelte-1fka8xa .white-key.svelte-1fka8xa:active{background-color:red;transform:translateY(2px)}piano.theme-light.svelte-1fka8xa .white-key.svelte-1fka8xa{background-color:#fff}piano.theme-light.svelte-1fka8xa .white-key.solo-playing.svelte-1fka8xa{background-color:#00ff3c}piano.theme-light.svelte-1fka8xa .white-key.playing.svelte-1fka8xa{background-color:#bc0026}piano.theme-light.svelte-1fka8xa .white-key.svelte-1fka8xa:hover{background-color:#53aa8b}piano.theme-light.svelte-1fka8xa .white-key.svelte-1fka8xa:active{background-color:red;transform:translateY(2px)}piano.svelte-1fka8xa .black-key.svelte-1fka8xa{z-index:1;position:absolute;width:16px;height:100%;border:1px inset rgb(92,88,88);background:#141414;border-radius:3px;box-shadow:0 0 1px #00000079}piano.svelte-1fka8xa .black-key.playing.svelte-1fka8xa{background-color:#bc0026;box-shadow:1px 1px 15px 15px #bc00263f;transform:translateY(2px)}piano.svelte-1fka8xa .black-key.sustained.svelte-1fka8xa{background-color:#90544d}piano.svelte-1fka8xa .black-key.solo-playing.svelte-1fka8xa{background-color:#00ff3c}piano.svelte-1fka8xa .black-key.dragging.svelte-1fka8xa{pointer-events:none}piano.svelte-1fka8xa .black-key.svelte-1fka8xa:hover{background-color:#53aa8b}piano.svelte-1fka8xa .black-key.svelte-1fka8xa:active{background-color:red;transform:translateY(1px)}.carousel.svelte-1ppqxio.svelte-1ppqxio{position:relative;width:100%;justify-content:center;align-items:center}button.svelte-1ppqxio.svelte-1ppqxio{position:absolute;width:40px;height:40px;top:50%;z-index:50;margin-top:-20px;border:none;background-color:transparent}button.svelte-1ppqxio.svelte-1ppqxio:focus{outline:none}.left.svelte-1ppqxio.svelte-1ppqxio{left:2vw}.right.svelte-1ppqxio.svelte-1ppqxio{right:2vw}ul.svelte-1ppqxio.svelte-1ppqxio{list-style-type:none;position:absolute;display:flex;justify-content:center;width:100%;margin-top:-30px;padding:0}ul.svelte-1ppqxio li.svelte-1ppqxio{margin:6px;border-radius:100%;background-color:#ffffff80;height:8px;width:8px}ul.svelte-1ppqxio li.svelte-1ppqxio:hover{background-color:#ffffffd9}ul.svelte-1ppqxio li.active.svelte-1ppqxio{background-color:#fff}img.svelte-1dh396y.svelte-1dh396y{width:90%;margin:auto;display:block}img.svelte-1dh396y.svelte-1dh396y:hover{cursor:zoom-in}.full-screen.svelte-1dh396y.svelte-1dh396y{position:fixed;display:flex;width:100vw;top:0;bottom:0;left:0;right:0;z-index:100;background:#000000b3}.full-screen.svelte-1dh396y>img.svelte-1dh396y{margin:auto}.full-screen.svelte-1dh396y>img.svelte-1dh396y:hover{cursor:zoom-out}.full-screen.svelte-1dh396y>h1.svelte-1dh396y:hover{cursor:pointer;opacity:.5}.slide-content.svelte-1dh396y.svelte-1dh396y{width:100%}.control.svelte-1dh396y.svelte-1dh396y:hover{opacity:.5;cursor:pointer}.left{left:-15px!important}.right{right:-15px!important}.carousel>ul{margin-top:0!important;position:relative!important}.carousel>ul>li{background-color:#0006!important}.carousel>ul>.active{background-color:#000c!important}img.svelte-156f3tl.svelte-156f3tl{width:100%}section.svelte-156f3tl.svelte-156f3tl{padding:1em 0;position:relative;max-width:60em;margin:auto}.divider.svelte-156f3tl.svelte-156f3tl{text-align:center;margin:6em 0;opacity:.2}@media only screen and (max-width: 975px){.sample-lib-demo.svelte-156f3tl.svelte-156f3tl{display:none}}.sample-lib-demo.svelte-156f3tl piano{box-shadow:none!important}.player-info.svelte-156f3tl.svelte-156f3tl{margin-top:2em;display:grid;grid-template-columns:200px 100px 1fr 40px 1fr;justify-content:space-between;position:relative}@media only screen and (max-width: 975px){.player-info.svelte-156f3tl.svelte-156f3tl{display:none}}.player-info.svelte-156f3tl .arrow.svelte-156f3tl{position:absolute;left:150px;top:-20px;transform:rotateY(180deg)}.player-info.svelte-156f3tl .or.svelte-156f3tl{justify-self:center}.player-info.svelte-156f3tl button.svelte-156f3tl{margin:.6em 0}.player-info.svelte-156f3tl .svelte-156f3tl{width:fit-content}.player-info.svelte-156f3tl .left.svelte-156f3tl,.player-info.svelte-156f3tl .middle.svelte-156f3tl{justify-self:left}.player-info.svelte-156f3tl .right.svelte-156f3tl,.player-info.svelte-156f3tl .device-picker.svelte-156f3tl{justify-self:right}.player-info.svelte-156f3tl .right.svelte-156f3tl select,.player-info.svelte-156f3tl .device-picker.svelte-156f3tl select{background-color:#fff;font-family:Arial;color:#000;font-size:small;padding:0}.demo-mobile-hint.svelte-156f3tl.svelte-156f3tl{display:none}@media only screen and (max-width: 975px){.demo-mobile-hint.svelte-156f3tl.svelte-156f3tl{display:block}}.demo-desktop-hint.svelte-156f3tl.svelte-156f3tl{display:block}@media only screen and (max-width: 975px){.demo-desktop-hint.svelte-156f3tl.svelte-156f3tl{display:none}}.products.svelte-156f3tl.svelte-156f3tl{display:grid;grid-template-columns:1fr 1fr;gap:2em;text-align:center;margin-bottom:4em;margin-top:1em}.products.svelte-156f3tl small.svelte-156f3tl{max-width:250px;margin-bottom:2em;display:block}.products.svelte-156f3tl>a.svelte-156f3tl{display:flex;flex-direction:column;align-items:center;border:1px solid rgba(116,116,116,.249);border-radius:3px;padding:.5em;text-decoration:none}.products.svelte-156f3tl img.svelte-156f3tl{height:10em;width:auto}a.svelte-156f3tl.svelte-156f3tl:hover{opacity:.6}ul.svelte-156f3tl.svelte-156f3tl{padding-inline-start:0px}ul.svelte-156f3tl li small.svelte-156f3tl{opacity:.7}header.svelte-156f3tl.svelte-156f3tl{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}footer.svelte-156f3tl.svelte-156f3tl{display:flex;flex-direction:column;font-family:Snake,Georgia,Times New Roman,Times,serif;font-size:2em;margin:3em auto 0}footer.svelte-156f3tl>p.svelte-156f3tl{text-align:center}footer.svelte-156f3tl>div.svelte-156f3tl{margin:auto;display:flex;flex-direction:row;gap:10px}section.svelte-156f3tl>h3.svelte-156f3tl{color:#676a69}section.svelte-156f3tl>h4.svelte-156f3tl{color:#7a7e7d}.invert.svelte-156f3tl img.svelte-156f3tl{filter:invert(1)}