.vue-notification-group{right:20px!important;bottom:20px!important;width:max-content!important;min-width:432px;z-index:9999!important}@media screen and (width <= 767px){.vue-notification-group{right:10px!important;min-width:auto}}.vue-notification-wrapper{padding:16px 46px 16px 16px!important;display:flex!important;align-items:center;background:var(--dpk-c-white);box-shadow:0 4px 20px #00000014;border-radius:16px;margin-top:10px!important}@media screen and (width <= 767px){.vue-notification-wrapper{padding:8px 40px 8px 8px!important}}.notification-item{width:max-content}.notification-item__close{position:absolute;right:14px;top:16px}.notification-item__icon{display:flex;width:56px;height:56px;padding:16px;justify-content:center;align-items:center;flex-shrink:0;border-radius:125px;background-color:red;margin-right:20px}.notification-item__icon.success{background:var(--utilities-colors-success-10)}.notification-item__icon.error{background:var(--secondary-colors-10-red)}.notification-item__icon.error svg{stroke:var(--utilities-colors-error-120)}.notification-item__icon.warning{background:var(--secondary-colors-10-ochra)}.notification-item__title{line-height:26px}.notification-item__text{line-height:18px;color:var(--gray-colors-100);max-width:295px;overflow:hidden;text-overflow:ellipsis}.notification-item__cancel{color:#3772ff;padding-top:8px;cursor:pointer}@media screen and (width <= 767px){.notification-item__title{font-size:14px}.notification-item__text{font-size:12px;max-width:200px}.notification-item__icon{width:46px;height:46px;padding:12px;margin-right:14px}.notification-item__close{top:8px;right:8px}}