.note_note,
.attention,
.restriction,
.tip {
	border: 1px solid;
    border-radius: 11px;
}  

.note__title{
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

/* NOTE (default) start */
.note.note_note {
    border-color: #36abef !important;
    background-color: #e9f7ff !important;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #696262;
    background-image: none;
    position: relative;
}
.note.note_note::after {
    width: 25px;
    height: 24px;
    display: block;
    content: "";
    top: 11px;
    position: absolute;
    left: 12px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><circle cx='12' cy='12' r='10' stroke='%2336ABEF' stroke-width='2' fill='none'/><path d='M12 7C12.5523 7 13 7.44772 13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7ZM11 11H13V17H11V11Z' fill='%2336ABEF'/></svg>");
}
/* NOTE (default) end */



/* ATTENTION start */
.note.attention {
    border-color: #f1c435 !important;
    background-color: #fffbe9 !important;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #696262;
    background-image: none;
    position: relative;
}
.note.attention::after {
    width: 25px;
    height: 24px;
    display: block;
    content: "";
    top: 10px;
    position: absolute;
    left: 12px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path fill='%23EFB736' d='M11 17.2501C11 16.9849 11.1054 16.7306 11.2929 16.543C11.4804 16.3555 11.7348 16.2501 12 16.2501C12.2652 16.2501 12.5196 16.3555 12.7071 16.543C12.8946 16.7306 13 16.9849 13 17.2501C13 17.5153 12.8946 17.7697 12.7071 17.9572C12.5196 18.1448 12.2652 18.2501 12 18.2501C11.7348 18.2501 11.4804 18.1448 11.2929 17.9572C11.1054 17.7697 11 17.5153 11 17.2501ZM12 14.5001C11.8011 14.5001 11.6103 14.4211 11.4697 14.2805C11.329 14.1398 11.25 13.949 11.25 13.7501V8.75012C11.25 8.55121 11.329 8.36044 11.4697 8.21979C11.6103 8.07914 11.8011 8.00012 12 8.00012C12.1989 8.00012 12.3897 8.07914 12.5303 8.21979C12.671 8.36044 12.75 8.55121 12.75 8.75012V13.7501C12.75 13.949 12.671 14.1398 12.5303 14.2805C12.3897 14.4211 12.1989 14.5001 12 14.5001Z'/><path fill='%23EFB736' fill-rule='evenodd' clip-rule='evenodd' d='M14.27 3.99312C14.0175 3.62394 13.6789 3.32191 13.2833 3.1132C12.8877 2.90449 12.4472 2.79541 12 2.79541C11.5528 2.79541 11.1123 2.90449 10.7167 3.1132C10.3211 3.32191 9.98246 3.62394 9.73 3.99312L9.298 4.62512C6.59217 8.58433 4.26713 12.7908 2.354 17.1881L2.264 17.3961C2.10701 17.7565 2.03687 18.1488 2.05924 18.5413C2.08161 18.9338 2.19587 19.3156 2.3928 19.6558C2.58973 19.9961 2.86383 20.2853 3.19302 20.5002C3.52221 20.7151 3.89728 20.8497 4.288 20.8931C9.41337 21.4662 14.5866 21.4662 19.712 20.8931C20.1027 20.8497 20.4778 20.7151 20.807 20.5002C21.1362 20.2853 21.4103 19.9961 21.6072 19.6558C21.8041 19.3156 21.9184 18.9338 21.9408 18.5413C21.9631 18.1488 21.893 17.7565 21.736 17.3961L21.646 17.1881C19.7329 12.7908 17.4078 8.58433 14.702 4.62512L14.27 3.99312ZM10.968 4.83912C11.0827 4.67124 11.2367 4.53388 11.4165 4.43897C11.5964 4.34405 11.7967 4.29444 12 4.29444C12.2034 4.29444 12.4036 4.34405 12.5835 4.43897C12.7633 4.53388 12.9173 4.67124 13.032 4.83912L13.464 5.47112C16.1166 9.3519 18.3955 13.4753 20.27 17.7861L20.36 17.9941C20.4233 18.1392 20.4517 18.2971 20.4428 18.4551C20.4339 18.6131 20.388 18.7668 20.3088 18.9038C20.2296 19.0408 20.1193 19.1573 19.9868 19.2439C19.8543 19.3304 19.7033 19.3846 19.546 19.4021C14.531 19.9621 9.469 19.9621 4.454 19.4021C4.29662 19.3848 4.14552 19.3307 4.0129 19.2442C3.88028 19.1577 3.76985 19.0412 3.69053 18.9042C3.61121 18.7671 3.56521 18.6134 3.55626 18.4553C3.54731 18.2972 3.57566 18.1392 3.639 17.9941L3.729 17.7861C5.60439 13.4756 7.88356 9.35217 10.536 5.47112L10.968 4.83912Z'/></svg>");
}
/* ATTENTION end */



/* RESTRICTION start */
.note.restriction {
    border-color: #ef3639 !important;
    background-color: #ffe9e9 !important;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #696262;
    background-image: none;
    position: relative;
}
.note.restriction::after {
    width: 25px;
    height: 24px;
    display: block;
    content: "";
    top: 10px;
    position: absolute;
    left: 12px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path fill='%23EF3639' d='M11 17.2501C11 16.9849 11.1054 16.7306 11.2929 16.543C11.4804 16.3555 11.7348 16.2501 12 16.2501C12.2652 16.2501 12.5196 16.3555 12.7071 16.543C12.8946 16.7306 13 16.9849 13 17.2501C13 17.5153 12.8946 17.7697 12.7071 17.9572C12.5196 18.1448 12.2652 18.2501 12 18.2501C11.7348 18.2501 11.4804 18.1448 11.2929 17.9572C11.1054 17.7697 11 17.5153 11 17.2501ZM12 14.5001C11.8011 14.5001 11.6103 14.4211 11.4697 14.2805C11.329 14.1398 11.25 13.949 11.25 13.7501V8.75012C11.25 8.55121 11.329 8.36044 11.4697 8.21979C11.6103 8.07914 11.8011 8.00012 12 8.00012C12.1989 8.00012 12.3897 8.07914 12.5303 8.21979C12.671 8.36044 12.75 8.55121 12.75 8.75012V13.7501C12.75 13.949 12.671 14.1398 12.5303 14.2805C12.3897 14.4211 12.1989 14.5001 12 14.5001Z'/><path fill='%23EF3639' fill-rule='evenodd' clip-rule='evenodd' d='M14.27 3.99312C14.0175 3.62394 13.6789 3.32191 13.2833 3.1132C12.8877 2.90449 12.4472 2.79541 12 2.79541C11.5528 2.79541 11.1123 2.90449 10.7167 3.1132C10.3211 3.32191 9.98246 3.62394 9.73 3.99312L9.298 4.62512C6.59217 8.58433 4.26713 12.7908 2.354 17.1881L2.264 17.3961C2.10701 17.7565 2.03687 18.1488 2.05924 18.5413C2.08161 18.9338 2.19587 19.3156 2.3928 19.6558C2.58973 19.9961 2.86383 20.2853 3.19302 20.5002C3.52221 20.7151 3.89728 20.8497 4.288 20.8931C9.41337 21.4662 14.5866 21.4662 19.712 20.8931C20.1027 20.8497 20.4778 20.7151 20.807 20.5002C21.1362 20.2853 21.4103 19.9961 21.6072 19.6558C21.8041 19.3156 21.9184 18.9338 21.9408 18.5413C21.9631 18.1488 21.893 17.7565 21.736 17.3961L21.646 17.1881C19.7329 12.7908 17.4078 8.58433 14.702 4.62512L14.27 3.99312ZM10.968 4.83912C11.0827 4.67124 11.2367 4.53388 11.4165 4.43897C11.5964 4.34405 11.7967 4.29444 12 4.29444C12.2034 4.29444 12.4036 4.34405 12.5835 4.43897C12.7633 4.53388 12.9173 4.67124 13.032 4.83912L13.464 5.47112C16.1166 9.3519 18.3955 13.4753 20.27 17.7861L20.36 17.9941C20.4233 18.1392 20.4517 18.2971 20.4428 18.4551C20.4339 18.6131 20.388 18.7668 20.3088 18.9038C20.2296 19.0408 20.1193 19.1573 19.9868 19.2439C19.8543 19.3304 19.7033 19.3846 19.546 19.4021C14.531 19.9621 9.469 19.9621 4.454 19.4021C4.29662 19.3848 4.14552 19.3307 4.0129 19.2442C3.88028 19.1577 3.76985 19.0412 3.69053 18.9042C3.61121 18.7671 3.56521 18.6134 3.55626 18.4553C3.54731 18.2972 3.57566 18.1392 3.639 17.9941L3.729 17.7861C5.60439 13.4756 7.88356 9.35217 10.536 5.47112L10.968 4.83912Z'/></svg>");
}
/* RESTRICTION end */



/* TIP start*/
.note.tip {
    border-color: #1ea703 !important;
    background-color: #e4f4e1 !important;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #696262;
    background-image: none;
    position: relative;
}
.note.tip::after {
    width: 25px;
    height: 24px;
    display: block;
    content: "";
    top: 10px;
    position: absolute;
    left: 12px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path fill='%231EA703' d='M13.2922 2.4598C13.3855 2.29818 13.5274 2.16855 13.6985 2.08849C13.8697 2.00843 14.0619 1.98181 14.249 2.01224L14.5425 2.0605C15.0992 2.15125 15.63 2.35602 16.1003 2.6614C16.5705 2.96679 16.9694 3.3659 17.271 3.8326C17.5727 4.2993 17.7701 4.82307 17.8505 5.36961C17.9308 5.91614 17.8922 6.47312 17.7373 7.00407L17.1726 8.93662H17.9926C18.6154 8.93661 19.2298 9.07866 19.7867 9.3515C20.3437 9.62433 20.828 10.0204 21.2012 10.5084C21.5744 10.9963 21.8262 11.5626 21.9366 12.1624C22.047 12.7621 22.0129 13.3788 21.8372 13.9634L20.4377 18.6187C20.231 19.3062 19.8022 19.9098 19.2157 20.339C18.6291 20.7683 17.9162 21.0002 17.1837 21H11.1208C10.1548 20.9999 9.21304 20.7037 8.42785 20.1532C8.22686 20.4161 7.96595 20.6296 7.66585 20.7766C7.36575 20.9236 7.03474 21.0001 6.69912 21H5.15782C4.58553 21 4.03668 20.7776 3.63201 20.3817C3.22734 19.9858 3 19.4488 3 18.8889V11.0477C3 9.88239 3.9667 8.93662 5.15782 8.93662H9.37113C9.42558 8.93648 9.47903 8.92224 9.52603 8.89532C9.57303 8.86841 9.6119 8.8298 9.6387 8.78342L13.2922 2.4598ZM8.85695 18.1639L9.34523 18.562C9.84338 18.9685 10.4722 19.1905 11.1208 19.1905H17.1837C17.5167 19.1907 17.8408 19.0854 18.1076 18.8904C18.3743 18.6953 18.5693 18.421 18.6633 18.1084L20.0628 13.4532C20.1575 13.1383 20.1759 12.8062 20.1165 12.4832C20.057 12.1602 19.9215 11.8553 19.7205 11.5925C19.5195 11.3297 19.2587 11.1164 18.9588 10.9695C18.6588 10.8226 18.328 10.7461 17.9926 10.7461H15.9469C15.8038 10.7461 15.6627 10.7136 15.5346 10.6511C15.4065 10.5886 15.295 10.498 15.2088 10.3862C15.1226 10.2744 15.0641 10.1445 15.0379 10.0069C15.0118 9.86923 15.0186 9.7275 15.0579 9.59287L15.9593 6.50706C16.1118 5.98448 16.0525 5.42448 15.7936 4.94362C15.5348 4.46275 15.0964 4.09808 14.5696 3.9255L11.249 9.6737C11.0611 9.99909 10.7882 10.2698 10.4583 10.4583C10.1283 10.6467 9.75316 10.746 9.37113 10.7461H8.85695V18.1639ZM7.00738 10.7461H5.15782C5.07607 10.7461 4.99766 10.7779 4.93985 10.8345C4.88204 10.891 4.84956 10.9677 4.84956 11.0477V18.8889C4.84956 19.0554 4.98766 19.1905 5.15782 19.1905H6.69912C6.78088 19.1905 6.85929 19.1587 6.9171 19.1022C6.97491 19.0456 7.00738 18.9689 7.00738 18.8889V10.7461Z'/></svg>");
}
/* TIP end */