:root{--oct-sp-popup-bg-color: #ffffff;--oct-sp-popup-font-color: #000000;--oct-sp-popup-font-family: Arial, sans-serif;--oct-sp-popup-font-size: 14px;--oct-sp-popup-border-radius: 8px;--oct-sp-popup-box-shadow: 0 0 10px rgba(0, 0, 0, .1)}.oct-sp-admin-popup{position:fixed;display:flex;width:400px;height:100px;z-index:999}.oct-sp-admin-popup.oct-sp-top-left{top:10px;left:10px}.oct-sp-admin-popup.oct-sp-top-right{top:10px;right:0}.oct-sp-admin-popup.oct-sp-bottom-left{bottom:10px;left:10px}.oct-sp-admin-popup.oct-sp-bottom-right{bottom:10px;right:0}.oct-sp-sales-popup{position:fixed;display:flex;flex-direction:row;align-items:center;z-index:1000;transition:opacity .5s;opacity:0;width:400px;height:100px;background-color:var(--oct-sp-popup-bg-color, #fff);color:var(--oct-sp-popup-font-color, #000);font-family:var(--oct-sp-popup-font-family, Arial, sans-serif);font-size:var(--oct-sp-popup-font-size, 14px);padding:0;margin:0;overflow:hidden;border-radius:var(--oct-sp-popup-border-radius, 8px);box-shadow:var(--oct-sp-popup-box-shadow, 0 0 10px rgba(0, 0, 0, .1))}.oct-sp-sales-popup img{width:100px;height:100px;margin-right:16px;object-fit:cover}.oct-sp-sales-popup .oct-sp-text{flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden;line-height:1.3}.oct-sp-sales-popup .oct-sp-text p{margin:0}.oct-sp-sales-popup .oct-sp-close-btn{position:absolute;top:8px;right:8px;background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--oct-sp-close-btn-color, #FFF)}.oct-sp-sales-popup.oct-sp-top-left{top:10px;left:10px}.oct-sp-sales-popup.oct-sp-top-right{top:10px;right:10px}.oct-sp-sales-popup.oct-sp-bottom-left{bottom:10px;left:10px}.oct-sp-sales-popup.oct-sp-bottom-right{bottom:10px;right:10px}@media (max-width: 1024px){.oct-sp-admin-popup{position:relative;display:flex;justify-content:center;align-items:center}}@media (max-width: 768px){.oct-sp-admin-popup{position:relative;display:flex;justify-content:center;align-items:center}}