.pixi-container.svelte-fwdqlq{touch-action:manipulation}.instrument-selector.svelte-1cpz2yf{position:relative;box-sizing:border-box}.instrument-selector.selected.svelte-1cpz2yf .selected:where(.svelte-1cpz2yf){border:2px solid black;box-shadow:2px 2px #000}.instrument-selector.svelte-1cpz2yf button:where(.svelte-1cpz2yf){display:flex;width:100%;gap:2px;box-shadow:none;text-transform:capitalize;padding:4px;font-size:1rem}.instrument-selector.selected.svelte-1cpz2yf img:where(.svelte-1cpz2yf){display:block}.instrument-selector.svelte-1cpz2yf .icon:where(.svelte-1cpz2yf){min-width:24px;height:24px;margin-right:4px;border-radius:4px;border:1px solid black;box-shadow:1px 1px #000}.instrument-selector.svelte-1cpz2yf ul:where(.svelte-1cpz2yf){position:absolute;display:none;flex-flow:column nowrap;list-style-type:none;margin:0;margin-top:.5rem;margin-bottom:1rem;padding:8px 6px;width:100%;scrollbar-width:none;bottom:2rem;left:0;box-sizing:border-box;border-radius:10px;background-color:#f0f0f0;border:2px solid black;z-index:1;overflow-y:scroll;overflow-x:hidden;max-height:190px}.instrument-selector.svelte-1cpz2yf ul:where(.svelte-1cpz2yf)::-webkit-scrollbar{display:none}.instrument-selector.open.svelte-1cpz2yf ul:where(.svelte-1cpz2yf){display:inline-flex}.instrument-selector.svelte-1cpz2yf li:where(.svelte-1cpz2yf){position:relative;display:flex;align-items:center;gap:.2rem;padding:5px 4px;cursor:pointer;border-radius:6px}.instrument-selector.svelte-1cpz2yf ul:where(.svelte-1cpz2yf) span:where(.svelte-1cpz2yf){text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.instrument-selector.svelte-1cpz2yf ul:where(.svelte-1cpz2yf) li:where(.svelte-1cpz2yf) span:where(.svelte-1cpz2yf){font-weight:500;white-space:nowrap}.instrument-selector.svelte-1cpz2yf ul:where(.svelte-1cpz2yf) li:where(.svelte-1cpz2yf):hover span:where(.svelte-1cpz2yf){text-overflow:clip}.instrument-selector.svelte-1cpz2yf li:where(.svelte-1cpz2yf):hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;background-color:#0000000a}.instrument-selector.svelte-1cpz2yf img:where(.svelte-1cpz2yf){width:24px;padding:0}.toolbar.svelte-1dqac8y{display:inline-flex;justify-content:center;align-items:center;flex-flow:row nowrap;gap:.4rem;margin-top:1rem;pointer-events:all}.toolbar-button.svelte-1dqac8y{border:2px solid #e3e1e1;box-shadow:2px 2px #c9c7c7;padding:4px}.toolbar-button.selected.svelte-1dqac8y{border:2px solid black;box-shadow:2px 2px #000}.toolbar.svelte-1dqac8y img:where(.svelte-1dqac8y){border-radius:5px;width:24px;padding:4px;cursor:pointer}.toolbar.svelte-1dqac8y img:where(.svelte-1dqac8y):not(.selected):hover{transform:scale(1.05)}button.svelte-1lmnksv img:where(.svelte-1lmnksv){width:24px}#buttons.svelte-1tgnge9{pointer-events:all}button.svelte-1tgnge9 img:where(.svelte-1tgnge9){width:24px}button.svelte-1tgnge9:not(:disabled):active{transform:scale(.95)}button.svelte-1tgnge9:active:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a}.controls.svelte-1tgnge9{position:absolute;text-align:center;width:100%;pointer-events:none;bottom:clamp(2rem,10vh,10rem);display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.tnt.svelte-1tgnge9{border-radius:.25rem;border:2px solid black}.tune-card.svelte-1tgnge9{background-color:#f0f0f0;position:relative;margin-right:8px;font-family:Reem Kufi,Inter,Avenir,Helvetica,Arial,sans-serif;padding:.5rem .875rem;box-shadow:3px 3px #000;outline:none;border:2px solid black;border-radius:10px;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#000}.tune-card.svelte-1tgnge9 .tune-info:where(.svelte-1tgnge9){text-align:left;margin-right:1rem}.tune-card.svelte-1tgnge9 .tune-author:where(.svelte-1tgnge9){font-size:.875rem;opacity:.6}.tune-card.svelte-1tgnge9 button:where(.svelte-1tgnge9){margin-right:0;margin-left:.6rem}#like-button.svelte-1tgnge9{transition:.25s background}#like-button.svelte-1tgnge9:active{background-color:#f07575}#like-button.svelte-1tgnge9 img.filled:where(.svelte-1tgnge9){position:absolute;transition:.2s transform ease-in-out,.2s opacity ease-in-out;opacity:0;transform:scale(0)}#like-button.svelte-1tgnge9.tuneLiked{background-color:#f64b4b}#like-button.svelte-1tgnge9.tuneLiked img.filled:where(.svelte-1tgnge9){transform:scale(1);opacity:1}dialog.svelte-1ayz0dr{padding:26px;border-radius:8px;box-sizing:border-box;z-index:999;margin:auto}dialog.svelte-1ayz0dr #header:where(.svelte-1ayz0dr){margin-bottom:1.5rem}dialog.svelte-1ayz0dr #header:where(.svelte-1ayz0dr) span:where(.svelte-1ayz0dr){opacity:.8}dialog.svelte-1ayz0dr::backdrop{background:#000000b3;pointer-events:all}dialog.svelte-1ayz0dr span:where(.svelte-1ayz0dr){display:block;max-width:284px}#dialog-content.svelte-1ayz0dr{display:flex;flex-flow:column nowrap}