.alerts{min-height:44px;color:var(--ink-100);visibility:hidden;margin-top:16px;margin-bottom:16px;padding:12px 16px 12px 12px;font-size:16px;line-height:26px;position:relative}.alerts>.background{border:1px solid var(--grey-60);opacity:1;z-index:0;border-radius:6px;position:absolute;inset:0}.alerts>.background+div{z-index:1;position:relative}.alerts ul{flex:1;margin:0;padding:0;list-style-type:none}.alerts ul li{text-align:left}.alerts svg{min-width:19px;margin-right:12px}.alerts svg.error>g>g>path{fill:var(--danger)}.alerts svg.warning>g>g>path{fill:var(--orange-100)}.alerts svg.success>path{fill:var(--green-100)}.alerts svg.info>g>g>path{fill:var(--main-100)}.alerts .close{margin-left:16px;margin-right:7px;font-size:20px}.alerts.show{visibility:visible}.alerts.success>.background{background-color:var(--green-10);border-color:var(--green-60)}.alerts.success .close{color:var(--ink-100)}.alerts.error>.background{background-color:var(--red-10);border-color:var(--red-60)}.alerts.error .close{color:var(--ink-100)}.alerts.warning>.background{background-color:var(--orange-10);border-color:var(--orange-60)}.alerts.warning .close{color:var(--ink-100)}.alerts.info>.background{background-color:var(--main-10);border-color:var(--main-60)}.alerts.info .close{color:var(--ink-100)}.alerts.disclaimer{min-height:40px;color:var(--ink-100);padding:8px 16px 8px 12px;font-size:14px;line-height:24px}.alerts.disclaimer .close{font-size:16px;line-height:16px}.alerts.animated{border-radius:6px}.alerts.animated.animation-on{animation:2s ease-out both fade-out-border}@keyframes fade-out-border{0%{box-shadow:0 0 0 2px var(--orange-100)}to{box-shadow:0 0 0 0 var(--orange-100)}}