/* Shared presentation for ranking, public-record and chat nickname popovers. */
:root{
  --xixi-record-popover-font-size:.82rem;
  --xixi-nickname-popover-max-width:350px;
  --xixi-nickname-popover-row-gap:4px;
  --xixi-nickname-popover-name-gap:8px;
  --xixi-nickname-popover-title-gap:6px;
  --xixi-nickname-popover-section-gap:12px;
}
:is(.season-award-popover,#xixiRecordSummary).xixi-nickname-popover{
  width:max-content;
  max-width:min(var(--xixi-nickname-popover-max-width),calc(100vw - 16px));
  box-sizing:border-box;
  padding:16px;
  border:1px solid #b8c4da;
  border-radius:14px;
  background:#fff;
  color:#243047;
  box-shadow:0 12px 32px #17244033;
  font-family:inherit;
  font-size:var(--xixi-record-popover-font-size);
  line-height:1.5;
  text-align:start;
  overflow-wrap:anywhere;
}
:is(.season-award-popover,#xixiRecordSummary).xixi-nickname-popover .xixi-record-popover-name{
  font-size:inherit;
  font-weight:800;
  line-height:inherit;
  margin:0 0 var(--xixi-nickname-popover-name-gap);
}
:is(.season-award-popover,#xixiRecordSummary).xixi-nickname-popover :is(h4,strong){
  display:block;
  font-size:inherit;
  font-weight:700;
  line-height:inherit;
  margin:var(--xixi-nickname-popover-section-gap) 0 var(--xixi-nickname-popover-title-gap);
}
:is(.season-award-popover,#xixiRecordSummary).xixi-nickname-popover .xixi-record-popover-name+:is(h4,strong){margin-top:0}
:is(.season-award-popover,#xixiRecordSummary).xixi-nickname-popover p{
  font-size:inherit;
  line-height:inherit;
  margin:0;
}
:is(.season-award-popover,#xixiRecordSummary).xixi-nickname-popover p+p{margin-top:var(--xixi-nickname-popover-row-gap)}
:is(.season-award-popover,#xixiRecordSummary).xixi-nickname-popover ul{
  display:grid;
  gap:var(--xixi-nickname-popover-row-gap);
  margin:0;
  padding:0;
  list-style:none;
}
:is(.season-award-popover,#xixiRecordSummary).xixi-nickname-popover li{
  margin:0;
  padding:0;
  font-size:inherit;
  line-height:inherit;
}
:is(body.theme-dark,html[data-theme="dark"],body[data-theme="dark"]) :is(.season-award-popover,#xixiRecordSummary).xixi-nickname-popover{
  background:#192131;
  color:#e4eafa;
  border-color:#667596;
  box-shadow:0 12px 32px #0006;
}