.PianoKeys{margin:1em 0 2em;display:flex}.PianoKeys .key-button-label{color:#212529;word-wrap:normal}.PianoKeys .key-button,.PianoKeys .key-button-count,.PianoKeys .key-button-label{text-align:center}.PianoKeys .key-button{flex:1;display:flex;flex-direction:column;align-items:center;flex-basis:0;padding:1.6em 1em;background-color:#f9f9f9;border:solid #ccc;border-width:5px 0 0 0;border-radius:0;margin-right:2px;cursor:pointer}.PianoKeys .key-button:last-child{margin-right:0}.PianoKeys .key-button:not(.key-button--disabled):not(.key-button--active):hover{background-color:#e5e5e5}.PianoKeys .key-button .key-button-count,.PianoKeys .key-button .key-button-label{color:#212529}.PianoKeys .key-button.key-button--active{background-color:#6c757d;position:relative;cursor:auto}.PianoKeys .key-button.key-button--active .key-button-percent{color:#ccc}.PianoKeys .key-button.key-button--active .key-button-count,.PianoKeys .key-button.key-button--active .key-button-label{color:#fff}.PianoKeys .key-button.key-button--active:hover{background-color:#6c757d}.PianoKeys .key-button.key-button--active:after,.PianoKeys .key-button.key-button--active:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.PianoKeys .key-button.key-button--active:after{border-color:#6c757d00;border-top-color:#6c757d;border-width:5px;margin-left:-5px}.PianoKeys .key-button.key-button--active:before{border-color:#6c757d00;border-top-color:#6c757d;border-width:11px;margin-left:-11px}.PianoKeys .key-button--danger{border-top-color:#dc3545}.PianoKeys .key-button--info{border-top-color:#17a2b8}.PianoKeys .key-button--success{border-top-color:#28a745}.PianoKeys .key-button-percent{font-size:.9em;font-weight:700;color:#9c9c9c;height:1.3em}.PianoKeys .key-button-count{color:#212529;font-size:1.3em;font-weight:700}.PianoKeys .key-button--disabled{opacity:.5}.PianoKeys .key-button--disabled:hover{cursor:not-allowed}.svelte-select.error~.invalid-feedback{display:block}.prev-notifs-table th{vertical-align:top;white-space:nowrap}.svelte-fa-layers.svelte-66hu08{display:inline-block;position:relative}.svelte-fa-layers.svelte-66hu08 .svelte-fa{position:absolute;bottom:0;left:0;right:0;top:0;margin:auto;text-align:center}.svelte-fa-layers.svelte-66hu08 .svelte-fa-layers-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.svelte-fa-layers.svelte-66hu08 .svelte-fa-layers-text span{display:inline-block}.main.svelte-7td1lv.svelte-7td1lv{background-color:#e7eaec}.main.svelte-7td1lv td.svelte-7td1lv{padding:.6em 1em}