#commerce-toasts{position:fixed;inset:16px 16px auto auto;margin:0;padding:0;border:0;background:transparent;width:360px;max-width:400px;overflow:visible;z-index:2147483647;pointer-events:none;font-family:"Alibaba PuHuiTi",sans-serif}#commerce-toasts:popover-open{display:flex;flex-direction:column;gap:8px}#commerce-toasts::backdrop{display:none}.commerce-toast{box-sizing:border-box;width:100%;position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 38px 14px 16px;border-radius:6px;border-left:4px solid #225cdb;background:#fff;color:#243248;box-shadow:0 4px 16px #18223020;pointer-events:auto;animation:commerce-toast-in 200ms ease-out}.commerce-toast.success{border-left-color:#157347}.commerce-toast.error{border-left-color:#b42318}.commerce-toast.warning{border-left-color:#946000}.commerce-toast p{margin:0;font-size:14px;font-weight:400;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.commerce-toast button{position:absolute;right:6px;top:6px;width:28px;height:28px;min-height:0;padding:6px;display:grid;place-items:center;border:0;border-radius:3px;background:transparent;color:#59687b;cursor:pointer}.commerce-toast button:hover{background:#f0f3f8}.commerce-toast button:focus-visible{outline:2px solid #225cdb;outline-offset:1px}.commerce-toast.leaving{animation:commerce-toast-out 150ms ease-in forwards}@keyframes commerce-toast-in{from{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes commerce-toast-out{to{transform:translateX(24px);opacity:0}}@media(max-width:480px){#commerce-toasts{inset:16px 12px auto;width:calc(100vw - 24px);max-width:none}}@media(prefers-reduced-motion:reduce){@keyframes commerce-toast-in{from{opacity:0}to{opacity:1}}@keyframes commerce-toast-out{to{opacity:0}}}

@media(prefers-reduced-motion:reduce){#commerce-toasts .commerce-toast{animation:commerce-toast-in 200ms ease-out!important}#commerce-toasts .commerce-toast.leaving{animation:commerce-toast-out 150ms ease-in forwards!important}}

@media(max-width:760px){dialog #commerce-toasts{max-height:96px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}dialog #commerce-toasts .commerce-toast{flex-shrink:0}}

dialog #commerce-toasts{max-height:96px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}dialog #commerce-toasts .commerce-toast{flex-shrink:0}