.charts{align-items:center;background-color:#fff;border-radius:14px;box-shadow:0 10px 40px 0 rgba(109,141,173,.4);display:flex;flex-direction:column;gap:28px;padding:30px 30px 40px}.charts.detailed{border:1px solid rgba(73,91,110,.2);border-radius:16px;box-shadow:none;gap:10px;height:100%;padding:20px 16px}.charts.is-admin .charts__wrapper{grid-template-columns:auto 1fr auto auto}.charts .chart__connected-bonuses{display:flex;flex-direction:column;gap:5px;margin-top:5px}.charts .chart__connected-bonus{align-items:center;border-radius:20px;color:#222;display:flex;font-size:12px;gap:5px}:is(.charts .chart__connected-bonus):hover{background-color:#f0f4ff}:is(.charts .chart__connected-bonus) a{flex:0 0 auto}:is(:is(.charts .chart__connected-bonus) a):first-of-type{margin-left:auto}.charts .charts__title{color:#151515;font-size:20px;font-style:normal;font-weight:700;line-height:100%;text-align:left;width:100%}.charts .charts__wrapper{display:grid;grid-template-columns:auto 1fr auto;grid-row-gap:14px;grid-column-gap:8px;align-items:center;width:100%}.charts .chart{display:contents}.detailed:is(.charts .chart) .chart__image{background:#f3f6ff;border-radius:9px;height:40px;width:40px}.detailed:is(.charts .chart) .chart__progress{padding:0 10px}:is(.detailed:is(.charts .chart) .chart__progress):after,:is(.detailed:is(.charts .chart) .chart__progress):before{height:24px}:is(.detailed:is(.charts .chart) .chart__progress) span{display:block;font-size:14px;height:24px;overflow:hidden;padding:4px 0;text-overflow:ellipsis;white-space:nowrap;width:150px}.charts .chart__image{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}:is(.charts .chart__image) img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.charts .chart__progress{display:flex;flex-direction:column;justify-content:center;padding:0 20px;position:relative;width:100%}:is(.charts .chart__progress):after,:is(.charts .chart__progress):before{border-radius:50px;content:"";height:32px;left:0;position:absolute;top:0}:is(.charts .chart__progress):after{background-color:#e1effc;width:100%;z-index:0}:is(.charts .chart__progress):before{background-image:linear-gradient(90deg,#fff,#1bafff);z-index:1}:is(.charts .chart__progress) span{align-items:center;color:#151515;display:flex;font-size:14px;font-weight:700;height:32px;line-height:normal;position:relative;text-overflow:ellipsis;z-index:1}.charts .chart__value{background-color:#f5f7fc;border:2px solid rgba(37,80,126,.09);border-radius:10px;font-style:normal;font-weight:400;height:40px;justify-content:center;text-align:center;width:40px}.charts .chart__count,.charts .chart__value{align-items:center;color:#151515;display:flex;font-size:14px}.charts .chart__count{background-color:#fff;border:2px solid #e1effc;border-radius:14px;flex-shrink:0;gap:4px;padding:6px 10px;white-space:nowrap}:is(.charts .chart__count) img{height:14px;-o-object-fit:contain;object-fit:contain;width:14px}.charts .chart__icon{align-items:center;background-color:#fff;border:2px solid #e1effc;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;text-decoration:none;width:32px}.small:is(.charts .chart__icon){font-size:12px;height:24px;width:24px}@media screen and (min-width:1024px){.charts{gap:24px}.charts .charts__wrapper{grid-column-gap:10px}.charts .chart__image{border-radius:14px;height:62px;width:62px}:is(.charts .chart__progress):after,:is(.charts .chart__progress):before{height:34px}:is(.charts .chart__progress) span{font-size:16px;height:34px}.charts .chart__count{font-size:16px;gap:8px;padding:7px 14px}:is(.charts .chart__count) img{height:16px;width:16px}:is(:is(.charts .chart__count) span):after{content:" " attr(data-label)}}.bonusify-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:200px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-style:normal;font-weight:500;justify-content:center;line-height:normal;padding:10px 30px;text-align:center}.bonusify-button:hover:not(:disabled,.loading){opacity:.8}.bonusify-button:disabled{background-color:#b2bec3;cursor:not-allowed}.bonusify-button.loading{cursor:not-allowed}.bonusify-button.secondary{align-self:center;background-color:#b2bec3}.bonusify-button.secondary.loading{background-color:#d9d9d9}.bonusify-dump{background-color:#f0f0f0!important;border:none!important;border-radius:15px!important;color:#333;font-family:monospace;font-size:14px;margin:20px 0!important;padding:10px 15px!important;white-space:pre-wrap}.bonusify-dump.bonusify-dump_detailed-mode{margin-top:0!important}