.popup-cards{display:flex;flex-direction:column;gap:16px;position:fixed;right:20px;top:40px;z-index:12}.popup-card{align-items:center;animation:card 7s cubic-bezier(.38,.005,.215,1) forwards;border-radius:12px;box-sizing:border-box;display:flex;font-size:14px;font-weight:500;gap:20px;justify-content:space-between;overflow:hidden;padding:16px;pointer-events:all;width:300px}@media (min-width:768px){.popup-card{right:30px;top:70px;width:400px}}.popup-card__success{background-color:#f0faee}.popup-card__info{background-color:#f7f9ff}.popup-card__warning{background-color:#f6a03714}.popup-card__error{background-color:#ffefef}.popup-card_content{align-items:center;display:flex;gap:8px}.popup-card_icon{height:24px;width:24px}.popup-card_close{cursor:pointer;height:12px;transition:opacity .2s cubic-bezier(.38,.005,.215,1);width:12px}.popup-card_close:hover{opacity:.6}@keyframes card{0%{opacity:0;transform:translate(100%)}15%{opacity:1;transform:translate(0)}85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}