.default__page__title{padding-left:75px}article.default__content{padding:15px 0}.default__content{padding:15px 0}.chord-dictionary-title{padding-left:75px}.tools__page__content{padding:0 75px 30px}.article-info{padding-left:75px}@media (max-width: 1005px){.default__content,.content__right .finder,.contact__content{max-width:100%;padding:30px 0}.content__right{padding:0}.tools__page__content{padding:0 30px;width:750px;margin:auto}.default__page__title{max-width:750px}.article-info{max-width:750px;margin:auto;padding:0 30px}}@media (max-width: 768px){.its_setting_page.default__content,article.default__content{padding:15px 0}.default__page__title{padding:0 15px}}@font-face{font-family:Musicca Unicode;src:url(data:font/woff2;base64,d09GMgABAAAAAAQEAA0AAAAACFwAAAOvAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cBmAAgywIBBEICoREg3cLEgABNgIkAyAEIAWDfgdYGxoHAB4HuYn1yhKLqVw/LR6+X3s99+3b3Z+wKzIrUqTiSpaEqTCZKgKHro4ckAIcH/Dpda33EdO/mMQwl7CodFmGCs5FInPdVdprRcH/T1xTvwLkMXqb2mxAEUlJkVgpNKOBRHqC7Eaye6Gpj2jns22ZzB6xHnZqNl+DQYztwQj4rL7mAb7hqxnwDb++wCQekg0wJV01ugO4jn9IfAEfRiRlASCSlQhg56m8Xkgw6W9MVxPRXDBwAAGAkQhKFJgKMg4joBvGAlMZa8ZhJqaDShaSPH6sP4CBEccqaLw3o9AKtgIo/dmaOMdoCpnx54wU4nWEMVTidaRuoCQqAjUiIRFfTaC89qi0AKI/jEADdIJWdAM+AyBjOiOQJIWQcs5DHexthtl6Wli0lG15f4tp85Go1dGCA2qJtgo6Gmy+nTeYWh98ett6RYF04c4dOajl6pEdW3a4yCbWUyOGRzEZqu997b7XRE7IcukWlyjvS06kGUN7LCPfqT2R46QDs1f1WBnqZVjFtQYVMC2X67RO72oVa+v3Bi3qApK8rErKimZQl3W7LHd9p88bnzN/E+SpkE9TXn5n8lxHe+BTa7vnd20q+JoZyAHW2MlBzxQKvIoyFzfFBCbmbUimfX835rJMZIqV+ZeV/0Hm0wMS966daA1exPo5Nqh4TR3b3tl+Q/BpOD73IapyU06M+KTmVahF27GS1MZNeP8zxXGVG2J1q8213wriuo6PxiyZTnXxwzriOkSbMXygokxGG4axr6xayWNb02hcsqWqosQCjZv7RkcHVfzv8fKyUXvbCcBdghlLL5mb+CNcNDP9oJLGRlYXZAyZWidkzaLnhImeCYIrexa3dNin/rawLr7fNna17GcUYswAGhIIiun9D0BzqgHSeBAAQCNO0wGxDeKSgOjDpxo07sEntsBSoGE+Y5AQAisxANrdAgEMkYiAUDuBgKR2HgGFMd6AgKwOApQ6YiIIqNSxkbHITZgPuhTa7QUTeloqrLfkywf6XyoNDwug+qBYiBxjxi2YpCcaMI0K0yMcJeAIYkWhysyYotejRxf8smm8Z9IHzjj2cy7t6cJ8D63brY9oxrAuk/Bqun5gvTGjpnFtkqjv+pYzOFSy0z4uiBNNEJ2pH7trrePopNhHBYajyTnZtKoQFy1EJ7pgfuB+/6TXkU8/xeHwGGyVITwqlzmOZzhecK1EQmb7r0JwfgMhRYoicpRR1V1n9UJ8fD4eyK1mZuXOErLZn+UpcRwXCwA=) format("woff2"),url(data:font/woff;base64,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) format("woff"),url(data:font/otf;base64,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) format("opentype");font-weight:400;font-style:normal}.violin{display:flex;align-items:center;height:600px;margin-top:-150px;margin-bottom:-100px;position:relative}.fretboard-wrapper{position:relative;width:100%;height:175px;display:flex;justify-content:center;align-items:center;z-index:1}.fretboard-wrapper:after{content:"";position:absolute;right:0;width:25%;height:600px;background-image:url(../img/violin-body.png);background-size:cover;background-repeat:no-repeat;background-position:left center;pointer-events:none;z-index:0}.fretboard-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABXgAAAFeCAYAAAA/sXcPAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAysSURBVHgB7d3RbtpYAEVRk6TPZfoD5VPnv1uFgVEUjTrFvm0JeJu1pKgPvpg+bx3jaQIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD7KbgIAAAAA2LD9fn+4dO3Tp0/7b9++7S999Pn5+dK16Xg8fp1mvvbt79JnD5eu7Xa7i9d+vK/ACwAAAAAP6nfD5yl6Xvzc2UL4PFy6cAqb+9fX14ux9Xx9+o37bpnACwAAAAD/cYqes8vLaSYkzoXPU/T8PHPfm6w92R6BFwAAAIAhd3rM/XDpgrUnCLwAAAAAf2SNa8+58GntCdsi8AIAAAAfYssvNQJYC4EXAAAAbuhOa8/Z+3rMHaBL4AUAAGAV5taeby5dX1p7eqkRAJsl8AIAAKyclxoBAJcIvAAAQNIaX2pk7QkA3JrACwAAG2PtCQDwOAReAAAegpcaAQCwRQIvAMCDu9Pa02PuAABwBQIvAMBPLK0958Ln3NrzzGPuAADAtQi8AMAv8VIjAACA9RB4AeBKvNQIAACAWxN4AfhQ1p4AAADwcQRegDuJvdRoae0pfAIAAMAdCLzAqtxp7Tl7X4+5AwAAAGsl8ELE3NrzzaXr91h7eswdAAAA4AYEXvK81AgAAACARyXwbpSXGgEAAADA9j1c4LX2BAAAAAC24t/Au8a151z4XFh7ni1dBwAAAADI23358uU4AQAAAACQ8zQBAAAAAJAk8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARAm8AAAAAABRAi8AAAAAQJTACwAAAAAQJfACAAAAAEQJvAAAAAAAUQIvAAAAAECUwAsAAAAAECXwAgAAAABECbwAAAAAAFECLwAAAABAlMALAAAAABAl8AIAAAAARL2c/v4eOHdYOrDb7RbPvL6+7k/n9tOywwQAAAAAwKzdFLU/Of3zeeHYXy8vL0tnpu/fv++fn59nw/PxeDxfv0qcPt/r6elpP3DuMC0b/X8BAAAAABuTDbz8mlMP/7p05hTDD9OAkfB8zThtHQ4AAAAAPyfwwg+sw99ZhwMAAACsnMAL/BHr8HeHCQAAAODGBF6AGymvw0di+Nt3jpwbOQMAAAAMEHgBWKXqOnz0p1IG1+F+KgUAAIBZAi8AxF1zHT4Yw63DAQAAVkLgBYCJRzEYw4fW4SM/lXJmHQ4AAHwkgRcAgJ8a+amUyTocAADuSuAFAIA/ZB0+/n0AAFyXwAsAANyUdfj49wEALBF4AQAAVuqaL9IcWYf/Qgy3DgeAlRB4AQAA2ISRdfjIT6WcDa7DF89Mg3F6ZB0+GMPPDhMAD0PgBQAAgAez4nX4YenA6Dr8mgEeYM0EXgAAAIAZ1uHvDhOwOgIvAAAAAFdhHf7OOpybEXgBAAAA4A6sw98dJn6bwAsAAAAArFp5HT4Sw9++c+Tc/878A1jZqGorMvtsAAAAAElFTkSuQmCC);background-size:100% 100%;background-repeat:no-repeat;background-position:center;z-index:1}.fretboard{position:relative;display:flex;flex-direction:column;height:128px;width:100%;color:#fff;z-index:2}.nut{position:absolute;top:20px;left:0;width:36px;height:146px;background:linear-gradient(90deg,rgba(28,28,28,0),rgba(255,255,255,.2));border-right:#2d2c2c 1px solid;z-index:2}.fret{display:flex;align-items:center;justify-content:center;position:relative;color:#f8f2e9;cursor:pointer;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;touch-action:manipulation}.fret:nth-child(2){height:34px}.fret:nth-child(3){height:34px}.fret:nth-child(4){height:34px}.fret:nth-child(5){height:35px}.fret:nth-child(6){height:35px}.fret:nth-child(7){height:36px}.fret:nth-child(8){height:37px}.fret:nth-child(9){height:38px}.fret:nth-child(10){height:39px}.fret:nth-child(11){height:40px}.fret:nth-child(12){height:41px}.fret:nth-child(13){height:42px}.fret:nth-child(14){height:42px}.fret:nth-child(3){padding-left:20px}.note-label{display:flex;align-items:center;justify-content:center;z-index:1;height:30px;width:30px;background-color:rgba(255,255,255,.75);color:#2f2f2f;border-radius:50%;line-height:1;opacity:0;user-select:none}@media (hover: hover) and (pointer: fine){.fret:hover .note-label:not(.marked):not(.active):not(.visible){opacity:1}}.note-label.marked{color:#fff;opacity:1;position:relative;border-radius:50%;overflow:hidden}.note-label.marked:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background-color:rgba(0,0,0,0);z-index:1;transition:background-color .3s ease-out}.note-label.marked>*{position:relative;z-index:2}.note-label.marked.active:before{background-color:rgba(0,0,0,.2);transition-duration:.3s}.note-label.marked.fading:before{background-color:rgba(0,0,0,0)}.note-label.visible{opacity:1}@media (hover: hover) and (pointer: fine){.note-label.visible:not(.marked):hover{background-color:rgba(217,217,217,.75)}}.note-label.visible.active:not(.marked){background-color:rgba(179,179,179,.85)}.note-label.visible.fading:not(.marked){background-color:rgba(255,255,255,.75);transition:background-color .3s ease-out}@media (hover: hover) and (pointer: fine){.note-label.visible.fading:not(.marked):hover{background-color:rgba(217,217,217,.75)}}.note-label.active:not(.marked):not(.visible){opacity:1}.note-label.fading:not(.marked):not(.visible){opacity:0;transition:opacity .3s ease-out}@media (hover: hover) and (pointer: fine){.note-label.fading:not(.marked):not(.visible):hover{opacity:1}}.note-label.marked .accidental{color:#e0e0e0}.note-label .accidental{font-family:Musicca Unicode,sans-serif;position:relative;padding-left:1px;top:1px;display:inline-block;font-size:inherit}.string-row{display:grid;grid-template-columns:.5fr 1.3fr .9fr .9fr .9fr .85fr .8fr .75fr .7fr .65fr .6fr .55fr .5fr;align-items:center;position:relative;flex:1;min-height:0;transform:translateZ(0);transform-origin:-50% 0}.string-row:nth-child(1){transform:rotate(-.9deg) translate(-1.5px)}.string-row:nth-child(2){transform:rotate(-.3deg) translate(-1px)}.string-row:nth-child(3){transform:rotate(.3deg) translate(-1px)}.string-row:nth-child(4){transform:rotate(.9deg) translate(-.5px)}.string-row:nth-child(1) .violin-string{transform:translateY(3px) translateZ(0)}.string-row:nth-child(2) .violin-string{transform:translateY(3px) translateZ(0)}.string-row:nth-child(3) .violin-string{transform:translateY(2px) translateZ(0)}.string-row:nth-child(4) .violin-string{transform:rotate(-.3deg) translateY(1px) translateZ(0)}.string-row .fret:nth-child(2){justify-content:center}.violin-string{position:absolute;left:0;right:0;top:50%;pointer-events:none}.violin-string .string-segment,.violin-string .string-segment-neck{height:4px;background-color:#fff;box-shadow:.04em .37em .02em rgba(0,0,0,.1);background-image:repeating-linear-gradient(rgba(0,0,0,.6) 0,rgba(0,0,0,0) .15em,rgba(0,0,0,0) .2em);transform:translateZ(0)}.string-row:nth-child(1) .violin-string .string-segment-neck,.string-row:nth-child(1) .violin-string .string-segment{height:3px;background-color:#cfcfcf}.string-row:nth-child(4) .violin-string .string-segment-neck,.string-row:nth-child(4) .violin-string .string-segment{height:6px;background-image:repeating-linear-gradient(rgba(0,0,0,.6) 0,rgba(0,0,0,0) .2em,rgba(0,0,0,0) .33em)}.violin-string .string-segment-neck{position:absolute;width:70px;left:-68px;pointer-events:none}.string-row:nth-child(1) .violin-string .string-segment-neck{transform:rotate(-5deg) translateZ(0);transform-origin:right center}.string-row:nth-child(4) .violin-string .string-segment-neck{transform:rotate(5deg) translateZ(0);transform-origin:right center}.neck-wrapper{position:relative;width:75px;height:175px;display:flex;justify-content:center;align-items:center;overflow:hidden}.neck{display:flex;align-items:center;height:100%;width:75px;background-image:linear-gradient(180deg,rgba(255,255,255,0) 20%,#121212 26%,#121212 80%,rgba(0,212,255,0) 86%),url(../img/neck.png);background-size:75px 100%;background-position:right center;background-repeat:no-repeat}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media screen and (max-width: 768px){.violin{overflow-x:auto;overflow-y:visible;scroll-behavior:smooth}.fretboard-wrapper{min-width:800px;width:auto}.neck-wrapper{min-width:15px;width:15px;flex-shrink:0}.neck{width:15px;background-size:cover}.violin::-webkit-scrollbar{display:none}.violin{-ms-overflow-style:none;scrollbar-width:none}}@supports (background-image: url(/img/neck.webp)){.fretboard-wrapper:after{background-image:url(../img/violin-body.webp)}.neck{background-image:linear-gradient(180deg,rgba(255,255,255,0) 20%,#121212 26%,#121212 80%,rgba(0,212,255,0) 86%),url(../img/neck.webp)}}.controls{display:flex;align-items:center;padding-bottom:22px;margin-left:70px;position:relative;z-index:2}.controls button{font-family:Open Sans,sans-serif;font-size:14px;background:#f8f8f8;border-radius:4px;border:1px solid #eee;color:#000;transition:.25s ease;cursor:pointer;user-select:none;white-space:nowrap;margin-right:8px;padding:8px 14px;height:37px}.controls button.active{background-color:#e4e4e4;border-color:#dadada}.controls button:hover{border-color:#dadada;box-shadow:0 5px 10px rgba(0,0,0,.2)}.controls button:focus,.controls button:focus-visible{outline:none;box-shadow:none}.drop-down{position:relative}.drop-down ul{min-width:90px;position:absolute;display:none;z-index:11;left:1px;padding-bottom:0;background-color:#fff;border-radius:4px;box-shadow:0 8px 16px rgba(0,0,0,.2);overflow-y:auto}.drop-down ul.active{display:block}.drop-down ul li:first-child{border-radius:4px 4px 0 0}.drop-down ul li:last-child{border-radius:0 0 4px 4px}.drop-down ul li{display:flex;align-items:center;gap:6px;font-size:13px;font-family:Open Sans,sans-serif;padding:10px 14px;cursor:pointer;text-align:left;white-space:nowrap}.drop-down ul li:hover{background-color:#e4e4e4;transition:all .25s ease}.switch{position:relative;display:inline-block;width:56px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#72ac51}input:focus+.slider{box-shadow:0 0 1px #72ac51}input:checked+.slider:before{-webkit-transform:translateX(28px);-ms-transform:translateX(28px);transform:translate(28px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.modal-title{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#4e5056;height:60px;padding:0 20px;border-bottom:1px solid #eee;background-color:#f8f8f8;border-top-left-radius:4px;border-top-right-radius:4px}.modal-title svg{width:24px;height:24px;opacity:.8;transition:opacity .3s ease,transform .3s ease}.modal-title svg:hover{opacity:1;cursor:pointer;transition:opacity .3s ease,transform .3s ease}.modal-title span{cursor:pointer;display:inline-block}.modal-title svg{transform:translateY(1px)}.modal-section{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 20px;border-bottom:1px solid #eee;user-select:none}.modal-section:last-child{border-bottom:none}.modal-text{color:#4e5056;font-size:1em;font-weight:600;line-height:1.4}.modal-section .slider-container{position:relative;top:2px;display:flex;align-items:center;justify-content:space-around;padding:0 5px;gap:12px}.slider-value{min-width:5ch;text-align:center;font-variant-numeric:tabular-nums}.range{-webkit-appearance:none;appearance:none;width:180px;height:var(--slider-thumb-size, 23px);background:transparent;--min: 0;--max: 100;--value: 0;--fill: calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 100%);--slider-color: #72ac51;--slider-track: #e5e7eb;--slider-height: 13px;--slider-thumb-size: 23px;--slider-thumb-border: #ffffff}.range::-webkit-slider-runnable-track{height:var(--slider-height);border-radius:999px;background:linear-gradient(var(--slider-color) 0 0) 0 / var(--fill) 100% no-repeat,var(--slider-track)}.range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:50%;background:var(--slider-color);border:2px solid var(--slider-thumb-border);margin-top:calc((var(--slider-height) - var(--slider-thumb-size)) / 2);box-shadow:0 0 0 2px rgba(0,0,0,.05);cursor:pointer}.range::-moz-range-track{height:var(--slider-height);border-radius:999px;background:var(--slider-track)}.range::-moz-range-progress{height:var(--slider-height);border-radius:999px;background:var(--slider-color)}.range::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:50%;background:var(--slider-color);border:2px solid var(--slider-thumb-border);box-shadow:0 0 0 2px rgba(0,0,0,.05);cursor:pointer}.range:focus{outline:none}.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(59,130,246,.3)}.range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px rgba(59,130,246,.3)}@media screen and (max-width: 768px){.controls{margin-left:15px}}.recording-controls{display:inline-block}.recording-button{display:flex;align-items:center;gap:6px;position:relative}.recording-button:focus,.recording-button:focus-visible{outline:none;box-shadow:none}.recording-live{display:inline-flex;align-items:center;gap:.4em;font-variant-numeric:tabular-nums}.recording-elapsed{min-width:3ch;text-align:left}.recording-error{background:#ffebee;color:#c62828;padding:8px;border-radius:3px;margin-bottom:8px;font-size:12px;cursor:default}.recording-playing-indicator{animation:recording-pulse 1.5s infinite}@keyframes recording-pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.spinner{gap:.4em;font-variant-numeric:tabular-nums;transform-origin:center;animation:rotation .75s infinite linear}@keyframes rotation{to{transform:rotate(360deg)}}:root{--color-darken: 90%}[data-note-name].marked{position:relative;border-radius:50%;overflow:hidden}[data-note-name].marked:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:rgba(0,0,0,0);pointer-events:none;z-index:-1;transition:background-color .12s ease}[data-note-name].marked:hover:before{background:rgba(0,0,0,.2)}[data-note-name=C].marked{background-color:#f44336}[data-note-name="C#"].marked{background-color:#fa6e1b}[data-note-name=D].marked{background-color:#ff9800}[data-note-name="D#"].marked{background-color:#ffad04}[data-note-name=E].marked{background-color:#ffc107}[data-note-name=F].marked{background-color:#4caf50}[data-note-name="F#"].marked{background-color:#26a36c}[data-note-name=G].marked{background-color:#009688}[data-note-name="G#"].marked{background-color:#02a0be}[data-note-name=A].marked{background-color:#03a9f4}[data-note-name="A#"].marked{background-color:#3572d6}[data-note-name=B].marked{background-color:#673ab7}