@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;600;700&display=swap";.mjsb{--ink:#111;--lime:#2ed9b4;--purple:#8b3dff;--dim:#555;color:var(--ink);font-family:Inter,sans-serif}.mjsb h1,.mjsb h2,.mjsb h3{font-family:Archivo Black,sans-serif}.mjsb .mj-sec{max-width:1050px;margin:0 auto;padding:56px 24px}.mjsb .logo{height:64px;width:auto;display:block;cursor:pointer;margin-bottom:30px}.mjsb .mj-logo-wrap{flex-basis:100%;display:flex;justify-content:center;border-radius:24px}.mjsb img.mj-hero-logo{max-width:100%;height:auto;display:block;mix-blend-mode:multiply}body.mjglow .mjsb img.mj-hero-logo{mix-blend-mode:screen;filter:invert(1) hue-rotate(180deg) brightness(1.08) saturate(1.15)}body.mjglow .mjsb .mj-logo-wrap{background:radial-gradient(ellipse 65% 65% at center,rgba(46,217,180,.3),transparent 70%)}.mjsb .hero{display:flex;flex-wrap:wrap;align-items:center;gap:40px;padding-top:48px}.mjsb .hero h1{font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.05;text-transform:uppercase;margin:0}.mjsb .hero .hl{background:var(--lime);padding:0 10px;display:inline-block;transform:rotate(-1.5deg)}.mjsb .hero p{color:var(--dim);margin:20px 0 28px;max-width:430px}.mjsb .btn{display:inline-block;font-family:Archivo Black;font-size:.85rem;padding:14px 26px;text-decoration:none;cursor:pointer}.mjsb .btn.primary{background:var(--ink);color:var(--lime);border:3px solid var(--ink)}.mjsb .btn.primary:hover{background:var(--lime);color:var(--ink)}.mjsb .btn.ghost{background:#fff;color:var(--ink);border:3px solid var(--ink);margin-left:10px}.mjsb .btn.ghost:hover{background:var(--purple);color:#fff;border-color:var(--purple)}.mjsb .queue{width:270px;background:#fff;border:3px solid var(--ink);padding:16px;font-size:.75rem;box-shadow:7px 7px 0 var(--ink);transform:rotate(1.2deg)}.mjsb .queue b{font-family:Archivo Black;font-size:.7rem}.mjsb .queue .dot{color:var(--purple)}.mjsb .bar{height:10px;background:#eee;border:2px solid var(--ink);margin-top:8px;overflow:hidden}.mjsb .bar i{display:block;height:100%;width:0;background:var(--lime);transition:width .5s}.mjsb .print-stage{flex:1;min-width:280px;display:flex;flex-direction:column;align-items:center;gap:26px}.mjsb h2.sec{font-size:1.5rem;margin:0 0 8px;text-transform:uppercase}.mjsb .sub{color:var(--dim);font-size:.85rem;margin-bottom:28px}.mjsb .card{background:#fff;border:3px solid var(--ink);padding:24px;box-shadow:6px 6px 0 var(--ink)}.mjsb .customizer{display:flex;flex-wrap:wrap;gap:34px;align-items:center}.mjsb .swatches h3{font-size:1rem;margin:0 0 14px;text-transform:uppercase}.mjsb .sw-row{display:flex;gap:10px;flex-wrap:wrap}.mjsb .sw{width:38px;height:38px;border-radius:50%;cursor:pointer;border:3px solid var(--ink)}.mjsb .sw.active{outline:3px solid var(--purple);outline-offset:2px}.mjsb .nameprods{width:100%;border-top:3px dashed var(--ink);margin-top:26px;padding-top:26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}.mjsb .nameprod{background:#fff;border:3px solid var(--ink);padding:18px;text-align:center;box-shadow:5px 5px 0 var(--ink);transition:.15s}.mjsb .nameprod:nth-child(odd){transform:rotate(-.6deg)}.mjsb .nameprod:nth-child(2n){transform:rotate(.6deg)}.mjsb .nameprod:hover{transform:rotate(0) translateY(-4px);box-shadow:8px 8px 0 var(--purple)}.mjsb .nameprod svg{width:100%;max-width:280px}.mjsb .nameprod h3{font-size:.85rem;margin:10px 0 4px;text-transform:uppercase}.mjsb .nameprod p{font-size:.72rem;color:var(--dim);margin:0}.mjsb .nameprod .pr,.mjsb .prod .pr{font-family:Archivo Black;margin-top:8px;display:inline-block;background:var(--lime);padding:1px 8px}.mjsb .mj-name-in{font-family:Archivo Black;font-size:1rem;padding:12px 14px;border:3px solid var(--ink);background:#fff;box-shadow:4px 4px 0 var(--ink);outline:none;text-transform:uppercase;max-width:240px}.mjsb .mj-name-in:focus{box-shadow:4px 4px 0 var(--purple);border-color:var(--purple)}.mjsb .prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:22px}.mjsb .prod{background:#fff;border:3px solid var(--ink);padding:20px;position:relative;transition:.15s;box-shadow:5px 5px 0 var(--ink)}.mjsb .prod:nth-child(odd){transform:rotate(-.7deg)}.mjsb .prod:nth-child(2n){transform:rotate(.7deg)}.mjsb .prod:hover{transform:rotate(0) translateY(-5px);box-shadow:8px 8px 0 var(--purple)}.mjsb .prod .emoji{font-size:2.5rem}.mjsb .prod img{width:100%;aspect-ratio:1/1;object-fit:cover;border:2px solid var(--ink);display:block}.mjsb .prod h3{font-size:.9rem;margin:12px 0 4px}.mjsb .prod p{font-size:.72rem;color:var(--dim);margin:0}.mjsb .prod a{color:inherit;text-decoration:none}.mjsb .prod .tag{position:absolute;top:-13px;right:10px;font-size:.6rem;background:var(--purple);color:#fff;padding:4px 9px;font-family:Archivo Black;transform:rotate(3deg);z-index:1}.mjsb .steps,.mjsb .makers{display:flex;gap:20px;flex-wrap:wrap}.mjsb .step{flex:1;min-width:220px;background:#fff;border:3px solid var(--ink);padding:24px;box-shadow:5px 5px 0 var(--ink);opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.mjsb .step.inview{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.mjsb .step{opacity:1;transform:none;transition:none}}.mjsb .step .num{font-family:Archivo Black;font-size:1.9rem;color:var(--purple)}.mjsb .step h3{font-size:.9rem;margin:8px 0;text-transform:uppercase}.mjsb .step p{font-size:.75rem;color:var(--dim);margin:0}.mjsb .maker{flex:1;min-width:240px;background:#fff;border:3px solid var(--ink);padding:26px;text-align:center;box-shadow:5px 5px 0 var(--ink)}.mjsb .maker:first-child{transform:rotate(-.8deg)}.mjsb .maker:last-child{transform:rotate(.8deg)}.mjsb .maker .av{width:72px;height:72px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-family:Archivo Black;font-size:1.6rem;background:var(--lime);border:3px solid var(--ink);overflow:hidden}.mjsb .maker .av img{width:100%;height:100%;object-fit:cover;border-radius:50%}.mjsb .maker h3{text-transform:uppercase;font-size:.95rem;margin:0}.mjsb .maker p{font-size:.75rem;color:var(--dim);margin-top:8px}.mjsb .logo.anim .lm{clip-path:inset(100% 0 0 0);animation:mjprintup .9s .15s forwards}.mjsb .logo.anim .lj{clip-path:inset(100% 0 0 0);animation:mjprintup .9s 1.55s forwards}@keyframes mjprintup{to{clip-path:inset(-5% 0 0 0)}}.mjsb .logo.anim .noz{animation:mjnozmove 2.45s forwards}@keyframes mjnozmove{0%,45%{transform:translate(-46px)}60%,to{transform:translate(0)}}.mjsb .logo.anim .stamp{opacity:0;transform:scale(.5) rotate(-6deg);transform-box:fill-box;transform-origin:center;animation:mjstamp .25s 2.55s forwards}@keyframes mjstamp{70%{opacity:1;transform:scale(1.1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.mjsb .glow-hint{position:fixed;bottom:18px;right:18px;z-index:20;font-family:Archivo Black;font-size:.7rem;background:#111;color:var(--lime);border:2px solid var(--lime);padding:9px 14px;cursor:pointer;box-shadow:4px 4px #0000004d}body.mjglow{background:#04100d!important}body.mjglow .mjsb{color:#d6fff4}body.mjglow .mjsb .card,body.mjglow .mjsb .prod,body.mjglow .mjsb .step,body.mjglow .mjsb .maker,body.mjglow .mjsb .queue,body.mjglow .mjsb .nameprod{background:#06120f;border-color:var(--lime);color:#d6fff4;box-shadow:0 0 16px #2ed9b459}body.mjglow .mjsb .prod:hover,body.mjglow .mjsb .nameprod:hover{box-shadow:0 0 26px #2ed9b4b3}body.mjglow .mjsb h1,body.mjglow .mjsb h2,body.mjglow .mjsb h3{color:var(--lime);text-shadow:0 0 12px rgba(46,217,180,.8)}body.mjglow .mjsb .hero .hl{background:var(--lime);color:#04100d;text-shadow:none;box-shadow:0 0 24px #2ed9b4cc}body.mjglow .mjsb p,body.mjglow .mjsb .sub{color:#8fc4b4}body.mjglow .mjsb .btn.ghost{background:transparent;color:var(--lime);border-color:var(--lime)}body.mjglow .mjsb .btn.primary{box-shadow:0 0 18px #2ed9b499}body.mjglow .mjsb .bar{background:#12241f}body.mjglow .mjsb .sw{border-color:var(--lime)}body.mjglow .mjsb .maker .av{box-shadow:0 0 18px #2ed9b4b3}body.mjglow .glow-hint{background:var(--lime);color:#111;box-shadow:0 0 20px #2ed9b4cc}body.mjglow .mjsb .mj-name-in{background:#06120f;color:#d6fff4;border-color:var(--lime);box-shadow:0 0 14px #2ed9b466}body.mjglow .mjsb .nameprods{border-color:var(--lime)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mj-sticker.css.map */