.halo-warning-popup{position:fixed;top:auto;bottom:0;left:0;width:100%;max-width:100%;padding:10px 80px 10px 65px;min-height:60px;transform:translateY(100%);opacity:0;visibility:hidden;z-index:200;display:flex;align-items:center;gap:25px;background-color:var(--bg-warning)}.halo-warning-popup .halo-warning-content{color:var(--color-warning);font-size:calc(var(--font-body-size) + 1px)}body.has-warning .halo-warning-popup{transform:translateY(0);pointer-events:all;opacity:1;visibility:visible}body.has-warning .background-overlay{opacity:1;pointer-events:all;z-index:101}.halo-warning-popup .halo-warning-icon .icon{width:25px;height:25px;fill:var(--color-warning)}.halo-warning-popup .halo-popup-close{top:50%;right:0;transform:translateY(-50%);height:100%;width:60px;display:flex;justify-content:center;align-items:center;background-color:#0000001a}.halo-warning-popup .halo-popup-close:hover{background-color:#0003}.halo-warning-popup .halo-popup-close svg{width:24px;height:24px;stroke:transparent;fill:var(--color-warning)}@media (max-width: 1024px){.halo-warning-popup{min-height:62px}}@media (max-width: 768px){.halo-warning-popup{padding:10px 80px 10px 20px}}:root{--bg-warning-renew: #6691FF;--color-warning-renew: #000;--icon-warning-renew: #232323}.halo-warning-popup{padding:10px 80px 10px 16px;min-height:68px;gap:12px;background-color:var(--bg-warning-renew)}.halo-warning-popup .halo-warning-content{color:var(--color-warning-renew);font-size:calc(var(--font-body-size) + 2px);font-weight:500;line-height:calc(var(--font-body-size) + 6px)}.halo-warning-popup .halo-warning-icon .icon{width:24px;height:24px;fill:var(--icon-warning-renew)}.halo-warning-popup .halo-popup-close{background-color:#0000001a;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M1 1L7 7M7 7L13 13M7 7L13 1M7 7L1 13" stroke="white" stroke-linecap="round"/></svg>');background-repeat:no-repeat;background-position:center center}.halo-warning-popup .halo-popup-close svg{display:none}@media (max-width: 1024px){.halo-warning-popup{min-height:68px}}@media (max-width: 768px){.halo-warning-popup{padding:10px 80px 10px 16px}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/component-warning-popup.css.map */