.sales-chart{align-items:flex-end;gap:.2rem;height:120px;display:flex;position:relative}.sales-chart--weekly{gap:.5rem}.sales-chart__bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.25rem;min-width:0;height:100%;display:flex;position:relative}.sales-chart__indicator{width:100%;height:calc(var(--bar-percentage)*1%);cursor:pointer;border-radius:4px 4px 0 0;transition:all .3s;position:absolute;bottom:0}.sales-chart__indicator--high{background:#b7eb49}.sales-chart__indicator--normal{background:#f472b6}.sales-chart__indicator--low{background:#ffffff4d}.sales-chart__indicator:hover{opacity:.8;transform:scaleY(1.05)}.sales-chart__labels{margin-top:4px;display:flex}.sales-chart__label-group{flex-direction:column;flex:1;align-items:center;gap:.25rem;min-height:27px;display:flex;position:relative}.sales-chart__label-group--rotated{min-height:35px}.sales-chart__label-group--rotated .sales-chart__value{transform-origin:50%;white-space:nowrap;position:absolute;top:5px;left:50%;transform:translate(-50%)rotate(-60deg)}.sales-chart__label-group--rotated .sales-chart__label{position:absolute;bottom:0}.sales-chart__value{color:#ffffff80;white-space:nowrap;font-size:.6rem;font-weight:500;position:absolute;top:0;left:50%;transform:translate(-50%)}.sales-chart__label{color:#ffffffb3;z-index:2;font-size:.7rem;font-weight:500;position:absolute;bottom:0}.chart-reference-line{left:-1rem;right:-1rem;bottom:calc(var(--baseline-position)*1%);pointer-events:none;z-index:1;background:#ffffff80;height:1px;transition:opacity .3s;position:absolute}.chart-reference-line:after{content:attr(data-value);color:#ffffff80;white-space:nowrap;text-align:left;margin-left:.2rem;font-size:.6rem;font-weight:500;line-height:1;position:absolute;top:30%;left:100%;transform:translateY(-50%)}.chart-reference-line--secondary{background:0 0;border-top:1px dashed #ffffff80;height:0}.chart-reference-line--rotate-45:after{transform-origin:50%;margin-left:.6rem;left:100%;transform:translateY(-70%)translate(-50%)rotate(-45deg)}.chart-reference-line--rotate-60:after{transform-origin:50%;margin-left:.6rem;left:100%;transform:translateY(-70%)translate(-50%)rotate(-60deg)}.chart-reference-line--rotate-75:after{transform-origin:50%;margin-left:.6rem;left:100%;transform:translateY(-70%)translate(-50%)rotate(-75deg)}.chart-reference-line:hover{opacity:.8}.stats-toggle-switch{cursor:pointer;background:#fff3;border-radius:12px;justify-content:space-between;align-items:center;width:44px;height:24px;margin-left:auto;margin-right:-.5rem;padding:0 3px;transition:all .3s;display:flex;position:relative;box-shadow:inset 0 1px 3px #0003}.stats-toggle-switch:hover{background:#ffffff40}.stats-toggle-switch__thumb{z-index:2;background:#facc15;border-radius:10px;width:20px;height:20px;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000004d}.stats-toggle-switch--revenue .stats-toggle-switch__thumb{transform:translate(20px)}.stats-toggle-switch__icon{pointer-events:none;z-index:3;width:12px;height:12px;transition:color .3s;position:absolute;top:50%;transform:translateY(-50%)}.stats-toggle-switch__icon--quantity{color:#0009;left:6px}.stats-toggle-switch__icon--revenue{color:#ffffff80;right:6px}.stats-toggle-switch--revenue .stats-toggle-switch__icon--quantity{color:#ffffff80}.stats-toggle-switch--revenue .stats-toggle-switch__icon--revenue{color:#0009}@media (width<=768px){.sales-chart{gap:.4rem;height:80px}.sales-chart__bar{min-width:0}.sales-chart__label{font-size:.55rem}.sales-chart__value{font-size:.5rem}.chart-reference-line{left:-.25rem;right:-.25rem}.chart-reference-line:after{font-size:.5rem}}@media (width<=480px){.sales-chart{gap:.15rem;height:150px}.sales-chart__label{font-size:.5rem}.sales-chart__value,.chart-reference-line:after{font-size:.45rem}}
