cs-toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none;top:40px;left:50%;transform:translate(-50%)}@media (max-width: 767px){cs-toast-container{top:20px;left:0;transform:none;width:100%;display:flex;flex-direction:column-reverse;align-items:center;padding-inline:20px}}cs-toast-item{display:none;width:100%;min-width:300px;max-width:400px;border-radius:10px;box-shadow:0 4px 12px #00000026;overflow:hidden;pointer-events:auto;transform:translateY(-100%);opacity:0;padding:10px 20px;background-color:#333;position:relative}.toast-item__message-icon{width:30px;height:30px}.toast-item__message-icon svg{width:100%;height:100%}.toast-item__message-icon--error svg{fill:#f44336}.toast-item__message-icon--success svg{fill:#4caf50}.toast-item__message-icon--info svg{fill:#2196f3}.toast-item__message-icon--warning svg{fill:#ff9800}cs-toast-item.active{display:flex;justify-content:start;align-items:center;gap:10px;animation:slideDown .3s forwards}cs-toast-item.removing{animation:slideUp .3s forwards}cs-toast-item.success .toast-item__progress{background-color:#4caf50}cs-toast-item.error .toast-item__progress{background-color:#f44336}cs-toast-item.warning{background-color:#ffd699}cs-toast-item.warning .toast-item__progress{background-color:#ff9800}cs-toast-item.info .toast-item__progress{background-color:#2196f3}.toast-item__content{padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.toast-item__message{margin-right:10px;font-size:14px;line-height:1.4}cs-toast-item.warning .toast-item__message-text{color:#000}.toast-item__message-text{padding:0 15px;font-size:14px;line-height:1.4;color:#fff;font-weight:500}.toast-item__message-text .toast-bold{font-weight:700}.toast-item__close-btn{background:none;border:none;padding:4px;cursor:pointer;opacity:.9;flex-shrink:0;position:absolute;right:5px;top:0;bottom:0;margin-block:auto;color:#fff}cs-toast-item.warning .toast-item__close-btn{color:#000}.toast-item__close-btn:hover{opacity:1}.toast-item__progress{height:4px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;transform-origin:left;transform:scaleX(1);transition:transform 3s linear;position:absolute;bottom:0;left:0;width:100%}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/cs-toast.css.map */