.np-wear{position:relative;width:100%;margin:0 auto}.np-wear__base canvas{display:block;width:100%;height:auto}.np-wear__patch{position:absolute;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.np-wear--hat .np-wear__patch{transform:perspective(700px) rotateX(8deg);transform-origin:50% 100%}.np-wear.is-missing:after{content:"Mockup unavailable";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#6b7280;font:600 14px system-ui}.np-wear-host.is-loading .np-wear__patch{visibility:hidden}.np-wear-host.is-loading .np-wear__base{opacity:.55}.np-wear-host.is-loading:before{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-34px 0 0 -23px;border-radius:50%;border:3px solid rgba(26,168,108,.22);border-top-color:#1aa86c;animation:np-wear-spin .85s linear infinite;z-index:3;pointer-events:none}.np-wear-host.is-loading:after{content:"Building your mockup\2026";position:absolute;left:0;right:0;top:50%;margin-top:22px;text-align:center;color:#4b5563;font:600 13px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;z-index:3;pointer-events:none}@keyframes np-wear-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.np-wear-host.is-loading:before{animation:none;border-top-color:#1aa86c38;border-right-color:#1aa86c}}
/*# sourceMappingURL=/cdn/shop/t/232/assets/np-wear.css.map */