#notification-form{width:100%;border-radius:10px;padding:14px 18px;margin:10px 0;display:flex;flex-direction:column;box-sizing:border-box;background-color:#fff;box-shadow:2px 2px 3px 1.5px #646464e6;text-align:left}#notification-message{width:100%;height:180px;border:1px solid #b5b5b5;border-radius:2px;padding:4px;margin-bottom:6px;box-sizing:border-box;font-family:system-ui,sans-serif;font-size:1rem;resize:none}#notification-type{width:100%;border:1px solid #b5b5b5;border-radius:2px;padding:4px;margin-bottom:10px;box-sizing:border-box;font-family:system-ui,sans-serif;font-size:1rem;background-color:#fff}#send-notification-btn{width:100%;border:none;border-radius:2px;margin-top:auto;padding:10px;box-sizing:border-box;font-size:1.4rem;font-family:system-ui,sans-serif;color:#fff;background-color:#f80;transition:background-color .2s ease;box-shadow:2px 2px 6px #96969699;cursor:pointer}#send-notification-btn:hover{background-color:#fca903}#notification-feed{width:100%;height:400px;border-radius:10px;margin:10px 0 0;overflow:auto;box-sizing:border-box;background-color:#fff;box-shadow:2px 2px 3px 1.5px #646464e6;text-align:left}.notification-feed-placeholder{padding:14px 18px}.notification-card-container{height:80px;padding:5px 18px;box-sizing:border-box}.notification-card{height:70px;border-left:4px solid rgba(0,0,0,.4);padding:3px 8px;box-sizing:border-box;box-shadow:2px 2px 4px 1px #c8c8c866}.notification-message{margin:4px 0 0;padding:0;font-weight:700;font-size:.8rem}.notification-timestamp{margin-top:5px;margin-bottom:7px;color:#000000b3;font-size:.8rem}@media (min-width: 769px){#notification-form,#notification-feed{width:50%;margin:0 10px}}:root{font-family:system-ui,sans-serif;font-weight:400}body{min-width:320px;min-height:100vh;margin:0;display:flex;place-items:center;overflow-x:hidden;background-color:#d1d8e3}#root{width:100%;max-width:550px;margin:0 auto;padding:.5rem;box-sizing:border-box;text-align:center}.appContainer{width:100%;margin:0 auto;padding:.5rem;display:flex;flex-direction:column;box-sizing:border-box;text-align:center}@media (min-width: 769px){.appContainer{flex-direction:row}#root{max-width:1080px}}