.sugar-calendar-usage-cards{display:flex;gap:16px;max-width:610px}.sugar-calendar-usage-card{flex:1;border:1px solid #dcdcde;border-radius:4px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.07)}.sugar-calendar-usage-card__body{display:flex;flex-direction:column;gap:10px;padding:16px}.sugar-calendar-usage-card__header{display:flex;align-items:center;gap:10px}.sugar-calendar-usage-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid #dcdcde;border-radius:4px}.sugar-calendar-usage-card__icon svg{width:18px;height:18px}.sugar-calendar-usage-card__info{display:flex;flex-direction:column;justify-content:center;flex:1}.sugar-calendar-usage-card__label-row{display:flex;align-items:center;gap:10px}.sugar-calendar-usage-card__label{font-size:13px;font-weight:500;color:#1d2327}.sugar-calendar-usage-card__badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;background:#fcf0f1;border-radius:3px;font-size:8px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#d63638;line-height:1.25}.sugar-calendar-usage-card__stats{display:flex;justify-content:space-between;align-items:flex-end;align-self:stretch}.sugar-calendar-usage-card__count{display:flex;align-items:baseline;gap:3px}.sugar-calendar-usage-card__used{font-size:18px;font-weight:500;color:#1d2327}.sugar-calendar-usage-card__total{font-size:13px;font-weight:400;color:#646970}.sugar-calendar-usage-card__percentage{font-size:12px;font-weight:400;color:#646970}.sugar-calendar-usage-card__bar{position:relative;display:flex;width:100%;height:8px;background:#f0f0f1;border-radius:4px;overflow:visible;gap:2px}.sugar-calendar-usage-card__bar-segment{height:100%;border-radius:4px;cursor:pointer;transition:opacity .15s ease}.sugar-calendar-usage-card__bar-segment:hover{opacity:.8}.sugar-calendar-usage-card__bar-fill{height:100%;background:#2271b1;border-radius:4px;transition:width .3s ease}.sugar-calendar-usage-card__tooltip{position:absolute;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;padding:6px 10px;background:rgba(29,35,39,.9);border-radius:4px;white-space:nowrap}.sugar-calendar-usage-card__tooltip-arrow{position:absolute;right:100%;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);border-right:6px solid rgba(29,35,39,.9)}.sugar-calendar-usage-card__tooltip-header{display:flex;align-items:center;gap:6px}.sugar-calendar-usage-card__tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sugar-calendar-usage-card__tooltip-name{font-size:12px;font-weight:500;color:#fff}.sugar-calendar-usage-card__tooltip-credits{font-size:12px;font-weight:400;color:#fff}.sugar-calendar-usage-card__legend-wrapper{padding:10px 16px;background:#f6f7f7;border-radius:0 0 4px 4px}.sugar-calendar-usage-card__legend{display:flex;flex-wrap:wrap;gap:10px}.sugar-calendar-usage-card__legend-series{display:flex;align-items:center;gap:6px}.sugar-calendar-usage-card__legend-label{display:flex;align-items:center;gap:8px}.sugar-calendar-usage-card__legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sugar-calendar-usage-card__legend-name{font-size:13px;font-weight:400;line-height:20px;color:#50575e}.sugar-calendar-usage-card__legend-value{font-size:13px;font-weight:500;line-height:20px;color:#1d2327}.sugar-calendar-usage-card__legend-percent{font-size:13px;font-weight:500;line-height:20px;color:#646970}.sugar-calendar-usage-card__maxed-text{margin:0;font-size:13px;font-weight:400;line-height:20px;color:#646970}.sugar-calendar-usage-card__license-note{margin:0;color:#646970}.sugar-calendar-usage-card__upgrade-btn{display:inline-flex;align-items:center;gap:6px;padding:0 2px;height:18px;font-size:12px;font-weight:500;line-height:1.22;color:#2271b1;text-decoration:none;border-radius:4px}.sugar-calendar-usage-card__upgrade-btn:hover{color:#135e96}.sugar-calendar-usage-card--maxed .sugar-calendar-usage-card__bar-segment,.sugar-calendar-usage-card--maxed .sugar-calendar-usage-card__bar-fill{background:#d63638}.sugar-calendar-usage-card--maxed .sugar-calendar-usage-card__used{color:#d63638}.sugar-calendar-credits-signal{position:relative;display:inline-flex}.sugar-calendar-credits-signal__toggle{display:inline-flex;align-items:center;gap:5px;padding:5px;background:none;border:0;border-radius:4px;color:#787c82;font-size:12px;line-height:1.4;cursor:pointer}.sugar-calendar-credits-signal__toggle:hover,.sugar-calendar-credits-signal__toggle:focus{background:#f7f7f7}.sugar-calendar-credits-signal__label{color:#787c82}.sugar-calendar-credits-signal__label strong{font-weight:500;color:#50575e}.sugar-calendar-credits-signal__ring{display:block;width:16px;height:16px;transform:rotate(-90deg)}.sugar-calendar-credits-signal__ring-track{fill:none;stroke:#dcdcde}.sugar-calendar-credits-signal__ring-fill{fill:none;stroke:#2271b1;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.sugar-calendar-credits-signal.is-maxed .sugar-calendar-credits-signal__ring-fill{stroke:#d63638}.sugar-calendar-credits-popover{display:none;position:absolute;top:calc(100% + 8px);right:0;z-index:100000;width:322px;padding:10px;background:#fff;border-radius:4px;box-shadow:0 1px 8px 0 rgba(0,0,0,.2),0 8px 20px 0 rgba(0,0,0,.08)}.sugar-calendar-credits-popover.is-visible{display:block}.sugar-calendar-credits-popover__count{margin:0 0 9px;font-size:14px;line-height:20px;color:#787c82}.sugar-calendar-credits-popover__count strong{font-size:18px;font-weight:500;color:#1d2327}.sugar-calendar-credits-popover__bar{display:block;width:100%;height:6px;margin:0 0 9px;background:#f7f7f7;border-radius:100px;overflow:hidden}.sugar-calendar-credits-popover__bar span{display:block;height:100%;background:#2271b1;border-radius:100px}.sugar-calendar-credits-popover__footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.sugar-calendar-credits-popover__reset{font-size:14px;line-height:20px;color:#787c82}.sugar-calendar-credits-popover__upgrade{margin-left:auto;font-size:14px;font-weight:500;color:#2271b1;text-decoration:none}.sugar-calendar-credits-popover__upgrade:hover,.sugar-calendar-credits-popover__upgrade:focus{text-decoration:underline}.sugar-calendar-credits-popover.is-maxed .sugar-calendar-credits-popover__count strong{color:#d63638}.sugar-calendar-credits-popover.is-maxed .sugar-calendar-credits-popover__bar span{background:#d63638}