div.note.topic\/note {
  position: relative;
  min-height: 66px;
  border-radius: 0;
  padding: 20px 50px 16px 74px;
  background: white;
  line-height: 23px;
}

.note::after {
  content: '';
  position: absolute;
}

.note p {
  margin: 0;
}

.note.note.note_note {
  margin: 24px 0;
  font-size: 14px;
  border-color: #e6e6e6;
}

.note_note::after {
  top: 19px;
  left: 24px;
  width: 26px;
  height: 26px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNnB4IiBoZWlnaHQ9IjI2cHgiIHZpZXdCb3g9IjAgMCAyNiAyNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5BdHRlbnRpb25faWNvbl9ncmF5PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN0eWxlXzIwLjA4IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJJbnRlcmlvcl9Eb2NfU3R5bGVfMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxOS4wMDAwMDAsIC0yOTYuMDAwMDAwKSI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOTUuMDAwMDAwLCAyNzMuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJBdHRlbnRpb25faWNvbl9ncmF5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC4wMDAwMDAsIDIzLjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTUiPiAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIHN0cm9rZT0iI0FDQURBRCIgc3Ryb2tlLXdpZHRoPSIyIiBjeD0iMTMiIGN5PSIxMyIgcj0iMTIiPjwvY2lyY2xlPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMiw4LjI3OCBDMTIsNy45Mjk5OTgyNiAxMi4xMjU5OTg3LDcuNjMwMDAxMjYgMTIuMzc4LDcuMzc4IEMxMi42MzAwMDEzLDcuMTI1OTk4NzQgMTIuOTI5OTk4Myw3IDEzLjI3OCw3IEMxMy42MjYwMDE3LDcgMTMuOTI1OTk4Nyw3LjEyNTk5ODc0IDE0LjE3OCw3LjM3OCBDMTQuNDMwMDAxMyw3LjYzMDAwMTI2IDE0LjU1Niw3LjkyOTk5ODI2IDE0LjU1Niw4LjI3OCBDMTQuNTU2LDguNjI2MDAxNzQgMTQuNDMwMDAxMyw4LjkyNTk5ODc0IDE0LjE3OCw5LjE3OCBDMTMuOTI1OTk4Nyw5LjQzMDAwMTI2IDEzLjYyNjAwMTcsOS41NTYgMTMuMjc4LDkuNTU2IEMxMi45Mjk5OTgzLDkuNTU2IDEyLjYzMDAwMTMsOS40MzAwMDEyNiAxMi4zNzgsOS4xNzggQzEyLjEyNTk5ODcsOC45MjU5OTg3NCAxMiw4LjYyNjAwMTc0IDEyLDguMjc4IFogTTExLDEyIEwxNC40MDIsMTIgTDE0LjQwMiwxOS40NyBMMTUuNjA4LDE5LjQ3IEwxNS42MDgsMTkuNzIyIEwxMSwxOS43MjIgTDExLDE5LjQ3IEwxMi4yMDYsMTkuNDcgTDEyLjIwNiwxMi4yNTIgTDExLDEyLjI1MiBMMTEsMTIgWiIgaWQ9ImkiIGZpbGw9IiNBQ0FEQUQiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

.note.notice.note_notice {
  margin: 24px 0 35px;
  border-color: #1e89e7;
}

.note_notice::after {
  top: 19px;
  left: 24px;
  width: 26px;
  height: 26px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNnB4IiBoZWlnaHQ9IjI2cHgiIHZpZXdCb3g9IjAgMCAyNiAyNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5JbmZvcm1faWNvbjwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJTdHlsZV8yMC4wOCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iSW50ZXJpb3JfRG9jXzEtQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzE5LjAwMDAwMCwgLTExNDEuMDAwMDAwKSI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOTUuMDAwMDAwLCAxMTE2LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8ZyBpZD0iSW5mb3JtX2ljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0LjAwMDAwMCwgMjUuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBzdHJva2U9IiMxRTg5RTciIHN0cm9rZS13aWR0aD0iMiIgY3g9IjEzIiBjeT0iMTMiIHI9IjEyIj48L2NpcmNsZT4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMiw4LjI3OCBDMTIsNy45Mjk5OTgyNiAxMi4xMjU5OTg3LDcuNjMwMDAxMjYgMTIuMzc4LDcuMzc4IEMxMi42MzAwMDEzLDcuMTI1OTk4NzQgMTIuOTI5OTk4Myw3IDEzLjI3OCw3IEMxMy42MjYwMDE3LDcgMTMuOTI1OTk4Nyw3LjEyNTk5ODc0IDE0LjE3OCw3LjM3OCBDMTQuNDMwMDAxMyw3LjYzMDAwMTI2IDE0LjU1Niw3LjkyOTk5ODI2IDE0LjU1Niw4LjI3OCBDMTQuNTU2LDguNjI2MDAxNzQgMTQuNDMwMDAxMyw4LjkyNTk5ODc0IDE0LjE3OCw5LjE3OCBDMTMuOTI1OTk4Nyw5LjQzMDAwMTI2IDEzLjYyNjAwMTcsOS41NTYgMTMuMjc4LDkuNTU2IEMxMi45Mjk5OTgzLDkuNTU2IDEyLjYzMDAwMTMsOS40MzAwMDEyNiAxMi4zNzgsOS4xNzggQzEyLjEyNTk5ODcsOC45MjU5OTg3NCAxMiw4LjYyNjAwMTc0IDEyLDguMjc4IFogTTExLDEyIEwxNC40MDIsMTIgTDE0LjQwMiwxOS40NyBMMTUuNjA4LDE5LjQ3IEwxNS42MDgsMTkuNzIyIEwxMSwxOS43MjIgTDExLDE5LjQ3IEwxMi4yMDYsMTkuNDcgTDEyLjIwNiwxMi4yNTIgTDExLDEyLjI1MiBMMTEsMTIgWiIgaWQ9ImkiIGZpbGw9IiMxRTg5RTciPjwvcGF0aD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

.note.warning.note_warning {
  margin: 24px 0 35px;
  border-color: #f63261;
}

.note_warning::after {
  top: 18px;
  left: 21px;
  width: 25px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNSAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5BdHRlbnRpb25faWNvbjwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJTdHlsZV8yMC4wOCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iSW50ZXJpb3JfRG9jXzEtQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzE3LjAwMDAwMCwgLTEyNTAuMDAwMDAwKSI+ICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5NS4wMDAwMDAsIDEyMjQuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJBdHRlbnRpb25faWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQuMDAwMDAwLCAyOC4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy4xODI5NDE1LDEuNTI5NzQzNTYgTDIwLjc0NzI0OTQsMTYuNjU4MzU5MiBDMjEuNDg4MjE3MSwxOC4xNDAyOTQ3IDIwLjg4NzU0NDEsMTkuOTQyMzEzOCAxOS40MDU2MDg2LDIwLjY4MzI4MTYgQzE4Ljk4OTA0MjMsMjAuODkxNTY0NyAxOC41Mjk3MDMxLDIxIDE4LjA2Mzk2NzgsMjEgTDIuOTM1MzUyMTMsMjEgQzEuMjc4NDk3ODgsMjEgLTAuMDY0NjQ3ODY4MywxOS42NTY4NTQyIC0wLjA2NDY0Nzg2ODMsMTggQy0wLjA2NDY0Nzg2ODMsMTcuNTM0MjY0NyAwLjA0Mzc4NzQwNywxNy4wNzQ5MjU1IDAuMjUyMDcwNTU5LDE2LjY1ODM1OTIgTDcuODE2Mzc4MzksMS41Mjk3NDM1NiBDOC41NTczNDYxMywwLjA0NzgwODA2ODIgMTAuMzU5MzY1MywtMC41NTI4NjQ5NzIgMTEuODQxMzAwNywwLjE4ODEwMjc3NCBDMTIuNDIxODgzLDAuNDc4MzkzODc3IDEyLjg5MjY1MDQsMC45NDkxNjEzNTMgMTMuMTgyOTQxNSwxLjUyOTc0MzU2IFoiIGlkPSJUcmlhbmdsZSIgc3Ryb2tlPSIjRjYzMjYxIiBzdHJva2Utd2lkdGg9IjIiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHRleHQgaWQ9IiEiIGZvbnQtZmFtaWx5PSJSb2JvdG8tTWVkaXVtLCBSb2JvdG8iIGZvbnQtc2l6ZT0iMTgiIGZvbnQtd2VpZ2h0PSI0MDAiIGxldHRlci1zcGFjaW5nPSIwLjI3ODE5MTQiIGZpbGw9IiNGNjMyNjEiPiAgICAgICAgICAgICAgICAgICAgICAgIDx0c3BhbiB4PSI4IiB5PSIxOCI+ITwvdHNwYW4+ICAgICAgICAgICAgICAgICAgICA8L3RleHQ+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
}

*[class~="topic/note"]:not([class~="hazard-d/hazardstatement"]) {
  border: 1px solid;
  border-radius: 11px;
}

/*notes-content-two-lines*/
span.note__title {
  display: none;
}

/*notes-colors-colorful*/
*[class~="topic/note"]:not([class~="hazard-d/hazardstatement"]) {
  background-color: rgba(0, 120, 160, 0.09);
  border-color: #0078A0;
}
*[class~="topic/note"].note_danger,
*[class~="topic/note"].note_caution {
  background-color: rgba(255, 202, 45, 0.1);
  border-color: #606060;
}
*[class~="topic/note"].note_warning,
*[class~="topic/note"].note_attention,
*[class~="topic/note"].note_important {
  background-color: rgba(255, 202, 45, 0.1);
  border-color: #FFCA2D;
}
*[class~="topic/note"].note_notice {
  background-color: rgba(255, 226, 225, 0.32);
  border-color: #FF342D;
}