.volcano-alert-wrapper{padding:12px 10px;margin:0 15px 10px;border-radius:4px;background-color:var(--light-e);align-items:center;display:flex;p{margin-bottom:0}.volcano-alert-icon{padding:4px 6px;border-radius:4px;background-color:var(--light-a);.fa{color:var(--light-f);font-size:24px}}.volcano-alert-content{margin-left:10px}&.notice-msg{background-color:unset;border:1px solid var(--primary);max-width:600px;margin:20px auto 10px;flex-direction:column;.volcano-alert-icon{position:relative;width:100%;&:after,i{content:"";position:absolute;inset:0;background-color:var(--light-f);z-index:0;width:34px;height:34px;top:-26px;left:50%;transform:translateX(-50%)}&:after,i{border-radius:50%}i{background-color:unset;filter:var(--f-primary);width:28px;height:28px;z-index:1}}.volcano-alert-content{margin-left:0!important;padding:2px 6px 6px;text-align:center;font-weight:600;color:var(--primary)}}&.success-msg{background-color:var(--success-background);border:1px solid var(--success-border);.volcano-alert-icon{background-color:var(--success-2)}}&.question-msg{background-color:var(--question-background);border:1px solid var(--question-border);.volcano-alert-icon{background-color:var(--question)}}&.info-msg{background-color:var(--info-background);border:1px solid var(--info-border);.volcano-alert-icon{background-color:var(--info)}}&.error-msg{background-color:var(--error-background);border:1px solid var(--error-border);.volcano-alert-icon{background-color:var(--error)}}}@media (max-width:768px){.volcano-alert-wrapper{align-items:flex-start;&.notice-msg{margin:20px 20px 10px}.volcano-alert-icon{.fa{font-size:20px;position:relative;margin-right:5px;&:before{position:absolute;top:-18px;left:-7px}}}}}