/* [page:mylineup_setting] 마이팀설정 — 냥볼 톤 */

.myteamedit-btn,
.myteamedit-action{
  appearance:none;border:0;background:transparent;
  padding:var(--g8) var(--g12);border-radius:var(--r-sm);
  font-weight:var(--fw-bold);font-size:var(--fs-14);color:currentColor;
}
.myteamedit-btn--primary{background:var(--color-myteam);color:#fff}

.myteamedit-section{margin:var(--g16) 0}

.myteamedit-label{
  font-size:var(--fs-12);font-weight:var(--fw-bold);
  margin-bottom:var(--g8);color:#111827;
}
.myteamedit-input{
  width:100%;border:1.5px solid var(--color-line);border-radius:var(--r-md);
  padding:var(--g12);font-size:var(--fs-14);outline:none;background:#fff;
  font-family:var(--ff-app);
}
.myteamedit-input:focus{border-color:var(--color-myteam)}

.myteamedit-row{display:flex;align-items:center;justify-content:space-between;gap:var(--g12)}
.myteamedit-swatch{
  width:var(--g28);height:var(--g28);border-radius:var(--r-sm);
  border:1.5px solid var(--color-line);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}

/* 슬라이더 공통 */
.myteamedit-slider,
.myteamedit-hue{
  width:100%;margin-top:var(--g12);-webkit-appearance:none;appearance:none;
  height:var(--g16);border-radius:var(--r-full);border:0;
}
.myteamedit-slider{
  background:
    linear-gradient(#000,#000) left/var(--g12) 100% no-repeat,
    linear-gradient(#fff,#fff) right/var(--g12) 100% no-repeat,
    linear-gradient(90deg,#000 0%,#000 .28%,#f00 .28%,#ff0 16.67%,#0f0 33.33%,#0ff 50%,#00f 66.67%,#f0f 83.33%,#f00 99.72%,#fff 99.72%,#fff 100%);
}
.myteamedit-hue{
  background:linear-gradient(90deg,#f00 0%,#ff0 16.67%,#0f0 33.33%,#0ff 50%,#00f 66.67%,#f0f 83.33%,#f00 100%);
}

.myteamedit-slider::-webkit-slider-runnable-track,
.myteamedit-hue::-webkit-slider-runnable-track{height:var(--g16);border-radius:var(--r-full);background:transparent;border:0}
.myteamedit-slider::-moz-range-track,
.myteamedit-hue::-moz-range-track{height:var(--g16);border-radius:var(--r-full);background:transparent;border:0}

.myteamedit-slider::-webkit-slider-thumb,
.myteamedit-hue::-webkit-slider-thumb{
  margin-top:-3px;-webkit-appearance:none;appearance:none;
  width:var(--g20);height:var(--g20);border-radius:50%;background:#fff;
  border:2px solid rgba(0,0,0,.25);box-shadow:0 3px var(--g12) rgba(0,0,0,.18);
}
.myteamedit-slider::-moz-range-thumb,
.myteamedit-hue::-moz-range-thumb{
  transform:translateY(-3px);width:var(--g20);height:var(--g20);border-radius:50%;
  background:#fff;border:2px solid rgba(0,0,0,.25);box-shadow:0 3px var(--g12) rgba(0,0,0,.18);
}

/* SV 피커 */
.myteamedit-sv{
  --sv-hue:#ff0000;position:relative;width:100%;height:140px;
  margin-top:var(--g12);border-radius:0;border:1px solid rgba(0,0,0,.08);
  background:linear-gradient(to top,#000,rgba(0,0,0,0)),linear-gradient(to right,#fff,rgba(255,255,255,0)),var(--sv-hue);
  touch-action:none;
}
.myteamedit-svCursor{
  position:absolute;width:var(--g20);height:var(--g20);border-radius:50%;
  border:2px solid rgba(255,255,255,.95);box-shadow:0 2px var(--g12) rgba(0,0,0,.35);
  transform:translate(-50%,-50%);left:0;top:0;pointer-events:none;
}