#tpo-fomo-container{position:fixed;z-index:99999;pointer-events:none;top:0;right:0;bottom:0;left:0}@media(min-width:750px){.tpo-fomo-wrap{position:absolute;pointer-events:all;max-width:300px;width:calc(100vw - 32px);top:20px;right:16px;left:auto;bottom:auto}}@media(max-width:749px){.tpo-fomo-wrap{position:fixed;pointer-events:all;width:calc(100vw - 48px);max-width:340px;bottom:12px;left:50%;transform:translate(-50%);top:auto;right:auto}}.tpo-fomo-notification{background:#fff;border-radius:40px;display:flex;align-items:center;gap:10px;position:relative;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-family:inherit;opacity:0;border:2px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#605f47,#be8868);background-origin:border-box;background-clip:padding-box,border-box}@media(min-width:750px){.tpo-fomo-notification{padding:10px 14px 10px 10px;gap:12px;box-shadow:0 0 0 3px #ffffff8c,0 4px 24px #00000021,0 1px 6px #00000012;animation:tpo-fomo-slidein-desktop .35s cubic-bezier(.34,1.2,.64,1) forwards}.tpo-fomo-notification:hover{transform:translateY(-3px);box-shadow:0 0 0 3px #ffffff8c,0 8px 32px #00000029,0 2px 8px #00000014}.tpo-fomo-notification.tpo-fomo-hiding{animation:tpo-fomo-slideout-desktop .3s ease forwards}}@media(max-width:749px){.tpo-fomo-notification{padding:8px 10px 8px 8px;gap:8px;box-shadow:0 4px 20px #0000001f,0 1px 6px #00000012;animation:tpo-fomo-slidein-mobile .35s cubic-bezier(.34,1.2,.64,1) forwards}.tpo-fomo-notification:hover{transform:translateY(-3px);box-shadow:0 8px 32px #00000029,0 2px 8px #00000014}.tpo-fomo-notification.tpo-fomo-hiding{animation:tpo-fomo-slideout-mobile .3s ease forwards}}@keyframes tpo-fomo-slidein-desktop{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes tpo-fomo-slideout-desktop{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(80px)}}@keyframes tpo-fomo-slidein-mobile{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes tpo-fomo-slideout-mobile{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}.tpo-fomo-img-wrap{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#605f4714;display:flex;align-items:center;justify-content:center}@media(max-width:749px){.tpo-fomo-img-wrap{width:34px;height:34px}}.tpo-fomo-img-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%}.tpo-fomo-img-placeholder{width:40px;height:40px;border-radius:50%;background:#be886826;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}@media(max-width:749px){.tpo-fomo-img-placeholder{width:34px;height:34px;font-size:16px}}.tpo-fomo-body{flex:1;min-width:0}.tpo-fomo-message{font-size:13px;line-height:1.4;color:#605f47;margin:0 0 2px;font-weight:400}@media(max-width:749px){.tpo-fomo-message{font-size:12px;line-height:1.3;margin:0 0 1px}}.tpo-fomo-message a,.tpo-fomo-message strong{color:#be8868;font-weight:500;text-decoration:none}.tpo-fomo-meta{font-size:11px;color:#605f4799;margin:0}@media(max-width:749px){.tpo-fomo-meta{font-size:10px}}.tpo-fomo-close{position:absolute;top:6px;right:10px;background:none;border:none;cursor:pointer;padding:2px;line-height:1;color:#605f4766;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:18px;height:18px;transition:color .15s,background .15s}.tpo-fomo-close:hover{color:#605f47;background:#605f4714}.tpo-fomo-suppress-banner{position:absolute;bottom:calc(100% + 8px);right:0;background:#fff;border-radius:12px;padding:10px 14px;box-shadow:0 4px 20px #0000001f;font-size:12px;color:#605f47;white-space:nowrap;animation:tpo-fomo-fadein .2s ease forwards}@media(max-width:749px){.tpo-fomo-suppress-banner{bottom:auto;top:calc(100% + 8px);left:50%;transform:translate(-50%);right:auto}}.tpo-fomo-suppress-banner button{display:block;margin-top:6px;padding:4px 10px;border-radius:20px;border:1px solid #BE8868;background:none;color:#be8868;font-size:11px;cursor:pointer;width:100%}.tpo-fomo-suppress-banner button:hover{background:#be8868;color:#fff}@keyframes tpo-fomo-fadein{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/tpo-fomo.css.map */