.neck_neck__geq0_{position:relative;width:100%;height:clamp(190px,17vw,250px)}.neck_compact__F1LUm{height:clamp(120px,11vw,160px)}.neck_wood__q0vov{position:absolute;inset:0 0 0 var(--nut-x);background:var(--color-wood);border-radius:0 10px 10px 0;box-shadow:inset 0 0 0 1.5px var(--color-wood-edge)}.neck_string__sU_zb{position:absolute;left:0;right:0;top:var(--hy);height:var(--gauge);margin-top:calc(var(--gauge) / -2);background:#7d6e5c;transition:background-color .24s ease,opacity .24s ease}.neck_string__sU_zb[data-idle=true]{opacity:.45}.neck_string__sU_zb[data-active=true]{background:var(--color-ink)}.neck_lane__RXWPv{position:absolute;left:0;right:0;top:var(--ly);height:calc(100% / 6);background:rgb(255 255 255/.55);border-radius:999px}.neck_fret__RE2Dl{position:absolute;top:0;bottom:0;left:var(--hx);width:3px;margin-left:-1.5px;background:var(--color-fret);border-radius:2px}.neck_nut__0mkps{position:absolute;top:-3px;bottom:-3px;left:var(--hx);width:9px;margin-left:-4.5px;background:var(--color-nut);border-radius:3px}.neck_inlay__uJlFc{position:absolute;left:var(--hx);top:var(--hy);width:clamp(11px,1vw,15px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:#cdb486}.neck_cell__Zn3V4{position:absolute;left:var(--cx);top:var(--cy);width:var(--cw);height:var(--ch);background:transparent;border:0;padding:0;cursor:pointer;border-radius:10px;-webkit-tap-highlight-color:transparent}.neck_cell__Zn3V4:after{content:"";position:absolute;inset:16% 10%;border-radius:999px;background:var(--color-indigo);opacity:0;transition:opacity .16s ease}.neck_cell__Zn3V4:hover:after{opacity:.22}.neck_cell__Zn3V4:focus-visible{outline-offset:-2px}.neck_cell__Zn3V4:disabled{cursor:default}.neck_cell__Zn3V4:disabled:after{display:none}.neck_marker__S1Yol{position:absolute;left:var(--hx);top:var(--hy);width:var(--mk);aspect-ratio:1;translate:-50% -50%;border-radius:50%;display:grid;place-items:center;font-weight:850;font-size:calc(var(--mk) * .44);line-height:1;pointer-events:none;box-shadow:0 2px 6px rgb(20 16 90/.25)}.neck_marker__S1Yol[data-tone=spot]{background:var(--color-indigo);color:#fff}.neck_marker__S1Yol[data-tone=good]{background:var(--color-green);color:#fff}.neck_marker__S1Yol[data-tone=ink]{background:var(--color-ink);color:#fff}.neck_marker__S1Yol[data-tone=outline]{background:#fff;color:var(--color-indigo);box-shadow:inset 0 0 0 3px var(--color-indigo),0 2px 6px rgb(20 16 90/.2)}.neck_marker__S1Yol[data-tone=miss]{background:#fff;color:var(--color-orange-deep);box-shadow:inset 0 0 0 3px var(--color-orange),0 2px 6px rgb(20 16 90/.2)}.neck_letters__0Neas{position:absolute;inset:0 auto 0 calc(-1 * clamp(18px, 1.8vw, 24px));width:16px}.neck_letter__jM4LV{position:absolute;top:var(--hy);transform:translateY(-50%);font-weight:800;font-size:.8rem;color:currentColor;opacity:.6}.neck_numbers__2pK92{position:absolute;left:0;right:0;top:calc(100% + 8px);height:1.2em}.neck_number__G_5ON{position:absolute;left:var(--hx);transform:translateX(-50%);font-weight:800;font-size:.8rem;color:var(--color-ink-3)}@media (max-width:767px){.neck_responsive__8Kix_.neck_neck__geq0_{height:auto;aspect-ratio:.6;max-width:320px;margin-inline:auto}.neck_responsive__8Kix_ .neck_wood__q0vov{inset:var(--nut-x) 0 0 0;border-radius:0 0 10px 10px}.neck_responsive__8Kix_ .neck_inlay__uJlFc,.neck_responsive__8Kix_ .neck_marker__S1Yol,.neck_responsive__8Kix_ .neck_pos__CwUy4{left:var(--vx);top:var(--vy)}.neck_responsive__8Kix_ .neck_string__sU_zb{left:var(--vx);right:auto;top:0;bottom:0;height:auto;width:var(--gauge);margin-top:0;margin-left:calc(var(--gauge) / -2)}.neck_responsive__8Kix_ .neck_lane__RXWPv{left:var(--vlx);right:auto;top:0;bottom:0;width:calc(100% / 6);height:auto}.neck_responsive__8Kix_ .neck_fret__RE2Dl{left:0;right:0;top:var(--vy);bottom:auto;width:auto;height:3px;margin-left:0;margin-top:-1.5px}.neck_responsive__8Kix_ .neck_nut__0mkps{left:-3px;right:-3px;top:var(--vy);bottom:auto;width:auto;height:9px;margin-left:0;margin-top:-4.5px}.neck_responsive__8Kix_ .neck_cell__Zn3V4{left:var(--vcx);top:var(--vcy);width:var(--vcw);height:var(--vch)}.neck_responsive__8Kix_ .neck_letters__0Neas{inset:-24px 0 auto 0;width:auto;height:18px}.neck_responsive__8Kix_ .neck_letter__jM4LV{top:0;left:var(--vx);transform:translateX(-50%)}.neck_responsive__8Kix_ .neck_numbers__2pK92{left:-28px;top:0;bottom:0;right:auto;width:20px;height:auto}.neck_responsive__8Kix_ .neck_number__G_5ON{left:auto;right:0;top:var(--vy);transform:translateY(-50%)}}