.monthly-upsells .mu-product-label{position:relative;display:block;width:min(100%,420px);margin:23px 0 0;min-width:0}
.monthly-upsells [data-mu-item]{appearance:none;display:block;width:100%;min-width:0;min-height:40px;margin:0;border:1px solid #44364b;border-radius:4px;padding:10px 34px 10px 12px;background:#211a26;font-size:12px;line-height:1.5;box-shadow:none}
.monthly-upsells .mu-product-label svg{position:absolute;right:11px;top:14px;width:13px;height:13px;pointer-events:none}
.monthly-upsells .mt-heading>div:first-child{min-width:0}
.monthly-upsells h2,.monthly-upsells .mt-subtitle{overflow-wrap:anywhere}
.monthly-upsells .mt-totals,.monthly-upsells .mt-values{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:22px}
.monthly-upsells .mt-total,.monthly-upsells .mt-value{min-width:0}
.monthly-upsells .mt-total strong,.monthly-upsells .mt-value strong{white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.monthly-upsells .mt-total small,.monthly-upsells .mt-value small{max-width:none;overflow-wrap:anywhere}
.monthly-upsells .mu-muted{opacity:.5}
.monthly-upsells .mt-toolbar{align-items:flex-start;flex-wrap:wrap}
.monthly-upsells .mt-chart{grid-template-columns:65px minmax(0,1fr)}
.monthly-upsells .mt-y-axis span{right:9px;font-variant-numeric:tabular-nums}
.monthly-upsells .mt-chart-note{margin-left:65px;line-height:1.7}
.monthly-upsells .mt-partial-swatch{flex-shrink:0}
.monthly-upsells .mt-bar.mu-zero{min-height:3px}
.monthly-upsells .mt-bar.mu-missing{height:0!important;min-height:0;background:transparent;position:relative}
.monthly-upsells .mt-bar.mu-missing:after{content:"—";position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-size:10px;color:var(--bar-color);line-height:1}
.monthly-upsells .mt-footer>span:first-child{flex-wrap:wrap;min-width:0}
.monthly-upsells .mt-footer time{overflow-wrap:anywhere}
.monthly-upsells .mu-stale{color:#e295b6}
.monthly-upsells .mt-method summary{width:fit-content;max-width:100%}
.monthly-upsells .mt-method p{overflow-wrap:anywhere}
.monthly-upsells .mu-table-caption{text-align:left;color:var(--mt-muted);font-size:11px;padding:0 0 10px;overflow-wrap:anywhere}
.monthly-upsells table{table-layout:fixed;min-width:580px}
.monthly-upsells th,.monthly-upsells td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}
.monthly-upsells table small{color:var(--mt-muted);line-height:1.5}
.monthly-upsells tbody th button{padding:0;border:0;border-radius:2px;background:transparent;text-align:left;line-height:1.5;white-space:normal;max-width:100%}
.monthly-upsells tbody th button.selected{color:var(--mt-text)}
.monthly-upsells .mt-tooltip{width:310px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:hidden;padding:12px 14px}
.monthly-upsells .mt-tooltip b{overflow-wrap:anywhere;line-height:1.5}
.monthly-upsells .mt-tooltip .mu-tooltip-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:2px 12px;margin-top:9px}
.monthly-upsells .mu-tooltip-row>span:nth-child(2){text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.monthly-upsells .mt-tooltip small{grid-column:1/-1;color:var(--mt-muted);font-size:10px;line-height:1.5;margin-top:2px;overflow-wrap:anywhere}
@media(max-width:760px){
  .monthly-upsells .mu-product-label{margin-top:20px}
  .monthly-upsells [data-mu-item]{font-size:11px;padding-left:10px;padding-right:29px;min-height:42px}
  .monthly-upsells .mu-product-label svg{right:9px;top:15px}
  .monthly-upsells .mt-totals,.monthly-upsells .mt-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
  .monthly-upsells .mt-total strong{font-size:21px}
  .monthly-upsells .mt-value strong{font-size:18px}
  .monthly-upsells .mt-total small,.monthly-upsells .mt-value small{font-size:10px}
  .monthly-upsells .mt-chart{grid-template-columns:60px minmax(0,1fr)}
  .monthly-upsells .mt-chart-note{margin-left:0}
  .monthly-upsells .mt-detail-heading{gap:8px}
  .monthly-upsells .mt-select{min-width:120px;max-width:100%}
}
@media(max-width:380px){
  .monthly-upsells .mt-detail-heading{align-items:flex-start;flex-wrap:wrap}
  .monthly-upsells .mt-total strong{font-size:19px}
}
