.piano-block-container{padding-top:16px}.piano-block-container:focus:after{border-radius:2px;bottom:0;box-shadow:0 0 0 2px var(--wp-admin-theme-color,#007cba);content:"";left:0;outline:2px solid transparent;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.piano-block-loading{align-items:center;background:rgba(0,0,0,.5);color:#fff;display:flex;flex-flow:column;gap:8px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.piano-block-controls{align-items:flex-start;background:#fff;border-radius:2px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;margin:0 auto;max-width:648px;padding:8px 48px 8px 16px;position:relative;width:calc(100% - 32px)}.piano-block-controls .components-range-control{width:140px}.piano-block-controls .components-toggle-control .components-flex{align-items:flex-start;flex-flow:column-reverse;gap:20px}.piano-block-controls .components-toggle-control .components-toggle-control__label{font-size:11px;font-weight:500;line-height:1.4;text-transform:uppercase}.piano-block-controls .piano-block-controls__synthesizer-toggle{align-self:flex-end;display:flex}.piano-block-controls .piano-block-controls__help{position:absolute;right:8px;top:8px}.piano-block-synthesizer-setting{box-sizing:border-box;max-width:100%;overflow:hidden;padding:16px;width:240px}.piano-block-synthesizer-setting .piano-block-synthesizer-setting__graph{border:1px solid #949494;display:block;height:80px;width:100%}.piano-block-synthesizer-setting .piano-block-synthesizer-setting__reset{margin-left:auto}.piano-block-help-modal.piano-block-help-modal{max-width:500px}.piano-block-help-modal .components-modal__header h1{color:inherit;font-size:20px;font-style:normal}.piano-block-help-modal .components-modal__header h1:after,.piano-block-help-modal .components-modal__header h1:before{content:none}.piano-block-help-modal .components-modal__header .components-button{background-color:#fff!important;color:inherit!important}.piano-block-help-modal ul{list-style:disc outside;margin:0;padding-left:1.5em}.piano-block-help-modal ul li{margin-left:0}.piano-block-keyboard{overflow-x:auto;padding:16px 0;position:relative;scrollbar-color:transparent transparent;scrollbar-gutter:auto!important;scrollbar-gutter:stable both-edges;scrollbar-width:thin;will-change:transform}.piano-block-keyboard::-webkit-scrollbar{height:12px;width:12px}.piano-block-keyboard::-webkit-scrollbar-track{background-color:transparent}.piano-block-keyboard::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:transparent;border:3px solid transparent;border-radius:8px}.piano-block-keyboard:focus-within::-webkit-scrollbar-thumb,.piano-block-keyboard:focus::-webkit-scrollbar-thumb,.piano-block-keyboard:hover::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.8)}.piano-block-keyboard:focus,.piano-block-keyboard:focus-within,.piano-block-keyboard:hover{scrollbar-color:hsla(0,0%,100%,.8) transparent}@media(hover:none){.piano-block-keyboard{scrollbar-color:hsla(0,0%,100%,.8) transparent}}.piano-block-keyboard .piano-block-keyboard__inner{box-sizing:border-box;display:flex;height:192px;margin:0 auto;padding:0 16px;width:680px}.piano-block-keyboard .piano-block-keyboard__key{align-items:flex-end;display:flex;font-size:11px;font-weight:400;justify-content:center;margin:0;padding:0 0 8px;text-transform:uppercase}.piano-block-keyboard .piano-block-keyboard__key:focus,.piano-block-keyboard .piano-block-keyboard__key:hover{text-decoration:none}.piano-block-keyboard .piano-block-keyboard__key:focus{outline:none}.piano-block-keyboard .piano-block-keyboard__key:hover{cursor:pointer}.piano-block-keyboard .piano-block-keyboard__key.is-pressed.piano-block-keyboard__key--black,.piano-block-keyboard .piano-block-keyboard__key:active.piano-block-keyboard__key--black{background:linear-gradient(180deg,#666 50%,#000);border-bottom-width:4px}.piano-block-keyboard .piano-block-keyboard__key.is-pressed.piano-block-keyboard__key--white,.piano-block-keyboard .piano-block-keyboard__key:active.piano-block-keyboard__key--white{background:linear-gradient(180deg,#ccc 10%,#fff);box-shadow:0 2px 2px #aaa;height:196px}.piano-block-keyboard .piano-block-keyboard__key--black{background:linear-gradient(180deg,#666 0,#000)!important;border-color:#000 #000 #666;border-radius:0 0 4px 4px;border-style:solid;border-width:0 6px 8px;box-shadow:0 3px 5px #ccc,inset 0 0 0 1px hsla(0,0%,86%,.2);color:#fff!important;height:112px;margin:0 -16px;position:relative;width:32px;z-index:1}@media not (prefers-reduced-motion){.piano-block-keyboard .piano-block-keyboard__key--black{transition:background .03s,border-bottom-width .03s}}.piano-block-keyboard .piano-block-keyboard__key--white{background-color:#fff!important;border:1px solid #999;border-bottom:none;border-radius:0 0 3px 3px;box-shadow:0 4px 4px #aaa;color:#000!important;flex:1;height:100%}@media not (prefers-reduced-motion){.piano-block-keyboard .piano-block-keyboard__key--white{transition:height .03s,box-shadow .03s}}.wp-block-piano-block-piano{color:#1d2327;position:relative}.wp-block-piano-block-piano:not(.has-background){background:url(images/block_bg.681e3584.png)}.wp-block-piano-block-piano .components-button{background:#fff!important;color:inherit!important}.wp-block-piano-block-piano .components-button.is-primary{background:var(--wp-admin-theme-color,#007cba)!important;color:#fff!important}.wp-block-piano-block-piano .components-button.is-destructive{color:#cc1818!important}.wp-block-piano-block-piano .components-button:focus,.wp-block-piano-block-piano .components-button:hover{text-decoration:none!important}
