@import"../../../Piaano/piaano/static/fonts/Raleway/stylesheet.css";:root{--border-color: #a2a2a2;--upper-layer-z-index: 10;--keyboard-height: 180px;--keyboard-height-short: 120px;--keyboard-height-very-short: 90px;--button-color: #727290;--button-color-highlight: #e0e0e7;--default-width: 900px;--line-spacing: 30px;--body-background: #e7e7e7;--body-color: #333333;--settings-panel-width: 270px;--red: #fe4e50;--green: #aada80;--blue: #34a0f2;--error-color: #d14343;--header-height: 50px}body{color:var(--body-color);background:var(--body-background);font-family:Raleway,sans-serif;margin:0;padding:0}:focus{outline-color:#00f3}button,.button{color:#fff;font-weight:700;font-family:Raleway,sans-serif;font-size:14px;border:0;background:var(--button-color);padding:5px 10px;border-radius:4px;box-shadow:inset 0 0 0 1px #0003;border:1px solid var(--button-color);cursor:pointer;text-decoration:none;&:focus{outline:none;box-shadow:inset 0 0 0 1px #0003,0 0 0 2px #00f3}&:hover{background:color-mix(in oklab,var(--button-color),white 2%);color:#fff}&:disabled{background:color-mix(in oklab,var(--button-color),white 55%);opacity:.8;cursor:default}&.outline{background:#fff;color:color-mix(in oklab,var(--button-color),black 10%)}&.big_button{font-size:18px;padding:10px 18px}}blockquote{background:#f7f7f7;padding:1em;margin:1em 0;>p{margin:0 0 1em;color:#666;&:first-child{margin-top:0}&:last-child{margin-bottom:0}}}a{color:var(--button-color);&:hover{color:color-mix(in oklab,var(--button-color),black 10%)}}.header_spacer{height:50px}.vi{display:inline-block;box-sizing:border-box;min-width:100px;position:relative;padding:5px 10px;&.zi{opacity:.5;.T{cursor:default}}._i{background:#0000004d;height:4px;border-radius:4px;position:relative}.T{position:absolute;padding:0;width:12px;height:12px;border-radius:12px;box-shadow:0 0 0 2px #fff;margin-top:-6px;margin-left:-6px;top:50%;left:50%;&:focus{box-shadow:0 0 0 2px color-mix(in oklab,var(--blue),white 20%)}}}.ji{border:1px solid var(--border-color);border-radius:4px;overflow:hidden;margin-left:10px;box-sizing:border-box;height:27px;line-height:25px;vertical-align:top;display:inline-flex;align-items:center;background:#ffffffe6;.slider_component{flex:1}.Gi{font-size:13px;font-weight:700;padding:0 4px;opacity:.8}.Di{font-family:monospace;display:block;height:100%;background:var(--border-color);color:#fff;min-width:30px;text-align:center}}.Pi{background:#fff;margin:0 0 20px;padding:15px 0 10px 40px;overflow:hidden;position:relative;@media(max-width:1100px){border-radius:0;border-left:0;border-right:0;padding-left:20px}}.Ri{display:flex;flex-direction:column;gap:var(--grand-staff-gap, var(--line-spacing))}.qi{position:relative;height:calc(var(--line-spacing) * 4);border-left:6px solid black;margin:var(--line-spacing) 0;.s{z-index:1;user-select:none;-webkit-user-drag:none}&.Ai{.s{position:absolute;left:14px;height:165%;top:-28%}}&.Fi{.s{position:absolute;left:8px;height:82%}}.Ni{position:absolute;height:2px;background:#666}.Ei{.Li{height:2px;position:absolute;top:0;left:0;right:0;background:#666}.Ti{top:25%}.Yi{top:50%}.Hi{top:75%}.Ii{top:auto;bottom:0}}.Ji{position:absolute;left:100px;top:0;bottom:0;.g{position:absolute;top:0;&.b{height:78%;transform:translateY(-50%)}&.c{height:50%;transform:translate(-44%,-71%)}}}.Ki{position:absolute;top:0;bottom:0;.g{position:absolute;top:0;&.b,&.Y{transform:translateY(-50%)}&.c{transform:translate(-44%,-71%)}}}.Mi{position:absolute;transform:translate(-100%);user-select:none;-webkit-user-drag:none}.Oi{.Qi{width:2px;position:absolute;background:#666;top:0;bottom:0;&[data-label]{&:before{position:absolute;content:attr(data-label);font-size:12px;font-weight:700;bottom:100%;padding-bottom:4px;color:#888}}}.Si{position:absolute;top:0;left:120px;height:20%;transform:translateY(-47%);&:before{content:"";position:absolute;inset:4px 0;background:#69a25d;box-shadow:0 0 0 2px #2f3a35;border-radius:12px}&.Ui{&:before{background:#a25d5d;border-radius:12px 12px 0 0}}&.Vi{&:before{background:#5d92a2;border-radius:0 0 12px 12px}}&.Wi{&:before{background:#915da2;border-radius:0}}&.H{&:before{background:#94e085;box-shadow:0 0 0 2px color-mix(in oklab,#2f3a35,white 10%)}}&.Zi{&:before{background:#bbb;box-shadow:none}}}}.ot{position:absolute;top:0;bottom:0;width:30px;img{position:absolute;left:0;height:90%;transform:translateY(-50%);user-select:none;-webkit-user-drag:none}.it{top:25%}.tt{top:75%}.et{height:40%;left:2px}}.at{.rt{position:absolute;inset:0}.nt{position:absolute;top:0;left:0;overflow:visible;fill:#222;color:#222;pointer-events:none}.pt{color:#222;.I{display:block}}.t{fill:#666}.t.lt{fill:#2f6fd6}.t.dt{fill:#d08a00}.t.xt{fill:#1f9d4c}.t.J,.f.J{fill:#b5367a}.t.K,.f.K{fill:#0a8fa3}.f{font-size:18px;font-weight:700}.st{fill:#1a1a1a}.gt{fill:#b4b4b4}.bt{position:absolute;border-radius:999px;background:#5a78c824;overflow:hidden;&.ct{background:#1f9d4c40}&.ft{background:#1f9d4c73}&.mt{background:#e0a03073}.ht{position:absolute;top:0;left:0;bottom:0;width:100%;background:#1f9d4c99;transform-origin:left center;animation-name:M;animation-timing-function:linear;animation-fill-mode:both}}.ut{font-style:italic;font-weight:700;font-family:Georgia,serif}.wt{font-family:Georgia,serif;font-style:italic;fill:#333}.yt{font-family:Georgia,serif;fill:#888}.kt{font-family:Georgia,serif;font-weight:700;fill:#333}.vt,.O{font-family:Georgia,serif;font-weight:700;fill:#222}.O{font-style:italic}.zt,._t{color:#222}.jt{fill:#333}.Gt,.Q,.S{color:#333;fill:#333}.Q text,.S text{font-family:Georgia,serif;font-style:italic}.Dt{font-family:Georgia,serif;font-style:italic;font-weight:700;fill:#222}.Pt{font-family:Georgia,serif;fill:#333}.Rt{fill:none;stroke:#444;stroke-width:1.5}.qt{color:#1f9d4c}.At{color:#d08a12}.Ft{color:#d23b3b}.Nt{color:#8e5bb5}.Bt{color:#3977a8;opacity:.85}}.Ct{position:absolute;inset:0 0 0 120px;.Et{position:absolute;top:0;bottom:0;width:2px;background:#666}.Lt{position:absolute;top:50%;width:26px;height:18px;margin-top:-9px;border:2px dashed #999;border-radius:50%;box-sizing:border-box}.Xt{background:gray;color:#fff;position:absolute;padding:5px 10px;border-radius:4px;font-size:12px;font-weight:700;opacity:.5;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.g{height:100%;position:absolute;right:110%;&.b{height:300%;top:-100%}&.c{height:200%;top:-91%}&.Y{height:300%;top:-100%;right:115%}}.Tt{position:absolute;top:0;left:120px;height:20%;transform:translateY(-47%);transition:.1s ease transform;.I{height:100%}&.Ht{margin-left:30px}&.H{opacity:.2;transform:scale3d(1.1,1.1,1) translateY(-47%)}&.It{height:13%}}}.Kt{position:absolute;top:0;bottom:0;width:2px;background:red;left:220px}}.Mt{padding:40px 20px;.Ot{white-space:nowrap}.Qt{font-size:30px;font-weight:700;width:160px;display:inline-flex;align-items:center}.St{margin-left:5px;font-weight:400;display:flex;height:35px;align-items:center;.Ut{color:var(--green)}.Vt{color:var(--red)}}}@keyframes m{0%,to{transform:translateY(-47%)}10%,30%,50%,70%,90%{transform:translate(-7%,-47%)}20%,40%,60%,80%{transform:translate(7%,-47%)}}.m{animation-name:m;animation-duration:.5s}@keyframes h{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5%)}20%,40%,60%,80%{transform:translate(5%)}}.h{animation-name:h;animation-duration:.5s}@keyframes M{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.Wt{width:100%;min-width:0;overflow:hidden}.U{border-bottom:1px solid #ddd;padding:8px 0}.U small{color:#777;margin-left:8px}.Zt{position:absolute;top:-30px;bottom:-30px;background:#2caa4e33;pointer-events:none;z-index:3}.oe{text-align:center;color:#666;padding:12px;font-size:13px}.ie{position:absolute;top:0;bottom:0;background:#348bd02e;outline:2px solid #348bd0;pointer-events:none;z-index:4}.te{position:relative;padding:6px 0 14px}.ee{position:absolute;top:0;left:2px;z-index:2;font:italic 11px Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;color:#222}.ae{--white-key-width: 40px;--black-key-width: 35px;box-sizing:border-box;user-select:none;position:absolute;bottom:0;left:0;right:0;height:var(--keyboard-height);z-index:1;.settings_open &{left:var(--settings-panel-width)}background:#d6d6d6;overflow:auto;border-top:1px solid #D6D6D6;white-space:nowrap;text-align:center;.re{position:relative;height:100%;display:inline-block;vertical-align:top}.V{&.ne:before{content:attr(data-note);position:absolute;bottom:20%;left:0;right:0;text-align:center;font-size:14px;color:#999}&.W{position:absolute;width:var(--black-key-width);left:0;top:0;margin-left:calc(var(--black-key-width) / -2);border-radius:0 0 8px 8px;bottom:40%;background:#333;z-index:3;box-shadow:inset 0 -15px #0000004d,inset 0 -17px #ffffff12;&:hover{background:color-mix(in oklab,#333,white 5%)}&.Z{background:#3977a8}&:active,&.oo,&.io{background:color-mix(in oklab,#333,black 3%);box-shadow:inset 0 -10px #0000004d,inset 0 -12px #ffffff12}}&.pe{background:#fff;width:var(--white-key-width);height:calc(100% - 10px);margin:0 1px;border-radius:0 0 8px 8px;box-shadow:0 0 0 2px #999,inset 0 -15px #0000001a,inset 0 5px 10px -5px #0003;z-index:1;&:hover{background:#f3f3f3}&.Z{background:#cfe3f5}&:active,&.oo,&.io{background:color-mix(in oklab,#f3f3f3,black 5%);box-shadow:0 0 0 2px #999,inset 0 -10px #0000001a,inset 0 5px 10px -5px #0003}}}@media(max-width:1100px){height:var(--keyboard-height-short)}@media(max-width:800px){height:var(--keyboard-height-very-short);.V.W{bottom:50%}}}.le{background:transparent;border:none;padding:30px;margin:auto;max-width:calc(100vw - 60px);max-height:calc(100vh - 60px);&::backdrop{background:#fffc;animation:to .2s ease}&[open]{animation:eo .2s ease-out}.ao{background:#fff;border:1px solid color-mix(in oklab,var(--border-color),white 10%);border-radius:6px;box-shadow:0 0 20px #0003;width:600px;max-width:100%;padding:20px;h2{margin-top:0;color:#444}p{line-height:1.5;&:last-child{margin-bottom:0}}}@media(max-width:600px){padding:0;max-width:100vw;max-height:100vh;.ao{box-sizing:border-box;width:100vw;height:100vh;border-radius:0;border:0;overflow:auto;box-shadow:none}}}@keyframes to{0%{opacity:0}to{opacity:1}}@keyframes eo{0%{transform:translateY(10%);opacity:0}to{transform:translate(0);opacity:1}}.de{list-style:none;display:flex;padding:0;margin:0;border-bottom:1px solid color-mix(in srgb,var(--button-color),transparent 20%);z-index:0;>li{padding:0;margin:0 5px 0 0;&:last-child{margin-right:0}>button{color:color-mix(in oklab,var(--button-color),black 10%);border-color:color-mix(in srgb,var(--button-color),transparent 20%);border-bottom:0;border-radius:4px 4px 0 0;background:color-mix(in oklab,var(--button-color),white 90%);box-shadow:none;&.xe{box-shadow:0 1px #fff;z-index:1;background:#fff}}}}.ge{--note-column-width: 40px;.be,.ce{margin:30px 0;position:relative}.fe{color:#999;font-size:14px;text-align:center;text-transform:uppercase;margin-left:var(--note-column-width);line-height:24px}.me{margin-left:var(--note-column-width);position:absolute;inset:24px 0 0;.he{position:absolute;top:0;left:50%;width:2px;background:#fffc;z-index:1;bottom:0}}.ue{line-height:24px;margin-bottom:10px;display:flex;&:last-child{margin-bottom:0}.ro{display:inline-block;font-weight:700;text-align:center;width:var(--note-column-width)}.we{flex:1;position:relative;background:color-mix(in srgb,var(--blue),transparent 50%);.ye{height:100%;position:absolute;top:0;left:0;background:var(--blue)}.ke{position:absolute;color:#fff;top:0;left:10px}}}.ve{line-height:24px;display:flex;margin-bottom:10px;&:last-child{margin-bottom:0}.ro{text-align:center;width:var(--note-column-width);font-weight:700}.ze{flex:1;display:flex;height:100%}.no,.po{height:100%;box-sizing:border-box;padding:0 8px;font-weight:700;color:#fff;box-shadow:0 0 0 4px #fff}.no{background:color-mix(in oklab,var(--green),black 8%)}.po{background:var(--red);text-align:right}}._e{margin:30px 0}.je{display:flex;gap:10px;margin-bottom:25px;>div{flex:1;text-align:center}strong{display:block;font-size:22px;margin-bottom:4px}span{font-size:12px;font-weight:700;text-transform:uppercase;color:#999}}.Ge{display:flex;align-items:center;line-height:24px;margin-bottom:10px;gap:10px;.De{width:60px;font-weight:700}.Pe{flex:1;height:24px;background:#eee}.Re{height:100%}.qe{width:40px;text-align:right}.Ae{background:#1f9d4c}.Fe{background:#6cc28a}.Ne{background:#e0a030}.Be{background:var(--red)}}.Ce{margin-top:20px;display:flex}.Ee{flex:1}.Xe{margin:20px 0}.Te{overflow-x:auto;margin:10px 0 20px}.Ye{display:block;margin-bottom:10px}.He{stroke:#555;stroke-width:1}.Ie{font-size:44px;fill:#333}.Je{font-size:17px;fill:#333}.Ke{stroke:#333;stroke-width:1}.Me{line-height:1.6}.Oe{margin-top:10px}.Qe{margin:8px 0 0;font-size:13px;color:#777}}.Se{.Ue{color:#777;margin:0 0 12px}.Ve{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px;th{text-align:left;font-size:12px;text-transform:uppercase;color:#999;padding:4px 8px}td{padding:6px 8px;border-top:1px solid rgba(0,0,0,.08)}.We{text-align:right;font-variant-numeric:tabular-nums}.Ze{color:#c47d0a}.oa td{font-weight:700}}.ia{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;font-weight:700;background:#eee;color:#666}.ta{background:#fde3c8;color:#8a4d0c}.ea{background:#d7e9f8;color:#275a85}.aa{background:#d5f0d9;color:#1f7a3c}.ra{color:#999;margin:24px 0}.na{margin-top:20px;display:flex}.pa{flex:1}}.la{display:flex;align-items:center;gap:6px;margin-right:auto;.da{font-size:11px;font-weight:700;text-transform:uppercase;color:#999}.xa{position:relative;width:180px;height:16px;border-radius:3px;background:#d23b3b26;overflow:hidden}.sa{position:absolute;top:0;bottom:0}.ga{background:#e0a03059}.ba{background:#6cc28a8c}.ca{background:#1f9d4cb3}.fa{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#fff}.ma{animation:u 2.5s ease-out forwards;position:absolute;top:2px;bottom:2px;width:2px;margin-left:-1px;background:#222;&.ha{top:0;bottom:0;width:3px;background:#000}}.ua{animation:u 2.5s ease-out forwards;position:absolute;bottom:0;width:0;height:0;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #3553b8}}@keyframes u{0%,30%{opacity:1}to{opacity:0}}.wa{.ya{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;margin-bottom:10px;background:#eee;button[aria-pressed=true]{background:#414b6b}small{color:#666}}background:var(--body-background);.n{display:flex;@media(max-width:1100px){display:block}justify-content:center;align-items:flex-start;position:absolute;inset:50px 0 0;overflow:auto}&.keyboard_open .n{bottom:var(--keyboard-height);@media(max-width:1100px){bottom:var(--keyboard-height-short)}@media(max-width:800px){bottom:var(--keyboard-height-very-short)}}&.settings_open .n{left:var(--settings-panel-width)}&.lo{width:100%;height:100%;.n{top:0}.xo{display:none}.so{margin-bottom:6px}}.so{margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;@media(max-width:1100px){margin-top:20px;padding-left:20px;padding-right:20px}}.xo,.go{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.go{margin-left:auto}.ka{display:flex;align-items:center;gap:12px;padding:3px 4px;font-size:12px;color:#555;border-top:1px solid var(--border-color);@media(max-width:1100px){margin:0 20px}>:last-child:not(:first-child){margin-left:auto}.va{font-variant-numeric:tabular-nums;cursor:pointer}}.za{flex:1;margin-block:auto;max-width:var(--default-width);width:100%;@media(max-width:1100px){max-width:none}}._a{margin:12px 0 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;@media(max-width:1100px){padding:0 20px;margin-bottom:40px}@media(max-width:500px){flex-direction:column;align-items:flex-end}>.slider_input{margin:0}}.ja{display:flex;align-items:center;gap:5px;.Ga{font-size:14px;opacity:.8}}.Da{flex:none;border:2px solid #333;border-radius:4px;background:#333;position:relative;font-weight:700;font-size:13px;cursor:pointer;user-select:none;overflow:hidden;&:before{position:absolute;content:"";width:50%;left:0;top:0;bottom:0;background:var(--button-color);z-index:1;border-radius:2px;transition:.1s ease all;box-shadow:inset 0 0 0 1px #fff3}&.do{&:before{left:50%;right:2px}.bo{&:nth-child(1){opacity:.5}&:nth-child(2){opacity:1}}}.bo{&:nth-child(2){opacity:.5}display:inline-block;position:relative;z-index:2;width:60px;color:#fff;text-align:center;padding:4px 10px}}.Pa{white-space:nowrap;background:#fff;color:#666;border-color:var(--border-color);box-shadow:none;&:hover{background:#fff;color:#444}&.Ra{color:#fff;background:var(--button-color);border-color:var(--button-color)}}.qa{width:210px;height:28px;flex:none;.Aa{min-width:44px}}.Fa{display:flex;align-items:center;gap:4px;.Na{min-width:5.5em;font-weight:700}}&.co{.w{&:before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 60px);right:0;width:120px;background:#9fffb8}}}.fo:before,.fo:after{display:none}&.co.Ca{.w{&:before{left:calc(var(--staff-pad) + var(--play-line) - 18px);width:36px;background:#c6f7d2}&:after{content:"";position:absolute;top:0;bottom:0;width:2px;left:calc(var(--staff-pad) + var(--play-line) - 1px);background:#5fcf7d}}}.w{--staff-pad: 40px;@media(max-width:1100px){--staff-pad: 20px}}.Ea{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:5px 10px;margin-bottom:6px;border-radius:4px;background:#eee;font-size:13px;strong{font-size:13px}small{color:#666}button{padding:2px 8px;font-size:12px}}.La{width:110px;height:12px;border-radius:6px;background:#d9d9d9;box-shadow:inset 0 0 0 1px #00000026;overflow:hidden;.Xa{height:100%;background:linear-gradient(90deg,#d23b3b,#e0a030,#1f9d4c 70%);background-size:110px 100%;transition:width .25s ease}}.Ta{color:#1f7a3f;background:#dff3e6;border-radius:3px;padding:1px 6px}.Ya{position:absolute;z-index:2;top:4px;left:calc(var(--staff-pad) + var(--play-line, 160px) + 24px);font-weight:700;font-size:18px;pointer-events:none;white-space:nowrap;animation:mo .8s ease-out forwards;.Ha{margin-left:6px;font-size:13px;font-weight:400;opacity:.8}&.Ia{color:#1f9d4c}&.Ja{color:#3a8f5a}&.Ka{color:#3977a8;animation:none}&.Ma{color:#1f9d4c}&.Oa{color:#d23b3b}&.Qa,&.Sa{color:#c47d0a}&.Ua,&.Va,&.Wa{color:#d23b3b}}}@keyframes mo{0%{opacity:1;transform:translateY(4px)}20%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-6px)}}.Za{color:#bf7415}.ho{display:inline-block;box-sizing:border-box;min-width:30px;position:relative;border:1px solid var(--border-color);padding:4px 16px;background:#fff;border-radius:4px;&:hover{.uo{color:#444}}&.or{border-color:color-mix(in oklab,var(--border-color),black 20%);box-shadow:inset 0 0 0 1px #0003,0 0 0 2px #00f3;.ho{color:#444}}.svgicon{margin-left:10px;fill:color-mix(in srgb,var(--border-color),transparent 20%)}.uo{font-size:14px;color:#666;display:flex;align-items:center;.ir{flex:1}svg{margin-top:2px}}select{-moz-appearance:none;-webkit-appearance:none;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;&:hover{cursor:pointer}}}.tr{box-sizing:border-box;user-select:none;display:grid;grid-template-rows:auto minmax(0,1fr);position:fixed;overflow:hidden;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));min-height:0;left:0;top:var(--header-height);bottom:0;background:#d6d6d6;width:var(--settings-panel-width);border-right:2px solid var(--border-color);z-index:4;.wo{flex-shrink:0}.er{box-sizing:border-box;min-height:0;overflow-y:scroll;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-gutter:stable;padding:15px 0 30px;display:block;>*+*{margin-top:15px}}.ar{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:15px;&:disabled{opacity:.55;pointer-events:none}}.rr{display:inline-block;margin-left:5px;font-size:12px;text-transform:none;cursor:help}.nr{padding:10px;font-size:12px;color:#555}&.slide_right-enter{opacity:0;transform:translate(-20%);transition:opacity .2s ease,transform .2s ease;&.slide_right-enter-active{transform:translate(0);opacity:1}}&.slide_right-exit{opacity:1;transition:opacity .1s ease;&.slide_right-exit-active{opacity:0}}.wo{position:sticky;top:0;z-index:1;padding:15px 20px;background:var(--border-color);color:#fff;display:flex;align-items:center;h3{margin:0}button{margin-left:auto}}.pr{display:grid;grid-gap:5px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.lr{background:#fff;border:1px solid var(--border-color);color:#444;&.dr{color:color-mix(in oklab,var(--button-color),black 10%);background:color-mix(in oklab,var(--button-color),white 80%);border-color:var(--button-color);box-shadow:0 0 0 1px var(--button-color)}}.xr{border:1px solid var(--border-color);padding:10px;background:#ffffff80;display:flex;flex-direction:column;gap:5px}.toggles{display:flex;flex-wrap:wrap;gap:5px 12px;label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}}.sr{margin-top:10px}.gr{border:1px solid var(--border-color);padding:6px 8px;summary{font-size:13px;color:#666;font-weight:700;cursor:pointer}.br{display:flex;align-items:center;gap:8px;margin-top:4px;input[type=range]{flex:1;min-width:0}}.cr{width:66px;font-size:12px}.fr{width:42px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;color:#666}.mr{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px 8px;>span{flex:1 1 100%}margin-top:8px;font-size:12px;color:#666}}.hr{.ur{font-size:13px;color:#666;font-weight:700}.wr{display:block}.yr{height:26px;display:flex;align-items:center;.slider_component{width:auto;flex:1}.kr{width:20px;text-align:center}}.vr{display:flex;margin-top:5px;label{font-size:12px;font-weight:700;color:#666;display:flex;>*{margin-left:5px}}>*{flex-grow:1;align-items:center;margin-left:5px;&:first-child{margin-left:0}}}}.zr{padding:0 10px;h4{font-weight:700;text-transform:uppercase;color:#666;font-size:12px;margin:0 10px 10px}}}._r{>svg{display:block}}.y{position:absolute;z-index:1;top:50%;left:calc(var(--staff-pad, 0px) + var(--play-line, 160px));width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;pointer-events:none;animation:y .45s ease-out forwards}.jr{background:#1f9d4c}.Gr{background:#6cc28a}.Dr{background:#e0a030}.Pr{background:#d23b3b}.Rr{position:absolute;z-index:2;top:30px;left:calc(var(--staff-pad, 0px) + var(--play-line, 160px) + 24px);font-weight:700;font-size:20px;pointer-events:none;white-space:nowrap;color:#3977a8;animation:yo .35s ease-out;.qr{margin-left:5px;font-size:12px;text-transform:uppercase;opacity:.8}&.Ar{color:#1f9d4c}&.Fr{color:#c47d0a;font-size:23px}&.Nr{color:#bf7415;font-size:26px;text-shadow:0 0 10px rgba(191,116,21,.45)}}@keyframes y{0%{opacity:.85;transform:scale(.4)}to{opacity:0;transform:scale(2.4)}}@keyframes yo{0%{transform:scale(1.25)}to{transform:scale(1)}}.Br{max-height:75vh;overflow:auto;padding-right:8px;header{display:flex;gap:10px;align-items:baseline;justify-content:space-between}h3{margin-bottom:10px}p,li{font-size:13px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-bottom:1px solid #ddd;padding:7px 4px}select{max-width:100%}}.k,.ko{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0}.k strong{font-size:26px}.k span,.ko span{display:block;font-size:12px;color:#666}.vo label{display:grid;grid-template-columns:120px 1fr 30px;align-items:center;gap:8px;font-size:12px}.vo meter{width:100%}.zo{display:inline;padding:0;border:0;background:none;box-shadow:none;font:inherit;color:var(--blue, #3553b8);text-decoration:underline;cursor:pointer}.zo:hover{color:color-mix(in oklab,var(--blue, #3553b8),black 25%)}.Cr{padding:8px 10px;background:#f4f4f4;border-radius:4px}.Er{list-style:none;margin:8px 0;padding:0;>li{padding:6px 0;border-bottom:1px solid #e2e2e2;&:last-child{border-bottom:0}}summary{cursor:pointer}ul{margin:6px 0 0 18px;padding:0;color:#555;font-size:13px}}.Lr{width:100%;font-size:13px;summary{cursor:pointer;color:#555}ol{list-style:none;margin:8px 0 4px;padding:0;max-height:40vh;overflow:auto}li{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid #e2e2e2;&:last-child{border-bottom:0}button{padding:2px 8px;font-size:12px;margin-left:auto;+button{margin-left:0}}}.Xr{font-weight:700;min-width:58px}.Tr{margin-left:5px;font-size:10px;font-weight:700;text-transform:uppercase;color:#1f9d4c}.Yr{color:#777;min-width:58px}.Hr{color:#555;flex:1;min-width:140px}small{color:#777}}.Ir{background:#fff;margin:60px auto;width:600px;padding:40px;@media(max-width:640px){margin:0;width:auto;padding:20px}>h2{margin-top:0;font-size:32px}p{font-size:16px;line-height:1.5}>p:last-child{margin-bottom:0}>ul{font-size:16px;line-height:1.5;>li{margin-bottom:8px;&:last-child{margin-bottom:0}}}}.Jr{h3{margin:24px 0 6px;font-size:18px}h4{margin:0 0 4px;font-size:15px}p{margin:4px 0}.Kr{display:flex;align-items:center;gap:16px;margin-bottom:12px}.Mr{font-size:20px}._o,.jo{color:#666}._o,.jo{font-size:14px}.Or{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 24px}.p ul,.v{list-style:none;margin:0;padding:0;font-size:14px;line-height:1.6}.p li,.v li{display:flex;justify-content:space-between;gap:12px}.v{max-width:280px}h4:not(:first-child){margin-top:14px}.z,.Go,.Do{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.5}.z{max-width:640px}.z li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 16px}.Go{font-size:14px}.Do li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:0 12px;margin-bottom:2px}.Qr{color:#666}.Po{margin-top:20px}.Po summary{cursor:pointer;font-size:18px;font-weight:700}.p .Sr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;margin-bottom:4px;padding-left:6px;border-left:2px solid transparent}.p .Ur{border-left-color:#555}.Vr{min-width:0}.Wr{font-weight:700}.Zr{grid-column:1 / -1;font-size:13px;color:#666}.on{position:relative;grid-column:1 / -1;display:block;height:12px;margin:0 5px;background:linear-gradient(#bbb,#bbb) center / 100% 1px no-repeat}._,.j,.G,.D{width:10px;height:10px;border-radius:50%;border:2px solid #333;box-sizing:border-box}._,.j{position:absolute;top:1px;margin-left:-5px}.G,.D{display:inline-block;vertical-align:-1px}._,.G{background:#333}.j,.D{background:#fff}.in{color:#666;white-space:nowrap}.tn{color:var(--body-color)}.en,.an{color:var(--body-color);font-weight:700}.rn{margin-top:28px;font-size:14px;color:#666}}.nn{font-size:14px;line-height:1.5;padding-left:18px}.P{animation:P 1.6s ease-out;border-radius:4px;padding:0 4px}@keyframes P{0%,40%{background:#ffe58a}to{background:transparent}}.Ro{position:relative;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-auto-rows:24px;grid-auto-flow:column;grid-template-rows:repeat(3,24px);gap:0 24px;max-width:960px;margin:4px 16px 8px;font-size:15px;line-height:24px}@media(max-width:640px){.Ro{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(6,24px)}}.R{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.R>*{flex-shrink:0}.R>.pn{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.ln{color:#666}.dn{padding:0 8px;border:1px solid #888;border-radius:12px;line-height:20px}.qo{position:relative;flex:1;min-width:50px;max-width:180px;height:8px;background:#e6e6e6;box-shadow:inset 0 0 0 1px #00000026}.qo:after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:#555}.xn{position:absolute;top:0;bottom:0;background:#555;transition:left .25s ease,width .25s ease}.Ao{margin-left:auto;font-size:14px}.Ao summary{cursor:pointer;color:#666}.Fo{position:absolute;right:0;top:100%;z-index:10;width:min(420px,100%);padding:8px 12px;background:#fff;border:1px solid #888;border-radius:4px;white-space:normal;line-height:1.4}.Fo p{margin:4px 0}.sn{display:flex;justify-content:center;margin:60px auto;@media(max-width:720px){margin:0;.No{display:none}}.No{width:150px;>section{margin-bottom:20px;&:last-child{margin-bottom:0}}.gn{font-weight:700;text-transform:uppercase;font-size:14px}a.bn{font-weight:700}ul{list-style:none;margin:10px 0;padding:0}li{margin-bottom:10px;&:last-child{margin-bottom:0}}}li img{vertical-align:middle}p{>code{background:#0000000d}}pre{padding:10px;border-radius:4px;background:#0000000d;box-shadow:0 0 0 1px inset #0000001a}}.cn{margin:0;align-self:flex-start;padding-top:30px;padding-bottom:30px;>h1,h2,h3,h4{margin-bottom:.5em;margin-top:1em}>h2{font-size:24px}>h1{font-size:30px;font-weight:900}>:first-child{margin-top:0}p{margin-top:.5em}}.fn{margin:22px 0;padding:10px 0 0;background:#fff;border:1px solid var(--border-color);border-radius:5px;overflow:hidden}.mn{display:flex;align-items:center;gap:10px;padding:6px 10px 8px;font-size:13px;color:#666}.hn{flex:none;padding:2px 10px;font-size:12px}.un{line-height:1.4}.wn{margin:22px 0;padding:10px 12px;border:1px solid #c88;border-radius:5px;background:#fff5f5;color:#933;font-size:14px}.yn{font-weight:700;color:#3977a8}.kn{margin:24px 0;.keyboard{--white-key-width: 11px;--black-key-width: 8px;position:static;height:96px;overflow-x:auto;overflow-y:hidden;border:1px solid var(--border-color);border-radius:3px}.keyboard .vn:before{font-size:8px;bottom:2px}}.zn{margin-top:8px;font-size:13px;color:#777}._n{max-width:44em;line-height:1.6;h1{font-size:28px;margin:0 0 18px}h2{font-size:20px;margin:32px 0 10px}p,li{font-size:15px}blockquote{margin:18px 0;padding:2px 0 2px 16px;border-left:3px solid var(--border-color);color:#555}table{border-collapse:collapse;margin:16px 0;font-size:14px}th,td{border:1px solid var(--border-color);padding:4px 10px;text-align:left}}.jn{margin-top:36px;padding-top:12px;border-top:1px solid var(--border-color);font-size:12px;color:#777}.Bo{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:40px;padding-top:14px;border-top:1px solid var(--border-color);font-size:14px}.Bo small{color:#888}.Gn{max-width:44em;line-height:1.6;h1{font-size:28px;margin:0 0 10px}h2{font-size:20px;margin:0 0 4px}}.Dn{font-size:15px;color:#555;margin:0 0 28px}.Pn{padding-top:20px;border-top:1px solid var(--border-color);margin-bottom:28px}.Rn{font-size:14px;color:#777;margin:0 0 14px}.qn{margin:0;padding-left:1.4em;li{font-size:15px;margin-bottom:6px}}.An{font-size:13px;color:#888;margin:14px 0 0}.Fn{.Nn{display:flex;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--border-color),transparent 50%);padding:8px 20px;background:#ffffff4d;>.Bn{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}}.Cn{text-align:center;margin:40px 0;@media(max-width:1100px){margin-top:0}}.En{text-align:center;padding:40px;display:block}.Ln{position:relative;>.Co{position:absolute;top:0;left:0;right:0;&:first-child{position:static}}}.e{background:#fff;font-size:80px;display:inline-block;padding:80px 40px;font-weight:700;position:relative;@media(max-width:1100px){font-size:60px;display:block}}.Co{--card-transition-speed: .4s;&.show_card-enter{.e{opacity:.5;transition:opacity var(--card-transition-speed) ease,transform var(--card-transition-speed) ease-out;transform:scale(.8);&:before{content:"";position:absolute;inset:0;background:#000;opacity:.5;transition:opacity var(--card-transition-speed) ease}}&.show_card-enter-active{.e{transform:scale(1);opacity:1;&:before{opacity:0}}}}&.show_card-exit{.e{transform:rotate(0);transition:all var(--card-transition-speed) ease-out;opacity:1}&.show_card-exit-active{.e{transform:translate(-100px,50px) rotate(-40deg);opacity:0}}}}.Xn{background:#fff;padding:20px;margin:40px auto;text-align:center;max-width:400px}.Tn{margin-top:40px;text-align:center;>button{margin-left:15px;font-size:18px;padding:10px 20px;&:first-child{margin-left:0}}@media(max-width:1100px){position:fixed;bottom:0;left:0;right:0;margin:0;padding:10px;background:color-mix(in srgb,var(--body-background),transparent 20%);>button{margin:5px}}}.Yn{display:block}.Hn{font-size:16px;font-weight:700;border:1px solid rgba(0,0,0,.1);padding:2px 8px;border-radius:3px;color:#666;white-space:nowrap;&.In{background:#ffffff4d;border:1px solid rgba(0,0,0,.2)}&:last-child{margin-bottom:0}input{margin-right:8px}}}.Jn{.e{padding-top:10px;padding-bottom:10px;.staff{min-width:300px;font-size:12px}}}.Kn{background:transparent;padding:6px 8px;color:#666;font-size:14px;cursor:pointer;>div{display:flex;align-items:center}&:hover{opacity:1}img{opacity:.6;margin-right:4px}.Mn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;box-sizing:border-box;max-width:150px;color:#444;font-weight:700}&:hover{background:color-mix(in oklab,var(--body-background),white 5%)}}.On{@media(min-width:900px){.Qn{display:none}}.Sn{padding:20px;display:flex;align-items:center;gap:10px;@media(max-width:900px){padding-bottom:0}>.Un{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.5em;margin:0;@media(max-width:900px){font-size:1.2em}}}.Vn{color:var(--error-color);font-weight:700;margin-bottom:20px}.Wn{h3{margin-top:0}}.Zn{flex:1;border:1px solid var(--border-color);border-radius:3px;display:flex;align-items:center;gap:2px;min-height:26px;>span{font-size:12px;font-weight:700;&:first-child{padding-left:5px}}code{min-width:28px;text-align:center}>.op{padding:2px 8px;border:0;border-radius:0;font-size:12px;align-self:stretch}>.slider_component{flex:1;min-width:0;.slider_track{flex:1;min-width:0}}}fieldset{border:1px solid #ddd;legend{font-size:13px;font-weight:700;text-transform:uppercase;color:#666}}.ip{display:flex;align-items:center;gap:10px;button{&.tp{background-color:color-mix(in oklab,var(--button-color),white 10%);box-shadow:0 0 0 2px color-mix(in oklab,var(--border-color),black 20%)}}.ep{margin-left:auto}}.ap{display:flex;margin-top:20px;.rp{flex:1}}}.pp{.dp{margin:20px 0;.xp{padding:10px}ul{list-style:none;margin:0 0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:10px;align-items:start;padding:0;li{padding:0;margin:0}}}.sp{padding:10px;input[type=checkbox]{margin:0 10px 0 0}ul{list-style:none;padding:0;margin:0;>li{font-size:15px;margin-bottom:15px;label{display:flex;align-items:center;>*{margin-right:10px;&:last-child{margin-right:0}}}&:last-child{margin-bottom:0}}}}.gp{.bp{display:flex;align-items:center;>*{margin-right:10px;&:last-child{margin-right:0}}@media(max-width:600px){align-items:stretch;flex-direction:column;>*{margin:0 0 10px;&:last-child{margin:0}}}}.cp{margin-top:20px;background:color-mix(in oklab,var(--body-background),white 50%);padding:10px;display:flex;flex-direction:column;gap:10px;>p{margin:0}.fp{font-weight:700;font-size:18px}.mp{display:flex;align-items:center;gap:10px}}}}.hp{margin-top:20px;margin-bottom:20px}.up{min-height:100%;display:flex;flex-direction:column;gap:20px;details.wp{margin-bottom:10px;summary{cursor:pointer;font-weight:700}}.yp{margin-top:auto;position:static}.kp{display:flex;align-items:center;gap:10px;>.vp{margin-left:auto}}fieldset{margin-top:20px;>.zp{flex:1}}}._p{margin-top:0;margin-bottom:0;>p:first-child{margin-top:0}}.jp{display:inline-block;vertical-align:top;text-align:right;margin-left:15px;border-left:1px solid color-mix(in oklab,var(--border-color),white 20%);padding:5px 0 5px 15px;&:first-child{border-left:0}.Gp{font-size:22px;margin-bottom:4px}.Dp{font-size:12px;font-weight:700;text-transform:uppercase;color:#999}}.Pp{display:inline-flex;align-items:center;cursor:pointer;>.Rp{margin-right:4px}}.qp{width:auto;max-width:none;display:flex;min-height:calc(100vh - var(--header-height));@media(max-width:900px){.q{display:none}&.Ap{position:relative;display:block;&:before{content:"";position:absolute;inset:0;background:#00000080;z-index:10}.q{position:fixed;display:block;top:var(--header-height);left:0;bottom:0;z-index:11;overflow-y:auto}}}.Fp{flex:1;min-width:0}.q{width:250px;flex:none;box-sizing:border-box;background:#efefef;padding:20px;.Np{font-weight:700;text-transform:uppercase;font-size:12px}nav{ul{list-style:none;padding:0;margin:20px 0}li{margin-bottom:8px;&:last-child{margin-bottom:0}}a.Bp{text-decoration:none;font-weight:700}}}}.A{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:#5f6368}.Eo{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:8px 16px;background:#2f3237;color:#eee;font-size:14px;select{margin-left:4px}}.Cp{flex:1}.Ep{color:#bbb}.Lo{flex:1;overflow:auto;padding:24px 16px 48px;display:flex;flex-direction:column;align-items:center;gap:24px}.Lp{color:#eee}.Xp{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,Times New Roman,serif;font-size:16px;line-height:normal;color:#111}.Xo{position:absolute;left:-10000px;top:0;visibility:hidden}.F{position:relative;flex:none;box-sizing:border-box;overflow:hidden;background:#fff;color:#111;box-shadow:0 2px 10px #00000073}.Tp{padding:6px 0 10px;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,Times New Roman,serif;h1{margin:0 0 4px;text-align:center;font-size:30px;font-weight:400;letter-spacing:.02em;color:#111}}.Yp{margin:0;text-align:center;font-style:italic;font-size:15px;color:#333}.Hp{display:flex;justify-content:space-between;align-items:flex-end;margin-top:18px;font-size:13px;font-style:italic;color:#222}.Ip{font-style:normal;font-weight:700}.Jp{text-align:center;font-style:italic;font-size:12px;color:#444}.Kp{position:absolute;left:0;right:0;text-align:center;font-size:12px;color:#333}.Mp{position:absolute;width:1.5px;background:#111;pointer-events:none}.Op{position:absolute;width:11px;fill:#111;pointer-events:none}@media print{body.piaano-printing-sheet{background:#fff}body.piaano-printing-sheet>*:not(.A){display:none!important}.A{position:static;display:block;background:none}.Eo,.Xo{display:none}.Lo{display:block;overflow:visible;padding:0}.F{box-shadow:none;break-after:page;page-break-after:always;-webkit-print-color-adjust:exact;print-color-adjust:exact}.F:last-child{break-after:auto;page-break-after:auto}}.Qp{overflow:hidden;.l{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;background:#eee;input[type=number]{width:60px}}.Sp{user-select:none;-webkit-user-drag:none;display:flex;flex-direction:column}.Up{position:static}.To{margin-bottom:0}.Vp{>ul{list-style:none;margin:6px 0 0;padding:0;max-height:40vh;overflow:auto}>ul>li{display:flex;align-items:center;gap:8px;padding:3px 0}.Wp{font-weight:700;min-width:120px}small{color:#666}}.Yo{position:fixed;left:0;right:0;bottom:0;z-index:3;display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:6px 12px;max-height:60vh;overflow:auto;background:#fff;border-top:1px solid var(--border-color);box-shadow:0 -2px 6px #00000014;&.Ho{left:250px}>details{flex:1 1 240px;min-width:240px;margin:0;background:#fff}}.Io{padding-bottom:var(--bottom-bar, 56px);>h2{font-size:20px;background:#fff;padding:20px 20px 0 40px;margin:0}&.Ho{margin-left:250px}}.d{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-right:40px;>*{margin-left:10px;&:first-child{margin-left:0}}.Jo{min-width:60px}>button{height:28px;.svgicon{fill:#fff}}input[type=text]{margin-left:10px;box-sizing:border-box;border:1px solid color-mix(in oklab,var(--border-color),white 10%);font-family:Raleway,sans-serif;font-size:13px;padding:4px;height:28px;width:45px;border-radius:2px;text-align:center}.Zp{display:flex;align-items:center;gap:4px;white-space:nowrap;input{margin:0}.Ko{font-size:13px;font-weight:700;opacity:.8}}.Mo{margin-left:20px;display:flex;align-items:center;.Ko{font-size:13px;font-weight:700;opacity:.8}}.ol{flex:1}.Oo{width:200px;height:28px}}.il{background:#fff;margin:0;padding:20px 40px;display:flex;align-items:center;list-style:none;>*{margin-right:10px;display:flex;align-items:center;&:last-child{margin-right:0}}}.tl{flex-direction:column;align-items:stretch;padding:10px;gap:15px;>li{flex-wrap:wrap;gap:8px;margin:0}}.el{margin:20px 0}&.Qo{.To{.So{position:absolute;inset:0;background:#fffc;z-index:2;display:flex;align-items:center;justify-content:center}}}&:not(.Qo){.So{padding:20px 0}}.al{border:1px solid #ccc;border-radius:4px;margin:8px 0;padding:8px 12px;summary{cursor:pointer}>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px}label{display:inline-flex;align-items:center;gap:5px}select{max-width:100%}input[type=number]{width:65px}}.rl{display:block;margin:0 10px 10px}.nl{font-size:13px;color:#666;font-weight:700;margin-bottom:5px}.pl{display:flex;.slider_component{flex:1}}.ll{width:20px;text-align:center}}.N{display:flex;align-items:baseline;gap:12px;margin:-6px 0 8px;font-size:14px}.N small{opacity:.7}.dl{font-weight:700}.xl{position:absolute;z-index:2;top:4px;left:calc(var(--play-line, 160px) + 24px);font-weight:700;font-size:18px;color:#3977a8;pointer-events:none;white-space:nowrap}.B{display:flex;flex-wrap:wrap;gap:14px;margin:-4px 0 6px;font-size:14px;opacity:.85}.B span{cursor:help}.Uo{margin:2px 0 8px;font-size:14px;line-height:1.45}.sl{font-style:italic;font-size:15px}.gl{font-size:12px;opacity:.7;overflow-wrap:anywhere}.Vo{display:inline-flex;align-items:center;gap:6px;font-size:14px}.Vo button{padding:2px 8px}.bl{margin-left:6px;padding:1px 6px;font-size:11px}.cl{margin-left:6px;font-size:11px;color:#666;white-space:nowrap}.l.fl{row-gap:4px}.Io.ml{background:var(--page-background, #fff);height:100%;overflow-y:auto;padding-top:44px;padding-bottom:8px;>h2,>.B,>.Uo,>.N,>.l,>.Yo{display:none}>.hl{display:none}.d>.Oo,.d>.Mo,.d label{display:none}}.ul{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:8px;padding:5px 10px;font-size:13px;background:#ffffffeb;border-bottom:1px solid var(--border-color);.wl{margin-left:auto}}.yl{display:flex;flex-direction:column;gap:6px;padding:10px 0;h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#666}.kl{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}}.l{justify-content:space-between}.vl,.Wo{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.Wo{margin-left:auto}.zl{display:flex;align-items:center;gap:12px;padding:3px 4px;font-size:12px;color:#555;border-top:1px solid var(--border-color);>:last-child{margin-left:auto}._l{font-variant-numeric:tabular-nums}.jl{font-weight:700;min-width:7em}}.Gl{display:flex;align-items:center;gap:4px;margin-right:10px;.Jo{min-width:5.5em;font-weight:700}}.Dl{font-size:12px;opacity:.7;margin-left:6px;white-space:nowrap}.Pl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;small{color:#666;flex:1 1 260px}}.Rl{display:flex;align-items:center;gap:10px;margin:6px 0;font-size:14px;color:#555}.ql{font-size:13px;padding:2px 8px}.Al{border:0;background:none;color:#888;font-size:16px;cursor:pointer;padding:0 4px}.Fl{margin:8px 0;font-size:14px;ul{margin:4px 0 0;padding-left:18px;line-height:1.7}}.Nl{cursor:pointer}.Bl{margin-top:32px}.Cl{background:var(--error-color);color:#fff;padding:15px 20px;margin-bottom:20px}.El{margin-bottom:15px;.Ll{color:#666;font-weight:700;margin-bottom:5px;font-size:14px;text-transform:uppercase}input[type=text],input[type=password],input[type=email]{box-sizing:border-box;border:1px solid color-mix(in oklab,var(--border-color),white 10%);font-family:Raleway,sans-serif;font-size:16px;padding:8px 16px;width:50%}&:last-child{margin-bottom:0}}.Xl{min-height:200px;padding:20px;display:flex;.Tl{width:25%;max-width:350px;min-width:220px;margin-left:20px;flex-basis:1;input[type=text]{width:100%;box-sizing:border-box}}>textarea{flex-basis:1;flex-grow:1}.Yl{display:flex;align-items:center;.Hl{height:28px;padding:0 10px;display:flex;box-sizing:border-box}>*{margin-left:5px}>:first-child{margin-left:0;flex:1}}}.Il{margin:8px 0;.Jl{flex:1 0 100%;width:100%;position:relative;background:#f4f4f4;border:1px solid var(--border-color);border-radius:3px;overflow:hidden}.Kl{position:absolute;top:0;bottom:0;width:1px;background:#0000001f}.Zo,.oi{position:absolute;height:5px;border-radius:2px;min-width:2px}.Zo{background:#5a78c847;box-shadow:inset 0 0 0 1px #32468cb3}.oi{background:#1f9d4cbf;height:3px;margin-bottom:1px}.ii,.ti{display:inline-block;width:14px;height:6px;border-radius:2px;margin:0 4px 0 10px;vertical-align:middle}.ii{background:#5a78c847;box-shadow:inset 0 0 0 1px #32468cb3;margin-left:0}.ti{background:#1f9d4cbf}}.Ml{h3{margin:28px 0 10px;font-size:18px}section:first-of-type h3{margin-top:10px}.Ol{display:flex;gap:3px;overflow-x:auto;padding-bottom:4px}.Ql{display:flex;flex-direction:column;gap:3px;margin-right:4px;span{height:18px;line-height:18px;font-size:11px;color:#888}}.Sl{display:flex;flex-direction:column;gap:3px}.Ul{width:18px;height:18px;padding:0;border:0;border-radius:3px;cursor:pointer;&:disabled{cursor:default}}.Vl{background:color-mix(in srgb,var(--body-color) 8%,white)}.Wl{background:color-mix(in srgb,var(--green) 35%,white)}.Zl{background:color-mix(in srgb,var(--green) 60%,white)}.od{background:color-mix(in srgb,var(--green) 85%,white)}.id{background:color-mix(in srgb,var(--green) 100%,#5b8c33)}.td{outline:2px solid var(--button-color);outline-offset:1px}.ed{font-size:14px;color:#666;min-height:1.5em}.ad{display:flex;flex-direction:column;gap:6px}.rd{display:flex;align-items:center;gap:10px;font-size:15px}.nd{width:150px;flex-shrink:0}.pd{flex:1;height:14px;background:color-mix(in srgb,var(--body-color) 6%,white);border-radius:3px;overflow:hidden}.ld{display:block;height:100%;background:var(--green)}.dd{width:56px;text-align:right;font-variant-numeric:tabular-nums}.xd{width:40px;text-align:right;color:#666;font-variant-numeric:tabular-nums}.sd{margin-bottom:8px}.gd{font-size:18px;margin:0 0 4px}.bd{font-size:15px;color:#666;margin:0}.cd{font-size:15px;line-height:1.6;padding-left:20px}}.fd{width:900px;max-width:100%;box-sizing:border-box}.md{color:#666}.hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px;background:#f8f8f8;border-radius:4px;flex-wrap:wrap;gap:10px;@media(max-width:600px){flex-direction:column;align-items:stretch}}.ud{display:flex;align-items:center;gap:15px;flex-wrap:wrap;.wd{font-weight:700;color:#666;font-size:14px}.yd{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:14px;input[type=checkbox]{margin:0}.kd{white-space:nowrap}}}.vd{display:flex;align-items:center;gap:10px;.zd{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:14px;input[type=checkbox]{margin:0}}button{font-size:12px;padding:5px 10px}}._d{max-height:60vh;overflow-y:auto;border:1px solid #ddd;border-radius:4px;@media(max-width:600px){max-height:300px}}.jd{width:100%;border-collapse:collapse;font-family:Courier New,monospace;font-size:12px;thead{background:#f5f5f5;position:sticky;top:0;z-index:1;th{padding:8px 6px;border-bottom:2px solid #ddd;text-align:left;font-weight:700;font-size:11px;white-space:nowrap}}tbody{tr{&:nth-child(2n){background:#fafafa}&:hover{background:#e6f3ff}}td{padding:4px 6px;border-bottom:1px solid #eee;white-space:nowrap;font-size:11px}}@media(max-width:600px){font-size:10px;th,td{padding:3px 4px}}}.Gd{border-left:3px solid #4CAF50}.Dd{border-left:3px solid #f44336}.Pd{border-left:3px solid #ff9800}.Rd{text-align:right;color:#666}.qd{max-width:160px;overflow:hidden;text-overflow:ellipsis;color:#333;@media(max-width:600px){max-width:80px}}.ei,.ai{font-weight:700;font-family:Courier New,monospace}.ei{color:#06c}.ai{color:#c60}.Ad{text-align:center;color:#666}.Fd{font-weight:700}.Nd{font-weight:700;color:#333}.Bd{text-align:right;color:#666}.Cd{text-align:center;padding:40px;color:#666;font-style:italic}.i{.C{.ri{display:block;text-align:center}}.Ed{padding:20px;>section{h2{margin-top:0}margin-bottom:40px;&:last-child{margin-bottom:0}}}.a{background:#fff;padding:10px;.Ld{float:right;background:#ddd;font-size:12px;font-weight:700;border-radius:4px;padding:3px 6px;margin-left:5px;color:color-mix(in srgb,var(--body-color),transparent 20%)}.ni{font-size:20px;a{color:#55556b;text-decoration:none}margin-bottom:5px}.Xd{font-size:14px;font-weight:700;margin-bottom:5px}.Td{opacity:.8;margin-bottom:8px}.E{display:flex;font-size:14px;opacity:.5;justify-content:space-between}}.pi{list-style:none;padding:0;margin:0;display:grid;grid-gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.Yd{align-self:flex-start}.L{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px}.L label{display:flex;gap:6px;align-items:center}.L small{color:#666}.li{font-size:13px;margin:6px 0;color:#55556b;cursor:help}.i .a .E{flex-wrap:wrap}.o{background:#e5e5e5!important}.o .ni{opacity:.5}.o .di,.o .xi,.o .si,.o .li,.o .gi{filter:grayscale(1)}.o .bi a{color:#777}.o{border-left-color:#bbb}.o .x.ci{color:#d4a017}.gi{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#855;min-height:14px}@media(max-width:900px){.i{flex-direction:column}.i .C{display:block;width:100%}}.i{.C{.ri{margin-bottom:10px;width:100%;box-sizing:border-box}}.Hd{font-size:13px;opacity:.7}.Id{color:var(--error-color)}.a{.E{align-items:center;gap:8px;button{font-size:12px;padding:2px 6px;margin-left:auto}}}}.Jd{font-weight:700;padding:1px 6px;border-radius:3px;color:#fff}.Kd{background:#1f9d4c}.Md{background:#c47d0a}.Od{background:#d23b3b}.Qd{font-weight:700;padding:1px 6px;border-radius:3px;color:#fff;background:#5b4bb5}.r{margin-top:20px;padding:10px;border:1px solid rgba(0,0,0,.15);border-radius:5px;font-size:14px}.r summary{cursor:pointer;opacity:.6}.r label{display:block;margin:8px 0}.r input{width:100%}.r small{display:block;margin-top:6px;opacity:.8}.Sd{color:#d23b3b}.Ud{font-size:12px;opacity:.75;cursor:help}.Vd{font-weight:700;padding:1px 6px;border-radius:3px;color:#fff;background:#3a7ca5}.Wd{margin:4px 0 12px;font-size:14px;opacity:.8}.Zd{background:none;border:0;cursor:pointer;font-size:16px;padding:0 8px 0 0;color:inherit}h2>.ox{float:right;font-size:13px;font-weight:400}h2>small{margin-left:10px;font-size:13px;font-weight:400;opacity:.6}.x{background:none;border:0;cursor:pointer;font-size:17px;line-height:1;padding:0 6px 0 0;color:#bbb}.x:hover,.x.ci{color:#d4a017}.i .a{padding:8px 10px;border:1px solid var(--border-color);border-left:4px solid var(--band, #bbb);border-radius:5px;transition:box-shadow .12s ease,transform .12s ease;&:hover{box-shadow:0 2px 8px #281e4624;transform:translateY(-1px)}}.ix{display:flex;align-items:flex-start;gap:9px}.di{flex:none;min-width:2.6em;padding:4px 0;border-radius:4px;text-align:center;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;color:#fff;background:var(--band, #bbb);cursor:help}.bi{flex:1;min-width:0;a{font-size:15px;line-height:1.25;color:#55556b;text-decoration:none;font-weight:700}a:hover{text-decoration:underline}}.tx{margin-right:5px;font-weight:400;color:#8a8a9c}.xi{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:2px;font-size:11px;color:#7a7a8c}.si{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;font-size:11px;&:empty{display:none}}.ex{background:#eee;color:#777;border-radius:3px;padding:1px 5px;font-weight:700}.ax{--band: #2e9e5b}.rx{--band: #7aa62b}.nx{--band: #d19a00}.px{--band: #d2662b}.lx{--band: #c4384c}.dx{--band: #b4b4c0}.i .pi{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:10px}.xx{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.sx{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border-color);border-radius:999px;background:#fff;font-size:13px;color:#55556b;cursor:pointer;&:hover{border-color:#9a8fc4}}.fi{background:#efecf8;border-color:#9a8fc4;font-weight:700}.gx{font-size:11px;color:#7a7a8c;background:#f1f1f5;border-radius:999px;padding:0 6px;font-variant-numeric:tabular-nums}.bx{margin-left:auto;font-size:13px}.mi{position:relative;flex:none;>summary{list-style:none;cursor:pointer;font-size:13px;line-height:1;padding:2px 6px;border:1px solid transparent;border-radius:4px;color:#aaa;&::-webkit-details-marker{display:none}&:hover{color:#6b5fa8;border-color:var(--border-color)}}>summary.cx{color:#6b5fa8;font-weight:700}}.i .a:has(.mi[open]){position:relative;z-index:20;transform:none}.fx{position:absolute;right:0;top:calc(100% + 4px);z-index:21;width:220px;display:flex;flex-direction:column;gap:6px;padding:10px;background:#fff;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 14px #281e462e;font-size:13px;label{display:flex;gap:6px;align-items:center}small{color:#777}form{display:flex;gap:6px;margin-top:4px}form input{flex:1;min-width:0}}.mx{display:inline-flex;gap:6px;margin-left:10px;vertical-align:middle;button{font-size:12px;padding:1px 8px}}.hi{border-style:dashed}.hi.fi{border-style:solid}.hx{font-size:13px}.ux{color:#777}.wx{box-sizing:border-box;padding:0 20px;height:50px;background:#fff;position:fixed;top:0;left:0;right:0;z-index:calc(var(--upper-layer-z-index) - 1);gap:20px;width:100%;display:flex;align-items:center;.yx{flex:1;display:flex;align-items:center;gap:20px;color:#666;>a,>.ui{white-space:nowrap}}.kx{position:relative;button{background:transparent;padding:6px 8px;color:#666;font-size:14px;cursor:pointer;>svg{fill:#333;margin-left:3px;display:inline-block;vertical-align:1px}}.vx{position:fixed;inset:0;background:#fffc;z-index:1}.wi{z-index:2}}.wi{position:absolute;top:100%;left:0;min-width:200px;background:#fff;margin-top:10px;border:1px solid color-mix(in oklab,var(--border-color),white 10%);border-radius:4px;box-shadow:0 0 20px #0003;.zx{padding:8px 10px 5px;display:flex;>button{flex:1;text-align:left;display:block}}._x{border-bottom:1px solid color-mix(in oklab,var(--border-color),white 20%);display:flex;padding:8px 10px;align-items:center;&.jx{>:first-child{flex:1}.Gx{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}&.Dx{>*{flex:1;&:last-child{text-align:right}}}}ul{list-style:none;padding:0;margin:0;li{margin:8px 10px;a{display:block}}}}.ui{text-align:right;flex:1}.yi,.X{opacity:.7;display:block}.X{display:none}@media(max-width:1200px){.yi{display:none}.X{display:block}}.settings_open &{button{visibility:hidden}}h1{margin:0 20px 0 0;line-height:15px;font-size:22px;text-transform:uppercase;color:#444;a{color:inherit;text-decoration:none}}.Px{padding:0}a{padding:3px 6px;font-weight:700;text-decoration:none;color:#444;&:hover{color:var(--button-color)}&.active{font-weight:700;text-decoration:none;background:#f6f6f6;color:color-mix(in oklab,var(--button-color),black 8%);border-radius:2px;box-shadow:0 0 0 2px #0000001a}}}.Rx{background:#fff;border:2px solid color-mix(in oklab,var(--border-color),white 20%);max-height:200px;overflow-y:auto;.qx{padding:6px 10px;display:flex;align-items:center;cursor:pointer;border:none;background:none;width:100%;text-align:left;font:inherit;color:inherit;margin:0;border-radius:0;box-shadow:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;&:hover{background:#f5f5f5}&:focus{outline:2px solid rgba(0,0,255,.2);outline-offset:-4px}&:active{background:color-mix(in oklab,var(--button-color-highlight),black 5%)}&.ki{background:var(--button-color-highlight)}&.ki:focus{outline:2px solid color-mix(in oklab,var(--button-color-highlight),black 20%)}.Ax{width:24px;opacity:.7;margin-right:5px}.Fx{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}}}.Nx{.Bx{margin-top:20px;>button{margin-right:10px;&:last-child{margin-right:0}}}.Cx{margin-bottom:15px;display:flex;.slider_component{margin:0 10px;width:200px}.Ex{margin-left:10px}>*{margin-left:30px;height:26px;display:flex;align-items:center;&:first-child{margin-left:0}}@media(max-width:600px){flex-direction:column;>*{margin-top:10px;margin-left:0}}}}.Lx{.Xx{margin-top:10px}.Tx{margin-bottom:10px}.Yx{margin-right:5px}.Hx{margin-bottom:0;font-size:14px;color:#666}}