.graph{grid-column:span 12}@media (width <= 1024px){.graph{grid-column:span 6}}@media (width <= 576px){.graph{grid-column:span 2}}.graph__actions{grid-column:span 12;display:grid;gap:20px;margin-bottom:24px}@media (width <= 1024px){.graph__actions{grid-column:span 6}}@media (width <= 576px){.graph__actions{grid-column:span 2;gap:16px}}@media (width >= 1024px){.graph__actions{grid-template-columns:1fr;grid-auto-columns:1fr;grid-auto-flow:column}}@media (576px <= width <= 1024px){.graph__actions:has(.graph__dropdown:nth-child(even)){grid-template-columns:1fr 1fr}.graph__actions:has(.graph__dropdown:nth-child(even)) .graph__actions-button,.graph__actions:has(.graph__dropdown:nth-child(even)) .graph__dropdown:nth-child(3),.graph__actions:has(.graph__dropdown:nth-child(even)) .graph__dropdown:nth-child(6){grid-column:span 2}}.graph__dropdown{position:relative}.graph__dropdown.dropdown-is-open .graph__dropdown-opener{background-color:var(--primary-red)}.graph__dropdown.dropdown-is-open .graph__dropdown-opener svg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);fill:var(--white)}@media (any-hover:hover){.graph__dropdown.dropdown-is-open .graph__dropdown-opener:hover::after{opacity:1}}.graph__dropdown.dropdown-is-open .graph__dropdown-list{opacity:1;visibility:visible}.graph__dropdown-opener{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:12px 16px;z-index:0}.graph__dropdown-opener svg{width:16px;height:16px;-webkit-transition:fill .3s,-webkit-transform .3s;transition:transform .3s,fill .3s,-webkit-transform .3s}.graph__dropdown-opener::after{background-color:var(--black-10);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.graph__dropdown-list{position:absolute;top:calc(100% + 8px);right:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:16px;background-color:var(--light-gray);-webkit-box-shadow:0 80px 80px 0 var(--black-40);box-shadow:0 80px 80px 0 var(--black-40);border-radius:16px;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;z-index:1}.graph__dropdown-list .checkbox{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.graph__list{grid-column:span 12}@media (width <= 1024px){.graph__actions-button{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.graph__list{grid-column:span 6}}.graph__title{font-size:16px;line-height:24px;color:var(--white)}.graph__bar{position:relative;background-color:var(--white-20);-webkit-transform:skewX(-30deg);-ms-transform:skewX(-30deg);transform:skewX(-30deg);width:100%;height:8px}.graph__bar span{position:absolute;inset:0;background-color:var(--white);-webkit-transition:width .15s;transition:width .15s}.graph__bar span::after{content:"";position:absolute;top:0;right:-4px;bottom:0;left:auto;width:4px;height:8px;background-color:var(--gray)}.graph:not(.graph--type_2){background-color:var(--gray);border-radius:16px;padding-bottom:76px}.graph:not(.graph--type_2):has(.graph__txt){padding-bottom:24px}@media (width <= 1024px){.graph:not(.graph--type_2):has(.graph__txt){padding-bottom:16px}.graph:not(.graph--type_2){padding:0}}.graph:not(.graph--type_2) .graph__info{grid-column:span 12;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;padding:24px;border-radius:16px;background:-webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,.1)),to(rgba(255,255,255,0)));background:linear-gradient(0deg,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)}@media (width <= 1024px){.graph:not(.graph--type_2) .graph__info{grid-column:span 6;padding:16px;gap:16px}}@media (width <= 576px){.graph:not(.graph--type_2) .graph__info,.graph__list{grid-column:span 2}}.graph:not(.graph--type_2) .graph__main-title{font-weight:700;font-size:24px;line-height:32px;color:var(--white)}.graph:not(.graph--type_2) .graph__badges{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px 8px;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (width <= 1024px){.graph:not(.graph--type_2) .graph__main-title{font-size:20px;line-height:28px}.graph:not(.graph--type_2) .graph__badges{gap:8px}}.graph:not(.graph--type_2) .graph__badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:4px 16px 4px 8px;font-weight:500;font-size:14px;line-height:24px;color:var(--white);border-radius:16px;border:1px solid var(--white-20)}.graph:not(.graph--type_2) .graph__badge-color{-ms-flex-negative:0;flex-shrink:0;width:16px;height:16px;border-radius:50%;background-color:var(--white-40)}.graph:not(.graph--type_2) .graph__list{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px;padding:24px 0}.graph:not(.graph--type_2) .graph__item{-webkit-column-gap:24px;-moz-column-gap:24px;column-gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (width <= 1024px){.graph:not(.graph--type_2) .graph__list{padding:16px;gap:16px}.graph:not(.graph--type_2) .graph__item{row-gap:8px}}.graph:not(.graph--type_2) .graph__title{font-weight:700;grid-column:span 2;padding:8px 8px 8px 24px;background:linear-gradient(90deg,var(--white-20) 0,rgba(255,255,255,0) 100%)}@media (width <= 1024px){.graph:not(.graph--type_2) .graph__title{grid-column:span 6;font-weight:500;padding:0;background:0 0}}@media (width <= 576px){.graph:not(.graph--type_2) .graph__title{grid-column:span 2}}.graph:not(.graph--type_2) .graph__bars-container{grid-column:span 10;display:grid;grid-template-columns:1fr auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:24px;-moz-column-gap:24px;column-gap:24px;padding-right:24px}@media (width <= 1024px){.graph:not(.graph--type_2) .graph__bars-container{grid-column:span 6;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;padding:0}}@media (width <= 576px){.graph:not(.graph--type_2) .graph__bars-container{grid-column:span 2}}.graph:not(.graph--type_2) .graph__value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:72px;font-weight:500;font-size:18px;line-height:28px;white-space:nowrap;color:var(--white)}@media (width <= 1024px){.graph:not(.graph--type_2) .graph__value{font-size:16px;line-height:24px}}.graph:not(.graph--type_2) .graph__txt{grid-column:span 2;padding-left:24px;font-weight:500;font-size:14px;line-height:24px;color:var(--white-60)}.graph:not(.graph--type_2) .graph__txt span{font-weight:700;color:var(--white)}@media (width <= 1024px){.graph:not(.graph--type_2) .graph__txt{grid-column:span 6;padding:0 16px}.graph:not(.graph--type_2) .graph__axis{display:none}}@media (width <= 576px){.graph:not(.graph--type_2) .graph__txt{grid-column:span 2}}.graph:not(.graph--type_2) .graph__axis{position:absolute;top:24px;right:0;bottom:-28px;left:0;font-weight:500;font-size:18px;line-height:28px;color:var(--white)}.graph:not(.graph--type_2) .graph__axis-container{grid-column:3/12;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.graph:not(.graph--type_2) .graph__axis-container>div{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.graph:not(.graph--type_2) .graph__axis-container>div>span{position:absolute;top:0;width:1px;height:calc(100% - 24px - 28px);left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-right:1px dashed var(--white-20)}@media (width > 1024px){.graph--tablet-view:not(.graph--type_2){grid-template-columns:repeat(6,1fr);padding:0}.graph--tablet-view:not(.graph--type_2):has(.graph__txt){padding-bottom:16px}.graph--tablet-view:not(.graph--type_2) .graph__info{grid-column:span 6;padding:16px;gap:16px}.graph--tablet-view:not(.graph--type_2) .graph__main-title{font-size:20px;line-height:28px}.graph--tablet-view:not(.graph--type_2) .graph__badges{gap:8px}.graph--tablet-view:not(.graph--type_2) .graph__list{grid-column:span 6;padding:16px;gap:16px}.graph--tablet-view:not(.graph--type_2) .graph__item{grid-template-columns:repeat(6,1fr);row-gap:8px}.graph--tablet-view:not(.graph--type_2) .graph__title{grid-column:span 6;font-weight:500;padding:0;background:0 0}.graph--tablet-view:not(.graph--type_2) .graph__bars-container{grid-column:span 6;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;padding:0}.graph--tablet-view:not(.graph--type_2) .graph__value{font-size:16px;line-height:24px}.graph--tablet-view:not(.graph--type_2) .graph__txt{grid-column:span 6;padding:0 16px}.graph--tablet-view:not(.graph--type_2) .graph__axis{display:none}}.graph.graph--type_2:not([data-v-app]){min-height:712px}@media (width <= 1024px){.graph.graph--type_2:not([data-v-app]){min-height:1336px}}@media (width <= 576px){.graph.graph--type_2:not([data-v-app]){min-height:1400px}}.graph.graph--type_2 .graph__list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (width <= 1024px){.graph.graph--type_2 .graph__list{gap:16px}}.graph.graph--type_2 .graph__item{position:relative;display:grid;grid-template-columns:auto 1fr;gap:8px 24px;padding:8px 24px 8px 8px;background-color:var(--gray);border-radius:16px;overflow:hidden}.graph.graph--type_2 .graph__item:has(.skeleton-gradient){min-height:112px}@media (width <= 1024px){.graph.graph--type_2 .graph__item{gap:8px 16px;grid-column:span 2}}.graph.graph--type_2 .graph__item-image{grid-row:span 2;width:72px;height:96px;border-radius:8px;overflow:hidden}.graph.graph--type_2 .graph__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-item-align:end;align-self:flex-end;gap:16px}.graph.graph--type_2 .graph__title{font-weight:800}.graph.graph--type_2 .graph__value{font-weight:700;font-size:24px;line-height:32px;white-space:nowrap;color:var(--white)}.graph.graph--type_2 .graph__value span{font-size:12px;line-height:16px;color:var(--white-60);text-transform:uppercase}