#urgency-wrapper{position:absolute;top:12px;left:20px;z-index:15;max-width:calc(100% - 40px)}.urgency-box{background-color:#dd6556;border-radius:0;padding:12px 50px 12px 14px;display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:400;font-size:14px;margin:0;overflow:visible;position:relative;opacity:0;transform:translateY(-20px);max-width:100%;box-sizing:border-box}@media (max-width: 480px){#urgency-wrapper{top:8px;left:10px;right:10px;max-width:calc(100% - 20px);width:100%}.urgency-box{display:flex;width:100%;padding:10px 45px 10px 12px;font-size:11px;gap:8px}.urgency-icon{width:24px;height:24px;margin-right:6px;flex-shrink:0}.urgency-text{line-height:1.2;flex:1;overflow:hidden;text-overflow:ellipsis}}@media (min-width: 481px) and (max-width: 768px){#urgency-wrapper{top:10px;left:15px;max-width:calc(100% - 30px)}.urgency-box{padding:15px 55px 15px 14px;font-size:14px;gap:9px}.urgency-icon{width:28px;height:28px;margin-right:8px}.urgency-text{line-height:1.25}}.urgency-box.slide-down{animation:slideDown .6s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.urgency-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;margin-right:10px}.urgency-icon svg{width:100%;height:100%;fill:#fff}.urgency-box.template-grey{background-color:#bcbcbc;color:#000}.urgency-box.template-grey .urgency-icon svg{fill:#000}.urgency-box.template-grey .urgency-close{color:#000}.urgency-text{display:inline-block;line-height:1.3}.emoji{display:inline-flex;align-items:center;font-size:22px;animation:none;filter:brightness(0) invert(1);line-height:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.urgency-box.fade-out{animation:fadeOut .6s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.urgency-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:20px;font-weight:300;cursor:pointer;padding:0;line-height:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .2s ease}.urgency-close:hover{opacity:.8}@media (max-width: 480px){.urgency-close{right:10px;font-size:16px;width:18px;height:18px}}@media (min-width: 481px) and (max-width: 768px){.urgency-close{right:11px;font-size:18px;width:19px;height:19px}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/urgency-box.css.map */