.login{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:12px}.wrapper{display:flex;flex-direction:column;position:relative;justify-content:center;left:50%;transform:translate(-50%);width:50%;padding-left:2rem;padding-right:2rem;background:#ffffff80;border-radius:8px;box-shadow:0 4px 8px #0000001a;min-height:100vh}@media (max-width: 768px){.wrapper{display:flex;flex-direction:column;position:absolute;width:90%;padding:5%;background:#ffffff80;border-radius:8px;box-shadow:0 4px 8px #0000001a;min-height:80vh}}.message-warning{position:fixed;bottom:0;left:0;width:100%;background:radial-gradient(circle at center top,#cc3333,transparent 50%),radial-gradient(circle at center bottom,#ff9999,transparent 50%),radial-gradient(circle at top left,#ff6666,transparent 60%),radial-gradient(circle at top right,#ff4d4d,transparent 60%),radial-gradient(circle at bottom left,#ff1a1a,transparent 60%),radial-gradient(circle at bottom right,#cc3333,transparent 60%),linear-gradient(to right,#f99,#f99 30%,#f99 70%,#f99),linear-gradient(to bottom,#f66,#c33 50%,#ff4d4d),linear-gradient(to right,#ff1a1a,#f99 50%,#c33);color:#fff;justify-content:center;z-index:1000;padding-top:1rem;padding-bottom:1rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;display:flex}.message-new{position:fixed;border-top:0;left:0;width:100%;background:radial-gradient(circle at center top,#cc9900,transparent 50%),radial-gradient(circle at center bottom,#ffcc66,transparent 50%),radial-gradient(circle at top left,#ffcc33,transparent 60%),radial-gradient(circle at top right,#ffb84d,transparent 60%),radial-gradient(circle at bottom left,#ff9900,transparent 60%),radial-gradient(circle at bottom right,#cc9900,transparent 60%),linear-gradient(to right,#fc6,#fc6 30%,#fc6 70%,#fc6),linear-gradient(to bottom,#fc3,#fc6 50%,#ffb84d),linear-gradient(to right,#f90,#fc6 50%,#c90);color:#fff;justify-content:center;z-index:1000;padding-top:1rem;padding-bottom:1rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;display:flex}.text-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;width:70%;font-size:14px}.icon{font-size:18px;margin-right:10px}.close-btn{position:absolute;top:50%;right:20px;transform:translateY(-50%);cursor:pointer;font-size:16px;color:#fff;background:none;border:none}@media (max-width: 768px){.text-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;width:90%;font-size:12px}.icon{display:none}}