.popup-overlay{position:absolute;top:65px;right:0;width:350px;border-radius:8px;background:#652e8d;padding:32px 16px 16px;z-index:999;pointer-events:all;transition:transform .16s ease-out;min-width:18rem}.items-info{display:flex;padding-top:0;justify-content:space-between;align-items:center}.popup-overlay:after{content:"";width:0;height:0;position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:15px solid #652e8d;top:-10px;right:18%}.popup-item-name,.popup-item-price{font-family:Roboto;font-weight:700;color:#fff}.popup-item-name{font-size:15px;line-height:22px;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.popup-item-price{font-size:20px;line-height:24px;text-align:right;padding-top:0}.close-icon-popup{background:transparent;border:none;color:#fff;cursor:pointer;font-size:20px;margin-left:10px;position:absolute;top:0;right:10px}.container{background-color:#bdbdbd;position:absolute;top:14px;width:91%}.container,.progress-bar{border-radius:10px;height:5px}.progress-bar{width:0;background-color:#f8f8f8;-webkit-animation:fillBar 5s linear forwards;animation:fillBar 5s linear forwards}@-webkit-keyframes fillBar{to{width:100%}}@keyframes fillBar{to{width:100%}}@media screen and (max-width:768px){.popup-overlay{top:16px}.popup-overlay:after{right:8%}}