.notification-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:16px;border-radius:8px;border:1px solid #e5e5e5;margin-bottom:16px;background-color:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.notification-content{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-positive:1;flex-grow:1}.close-button{background-color:transparent;border:none;cursor:pointer;padding:0;margin-left:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.close-icon{width:24px;height:24px;color:#475569}.close-button:hover .close-icon{color:#0f172a}@media screen and (max-width:575px){.notification-container{padding:12px}.close-button{margin-left:8px}}.app-container{min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:#f5f5f5;padding:24px;font-family:"Roboto",sans-serif}.heading{font-size:32px;font-weight:700;color:#0f172a;margin-bottom:32px;text-align:center}.notifications-container{width:100%;max-width:600px}.icon{width:32px;height:32px;margin-right:16px;-ms-flex-negative:0;flex-shrink:0}.success-icon{color:#2dca73}.error-icon{color:#ff0b37}.warning-icon{color:#ffb800}.info-icon{color:#0f81e0}.notification-text{-ms-flex-positive:1;flex-grow:1}.notification-heading{font-size:18px;font-weight:600;margin:0 0 8px}.success-heading{color:#2dca73}.error-heading{color:#ff0b37}.warning-heading{color:#ffb800}.info-heading{color:#0f81e0}.notification-description{font-size:14px;color:#64748b;margin:0;line-height:1.5}@media screen and (max-width:575px){.app-container{padding:16px}.heading{font-size:24px;margin-bottom:24px}.icon{width:24px;height:24px;margin-right:12px}.notification-heading{font-size:16px;margin-bottom:6px}.notification-description{font-size:13px}}@media screen and (min-width:768px){.heading{font-size:36px;margin-bottom:40px}.notifications-container{max-width:700px}}@media screen and (min-width:992px){.notifications-container{max-width:800px}}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*# sourceMappingURL=main.bdad2a4e.chunk.css.map */