.bmyjoy-ascii-hero-section,.bmyjoy-ascii-hero-section.shopify-section{margin:0!important;padding:0!important}@media(min-width:750px){.bmyjoy-hero--mobile-only{display:none!important}}@media(max-width:749px){.bmyjoy-hero--desktop-only{display:none!important}}.bmyjoy-hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex;flex-direction:column;align-items:center;overflow:hidden;isolation:isolate;background:var(--bmyjoy-hero-ascii-bg, var(--bmyjoy-blue, #020AEE));color:var(--bmyjoy-hero-fg, var(--bmyjoy-white, #FFFFFF));font-family:var(--font-bmyjoy-mono, monospace)}.bmyjoy-hero__link{display:contents;text-decoration:none;color:inherit;cursor:pointer}.bmyjoy-hero__placeholder{padding:4rem 2rem;text-align:center;font-family:var(--font-bmyjoy-mono, monospace);font-size:14px;opacity:.6}.bmyjoy-hero__toggle{position:relative;z-index:3;display:flex;justify-content:center;gap:.5rem;padding:.5rem 0}.bmyjoy-hero__toggle-btn{font-family:var(--font-bmyjoy-mono, monospace);font-size:clamp(12px,1.4vw,16px);font-weight:500;line-height:1;padding:.4em .7em;border:2px solid transparent;border-radius:0;background:transparent;color:inherit;cursor:pointer;opacity:.5;filter:grayscale(100%);transition:opacity .15s ease-out,background .15s ease-out,border-color .15s ease-out,filter .15s ease-out;white-space:nowrap}.bmyjoy-hero__toggle-btn:hover,.bmyjoy-hero__toggle-btn:focus-visible{opacity:.8;border-color:var(--bmyjoy-blue, #020AEE);filter:grayscale(0%);outline:none}.bmyjoy-hero__toggle-btn.is-active{opacity:1;background:var(--bmyjoy-blue, #020AEE);border-color:var(--bmyjoy-blue, #020AEE);filter:grayscale(0%);color:var(--bmyjoy-white, #FFFFFF)}.bmyjoy-hero__viewport{position:relative;z-index:1;width:600px;height:600px;flex-shrink:0;overflow:hidden}.bmyjoy-hero__layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.bmyjoy-hero__layer.is-active{opacity:1;pointer-events:auto}.bmyjoy-hero__layer--ascii{display:flex;align-items:center;justify-content:center}.bmyjoy-hero__ascii{margin:0;padding:0;display:block;font-family:inherit;font-size:10px;line-height:1.18;letter-spacing:0;white-space:pre;text-align:center;color:inherit;font-weight:500;text-shadow:.6px 0 0 rgba(233,87,168,.45),-.6px 0 0 rgba(67,214,249,.45)}.bmyjoy-hero__product-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease-in-out}.bmyjoy-hero__product-img.is-active{opacity:1}.bmyjoy-hero__cta{position:relative;z-index:3;margin:.5rem 0}.bmyjoy-hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:var(--bmyjoy-hero-crt, .6);background:repeating-linear-gradient(to bottom,rgba(0,0,0,.25) 0px,rgba(0,0,0,.25) 1px,transparent 1px,transparent 3px)}.bmyjoy-hero.is-glitching .bmyjoy-hero__viewport{animation:bmyjoy-glitch-jitter var(--glitch-duration, .2s) steps(4) forwards}.bmyjoy-hero.is-glitching .bmyjoy-hero__ascii{animation:bmyjoy-glitch-rgb var(--glitch-duration, .2s) steps(5) forwards}.bmyjoy-hero.is-glitching .bmyjoy-hero__product-img.is-active{animation:bmyjoy-glitch-img var(--glitch-duration, .2s) steps(4) forwards}@keyframes bmyjoy-glitch-jitter{0%,to{transform:translate(0)}20%{transform:translate(calc(var(--glitch-shift, 3px) * -1),1px)}40%{transform:translate(var(--glitch-shift, 3px),-1px)}60%{transform:translate(calc(var(--glitch-shift, 3px) * -.5))}80%{transform:translate(calc(var(--glitch-shift, 3px) * .3),1px)}}@keyframes bmyjoy-glitch-rgb{0%,to{text-shadow:.6px 0 0 rgba(233,87,168,.45),-.6px 0 0 rgba(67,214,249,.45)}20%{text-shadow:var(--glitch-shift, 3px) 0 0 rgba(233,87,168,.9),calc(var(--glitch-shift, 3px) * -1) 0 0 rgba(67,214,249,.9)}40%{text-shadow:calc(var(--glitch-shift, 3px) * -.7) 2px 0 rgba(233,87,168,.8),calc(var(--glitch-shift, 3px) * .7) -1px 0 rgba(67,214,249,.8)}60%{text-shadow:calc(var(--glitch-shift, 3px) * .5) -1px 0 rgba(233,87,168,.6),calc(var(--glitch-shift, 3px) * -.5) 1px 0 rgba(67,214,249,.6)}80%{text-shadow:calc(var(--glitch-shift, 3px) * -.3) 0 0 rgba(233,87,168,.5),calc(var(--glitch-shift, 3px) * .3) 0 0 rgba(67,214,249,.5)}}@keyframes bmyjoy-glitch-img{0%,to{filter:none;transform:none}25%{filter:saturate(2) brightness(1.1);transform:translate(var(--glitch-shift, 3px))}50%{filter:hue-rotate(20deg) brightness(.9);transform:translate(calc(var(--glitch-shift, 3px) * -.6))}75%{filter:saturate(1.4) brightness(1.05);transform:translate(calc(var(--glitch-shift, 3px) * .3))}}@media(prefers-reduced-motion:reduce){.bmyjoy-hero.is-glitching .bmyjoy-hero__viewport,.bmyjoy-hero.is-glitching .bmyjoy-hero__ascii,.bmyjoy-hero.is-glitching .bmyjoy-hero__product-img.is-active{animation:none!important}}@media(max-width:749px){.bmyjoy-hero__viewport{width:100vw;height:100vw}.bmyjoy-hero__ascii{font-size:calc(100vw / 60)}.bmyjoy-hero__toggle-btn{font-size:clamp(11px,3vw,14px);padding:.35em .6em}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/bmyjoy-ascii-hero.css.map */