.component-fund-risk{display:flex;flex-direction:column;gap:24px}
.component-fund-risk .indicator__container{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ababab;border-radius:8px;padding:16px;align-items:center;gap:32px}
@media(min-width:1024px){.component-fund-risk .indicator__container{grid-template-columns:repeat(12,1fr);padding:32px;gap:40px}
}
.component-fund-risk .indicator__container .description{grid-column:span 4;padding-right:0}
@media(min-width:1024px){.component-fund-risk .indicator__container .description{grid-column:span 6;padding-right:40px;border-right:1px solid #c4c4c4}
}
.component-fund-risk .indicator__container .scale-wrapper{grid-column:span 4;width:100%;display:flex;flex-direction:column}
@media(min-width:1024px){.component-fund-risk .indicator__container .scale-wrapper{grid-column:span 6}
}
.component-fund-risk .indicator__container .scale-wrapper .labels{display:flex;justify-content:space-between;margin-bottom:10px}
.component-fund-risk .indicator__container .scale-wrapper .labels .label--right{text-align:right}
.component-fund-risk .indicator__container .scale-wrapper .arrow{height:2px;background-color:#0b0b0b;position:relative;margin-bottom:20px}
.component-fund-risk .indicator__container .scale-wrapper .arrow:before,.component-fund-risk .indicator__container .scale-wrapper .arrow:after{content:'';position:absolute;width:10px;height:10px;border:solid #0b0b0b 2px;transform:rotate(45deg);top:-4px}
.component-fund-risk .indicator__container .scale-wrapper .arrow:before{left:0;border-right-color:#0b0b0b;border-top:0;border-right:0}
.component-fund-risk .indicator__container .scale-wrapper .arrow:after{right:0;border-left-color:#0b0b0b;border-bottom:0;border-left:0}
.component-fund-risk .indicator__container .scale-wrapper .blocks{display:flex;gap:20px;justify-content:space-between}
.component-fund-risk .indicator__container .scale-wrapper .blocks .number{flex:1;height:42px;display:flex;align-items:center;justify-content:center;background-color:#e0e0e0;transition:all .3s ease;color:#0b0b0b}
.component-fund-risk .indicator__container .scale-wrapper .blocks .number.is-active{background-color:#0b0b0b;color:#fff}
.component-fund-risk .indicator__container .scale-wrapper .footer{margin-top:12px}