#ukulele.inlinecalculator{--uke-line:#20212421;--uke-text:#202124;--uke-muted:#666a72;--uke-fret-muted:#ebeef68f;--uke-accent:#f26f57;box-sizing:border-box;width:min(100%,980px);min-height:0;color:var(--uke-text);box-shadow:none;background:0 0;border:0;border-radius:0;margin:10px auto 22px;padding:20px;display:block;overflow:hidden}#ukulele .ukulele-stage{box-sizing:border-box;min-width:0;min-height:366px;padding-top:34px;position:relative}#ukulele .ukulele-current-sound{max-width:min(100%,440px);color:var(--uke-muted);font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:24px;position:absolute;top:0;right:0;overflow:hidden}#ukulele .ukulele-note:focus-visible{outline-offset:2px;outline:2px solid #fff}#ukulele .ukulele-fretboard{user-select:none;background:#242837;border-radius:14px;grid-template-rows:24px repeat(4,64px);grid-template-columns:42px repeat(11,minmax(0,1fr));width:100%;min-width:0;display:grid;overflow:hidden}#ukulele .ukulele-fret-corner{grid-area:1/1}#ukulele .ukulele-string-name,#ukulele .ukulele-fret-number{z-index:2;color:var(--uke-fret-muted);justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1;display:flex}#ukulele .ukulele-string-name{grid-column:1;grid-row:calc(var(--string-index) + 2);background:#1b1e2a}#ukulele .ukulele-fret-number{grid-column:calc(var(--fret-index) + 2);grid-row:1}#ukulele .ukulele-note{grid-column:calc(var(--fret-index) + 2);grid-row:calc(var(--string-index) + 2);appearance:none;color:#fff;min-width:0;min-height:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(#0000 calc(50% - 1px),#e7e8edcc calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));border:0;border-right:1px solid #e2e5ed3d;padding:0;font-size:11px;font-weight:750;transition:background-color .12s;position:relative}#ukulele .ukulele-note:after{content:"";background:#ffffff29;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#ukulele .ukulele-note span{z-index:2;background:#353a4c;border-radius:50%;justify-content:center;align-items:center;min-width:28px;min-height:28px;line-height:1;display:inline-flex;position:relative}#ukulele .ukulele-note span:empty{display:none}#ukulele .ukulele-note[data-fret="0"]{background:linear-gradient(#0000 calc(50% - 1px),#e7e8edcc calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),#ffffff0a;border-right:3px solid #fffc}#ukulele .ukulele-note:hover:after,#ukulele .ukulele-note:focus-visible:after{background:#f26f577a;width:18px;height:18px}#ukulele .ukulele-note:hover,#ukulele .ukulele-note:focus-visible{background-color:#f26f571a}#ukulele .ukulele-note.is-selected:after,#ukulele .ukulele-note.is-chord-tone:after{background:var(--uke-accent);width:28px;height:28px}#ukulele .ukulele-note.is-selected span{background:0 0}#ukulele .ukulele-fret-chords{grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin-top:10px;display:grid}#ukulele .ukulele-fret-chord{appearance:none;min-width:0;min-height:34px;color:var(--uke-text);border:1px solid var(--uke-line);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffffa8;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:4px 6px;line-height:1;display:flex}#ukulele .ukulele-fret-chord strong{text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}#ukulele .ukulele-fret-chord small{color:var(--uke-muted);font-size:9px;font-weight:700}#ukulele .ukulele-fret-chord:hover,#ukulele .ukulele-fret-chord:focus-visible{color:var(--uke-text);background:#fff;border-color:#2021243d}#ukulele .ukulele-fret-chord:focus-visible{outline-offset:2px;outline:2px solid #202124b3}#ukulele .ukulele-fret-chord:active,#ukulele .ukulele-fret-chord.is-active{color:#fff;background:var(--uke-accent);border-color:var(--uke-accent)}#ukulele .ukulele-fret-chord:active small,#ukulele .ukulele-fret-chord.is-active small{color:#ffffffc2}#ukulele .ukulele-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}#ukulele .ukulele-controls .row-2{width:auto;min-width:0;padding:0}#ukulele .ukulele-controls>label>span,#ukulele .ukulele-controls>.label>span{color:var(--uke-muted);margin-bottom:6px;font-size:13px;line-height:1.25;display:block}#ukulele .ukulele-controls>.label .field-label-line{color:var(--uke-muted);margin-bottom:6px;font-size:13px;line-height:1.25}#ukulele .ukulele-controls>.label .field-label-help{color:#6e737d;border-color:#20212447}#ukulele .ukulele-controls>.label .field-label-help:hover,#ukulele .ukulele-controls>.label .field-label-help[aria-expanded=true]{color:#202124;border-color:#20212494}#ukulele .ukulele-controls .select,#ukulele .ukulele-controls .input{width:100%}body:has(#frameiframe) #ukulele.inlinecalculator{box-sizing:border-box;border-radius:0;min-height:100vh;margin-top:0;margin-bottom:0;padding-top:max(20px,50vh - 235px);padding-bottom:max(20px,50vh - 235px)}@media screen and (width<=800px){#ukulele.inlinecalculator{border-left:0;border-right:0;border-radius:0;width:auto;margin:8px -15px 20px;padding:15px}#ukulele .ukulele-stage{min-height:608px;padding-top:30px}#ukulele .ukulele-current-sound{max-width:100%;font-size:12px}#ukulele .ukulele-fretboard{border-radius:10px;grid-template-rows:24px repeat(11,43px);grid-template-columns:28px repeat(4,minmax(0,1fr))}#ukulele .ukulele-string-name{grid-column:calc(var(--string-index) + 2);grid-row:1}#ukulele .ukulele-fret-number{grid-column:1;grid-row:calc(var(--fret-index) + 2);background:#1b1e2a}#ukulele .ukulele-note{grid-column:calc(var(--string-index) + 2);grid-row:calc(var(--fret-index) + 2);background:linear-gradient(90deg,#0000 calc(50% - 1px),#e7e8edcc calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));border-bottom:1px solid #e2e5ed3d;border-right:0}#ukulele .ukulele-note[data-fret="0"]{background:linear-gradient(90deg,#0000 calc(50% - 1px),#e7e8edcc calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),#ffffff0a;border-bottom:3px solid #fffc;border-right:0}#ukulele .ukulele-note span{min-width:26px;min-height:26px}#ukulele .ukulele-fret-chords{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:8px}#ukulele .ukulele-fret-chord{min-height:34px;padding:3px 5px}#ukulele .ukulele-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}#ukulele .ukulele-controls>:last-child{grid-column:1/-1}#ukulele .ukulele-controls>label>span,#ukulele .ukulele-controls>.label>span,#ukulele .ukulele-controls>.label .field-label-line{margin-bottom:4px;font-size:12px}#ukulele .ukulele-controls .input{min-height:48px;padding-left:10px;font-size:16px}body:has(#frameiframe) #ukulele.inlinecalculator{min-height:100vh;margin:0;padding-top:20px;padding-bottom:20px}}