.bf-main{align-items:center;display:flex;flex-direction:column;font-family:Roboto,sans-serif;justify-content:center;margin:0 auto;max-width:1202px;width:100%;*,:after,:before{box-sizing:border-box}a{color:inherit;text-decoration:none}}.bf-stats-page{background:#f5f7fc;width:100%}.bf-section{margin-bottom:40px;margin-top:40px;padding:0 16px;width:100%;@media screen and (max-width:1024px){margin-bottom:20px;margin-top:20px;&.limit-max-width{margin-left:auto;margin-right:auto;max-width:480px}}}.bf-header{margin-bottom:24px}.bf-title{color:var(--color-primary,#151515);font-size:26px;font-style:normal;font-weight:700;line-height:100%}.general-stats{& .general-stats__content{align-items:flex-start;background-color:#fff;background:linear-gradient(90deg,rgba(67,145,228,.14),rgba(161,192,226,.14));border-radius:16px;display:flex;padding:20px 0;width:100%}& .general-stats__item{color:var(--color-primary,#151515);display:flex;flex-direction:column;padding:0 32px;position:relative;width:20%;&:not(:last-child){&:after{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUkAAAABCAYAAABT9lwdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABxSURBVHgB7c6xDUBAFMbx94gIC4jEBKIzhaivIUZwqyhY4arrGURiAo0FSIg7rVzhGuX7l1/yJT8sK57DK43qHMUwgxFjLNi9OAVLCvU2iX4196JuE0djZPuHl7tI2R3mXjY8gxv8ry/ZyQ5kJ/vP9gdbC6JI7MsZaQAAAABJRU5ErkJggg==");bottom:-9px;content:"";height:1px;position:absolute;right:0;width:100%}}}& .general-stats__icon{align-items:center;background-color:rgba(0,210,97,.1);border:1px solid #00d261;border-radius:20px;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px;&.size-s{& img{height:36px;width:36px}}& img{flex-shrink:0;height:46px;width:46px}}& .general-stats__value{font-size:40px;font-weight:800;margin-top:20px}& .general-stats__label,& .general-stats__value{font-style:normal;line-height:100%;padding:0 8px}& .general-stats__label{font-size:16px;font-weight:400;margin-top:10px}& .general-stats__description{color:#7f8c8d;font-family:Roboto,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:100%;margin:24px 0 0;text-align:center}@media screen and (max-width:1024px){& .general-stats__content{flex-direction:column;gap:17px;padding:18px 16px}& .general-stats__item{align-items:center;flex-direction:row;padding:0;width:100%}& .general-stats__icon{border-radius:18px;height:70px;width:70px}& .general-stats__value{font-size:30px;margin:0 0 0 20px;padding:0}& .general-stats__label{margin:0 0 0 6px;padding:0}}@media (min-width:1025px){& .general-stats__item{&:not(:last-child){&:after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyIiBoZWlnaHQ9IjE4NiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIgMTg2Ij48cGF0aCBzdHJva2U9IiM0OTVCNkUiIHN0cm9rZS1kYXNoYXJyYXk9IjggOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9Ii41IiBkPSJNLjQ1LjI1aC41djE4NS41aC0uNXoiIG9wYWNpdHk9Ii4yIi8+PC9zdmc+");bottom:0;height:100%;width:1px}}}}}.detailed-stats{display:grid;gap:12px;grid-template-columns:1fr;& .charts-description{margin:0}}@media (min-width:1025px){.charts-description{margin:24px 0 0}.detailed-stats{-moz-column-gap:24px;column-gap:24px;grid-template-columns:repeat(3,minmax(280px,1fr));row-gap:16px}.detailed-stats>:first-child{grid-column:1;grid-row:1}.detailed-stats>:nth-child(2){grid-column:1;grid-row:2}.detailed-stats>:nth-child(3){grid-column:2;grid-row:1}.detailed-stats>:nth-child(4){grid-column:2;grid-row:2}.detailed-stats>:nth-child(5){grid-column:3;grid-row:1}.detailed-stats>:nth-child(6){grid-column:3;grid-row:2}.detailed-stats>:nth-child(7){grid-column:1;grid-row:3}.detailed-stats>:nth-child(8){grid-column:1;grid-row:4}.detailed-stats>:nth-child(9){grid-column:2;grid-row:3}.detailed-stats>:nth-child(10){grid-column:2;grid-row:4}.detailed-stats>:nth-child(11){grid-column:3;grid-row:3}.detailed-stats>:nth-child(12){grid-column:3;grid-row:4}.detailed-stats>:nth-child(13){grid-column:1;grid-row:5}.detailed-stats>:nth-child(14){grid-column:1;grid-row:6}.detailed-stats>:nth-child(15){grid-column:2;grid-row:5}.detailed-stats>:nth-child(16){grid-column:2;grid-row:6}.detailed-stats>:nth-child(17){grid-column:3;grid-row:5}.detailed-stats>:nth-child(18){grid-column:3;grid-row:6}.detailed-stats>:nth-child(19){grid-column:1;grid-row:7}.detailed-stats>:nth-child(20){grid-column:1;grid-row:8}.detailed-stats>:nth-child(21){grid-column:2;grid-row:7}.detailed-stats>:nth-child(22){grid-column:2;grid-row:8}.detailed-stats>:nth-child(23){grid-column:3;grid-row:7}.detailed-stats>:nth-child(24){grid-column:3;grid-row:8}.detailed-stats>:nth-child(25){grid-column:1;grid-row:9}.detailed-stats>:nth-child(26){grid-column:1;grid-row:10}.detailed-stats>:nth-child(27){grid-column:2;grid-row:9}.detailed-stats>:nth-child(28){grid-column:2;grid-row:10}.detailed-stats>:nth-child(29){grid-column:3;grid-row:9}.detailed-stats>:nth-child(30){grid-column:3;grid-row:10}.detailed-stats>:nth-child(31){grid-column:1;grid-row:11}.detailed-stats>:nth-child(32){grid-column:1;grid-row:12}.detailed-stats>:nth-child(33){grid-column:2;grid-row:11}.detailed-stats>:nth-child(34){grid-column:2;grid-row:12}.detailed-stats>:nth-child(35){grid-column:3;grid-row:11}.detailed-stats>:nth-child(36){grid-column:3;grid-row:12}.detailed-stats>:nth-child(37){grid-column:1;grid-row:13}.detailed-stats>:nth-child(38){grid-column:1;grid-row:14}.detailed-stats>:nth-child(39){grid-column:2;grid-row:13}.detailed-stats>:nth-child(40){grid-column:2;grid-row:14}.detailed-stats>:nth-child(41){grid-column:3;grid-row:13}.detailed-stats>:nth-child(42){grid-column:3;grid-row:14}.detailed-stats>:nth-child(43){grid-column:1;grid-row:15}.detailed-stats>:nth-child(44){grid-column:1;grid-row:16}.detailed-stats>:nth-child(45){grid-column:2;grid-row:15}.detailed-stats>:nth-child(46){grid-column:2;grid-row:16}.detailed-stats>:nth-child(47){grid-column:3;grid-row:15}.detailed-stats>:nth-child(48){grid-column:3;grid-row:16}.detailed-stats>:nth-child(49){grid-column:1;grid-row:17}.detailed-stats>:nth-child(50){grid-column:1;grid-row:18}.detailed-stats>:nth-child(51){grid-column:2;grid-row:17}.detailed-stats>:nth-child(52){grid-column:2;grid-row:18}.detailed-stats>:nth-child(53){grid-column:3;grid-row:17}.detailed-stats>:nth-child(54){grid-column:3;grid-row:18}.detailed-stats>:nth-child(55){grid-column:1;grid-row:19}.detailed-stats>:nth-child(56){grid-column:1;grid-row:20}.detailed-stats>:nth-child(57){grid-column:2;grid-row:19}.detailed-stats>:nth-child(58){grid-column:2;grid-row:20}.detailed-stats>:nth-child(59){grid-column:3;grid-row:19}.detailed-stats>:nth-child(60){grid-column:3;grid-row:20}}.detailed-stats__item{display:flex;flex-direction:column;height:100%}.detailed-stats__item>.charts{flex:1 1 auto}.charts-description{color:#7f8c8d;font-family:Roboto,sans-serif;font-size:12px;line-height:1.4;margin:12px 0 0}.charts-description:empty{visibility:hidden}.types-stats{& .types-stats__header{align-items:center;display:flex;justify-content:space-between;margin:0 0 7px}& .types-stats__title{color:#1b2128;font-size:20px;margin:0}& .types-stats__content{align-items:center;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}& .types-stats__chart{flex:0 0 320px;margin:0 auto;max-width:420px;min-height:320px;position:relative}& .types-stats__chart canvas{height:100%!important;width:100%!important}& .types-stats__list{border:1px solid #495b6e33;border-radius:16px;display:grid;gap:10px;padding:25px 15px}& .types-stats__item{align-items:center;border-radius:16px;display:grid;gap:5px;grid-template-columns:32px 1fr auto;transition:background-color .2s ease,box-shadow .2s ease}& .types-stats__item.is-active{background-color:rgba(30,108,224,.08);box-shadow:3px 3px 5px 1px rgba(30,108,224,.12)}& .types-stats__bullet{border-radius:50%;height:32px;position:relative;width:32px;&:after{background:#fff;border-radius:50%;bottom:0;content:"";display:block;height:12px;left:0;margin:auto;position:absolute;right:0;top:0;width:12px}}& .types-stats__item-body{min-height:26px;position:relative}& .types-stats__item-title{color:#151515;font-size:14px;font-weight:600;inset:4px 12px auto 12px;line-height:1.2;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;z-index:1}& .types-stats__progress{background:#e4ecff;border-radius:50px;display:block;height:26px;overflow:hidden;position:relative}& .types-stats__progress-bar{border-radius:50px;left:0;position:absolute;top:0;inset:0}& .types-stats__value{align-items:center;background:#f5f7fc;border:2px solid #25507e17;border-radius:10px;display:flex;height:32px;justify-content:center;padding:0;width:32px}& .types-stats__note{text-align:center}& .types-stats__empty{color:#4d5a6b;font-size:16px;margin:0}@media screen and (max-width:1024px){& .types-stats__title{font-size:22px}& .types-stats__content{flex-direction:column}& .types-stats__chart{max-width:100%;min-height:260px;width:100%}}}.monthly-stats{background-color:#fff;background-image:linear-gradient(270deg,rgba(161,192,226,.14),rgba(66,145,228,.14));border-radius:16px;display:flex;flex-direction:column;font-family:Roboto,sans-serif;padding:15px;width:100%;& .monthly-stats__title{color:#1b2128;font-size:22px;font-style:normal;font-weight:700;line-height:24px}& .monthly-stats__chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}& .monthly-stats__chart{height:240px;margin-top:20px;min-width:480px;position:relative;width:100%;& canvas{height:100%!important;width:100%!important}}@media screen and (min-width:1025px){& .monthly-stats{padding:20px 25px}& .monthly-stats__title{font-size:26px}& .monthly-stats__chart{height:305px}}}.chart-tooltip{background-color:#fff;border:1px solid rgba(73,91,110,.2);border-radius:10px;display:none;font-family:Roboto,sans-serif;min-width:170px;padding:12px;pointer-events:none;position:fixed;&:before{background-color:#fff;border:2px solid #005ec2;border-radius:50%;content:"";height:14px;left:-16px;position:absolute;top:50%;transform:translateY(-50%);width:14px}&.chart-tooltip_right{&:before{left:auto;right:-16px}}& .chart-tooltip__value{color:#151515;font-size:40px;font-style:normal;font-weight:800;line-height:100%}& .chart-tooltip__title{color:#151515;font-size:16px;font-style:normal;font-weight:400;line-height:100%;margin-top:4px;&:before{content:"Top: "}}& .chart-tooltip__date{color:#151515;font-size:12px;font-style:normal;font-weight:400;line-height:100%;margin-top:8px;opacity:.6}}