#value-at-risk-intlink{margin-top:60px;.oh-product-risk{.oh-product-risk-indicator{justify-items:center;background:linear-gradient(to bottom,#E7F8FB,#FFFFFF);padding:24px;h2{text-align:center}
.risk-infographics-new{justify-content:center;flex-flow:nowrap;width:100%;display:flex;margin-bottom:50px;.risk-label{width:15%;vertical-align:middle;text-align:center;white-space:wrap;align-content:center}
.lower-risk-wrapper{margin-right:10px}
.higher-risk-wrapper{margin-left:10px}
.risk-indicator-new-bar{width:80%;background:#ffffff;display:flex;border:1px solid #909090;border-radius:6px;padding:4px;.blocks-separator{margin:10px 0;border-left:1px solid #909090}
.risk-indicator-new-square{white-space:normal;padding:5px 10px;align-content:center;background:#ffffff;width:14%;position:relative;.risk-level-value{font-family:UniCredit;font-weight:700;font-size:24px;line-height:100%;text-align:center;justify-self:center}
.risk-level-description{font-family:UniCredit;font-weight:400;font-size:14px;line-height:100%;text-align:center;text-transform:uppercase}
}
.risk-indicator-new-square--active{background:#007a6b;color:#fff;border-radius:6px}
.risk-indicator-new-square--active+.blocks-separator{display:none}
.risk-indicator-new-square--active+.blocks-separator{display:none}
.risk-indicator-new-square--active{.arrow-content{background-repeat:no-repeat;content:'';position:absolute;display:block;width:19px;height:16px;background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2219%22%20height%3D%2216%22%20viewBox%3D%220%200%2019%2016%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M8.1119%200.871977C8.77267%20-0.272513%2010.4246%20-0.272514%2011.0854%200.871976L18.0712%2012.9718C18.7321%2014.1163%2017.9061%2015.5469%2016.5845%2015.5469H2.61281C1.29127%2015.5469%200.465304%2014.1163%200.126081%2012.9718L8.1119%200.871977Z%22%20fill%3D%22%23262626%22/%3E%3C/svg%3E");left:50%;transform:translateX(-50%);top:100%;margin-top:8px;z-index:10;.mobile-risk-description{display:none}
}
}
}
}
.explanation-wrapper{.risk-indicator-new-explanation{font-family:Arial;font-weight:400;font-size:14px;line-height:100%;vertical-align:middle}
}
}
}
}
@media(max-width:800px){#value-at-risk-intlink{width:100% !important;.oh-product-risk{.explanation-wrapper{margin-top:100px !important}
}
.risk-indicator-new-square{padding:5px 5px !important}
.risk-indicator-new-square--active{.arrow-content{.mobile-risk-description{left:50%;top:18px;position:absolute;display:block !important;background:#454545;border-radius:4px;transform:translateX(-50%);p{white-space:nowrap;padding:5px 10px}
}
}
}
.risk-label{width:20% !important;font-family:UniCredit;font-weight:400;font-size:14px;line-height:100%;vertical-align:middle;text-align:center;white-space:wrap;align-content:center}
.risk-level-description{display:none}
}
}