#mydiv{overflow:hidden;position:absolute;text-align:center;z-index:2}#mydivheader{color:#fff;cursor:move;overflow:hidden;z-index:3}.progress[data-v-23f62162]{height:24px;width:24px}.text_progress[data-v-23f62162]{color:red;font-size:12px;height:37px;text-align:center;width:37px}.text_progress div[data-v-23f62162]{position:relative}.text_progress span[data-v-23f62162]{color:#000;font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.usage_progress[data-v-23f62162]{color:red;font-size:12px;height:190px;text-align:center;width:200px}.usage_progress div[data-v-23f62162]{position:relative}.usage_progress span[data-v-23f62162]{color:#000;font-size:30px;left:50%;line-height:38px;position:absolute;top:50%;transform:translate(-50%,-50%)}.circular[data-v-23f62162]{transform:rotate(-90deg)}.track[data-v-23f62162]{fill:none;stroke:#e0e0e0;stroke-width:2.3}.bar[data-v-23f62162]{fill:transparent;stroke:#007bff;stroke-linecap:round;stroke-width:2.3;transition:all .4s ease-in-out;transition:stroke-dasharray .3s}.track-text[data-v-23f62162]{fill:none;stroke:#e0e0e0;stroke-width:2.3}.bar-text[data-v-23f62162]{fill:transparent;stroke:#2563eb;stroke-linecap:round;stroke-width:2.3;transition:all .4s ease-in-out;transition:stroke-dasharray .3s}#notifications{align-items:flex-start;bottom:0;display:flex;flex-direction:column-reverse;gap:15px;height:50vh;justify-content:flex-start;max-width:0;overflow:visible;padding-right:200px;position:fixed;right:20px;z-index:1}#notifications>div{margin-right:200px;position:relative!important}