.modal-notification-c[data-v-cf8b7dc2]{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:transparent;z-index:1000;overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;visibility:hidden;opacity:0;-webkit-transition:all .25s;transition:all .25s;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.modal-notification-c__title[data-v-cf8b7dc2]{margin-right:1.2rem;font-weight:500;color:#27884d;font-size:14px;line-height:20px}.modal-notification-c__content[data-v-cf8b7dc2]{font-weight:300;font-size:12px;line-height:18px;color:#27884d}.modal-notification-c__box[data-v-cf8b7dc2]{margin:70px auto auto 10%;background:#edf9f0;color:#fff;-webkit-box-shadow:5px 5px 30px rgba(0,0,0,.15);box-shadow:5px 5px 30px rgba(0,0,0,.15);border-radius:10px;width:90%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .25s;transition:all .25s;-webkit-transform:translateY(20px);transform:translateY(20px);overflow:auto}@media(min-width:768px){.modal-notification-c__box[data-v-cf8b7dc2]{margin:80px auto auto 61.5%;width:500px}}.modal-notification-c__icon[data-v-cf8b7dc2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:50px}.modal-notification-c__main[data-v-cf8b7dc2]{padding:1rem}.modal-notification-c__close[data-v-cf8b7dc2]{color:#27884d!important;font-size:1.2em;font-weight:800;width:40px;height:40px;position:absolute;top:15%;right:2%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:100}.modal-notification-c.active[data-v-cf8b7dc2]{visibility:visible;opacity:1}.modal-notification-c.active .modal-notification-c__box[data-v-cf8b7dc2]{-webkit-transform:translateY(0);transform:translateY(0)}.content-ui-pb[data-v-49433892]{margin:.3rem 0}.pb-time-head[data-v-49433892]{min-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-weight:300;font-size:12px;line-height:18px;color:#959595;padding:.25rem .5rem}@media(min-width:768px){.pb-time-head[data-v-49433892]{padding:.25rem;min-width:97%;font-size:14px;line-height:21px}}.pb-time-head .consumed[data-v-49433892]{font-weight:600;color:#27884d}.pb-time-head .consumed.over-step[data-v-49433892]{color:#eb5757}.ui-pbar[data-v-49433892]{border-radius:8px;height:6px;width:100%;background-color:#ececec;overflow:hidden;position:relative}.ui-pbar__progress[data-v-49433892]{display:block;height:100%;border-radius:8px;-webkit-transition:all .3s;transition:all .3s;background:#27884d}.ui-pbar__progress.over-step[data-v-49433892]{background:#eb5757}