#bood-notification-portal{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2147483647!important;pointer-events:none!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:16px!important;box-sizing:border-box!important;transform:none!important;overflow:visible!important}
#bood-notification-portal .bood-notification-card{display:flex!important;align-items:center!important;gap:11px!important;width:max-content!important;max-width:min(340px,calc(100vw - 32px))!important;min-height:56px!important;box-sizing:border-box!important;padding:13px 16px!important;border:1px solid #373c48!important;border-radius:16px!important;background:#171b25!important;color:#f9fafb!important;box-shadow:0 18px 55px #000b!important;font:500 14px/1.45 inherit!important;overflow-wrap:anywhere!important;white-space:normal!important;animation:boodNotifyEnter .17s ease-out both!important}
#bood-notification-portal .bood-notification-symbol{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;border:2px solid #70d69d!important;border-radius:50%!important;color:#70d69d!important;font-size:19px!important;font-weight:700!important}
#bood-notification-portal .bood-notification-error .bood-notification-symbol{border-color:#fb7185!important;color:#fb7185!important}
#bood-notification-portal .bood-notification-warning .bood-notification-symbol{border-color:#fbbf24!important;color:#fbbf24!important}
#bood-notification-portal .bood-notification-label{min-width:0!important;overflow-wrap:anywhere!important}
@keyframes boodNotifyEnter{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){#bood-notification-portal .bood-notification-card{animation:none!important}}

.order-details-modal .btn,.order-details-position-modal .btn{font-size:13px!important;padding:8px 12px!important;min-height:36px!important;border-radius:11px!important;line-height:1.35!important}
.order-details-modal .btn i,.order-details-position-modal .btn i{font-size:13px!important}

#bood-notification-portal .bood-notification-symbol svg{display:block!important;flex-shrink:0!important;transform:none!important;animation:none!important}


#bood-notification-portal .bood-notification-card{animation:boodNotifySoftIn .36s cubic-bezier(.2,1.35,.35,1) both!important;will-change:opacity,transform}
#bood-notification-portal .bood-notification-card.bood-notification-leaving{animation:boodNotifySoftOut .25s ease-in both!important}
#bood-notification-portal .bood-notification-symbol{border:0!important;width:34px!important;height:34px!important;flex-basis:34px!important}
#bood-notification-portal .bood-notification-symbol svg{width:30px!important;height:30px!important;overflow:visible!important}
#bood-notification-portal .bood-notification-symbol svg circle,#bood-notification-portal .bood-notification-symbol svg path{stroke-dasharray:90;stroke-dashoffset:90;animation:boodDrawIcon .5s ease-out .12s forwards!important}
#bood-notification-portal .bood-notification-symbol svg path{animation-delay:.28s!important}
#bood-notification-portal .bood-notification-label{animation:boodLabelIn .3s ease-out .15s both!important}
@keyframes boodNotifySoftIn{from{opacity:0;transform:translateY(14px) scale(.89)}65%{opacity:1;transform:translateY(-2px) scale(1.025)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes boodNotifySoftOut{to{opacity:0;transform:translateY(-8px) scale(.94)}}
@keyframes boodDrawIcon{to{stroke-dashoffset:0}}
@keyframes boodLabelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#bood-notification-portal .bood-notification-card,#bood-notification-portal .bood-notification-symbol svg circle,#bood-notification-portal .bood-notification-symbol svg path,#bood-notification-portal .bood-notification-label{animation:none!important;stroke-dashoffset:0!important}}


#bood-notification-portal .bood-notification-card{width:auto!important;min-width:min(320px,calc(100vw - 32px))!important;max-width:min(470px,calc(100vw - 32px))!important;min-height:76px!important;padding:18px 21px!important;border-radius:22px!important;gap:13px!important;font-size:15px!important;box-shadow:0 24px 68px #000c!important}
@media(max-width:400px){#bood-notification-portal .bood-notification-card{min-width:min(290px,calc(100vw - 32px))!important;padding:15px 17px!important}}


.swal2-popup.bood-auto-notice-popup{max-width:min(520px,calc(100vw - 28px))!important;animation:boodNoticePop .2s ease-out both!important}
.swal2-popup.bood-auto-notice-popup .swal2-close{display:flex!important;align-items:center!important;justify-content:center!important}
@keyframes boodNoticePop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}