[class*=c-notification]{border:1px solid;border-radius:var(--border-radius-sm);display:grid;gap:var(--space-3xs) var(--space-xxs);grid-template-columns:24px 1fr;padding:var(--space-xs) var(--space-sm)}@media screen and (max-width:760px){[class*=c-notification]{padding:var(--space-xs)}}[class*=c-notification]:before{border-radius:50%;content:"";height:24px;margin-top:2px;width:24px}@media screen and (max-width:760px){[class*=c-notification]:before{margin-top:0}}[class*=c-notification]>p{font-family:Noto Sans JP,sans-serif;font-size:var(--font-size-sm);font-weight:400;line-height:1.8}@media screen and (max-width:760px){[class*=c-notification]>p{line-height:1.7}}[class*=c-notification]>div{font-family:Noto Sans JP,sans-serif;font-size:var(--font-size-xs);font-weight:400;grid-column:span 2;line-height:1.7}@media screen and (max-width:760px){[class*=c-notification]>div{line-height:1.8}}[class*=c-notification]>div{padding-left:calc(var(--space-xxs) + 24px)}[class*=c-notification] a{text-decoration:underline}.c-notification--success{background-color:var(--color-brand-accent-success-low);border-color:var(--color-brand-accent-success-high);color:var(--color-brand-accent-success-high)}.c-notification--success:before{background:var(--color-brand-white) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2344c555' d='M14.475 9.465a.75.75 0 0 1 1.05 1.07l-4.08 4a.75.75 0 0 1-1.05 0l-1.92-1.882a.75.75 0 0 1 1.05-1.071l1.395 1.367z'/%3E%3C/svg%3E") center/cover no-repeat}.c-notification--warning{background-color:var(--color-brand-accent-attention);border-color:var(--color-brand-white);color:var(--color-brand-gray-800)}.c-notification--warning:before{background:var(--color-brand-white) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23323232' d='M10.723 9.483a1.292 1.292 0 1 1 2.554 0l-.416 2.775a.87.87 0 0 1-1.722 0zM13 15a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E") center/cover no-repeat}.c-notification--warning>p{font-family:Noto Sans JP,sans-serif;font-size:var(--font-size-sm);font-weight:600;line-height:1.8}@media screen and (max-width:760px){.c-notification--warning>p{line-height:1.7}}.c-notification--error{background-color:var(--color-brand-accent-error-low);border-color:var(--color-brand-accent-error-high);color:var(--color-brand-accent-error-high)}.c-notification--error:before{background:var(--color-brand-white) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23ed1d36' d='M10.723 9.483a1.292 1.292 0 1 1 2.554 0l-.416 2.775a.87.87 0 0 1-1.722 0zM13 15a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E") center/cover no-repeat}.c-notification--info{background-color:var(--color-brand-accent-xs);color:var(--color-brand-accent)}.c-notification--info:before{background-color:var(--color-brand-accent);-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M20 2.084c-9.895 0-17.916 8.022-17.916 17.917S10.105 37.917 20 37.917s17.917-8.021 17.917-17.916c0-9.896-8.022-17.917-17.917-17.917M4.584 20.001c0-8.515 6.902-15.417 15.416-15.417 8.515 0 15.417 6.902 15.417 15.417 0 8.514-6.902 15.416-15.417 15.416-8.514 0-15.416-6.902-15.416-15.416m16.269-8.432a1.25 1.25 0 0 1 .093 1.766l-.017.018a1.25 1.25 0 1 1-1.858-1.672l.017-.019a1.25 1.25 0 0 1 1.765-.093M20 17.918c.69 0 1.25.56 1.25 1.25V27.5a1.25 1.25 0 1 1-2.5 0v-8.333c0-.69.56-1.25 1.25-1.25' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M20 2.084c-9.895 0-17.916 8.022-17.916 17.917S10.105 37.917 20 37.917s17.917-8.021 17.917-17.916c0-9.896-8.022-17.917-17.917-17.917M4.584 20.001c0-8.515 6.902-15.417 15.416-15.417 8.515 0 15.417 6.902 15.417 15.417 0 8.514-6.902 15.416-15.417 15.416-8.514 0-15.416-6.902-15.416-15.416m16.269-8.432a1.25 1.25 0 0 1 .093 1.766l-.017.018a1.25 1.25 0 1 1-1.858-1.672l.017-.019a1.25 1.25 0 0 1 1.765-.093M20 17.918c.69 0 1.25.56 1.25 1.25V27.5a1.25 1.25 0 1 1-2.5 0v-8.333c0-.69.56-1.25 1.25-1.25' clip-rule='evenodd'/%3E%3C/svg%3E")}