.violin-player.inlinecalculator{--violin-wood:#95613f;--violin-wood-detail:#69432d;box-sizing:border-box;color:#202124;width:min(100%,1040px);min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:8px auto 28px;padding:12px 20px;display:block}.violin-player .violin-stage{max-width:1000px;height:340px;margin:auto;position:relative}.violin-player .violin-body{pointer-events:none;width:400px;height:340px;position:absolute;top:0;right:0;overflow:visible}.violin-player .violin-wood{fill:var(--violin-wood)}.violin-player .violin-fingerboard{user-select:none;-webkit-touch-callout:none;background:#242837;border-radius:5px 14px 14px 5px;grid-template-rows:repeat(4,44px);grid-template-columns:repeat(8,minmax(0,1fr));padding:0 7px;display:grid;position:absolute;top:82px;left:66px;right:270px}.violin-player .violin-note{grid-column:calc(var(--position) + 1);grid-row:calc(var(--string) + 1);color:#ebedf5;background:linear-gradient(to bottom, transparent calc(50% - var(--thickness) / 2), #afb3c2 calc(50% - var(--thickness) / 2), #afb3c2 calc(50% + var(--thickness) / 2), transparent calc(50% + var(--thickness) / 2));min-width:0;min-height:44px;font:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;justify-content:center;align-items:center;gap:3px;padding:0;display:flex;position:relative}.violin-player .violin-note-name{white-space:nowrap;background:#242837;border-radius:30px;justify-content:center;align-items:baseline;min-width:31px;padding:7px 3px;font-size:11px;font-weight:650;line-height:1;display:inline-flex;position:relative}.violin-player .violin-note sub{margin-left:1px;font-size:8px}.violin-player .violin-note small{color:#989fad;font-size:8px;line-height:1;position:absolute;bottom:1px}.violin-player .violin-note[data-note$=\:0]{border-right:2px solid #e5e4df}.violin-player .violin-note:hover .violin-note-name{background:#55576b}.violin-player .violin-note[aria-pressed=true] .violin-note-name{color:#fff;background:#e15e47}.violin-player .violin-note:focus-visible{outline-offset:-2px;z-index:1;outline:2px solid #fff}.violin-player .violin-scroll{background:var(--violin-wood);box-sizing:border-box;border-radius:45% 0 0 45%;width:54px;height:98px;position:absolute;top:121px;left:13px}.violin-player .violin-scroll b{border:2px solid var(--violin-wood-detail);box-sizing:border-box;border-right-color:#0000;border-radius:50%;width:25px;height:48px;position:absolute;top:25px;left:7px}.violin-player .violin-scroll i{background:#242837;border-radius:5px;width:10px;height:18px;position:absolute;top:-17px;right:3px}.violin-player .violin-scroll i:nth-child(2){top:-14px;right:22px}.violin-player .violin-scroll i:nth-child(3){top:auto;bottom:-17px}.violin-player .violin-scroll i:nth-child(4){top:auto;bottom:-14px;right:22px}.violin-player .is-playing .violin-bow{animation:2.8s ease-in-out infinite alternate violin-bowing}@keyframes violin-bowing{0%{transform:translateY(-14px)}to{transform:translateY(14px)}}.violin-player .violin-playing{text-align:center;min-height:24px;margin:0 0 24px;font-size:15px;line-height:24px}.violin-player .violin-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(100%,520px);margin:auto;display:grid}.violin-player .violin-controls>.row-2{width:auto;min-width:0;padding:0}.violin-player .violin-controls>label>span{color:#666a72;margin-bottom:6px;font-size:13px;display:block}.violin-player .violin-controls .select,.violin-player .violin-controls .input{width:100%}.violin-player .violin-keyboard-hint{color:#666a72;text-align:center;margin:20px 0 0;font-size:12px;line-height:1.6}.violin-player .violin-error{color:#a63023;text-align:center;margin:16px 0 0;font-size:14px}@media (width<=1000px) and (width>=801px){.violin-player .violin-fingerboard{left:54px}.violin-player .violin-scroll{left:1px}}@media (width<=800px){.violin-player.inlinecalculator{width:auto;margin:6px -15px 24px;padding:10px 15px}.violin-player .violin-stage{width:min(100%,340px);height:700px}.violin-player .violin-body{transform-origin:50%;width:400px;height:340px;top:330px;left:calc(50% - 200px);transform:rotate(90deg)}.violin-player .violin-fingerboard{border-radius:5px 5px 14px 14px;grid-template-rows:repeat(8,44px);grid-template-columns:repeat(4,minmax(0,1fr));width:196px;padding:7px 0;top:70px;left:50%;right:auto;transform:translate(-50%)}.violin-player .violin-note{grid-column:calc(var(--mobile-string) + 1);grid-row:calc(var(--position) + 1);background:linear-gradient(to right, transparent calc(50% - var(--thickness) / 2), #afb3c2 calc(50% - var(--thickness) / 2), #afb3c2 calc(50% + var(--thickness) / 2), transparent calc(50% + var(--thickness) / 2))}.violin-player .violin-note[data-note$=\:0]{border-bottom:2px solid #e5e4df;border-right:0}.violin-player .violin-note-name{min-width:34px;padding:8px 3px;font-size:12px}.violin-player .violin-note small{display:none}.violin-player .violin-scroll{top:2px;left:50%;transform:translate(-50%)rotate(90deg)}.violin-player .violin-playing{margin-bottom:22px}.violin-player .violin-controls{gap:12px}.violin-player .violin-controls .input{min-height:48px;font-size:16px}.violin-player .violin-keyboard-hint{display:none}}@media (prefers-reduced-motion:reduce){.violin-player .is-playing .violin-bow{animation:none}}