.cap-player-action-drawer[hidden]{display:none}
.cap-player-action-drawer{
  position:fixed;
  z-index:1250;
  top:86px;
  right:16px;
  bottom:16px;
  display:flex;
  width:min(352px,calc(100vw - 32px));
  flex-direction:column;
  overflow:hidden;
  border:1px solid #9fc7c4;
  border-radius:14px;
  background:#f5f8f6;
  color:#172033;
  box-shadow:0 24px 60px rgba(23,32,51,.24);
}
.cap-player-drawer-handle{display:none}
.cap-player-drawer-scroll{overflow:auto;padding:18px;overscroll-behavior:contain}
.cap-player-drawer-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cap-player-drawer-kicker{margin:0;color:#006c73;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.cap-player-drawer-close{
  display:grid;
  width:34px;
  height:34px;
  flex:0 0 34px;
  place-items:center;
  border:1px solid #c7d4cf;
  border-radius:50%;
  background:#fff;
  color:#172033;
  font:900 18px/1 inherit;
  cursor:pointer;
}
.cap-player-drawer-close:hover,.cap-player-drawer-close:focus-visible{border-color:#f28c28;color:#c7650f;outline:none}
.cap-player-drawer-person{display:grid;grid-template-columns:68px minmax(0,1fr);gap:13px;align-items:center;margin-top:13px}
.cap-player-drawer-face,.cap-player-drawer-fallback{
  grid-area:1/1;
  display:grid;
  width:68px;
  height:68px;
  place-items:center;
  overflow:hidden;
  border:1px solid #aebdb7;
  border-radius:10px;
  background:#fff;
}
.cap-player-drawer-face{object-fit:cover;object-position:center 18%}
.cap-player-drawer-face[hidden],.cap-player-drawer-fallback[hidden]{display:none}
.cap-player-drawer-fallback{color:#4f5b55;font-size:18px;font-weight:900}
.cap-player-drawer-name{margin:0;font-size:21px;line-height:1.02;letter-spacing:-.025em}
.cap-player-drawer-meta{margin:6px 0 0;color:#4f5b55;font-size:11px;font-weight:750;line-height:1.35}
.cap-player-drawer-focus{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
  margin-top:16px;
  padding:13px 0;
  border-top:1px solid #cbd8d3;
  border-bottom:1px solid #cbd8d3;
}
.cap-player-drawer-season{margin:0;color:#4f5b55;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.cap-player-drawer-amount{margin:4px 0 0;font-size:24px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.cap-player-drawer-percent{margin:0;color:#006c73;font-size:11px;font-weight:900;text-align:right}
.cap-player-drawer-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.cap-player-drawer-tag{padding:5px 7px;border:1px solid #c7d4cf;border-radius:999px;background:#fff;color:#38453f;font-size:9px;font-weight:850;line-height:1.15}
.cap-player-drawer-tag.is-option{border-color:#edb36d;background:#fff3dc;color:#793600}
.cap-player-drawer-tag.is-guarantee{border-color:#83bbb6;background:#e3f1ef;color:#005f65}
.cap-player-drawer-section{margin-top:18px}
.cap-player-drawer-section h3{margin:0;font-size:10px;letter-spacing:.09em;text-transform:uppercase}
.cap-player-drawer-section-copy{margin:6px 0 0;color:#4f5b55;font-size:10px;line-height:1.45}
.cap-player-drawer-ledger{display:grid;gap:6px;margin-top:9px}
.cap-player-drawer-year{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  min-height:39px;
  padding:7px 8px;
  border:1px solid #d7ded9;
  border-radius:7px;
  background:#fff;
}
.cap-player-drawer-year.is-focused{border-color:#008c95;background:#e8f4f2;box-shadow:inset 3px 0 0 #008c95}
.cap-player-drawer-year-season{font-size:9px;font-weight:900}
.cap-player-drawer-year-detail{min-width:0;color:#59655f;font-size:8px;font-weight:750;line-height:1.25}
.cap-player-drawer-year-amount{font-size:11px;font-weight:900;font-variant-numeric:tabular-nums;text-align:right}
.cap-player-drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.cap-player-drawer-action{
  display:flex;
  min-height:42px;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border:1px solid #172033;
  border-radius:7px;
  background:#172033;
  color:#fff;
  font:900 10px/1.25 inherit;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
}
.cap-player-drawer-action.is-secondary{border-color:#b8c6c0;background:#fff;color:#172033}
.cap-player-drawer-action:hover,.cap-player-drawer-action:focus-visible{border-color:#c7650f;background:#c7650f;color:#fff;outline:none}
.cap-player-drawer-action[hidden]{display:none}
.cap-player-drawer-decision,.cap-player-drawer-scenario{margin-top:18px;padding:13px;border:1px solid #a8cbc7;border-radius:9px;background:#e3f1ef}
.cap-player-drawer-decision[hidden],.cap-player-drawer-scenario[hidden]{display:none}
.cap-player-drawer-decision h3,.cap-player-drawer-scenario h3{margin:0;font-size:11px}
.cap-player-drawer-decision p,.cap-player-drawer-scenario p{margin:5px 0 0;color:#40504a;font-size:9px;line-height:1.4}
.cap-player-drawer-decision-actions{display:grid;gap:8px;margin-top:10px}
.cap-player-drawer-decision-group{padding:9px;border:1px solid #9fc4c0;border-radius:7px;background:rgba(255,255,255,.72)}
.cap-player-drawer-decision-group.is-guarantee{border-color:#e1a565;background:#fff7ea}
.cap-player-drawer-decision-group h4{margin:0;color:#172033;font-size:9px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.cap-player-drawer-decision-group.is-guarantee h4{color:#914e0f}
.cap-player-drawer-decision-group p{margin-top:4px}
.cap-player-drawer-decision-group-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.cap-player-drawer-decision button{
  min-height:38px;
  border:1px solid #779f9b;
  border-radius:6px;
  background:#fff;
  color:#172033;
  font:900 9px/1.2 inherit;
  cursor:pointer;
}
.cap-player-drawer-decision button[aria-pressed="true"]{border-color:#008c95;background:#008c95;color:#fff}
.cap-player-drawer-decision button:hover,.cap-player-drawer-decision button:focus-visible{outline:2px solid #f28c28;outline-offset:1px}
.cap-player-drawer-live{min-height:16px;margin:10px 0 0;color:#006c73;font-size:9px;font-weight:850;line-height:1.35}
#multi-year-panel .vertical-salary-segment,#multi-year-panel .vertical-zero-contract,
#experiment-panel .vertical-salary-segment,#experiment-panel .vertical-zero-contract,
#multi-year-panel .experiment-option-contract>rect,
#experiment-panel .experiment-option-contract>rect{cursor:pointer!important}

body.cap-player-drawer-open .multi-contract-popover,
body.cap-player-drawer-open .active-contract-popover,
body.cap-player-drawer-open .experiment-option-editor{display:none!important}
body.cap-player-drawer-ready .player-segment.is-drawer-related>rect:not(.guarantee-unsecured-overlay){
  stroke:#79bcb7;
  stroke-width:2.5;
  stroke-opacity:1;
  vector-effect:non-scaling-stroke;
}
body.cap-player-drawer-ready .player-segment.is-drawer-selected>rect:not(.guarantee-unsecured-overlay){
  stroke:#008c95!important;
  stroke-width:4.5!important;
  stroke-opacity:1!important;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 2px rgba(0,140,149,.58));
}

@media(min-width:1100px){
  body.cap-player-drawer-open #multi-year-panel,
  body.cap-player-drawer-open #experiment-panel{max-width:1840px;padding-right:0}
  body.cap-player-drawer-open.cap-player-drawer-multi-year .cap-player-action-drawer{
    right:max(16px,calc((100vw - 1864px)/2));
  }
}
@media(max-width:1099px){
  .cap-player-action-drawer{top:auto;right:8px;bottom:8px;left:8px;width:auto;max-height:min(68vh,590px);border-radius:16px 16px 10px 10px}
  .cap-player-drawer-handle{display:block;width:44px;height:4px;flex:0 0 4px;margin:8px auto 0;border-radius:99px;background:#9aa9a3}
  .cap-player-drawer-scroll{padding:12px 15px 17px}
  body.cap-player-drawer-open #active-roster-panel,
  body.cap-player-drawer-open #multi-year-panel,
  body.cap-player-drawer-open #experiment-panel{padding-bottom:min(70vh,620px)}
}
@media(max-width:520px){
  .cap-player-drawer-person{grid-template-columns:56px minmax(0,1fr)}
  .cap-player-drawer-face,.cap-player-drawer-fallback{width:56px;height:56px}
  .cap-player-drawer-name{font-size:18px}
  .cap-player-drawer-focus{margin-top:12px}
  .cap-player-drawer-amount{font-size:21px}
  .cap-player-drawer-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:no-preference){
  .cap-player-action-drawer{animation:cap-player-drawer-in .16s ease-out}
  @keyframes cap-player-drawer-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
  @media(max-width:1099px){@keyframes cap-player-drawer-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}
}
