:root{--oren-primary: #D85A30;--oren-dark: #993C1D;--oren-light: #FAECE7}#fomoToast{position:fixed!important;bottom:100px;right:24px;width:300px;z-index:2147483647;pointer-events:none;transform:translateZ(0)}.fomo-pop{pointer-events:all;background:#fff;border-radius:12px;border:.5px solid rgba(0,0,0,.09);border-left:3px solid var(--oren-primary);padding:13px 14px;display:flex;align-items:flex-start;gap:10px;box-shadow:0 2px 8px #0000000f,0 12px 36px #00000021;animation:fomoIn .38s cubic-bezier(.22,.68,0,1.2) both}.fomo-pop.fomo-exit{animation:fomoOut .26s ease forwards}.type-cart{border-left-color:#d85a30}.type-order{border-left-color:#1d9e75}.type-watching{border-left-color:#3c3489}.type-trending{border-left-color:#b45309}.type-anchor{border-left-color:#7c3aed}.fomo-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px;animation:dotPulse 1.8s ease-in-out infinite}.type-cart .fomo-dot{background:#d85a30}.type-order .fomo-dot{background:#1d9e75}.type-watching .fomo-dot{background:#3c3489}.type-trending .fomo-dot{background:#b45309}.type-anchor .fomo-dot{background:#7c3aed}.fomo-body{flex:1;min-width:0}.fomo-title{font-size:12.5px;font-weight:600;color:#1a1209;line-height:1.5;margin:0}.fomo-badge{display:inline-block;font-size:9px;font-weight:700;padding:2px 7px;border-radius:4px;margin-left:5px;vertical-align:middle;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.badge-cart{background:#faece7;color:#993c1d}.badge-order{background:#e1f5ee;color:#085041}.badge-watching{background:#eeedfe;color:#3c3489}.badge-trending{background:#fef3c7;color:#92400e}.badge-anchor{background:#ede9fe;color:#5b21b6}.fomo-close{font-size:15px;line-height:1;color:#b0a8a2;cursor:pointer;background:none;border:none;padding:0;flex-shrink:0;margin-top:-1px;transition:color .15s}.fomo-close:hover{color:#333}@keyframes fomoIn{0%{opacity:0;transform:translate(56px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes fomoOut{to{opacity:0;transform:translate(64px) scale(.88)}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}@media(max-width:1024px)and (min-width:769px){#fomoToast{bottom:100px;right:16px;width:280px}}@media(max-width:768px){#fomoToast{bottom:88px;right:12px;left:12px;width:auto}.fomo-title{font-size:12px}}@media(max-width:380px){#fomoToast{bottom:84px;right:10px;left:10px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/fomo-toast.css.map */