:root{--staff-system-spacing:2rem;--primary-color:#28ae93;--scroll-bar-fg:#cbcbcb;--scroll-bar-bg:#f3f3f3;--secondary-color:#e2457e;--rmask-fill-color:orange;--layout-border:1px solid #f1f1f1;--bg-color:#fff;--bg-color-hover:#ececec66;--btn-bg-color:#cbc7c336;--slim-bar-speed:1s;--notation-page-height:100dvh;--fg-color:#000000cc;--fg-color-secondary:#6f6f6f;--bg-color-secondary:#e6e6e65b;--text-secondary:rgba(0,0,0,.45)}.link{color:var(--primary-color)!important}.sysBlur0{background-color:hsla(0,0%,100%,.35);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sysLayer0{background-color:#fff;color:#121212}.sysLayer1{background-color:#c8c8c8}html.dark{--scroll-bar-bg:#565656;--scroll-bar-fg:#373737;--primary-color:#34e0be;--layout-border:1px solid #343434;--bg-color:#121212;--bg-color-hover:#2828284f;--btn-bg-color:#2828284f;--fg-color:#fff;--fg-color-secondary:#e8e8e893;--bg-color-secondary:#e0e0e02e;--text-secondary:hsla(0,0%,100%,.45)}html.dark .sysBlur0{background-color:hsla(0,0%,7%,.145)}html.dark .sysLayer0{background-color:#121212;color:#fff}html.dark .sysLayer1{background-color:#434343}html.dark .cm-gutters{background-color:rgba(51,51,51,.322)!important;color:#919191!important;border-right:1px solid #555!important}html.dark .cm-activeLine,html.dark .cm-activeLineGutter{background-color:hsla(0,0%,100%,.125)!important}html.dark .paper-bg{background:rgba(255,221,190,.4);background:linear-gradient(202deg,rgba(255,110,169,.17),rgba(121,223,255,.17))}html.dark .paper-bg-solid{background:#726355 0;background:linear-gradient(202deg,#311e18,#192c3d)}html.dark .ant-layout2{background-color:var(--bg-color-hover)}html.dark .client-layout{background:transparent}html.dark .ant-alert.ant-alert-info .anticon-info-circle.ant-alert-icon{color:#7ab1ff!important}@media(prefers-color-scheme:dark){html.system{color-scheme:dark;--scroll-bar-bg:#565656;--scroll-bar-fg:#373737;--primary-color:#34e0be;--layout-border:1px solid #343434;--bg-color:#121212;--bg-color-hover:#2828284f;--btn-bg-color:#2828284f;--fg-color:#fff;--fg-color-secondary:#e8e8e893;--bg-color-secondary:#e0e0e02e;--text-secondary:hsla(0,0%,100%,.45)}html.system .sysBlur0{background-color:hsla(0,0%,7%,.145)}html.system .sysLayer0{background-color:#121212;color:#fff}html.system .sysLayer1{background-color:#434343}html.system .cm-gutters{background-color:rgba(51,51,51,.322)!important;color:#919191!important;border-right:1px solid #555!important}html.system .cm-activeLine,html.system .cm-activeLineGutter{background-color:hsla(0,0%,100%,.125)!important}html.system .paper-bg{background:rgba(255,221,190,.4);background:linear-gradient(202deg,rgba(255,110,169,.17),rgba(121,223,255,.17))}html.system .paper-bg-solid{background:#726355 0;background:linear-gradient(202deg,#311e18,#192c3d)}html.system .ant-layout2{background-color:var(--bg-color-hover)}html.system .client-layout{background:transparent}html.system .ant-alert.ant-alert-info .anticon-info-circle.ant-alert-icon{color:#7ab1ff!important}}*{box-sizing:border-box;padding:0;margin:0;-webkit-tap-highlight-color:var(--bg-color-hover)}body,html{max-height:100vh;overflow:hidden;max-width:100vw;color:var(--fg-color);background-color:var(--bg-color);font-family:SANS-SERIF;font-size:17px}@media only screen and (max-width:400px){body,html{font-size:15px}}body.no-scroll,html.no-scroll{width:100%}#zapp{min-height:100vh;max-height:100vh;max-width:100vw;overflow:auto;scroll-behavior:smooth}@supports(max-height:100dvh){#zapp,body,html{max-height:100dvh}#zapp{min-height:100dvh}}pre{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.notation-page{height:var(--notation-page-height)}a{color:inherit;text-decoration:none}h1{font-size:1.5rem}.no-scroll{overflow:hidden!important}.ant-layout2{background-color:var(--bg-color)}.abc-renderer svg{color:#000}html.dark .abc-renderer svg{color:#fff}.live-preview{position:relative}.abc-renderer svg{width:100%;height:auto}.abc-renderer svg.hasNote{margin-bottom:var(--staff-system-spacing)}.abc-renderer svg:first-child{margin-bottom:calc(var(--staff-system-spacing)*.3)}.abc-renderer.ncd.jp:not(.staff) svg.hasNote{margin-bottom:calc(var(--staff-system-spacing) - .5rem)}.rmask{fill:var(--rmask-fill-color);fill-opacity:0;z-index:15;cursor:pointer}.rmask.highlight{fill-opacity:.5!important}.abc-renderer.view .rmask{cursor:auto}.abc-renderer:not(.view) .rmask:hover,.abc-renderer:not(.view) .selecting .rmask.note,.abc-renderer:not(.view) .selecting .rmask.rest{fill-opacity:.5!important}.abc-renderer.playing .rmask:hover,.abc-renderer.view .rmask:not(.note,.rest):hover{fill-opacity:0!important;cursor:default}.abc-renderer text.lyrics{transform:translateX(-4px)}.abc-renderer .chordannot,.abc-renderer.cli .chordannot{transform:translateX(0)}.abc-renderer.cli text.lyrics{transform:translateX(-4px)}.abc-renderer.lyed .rmask:not(.lyrics):hover{fill-opacity:0!important;cursor:default}.abc-renderer.lyed .rmask.lyrics:hover{fill-opacity:.5!important;cursor:pointer}.abc-renderer.view .render-error,.rmask.deco{display:none}.bad-char{color:#fff;background-color:red}.ppreview svg:has(.zmgp4) *,.preview svg:has(.zmgp4) *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ppreview .abc-renderer.customFret svg>g>g.zmgp4 text.annot.box,.preview .abc-renderer.customFret svg>g>g.zmgp4 text.annot.box{outline:none}.ppreview .abc-renderer.staff.jp .dacs+.dacs,.preview .abc-renderer.staff.jp .dacs+.dacs{display:none}.cm-selectionBackground{background-color:var(--rmask-fill-color)!important}html.light .abc-renderer.view.jp:not(.staff) svg.hasNote .chordannot{color:var(--secondary-color)}@media(max-width:960px){html.light .abc-renderer.view.jp:not(.staff) svg.hasNote .chordannot{font-weight:700!important}}.selecting.startid .rmask.note,.selecting.startid .rmask.rest{fill:var(--primary-color)}.selecting.finishid .rmask.note,.selecting.finishid .rmask.rest{fill:var(--secondary-color)}.lsid{fill:var(--primary-color)!important;fill-opacity:.5!important}.lfid{fill:var(--secondary-color)!important;fill-opacity:.5!important}.highlight{fill:var(--rmask-fill-color)!important}@media(hover:hover)and (pointer:fine){:root{--scroll-track-bg:#ffffff00;--scroll-track-bg2:#e1e1e100;--scroll-thumb-bg:#999;--scroll-thumb-bg-hover:#888;--scroll-track-size:10px;--scroll-track-border:4px;--scroll-thumb-size-hover:2px;--scroll-track-border-radius:10px;--scroll-thumb-border-radius:10px}html.dark{--scroll-track-bg:#00000000;--scroll-track-bg2:#77777700;--scroll-thumb-bg:#aaa;--scroll-thumb-bg-hover:#bbb}.tn-modal-scrollbar{--scroll-track-border-radius:10px}::-webkit-scrollbar{width:var(--scroll-track-size);height:var(--scroll-track-size);background:var(--scroll-track-bg);border-radius:var(--scroll-track-border-radius)}::-webkit-scrollbar-track{border:var(--scroll-track-border) solid transparent;border-radius:var(--scroll-track-border-radius);background-color:var(--scroll-track-bg2);background-clip:padding-box}body::-webkit-scrollbar-track,main::-webkit-scrollbar-track{background-color:var(--scroll-track-bg);border-radius:var(--scroll-track-border-radius)}::-webkit-scrollbar-thumb{border:var(--scroll-track-border) solid transparent;border-radius:var(--scroll-thumb-border-radius);background-color:var(--scroll-thumb-bg);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{border:var(--scroll-thumb-size-hover) solid transparent;border-radius:var(--scroll-thumb-border-radius);background-color:var(--scroll-thumb-bg-hover);background-clip:padding-box}@supports(-moz-appearance:none){*{scrollbar-width:thin;scrollbar-color:#888 #f0f0f0}}}.simg{background:#db6497;background:linear-gradient(241deg,#d25c8f,#6498d4)}.simg svg{color:#fff}.simg text{font-weight:700}.simg .nobrk>svg:first-child text:first-child{font-size:32px}.gradient{background:rgba(255,221,190,.4);background:linear-gradient(202deg,rgba(255,221,190,.4),rgba(185,219,249,.39))}.ant-modal-body{padding-top:1rem}.ant-popconfirm-buttons .ant-btn-sm{height:auto}.ant-btn.ant-btn-circle.ant-btn-sm{font-size:14px}.ant-input-search .anticon-close-circle{font-size:1.25rem}.ant-list-item-meta-title>a{transition:none!important}.ant-alert:not(.noo){border:none!important}.ant-alert:not(.noo) .anticon{opacity:.5}.ant-alert:not(.noo).ant-alert-info{background:var(--bg-color-hover)!important}.ant-btn-circle:not(.ant-btn-text){border:var(--layout-border)!important;box-shadow:none!important;background:var(--btn-bg-color)!important}.ant-modal-mask{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ant-input-affix-wrapper,.ant-input-wrapper .ant-input-group-addon button{background:var(--bg-color-hover)!important}.ant-input-affix-wrapper input{background:none!important}#loopStartBar,#loopStopBar,#noteTrackerBar{position:absolute;opacity:.5;width:2px;height:100px;transition:transform 1s linear;z-index:0;top:0;left:0;display:none;border-radius:1px}#noteTrackerBar{background-color:var(--rmask-fill-color)}#loopStartBar{background-color:var(--primary-color)}#loopStopBar{background-color:var(--secondary-color)}.fullscreen body{margin:0!important;padding:0!important}.fullscreen .ant-modal-mask,.fullscreen .ant-modal-wrap,.fullscreen .ppreview .chord-container,.fullscreen .ppreview .live-preview-container>:not(.live-preview),.fullscreen .ppreview .toolbar,.fullscreen footer,.fullscreen header{position:fixed!important;left:-3000px!important;top:-3000px!important;overflow:hidden!important;height:1px!important;display:none!important}.fullscreen .ppreview{max-width:100%!important}.fullscreen .ppreview .ppreview-content,.fullscreen .ppreview .z-pl{display:block!important}@media print{body{margin:0!important;padding:0!important}.ant-modal-mask,.ant-modal-wrap,.ppreview .chord-container,.ppreview .live-preview-container>:not(.live-preview),.ppreview .toolbar,footer,header{position:fixed!important;left:-3000px!important;top:-3000px!important;overflow:hidden!important;height:1px!important;display:none!important}.ppreview .ppreview-content,.ppreview .z-pl{display:block!important}.fullscreen-buttons,.rmask{position:fixed!important;left:-3000px!important;top:-3000px!important;overflow:hidden!important;height:1px!important;display:none!important}#zapp,body,html{overflow:auto!important;max-height:none!important;max-width:100vw!important;background:#fff!important;color:#000!important}.ppreview{background:#fff!important;max-width:100%!important}.ppreview .nobrk>svg{color:#000!important;width:100%!important;height:auto!important}body{zoom:1!important}@page{size:A4!important;margin:10mm 15mm 5mm 15mm!important;padding:0!important}@page :first{margin-top:5mm!important;margin-bottom:5mm!important}#google-anno-sa,.adsbygoogle,.google-auto-placed,iframe{display:none!important}}.blurry-middle-popup_loading__IplWu{position:fixed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-color-secondary);border-radius:.5rem;transform:translateX(-50%);display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;color:var(--text-secondary);box-shadow:0 0 3px rgba(0,0,0,.1)}.abc-renderer_errorMessage__MhQmM{position:-webkit-sticky;position:sticky;padding:8px;width:100%;top:0;display:block;left:0}.CircleTextButton_ctBtn__66ze_{cursor:pointer;text-align:center}.CircleTextButton_text__0AgQ0{word-break:keep-all;text-align:center;display:block;font-size:.8rem;transition:color .3s}.ScreenBlocker_screenBlocker__fTn5D{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}