.wholesale-notification-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:9998;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.wholesale-notification-overlay--visible{opacity:1;visibility:visible}.wholesale-notification{position:relative;z-index:9999;max-width:360px;width:90%;background:#fff;border-radius:4px;box-shadow:0 20px 40px #0003;transform:scale(.9);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.wholesale-notification--visible{transform:scale(1);opacity:1}.wholesale-notification__content{display:flex;flex-direction:column;align-items:center;padding:32px 24px;gap:16px}.wholesale-notification__icon{flex-shrink:0;width:48px;height:48px;color:#059669;margin-bottom:8px}.wholesale-notification__text{width:100%}.wholesale-notification__text h3{margin-top:0;margin-bottom:8px;font-family:Fira Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--primary, #1D1E21);font-feature-settings:"liga" off,"clig" off;font-size:20px;font-style:normal;font-weight:500;line-height:130%}.wholesale-notification__text p{width:300px;margin:0;font-family:Fira Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--primary, #1D1E21);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.wholesale-notification__close{position:absolute;top:26px;right:18px;width:32px;height:32px;border:none;background:transparent;color:#9ca3af;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.wholesale-notification__close:hover{background:#f3f4f6;color:#6b7280}.wholesale-notification__close:focus{outline:2px solid #3b82f6;outline-offset:2px}@media screen and (max-width: 768px){.wholesale-notification{width:95%;max-width:400px}.wholesale-notification__content{padding:24px 20px}.wholesale-notification__icon{width:40px;height:40px}.wholesale-notification__text h3{font-size:18px}.wholesale-notification__text p{font-size:14px}.wholesale-notification__close{top:12px;right:12px;width:28px;height:28px}}@media (prefers-color-scheme: dark){.wholesale-notification{background:#1f2937;border-color:#374151}.wholesale-notification__text h3{color:#f9fafb}.wholesale-notification__text p{color:#d1d5db}.wholesale-notification__close{color:#9ca3af}.wholesale-notification__close:hover{background:#374151;color:#d1d5db}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/wholesale-signup-notification.css.map */
