html body .eggy{width:450px;z-index:100}html body .eggy>div{border-radius:10px;padding:.75rem .5rem}html body .eggy>div.success{border:3px solid #33be7f}html body .eggy>div.success svg:not(.close-btn){fill:#33be7f}html body .eggy>div.warning{border:3px solid #dccc42}html body .eggy>div.warning svg:not(.close-btn){fill:#dccc42}html body .eggy>div.info{border:3px solid #5353e2}html body .eggy>div.info svg:not(.close-btn){fill:#5353e2}html body .eggy>div.error{border:3px solid #e05a5a}html body .eggy>div.error svg:not(.close-btn){fill:#e05a5a}html body .eggy>div>div{display:flex;flex-direction:column;gap:.2rem}html body .eggy>div>div .title{color:#212121;font-family:var(--var-theme-title-family);font-size:calc(var(--var-theme-font-size) + 12px);font-weight:700;line-height:calc(var(--var-theme-font-size) + 20px);margin:0}@media (min-width:768px){html body .eggy>div>div .title{font-size:calc(var(--var-theme-font-size) + 14px)}}html body .eggy>div>div .message{color:#444;font-family:var(--var-theme-font-family);font-size:calc(var(--var-theme-font-size) + 13px);font-weight:400;line-height:calc(var(--var-theme-font-size) + 16px);margin:0}html body .eggy>div svg:not(.close-btn){height:30px;margin:0 auto;width:30px}html body .eggy>div svg.close-btn{fill:#444;cursor:pointer;height:25px;margin:0 auto;width:25px}html body .eggy>div .progress-bar{position:absolute}