.piano-element{--pn-light-color-1: rgb(15, 15, 21, 1);--pn-color-1: var(--pn-light-color-1);--pn-light-color-2: rgba(15, 15, 21, .7);--pn-color-2: var(--pn-light-color-2);--pn-light-color-3: rgba(15, 15, 21, .4);--pn-color-3: var(--pn-light-color-3);--pn-light-color-4: rgba(15, 15, 21, .2);--pn-color-4: var(--pn-light-color-4);--pn-light-color-5: rgba(15, 15, 21, .08);--pn-color-5: var(--pn-light-color-5);--pn-light-color-6: rgb(59, 103, 178, 1);--pn-color-6: var(--pn-light-color-6);--pn-light-color-7: rgba(59, 103, 178, .7);--pn-color-7: var(--pn-light-color-7);--pn-light-color-8: rgba(59, 103, 178, .4);--pn-color-8: var(--pn-light-color-8);--pn-light-color-9: rgba(59, 103, 178, .2);--pn-color-9: var(--pn-light-color-9);--pn-light-color-10: rgba(59, 103, 178, .08);--pn-color-10: var(--pn-light-color-10);--pn-light-color-11: rgb(255, 255, 255, 1);--pn-color-11: var(--pn-light-color-11);--pn-light-color-12: rgba(255, 255, 255, .7);--pn-color-12: var(--pn-light-color-12);--pn-light-color-13: rgba(255, 255, 255, .4);--pn-color-13: var(--pn-light-color-13);--pn-light-color-14: rgba(255, 255, 255, .2);--pn-color-14: var(--pn-light-color-14);--pn-light-color-15: rgba(255, 255, 255, .08);--pn-color-15: var(--pn-light-color-15);--pn-light-color-16: rgb(47, 78, 141, 1);--pn-color-16: var(--pn-light-color-16);--pn-light-color-17: rgb(213, 48, 50, 1);--pn-color-17: var(--pn-light-color-17);--pn-light-color-18: rgba(242, 119, 120, 1);--pn-color-18: var(--pn-light-color-18);--pn-light-color-19: rgba(255, 194, 2, 1);--pn-color-19: var(--pn-light-color-19);--pn-light-color-20: rgb(25, 178, 78, 1);--pn-color-20: var(--pn-light-color-20);--pn-light-color-bg-main: var(--pn-color-11);--pn-color-bg-main: var(--pn-light-color-bg-main);--pn-light-color-bg-main-inverse: var(--pn-color-1);--pn-color-bg-main-inverse: var(--pn-light-color-bg-main-inverse);--pn-light-color-bg-tertiary: var(--pn-color-11);--pn-color-bg-tertiary: var(--pn-light-color-bg-tertiary);--pn-light-color-bg-accent: var(--pn-color-6);--pn-color-bg-accent: var(--pn-light-color-bg-accent);--pn-light-color-bg-accent-active: var(--pn-color-16);--pn-color-bg-accent-active: var(--pn-light-color-bg-accent-active);--pn-light-color-bg-accent-disabled: var(--pn-color-9);--pn-color-bg-accent-disabled: var(--pn-light-color-bg-accent-disabled);--pn-light-color-bg-secondary: var(--pn-color-5);--pn-color-bg-secondary: var(--pn-light-color-bg-secondary);--pn-light-color-bg-secondary-active: var(--pn-color-4);--pn-color-bg-secondary-active: var(--pn-light-color-bg-secondary-active);--pn-light-color-bg-secondary-disabled: var(--pn-color-5);--pn-color-bg-secondary-disabled: var(--pn-light-color-bg-secondary-disabled);--pn-light-color-bg-warning: var(--pn-color-19);--pn-color-bg-warning: var(--pn-light-color-bg-warning);--pn-light-color-bg-danger: var(--pn-color-17);--pn-color-bg-danger: var(--pn-light-color-bg-danger);--pn-light-color-text-main: var(--pn-color-1);--pn-color-text-main: var(--pn-light-color-text-main);--pn-light-color-text-main-disabled: var(--pn-color-3);--pn-color-text-main-disabled: var(--pn-light-color-text-main-disabled);--pn-light-color-text-secondary: var(--pn-color-2);--pn-color-text-secondary: var(--pn-light-color-text-secondary);--pn-light-color-text-secondary-disabled: var(--pn-color-3);--pn-color-text-secondary-disabled: var(--pn-light-color-text-secondary-disabled);--pn-light-color-text-accent: var(--pn-color-6);--pn-color-text-accent: var(--pn-light-color-text-accent);--pn-light-color-text-accent-active: var(--pn-color-16);--pn-color-text-accent-active: var(--pn-light-color-text-accent-active);--pn-light-color-text-accent-disabled: var(--pn-color-8);--pn-color-text-accent-disabled: var(--pn-light-color-text-accent-disabled);--pn-light-color-text-danger: var(--pn-color-17);--pn-color-text-danger: var(--pn-light-color-text-danger);--pn-light-color-text-warning: var(--pn-color-19);--pn-color-text-warning: var(--pn-light-color-text-warning);--pn-light-color-text-success: var(--pn-color-20);--pn-color-text-success: var(--pn-light-color-text-success);--pn-light-color-text-tertiary: var(--pn-color-3);--pn-color-text-tertiary: var(--pn-light-color-text-tertiary);--pn-light-color-text-onaccent: var(--pn-color-11);--pn-color-text-onaccent: var(--pn-light-color-text-onaccent);--pn-light-color-text-onaccent-disabled: var(--pn-color-13);--pn-color-text-onaccent-disabled: var(--pn-light-color-text-onaccent-disabled);--pn-light-color-text-onaccent-active: var(--pn-color-11);--pn-color-text-onaccent-active: var(--pn-light-color-text-onaccent-active);--pn-light-color-icon-main: var(--pn-color-3);--pn-color-icon-main: var(--pn-light-color-icon-main);--pn-light-color-icon-main-active: var(--pn-color-1);--pn-color-icon-main-active: var(--pn-light-color-icon-main-active);--pn-light-color-icon-main-disabled: var(--pn-color-4);--pn-color-icon-main-disabled: var(--pn-light-color-icon-main-disabled);--pn-light-color-icon-warning: var(--pn-color-19);--pn-color-icon-warning: var(--pn-light-color-icon-warning);--pn-light-color-icon-accent: var(--pn-color-6);--pn-color-icon-accent: var(--pn-light-color-icon-accent);--pn-light-color-icon-onaccent: var(--pn-color-11);--pn-color-icon-onaccent: var(--pn-light-color-icon-onaccent);--pn-light-color-icon-onaccent-active: var(--pn-color-11);--pn-color-icon-onaccent-active: var(--pn-light-color-icon-onaccent-active);--pn-light-color-icon-onaccent-disabled: var(--pn-color-14);--pn-color-icon-onaccent-disabled: var(--pn-light-color-icon-onaccent-disabled);--pn-light-color-border-main: var(--pn-color-3);--pn-color-border-main: var(--pn-light-color-border-main);--pn-light-color-border-main-active: var(--pn-color-1);--pn-color-border-main-active: var(--pn-light-color-border-main-active);--pn-light-color-border-main-disabled: var(--pn-color-5);--pn-color-border-main-disabled: var(--pn-light-color-border-main-disabled);--pn-light-color-border-danger: var(--pn-color-18);--pn-color-border-danger: var(--pn-light-color-border-danger);--pn-light-color-border-danger-active: var(--pn-color-17);--pn-color-border-danger-active: var(--pn-light-color-border-danger-active);--pn-light-color-outline-main: var(--pn-color-6);--pn-color-outline-main: var(--pn-light-color-outline-main);--pn-light-color-shadow-main: var(--pn-color-5);--pn-color-shadow-main: var(--pn-light-color-shadow-main);--pn-light-color-shadow-main-hover: var(--pn-color-4);--pn-color-shadow-main-hover: var(--pn-light-color-shadow-main-hover);--pn-light-color-overlay-main: var(--pn-color-3);--pn-color-overlay-main: var(--pn-light-color-overlay-main);--pn-dark-color-1: rgb(15, 15, 21, 1);--pn-dark-color-2: rgba(15, 15, 21, .7);--pn-dark-color-3: rgba(15, 15, 21, .4);--pn-dark-color-4: rgba(15, 15, 21, .2);--pn-dark-color-5: rgba(15, 15, 21, .08);--pn-dark-color-6: rgb(137, 164, 209, 1);--pn-dark-color-7: rgb(137, 164, 209, .7);--pn-dark-color-8: rgb(137, 164, 209, .4);--pn-dark-color-9: rgb(137, 164, 209, .2);--pn-dark-color-10: rgb(137, 164, 209, .08);--pn-dark-color-11: rgb(255, 255, 255, 1);--pn-dark-color-12: rgba(255, 255, 255, .7);--pn-dark-color-13: rgba(255, 255, 255, .4);--pn-dark-color-14: rgba(255, 255, 255, .2);--pn-dark-color-15: rgba(255, 255, 255, .08);--pn-dark-color-16: rgb(96, 115, 146, 1);--pn-dark-color-17: rgb(213, 48, 50, 1);--pn-dark-color-18: rgba(242, 119, 120, 1);--pn-dark-color-19: rgba(255, 194, 2, 1);--pn-dark-color-20: rgb(25, 178, 78, 1);--pn-dark-color-bg-main: var(--pn-dark-color-1);--pn-dark-color-bg-main-inverse: var(--pn-dark-color-11);--pn-dark-color-bg-tertiary: var(--pn-dark-color-15);--pn-dark-color-bg-accent: var(--pn-dark-color-6);--pn-dark-color-bg-accent-active: var(--pn-dark-color-16);--pn-dark-color-bg-accent-disabled: var(--pn-dark-color-9);--pn-dark-color-bg-secondary: var(--pn-dark-color-14);--pn-dark-color-bg-secondary-active: var(--pn-dark-color-13);--pn-dark-color-bg-secondary-disabled: var(--pn-dark-color-15);--pn-dark-color-bg-warning: var(--pn-dark-color-19);--pn-dark-color-bg-danger: var(--pn-dark-color-17);--pn-dark-color-text-main: var(--pn-dark-color-11);--pn-dark-color-text-main-disabled: var(--pn-dark-color-13);--pn-dark-color-text-secondary: var(--pn-dark-color-12);--pn-dark-color-text-secondary-disabled: var(--pn-dark-color-13);--pn-dark-color-text-accent: var(--pn-dark-color-6);--pn-dark-color-text-accent-active: var(--pn-dark-color-16);--pn-dark-color-text-accent-disabled: var(--pn-dark-color-8);--pn-dark-color-text-danger: var(--pn-dark-color-17);--pn-dark-color-text-warning: var(--pn-dark-color-19);--pn-dark-color-text-success: var(--pn-dark-color-20);--pn-dark-color-text-tertiary: var(--pn-dark-color-13);--pn-dark-color-text-onaccent: var(--pn-dark-color-11);--pn-dark-color-text-onaccent-disabled: var(--pn-dark-color-13);--pn-dark-color-text-onaccent-active: var(--pn-dark-color-11);--pn-dark-color-icon-main: var(--pn-dark-color-13);--pn-dark-color-icon-main-active: var(--pn-dark-color-11);--pn-dark-color-icon-main-disabled: var(--pn-dark-color-14);--pn-dark-color-icon-warning: var(--pn-dark-color-19);--pn-dark-color-icon-accent: var(--pn-dark-color-6);--pn-dark-color-icon-onaccent: var(--pn-dark-color-11);--pn-dark-color-icon-onaccent-active: var(--pn-dark-color-11);--pn-dark-color-icon-onaccent-disabled: var(--pn-dark-color-14);--pn-dark-color-border-main: var(--pn-dark-color-13);--pn-dark-color-border-main-active: var(--pn-dark-color-11);--pn-dark-color-border-main-disabled: var(--pn-dark-color-15);--pn-dark-color-border-danger: var(--pn-dark-color-18);--pn-dark-color-border-danger-active: var(--pn-dark-color-17);--pn-dark-color-outline-main: var(--pn-dark-color-6);--pn-dark-color-shadow-main: var(--pn-dark-color-14);--pn-dark-color-shadow-main-hover: var(--pn-dark-color-14);--pn-dark-color-overlay-main: var(--pn-dark-color-13);--pn-font-family: "Inter", sans-serif;--pn-font-weight-normal: 400;--pn-font-weight-medium: 500;--pn-font-weight-bold: 600;--pn-font-size-s: 12px;--pn-font-size-m: 14px;--pn-font-size-l: 18px;--pn-font-size-xl: 16px;--pn-font-line-height-s: 18px;--pn-font-line-height-m: 22px;--pn-font-line-height-l: 26px;--pn-font-line-height-xl: 40px;--pn-border-style-solid: solid;--pn-border-width-s: 1px;--pn-border-width-m: 2px;--pn-border-radius-m: 6px;--pn-border-radius-s: 4px;--pn-gap-xs: 4px;--pn-gap-s: 8px;--pn-gap-m: 14px;--pn-gap-ml: 16px;--pn-gap-l: 24px;--pn-gap-xl: 44px;--pn-container-type: inline-size;--pn-container-tablet-min-width: 768px;--pn-container-desktop-min-width: 992px}.piano-dark{--pn-color-1: var(--pn-dark-color-1);--pn-color-2: var(--pn-dark-color-2);--pn-color-3: var(--pn-dark-color-3);--pn-color-4: var(--pn-dark-color-4);--pn-color-5: var(--pn-dark-color-5);--pn-color-6: var(--pn-dark-color-6);--pn-color-7: var(--pn-dark-color-7);--pn-color-8: var(--pn-dark-color-8);--pn-color-9: var(--pn-dark-color-9);--pn-color-10: var(--pn-dark-color-10);--pn-color-11: var(--pn-dark-color-11);--pn-color-12: var(--pn-dark-color-12);--pn-color-13: var(--pn-dark-color-13);--pn-color-14: var(--pn-dark-color-14);--pn-color-15: var(--pn-dark-color-15);--pn-color-16: var(--pn-dark-color-16);--pn-color-17: var(--pn-dark-color-17);--pn-color-18: var(--pn-dark-color-18);--pn-color-19: var(--pn-dark-color-19);--pn-color-20: var(--pn-dark-color-20);--pn-color-bg-main: var(--pn-dark-color-bg-main);--pn-color-bg-main-inverse: var(--pn-dark-color-bg-main-inverse);--pn-color-bg-tertiary: var(--pn-dark-color-bg-tertiary);--pn-color-bg-accent: var(--pn-dark-color-bg-accent);--pn-color-bg-accent-active: var(--pn-dark-color-bg-accent-active);--pn-color-bg-accent-disabled: var(--pn-dark-color-bg-accent-disabled);--pn-color-bg-secondary: var(--pn-dark-color-bg-secondary);--pn-color-bg-secondary-active: var(--pn-dark-color-bg-secondary-active);--pn-color-bg-secondary-disabled: var(--pn-dark-color-bg-secondary-disabled);--pn-color-bg-warning: var(--pn-dark-color-bg-warning);--pn-color-bg-danger: var(--pn-dark-color-bg-danger);--pn-color-text-main: var(--pn-dark-color-text-main);--pn-color-text-main-disabled: var(--pn-dark-color-text-main-disabled);--pn-color-text-secondary: var(--pn-dark-color-text-secondary);--pn-color-text-secondary-disabled: var(--pn-dark-color-text-secondary-disabled);--pn-color-text-accent: var(--pn-dark-color-text-accent);--pn-color-text-accent-active: var(--pn-dark-color-text-accent-active);--pn-color-text-accent-disabled: var(--pn-dark-color-text-accent-disabled);--pn-color-text-danger: var(--pn-dark-color-text-danger);--pn-color-text-warning: var(--pn-dark-color-text-warning);--pn-color-text-success: var(--pn-dark-color-text-success);--pn-color-text-tertiary: var(--pn-dark-color-text-tertiary);--pn-color-text-onaccent: var(--pn-dark-color-text-onaccent);--pn-color-text-onaccent-disabled: var(--pn-dark-color-text-onaccent-disabled);--pn-color-text-onaccent-active: var(--pn-dark-color-text-onaccent-active);--pn-color-icon-main: var(--pn-dark-color-icon-main);--pn-color-icon-main-active: var(--pn-dark-color-icon-main-active);--pn-color-icon-main-disabled: var(--pn-dark-color-icon-main-disabled);--pn-color-icon-warning: var(--pn-dark-color-icon-warning);--pn-color-icon-accent: var(--pn-dark-color-icon-accent);--pn-color-icon-onaccent: var(--pn-dark-color-icon-onaccent);--pn-color-icon-onaccent-active: var(--pn-dark-color-icon-onaccent-active);--pn-color-icon-onaccent-disabled: var(--pn-dark-color-icon-onaccent-disabled);--pn-color-border-main: var(--pn-dark-color-border-main);--pn-color-border-main-active: var(--pn-dark-color-border-main-active);--pn-color-border-main-disabled: var(--pn-dark-color-border-main-disabled);--pn-color-border-danger: var(--pn-dark-color-border-danger);--pn-color-border-danger-active: var(--pn-dark-color-border-danger-active);--pn-color-outline-main: var(--pn-dark-color-outline-main);--pn-color-shadow-main: var(--pn-dark-color-shadow-main);--pn-color-shadow-main-hover: var(--pn-dark-color-shadow-main-hover);--pn-color-overlay-main: var(--pn-dark-color-overlay-main)}*,*:before,*:after{box-sizing:border-box}.piano-element{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}ul{list-style:none}div,form,h1,h2,h3,h4,hr,iframe,label,li,section,table,td,tr,ul{margin:0;padding:0;border:0;outline:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}textarea::-webkit-outer-spin-button,textarea::-webkit-inner-spin-button,input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.piano-element-iframe{--piano-modal-max-height: 100vh}.piano-element-iframe.piano-inline-appearance{--piano-modal-max-height: unset}._notificationList_el0o2_1{display:flex;flex-direction:column;gap:10px;position:absolute;top:60px;left:20px;right:20px;z-index:20}._notificationItem_12ws8_1{display:flex;gap:14px;align-items:center;border-radius:var(--pn-border-radius-m);padding:2px 24px;min-height:40px;box-shadow:0 0 8px #0000001a;transition:.2s}._notificationItemError_12ws8_12{background-color:var(--pn-color-bg-danger)}._notificationItemSuccess_12ws8_16{background-color:var(--pn-color-bg-accent)}._notificationItemWarning_12ws8_20{background-color:var(--pn-color-bg-warning)}._notificationItemListText_12ws8_24,._notificationItemText_12ws8_25{font-family:var(--pn-font-family);font-size:var(--pn-font-size-m);color:var(--pn-color-text-onaccent)}._notificationItemText_12ws8_25{white-space:pre-line}._notificationItemList_12ws8_24{margin:0;padding-left:10px}._notificationItemListText_12ws8_24{list-style:inside;margin-bottom:5px}._notificationItemListText_12ws8_24:last-child{margin-bottom:0}._notificationItemTextSection_12ws8_49{display:flex;flex-direction:column;width:100%;gap:10px;padding:11px 5px;word-break:break-word}._notificationCloseButtonWrapper_12ws8_58{color:var(--pn-color-13)}._notificationCloseButtonWrapper_12ws8_58:hover{color:var(--pn-color-11)}._iconButton_7j4x6_1{background-color:transparent;min-height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;overflow:hidden;position:relative;border:none;color:var(--pn-color-icon-main)}._iconButton_7j4x6_1:active,._iconButton_7j4x6_1:hover{color:var(--pn-color-icon-main-active)}._iconButtonDisabled_7j4x6_21,._iconButtonDisabled_7j4x6_21:active,._iconButtonDisabled_7j4x6_21:hover{color:var(--pn-color-icon-main-disabled);cursor:default}._onaccent_7j4x6_28._iconButton_7j4x6_1{color:var(--pn-color-icon-onaccent)}._onaccent_7j4x6_28._iconButton_7j4x6_1:active,._onaccent_7j4x6_28._iconButton_7j4x6_1:hover{color:var(--pn-color-icon-onaccent-active)}._onaccent_7j4x6_28._iconButtonDisabled_7j4x6_21,._onaccent_7j4x6_28._iconButtonDisabled_7j4x6_21:active,._onaccent_7j4x6_28._iconButtonDisabled_7j4x6_21:hover{color:var(--pn-color-icon-onaccent-disabled);cursor:default}._icon_11fqe_1,._icon_11fqe_1:hover{fill:currentColor;stroke:currentColor}._pianoElementContainer_ijksr_1{max-height:var(--piano-modal-max-height);border-radius:var(--pn-border-radius-m);-webkit-overflow-scrolling:touch}._pianoElementScroll_ijksr_7{overflow-y:auto}