.due-reminder-popup{position:fixed;right:22px;bottom:22px;z-index:1000;width:min(360px,calc(100vw - 32px));padding:18px 20px;border-radius:15px;border-left:6px solid #318b73;background:#fff;color:#22313f;box-shadow:0 18px 55px rgba(15,49,46,.25);animation:reminder-in .25s ease-out}.due-reminder-popup.high{border-left-color:#d18a30}.due-reminder-popup.urgent{border-left-color:#cb554b}.due-reminder-popup p{margin:0 0 5px;color:#b3483e;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.due-reminder-popup strong,.due-reminder-popup small{display:block}.due-reminder-popup strong{padding-right:22px;color:#173f49;font-size:1.04rem}.due-reminder-popup small{margin:6px 0 12px;color:#68777b}.due-reminder-popup a{display:inline-block;padding:8px 12px;border-radius:8px;background:#267765;color:#fff;text-decoration:none;font-size:.82rem;font-weight:750}.reminder-close{position:absolute;right:10px;top:8px;border:0;background:none;color:#788689;font-size:1.4rem;cursor:pointer}@keyframes reminder-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}