.leo-ba{overflow:hidden}.leo-ba__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:6rem 6rem;-webkit-mask-image:radial-gradient(60% 60% at 50% 50%,#000,transparent 80%);mask-image:radial-gradient(60% 60% at 50% 50%,#000,transparent 80%)}.leo-ba__glow{right:12%;top:40%;width:50rem;height:50rem;background:#a3e63547}.leo-ba__head{display:grid;justify-items:center;text-align:center;gap:2rem}.leo-ba__tabs{display:flex;justify-content:center;gap:.4rem;margin:3.2rem auto 0;padding:.4rem;border-radius:1.4rem;background:#ffffff14;width:max-content;box-shadow:inset 0 0 0 1px #ffffff1a}.leo-ba__tab{border:0;background:none;color:#fff9;font:500 1.4rem var(--leo-font);padding:1rem 1.6rem;border-radius:1rem;cursor:pointer}.leo-ba__tab.is-on{background:#fff;color:var(--leo-ink)}.leo-ba__stage{display:flex;justify-content:center;align-items:center;gap:clamp(2rem,6vw,9rem);margin-top:5.6rem;position:relative;z-index:1}.leo-ba__col{display:grid;justify-items:center;gap:1.4rem;--u:10px}.leo-ba__tagb{font-size:1.1rem;padding:.6rem 1rem}.leo-ba__phone{position:relative;width:calc(var(--u) * 30);height:calc(var(--u) * 62);border-radius:calc(var(--u) * 4.6);background:#202023;padding:calc(var(--u) * .8);box-shadow:0 0 0 1px #ffffff29,0 3rem 6rem #00000080;font-size:var(--u)}.leo-ba__island{position:absolute;top:1.8em;left:50%;width:8.4em;height:2.4em;margin-left:-4.2em;border-radius:2em;background:#0a0a0b;z-index:3}.leo-ba__shot{position:absolute;top:.8em;right:.8em;bottom:.8em;left:.8em;width:calc(100% - 1.6em);height:calc(100% - 1.6em);object-fit:cover;object-position:top;border-radius:3.8em;opacity:0;transition:opacity .5s}.leo-ba__shot.is-on{opacity:1}.leo-ba__ui{height:100%;border-radius:3.8em;background:#fff;color:var(--leo-ink);padding:5.4em 1.6em 1.6em;overflow:hidden;display:flex;flex-direction:column;gap:.9em}.leo-ba__ui p{margin:0}.leo-ba__bar{position:absolute;left:.8em;right:.8em;top:.8em;padding:5.2em 0 .9em;border-radius:3.8em 3.8em 0 0;text-align:center;font-size:.95em;color:#888;background:#fafafa}.leo-ba__bar--ink{background:var(--leo-ink);color:var(--leo-lime);font-family:var(--leo-mono);font-size:.85em}.leo-ba__ui{padding-top:8em}.leo-ba__nav{display:flex;justify-content:space-between;align-items:center}.leo-ba__nav i{width:1.8em;height:.2em;background:#222;box-shadow:0 .5em #222,0 1em #222}.leo-ba__nav b{width:7em;height:1.2em;border-radius:.3em;background:#ccc}.leo-ba__img{position:relative;height:15em;border-radius:.6em;background:#efefef;display:grid;place-items:center}.leo-ba__img--lime{background:radial-gradient(70% 60% at 50% 70%,#c8f27a,#e6f8c7);border-radius:1.4em}.leo-ba__jar{width:5.4em;height:8.4em;border-radius:.8em;background:#bdbdbd;position:relative;display:grid;place-items:center}.leo-ba__jar:before{content:"";position:absolute;top:-1.6em;width:3.4em;height:2em;border-radius:.4em;background:#8a8a8a}.leo-ba__jar em{font-style:normal;font-size:.75em;font-weight:600;background:#d8d8d8;padding:.4em .6em}.leo-ba__jar--lime{background:#fff;box-shadow:0 1em 2em #0000001f}.leo-ba__jar--lime:before{background:#111}.leo-ba__jar--lime em{background:var(--leo-lime)}.leo-ba__best{position:absolute;left:.8em;top:.8em;font-family:var(--leo-mono);font-size:.7em;padding:.4em .6em;border-radius:.4em;background:var(--leo-lime)}.leo-ba__title{font-size:1.7em;font-weight:500;letter-spacing:-.01em}.leo-ba__price{font-size:1.2em}.leo-ba__qtyl{font-size:.9em;color:#777}.leo-ba__qty{border:1px solid #bbb;width:7em;padding:.5em .8em;font-size:1em}.leo-ba__btn{display:block;text-align:center;padding:1em;border:1px solid #222;border-radius:.3em;font-size:1em}.leo-ba__btn--ink{background:#111;color:#fff}.leo-ba__stars{font-size:.95em;color:#111}.leo-ba__stars span{color:#777;font-size:.9em}.leo-ba__ben{display:flex;gap:.5em}.leo-ba__ben span{font-size:.8em;padding:.3em .6em;border:1px solid #ddd;border-radius:.4em}.leo-ba__packs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em}.leo-ba__packs span{position:relative;display:grid;gap:.2em;text-align:center;padding:.9em .3em .6em;border:1px solid #ddd;border-radius:.6em;font-size:.85em}.leo-ba__packs em{font-style:normal;color:#777;font-size:.85em}.leo-ba__packs i{position:absolute;top:-.7em;left:50%;transform:translate(-50%);font-style:normal;font-family:var(--leo-mono);font-size:.6em;padding:.2em .4em;border-radius:.3em;background:var(--leo-lime);white-space:nowrap}.leo-ba__packs i.is-ink{background:#111;color:#fff}.leo-ba__packs .is-best{border:.15em solid #111;animation:leo-ba-pick 3s ease-in-out infinite}@keyframes leo-ba-pick{0%,to{box-shadow:0 0 #a3e63500}50%{box-shadow:0 0 0 .4em #a3e63573}}.leo-ba__sub{display:flex;justify-content:space-between;padding:.8em;border-radius:.6em;border:1px solid #c9ec8a;background:#f3fbe6;font-size:.85em}.leo-ba__sub em{font-style:normal}.leo-ba__btn--atc{background:var(--leo-ink);color:var(--leo-lime);font-family:var(--leo-mono);border:0;border-radius:.8em;font-size:.85em;box-shadow:0 0 #a3e63580;animation:leo-ping 2.6s infinite}.leo-ba__guar{font-size:.75em;color:#888;text-align:center}.leo-ba__note{position:absolute;padding:.5em .9em;border-radius:.6em;background:#fff;color:var(--leo-ink);font-family:var(--leo-mono);font-size:1.1em;white-space:nowrap;box-shadow:0 1em 2em #00000059;opacity:0;transform:scale(.6);transition:opacity .5s var(--leo-ease),transform .6s var(--leo-ease)}.leo-ba.is-in .leo-ba__note,.leo-ba__stage:hover .leo-ba__note{opacity:1;transform:none}.leo-ba__note--1{right:-8em;top:24em;transition-delay:.2s}.leo-ba__note--2{right:-6.6em;top:33em;background:#ffffff1f;color:#fff;box-shadow:inset 0 0 0 1px #ffffff40;transition-delay:.4s}.leo-ba__note--3{left:-9em;top:40em;transition-delay:.6s}.leo-ba__note--4{right:-6em;top:46em;background:var(--leo-lime);transition-delay:.8s}.leo-ba__arrow{font-size:5.6rem;color:#ffffffd9;animation:leo-arrow 2.4s ease-in-out infinite}.leo-ba__cr{width:calc(var(--u) * 30);padding:1.6rem 1.8rem;border-radius:1.6rem;background:#fff;color:var(--leo-ink);display:grid;gap:.4rem}.leo-ba__cr p{margin:0}.leo-ba__cr .leo-mono{font-size:1rem;color:var(--leo-ash)}.leo-ba__cr div{display:flex;justify-content:space-between;align-items:center;gap:1rem}.leo-ba__cr strong{font-size:2.4rem;font-weight:600;letter-spacing:-.02em}.leo-ba__cr svg{width:10rem;height:3.4rem}.leo-ba__spark{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 1.6s var(--leo-ease) .3s}.leo-ba__spark--down{stroke:var(--leo-error)}.leo-ba__spark--up{stroke:var(--leo-deep)}.leo-ba.is-in .leo-ba__spark,.leo-ba__cr:hover .leo-ba__spark{stroke-dashoffset:0}.leo-ba__delta{font-family:var(--leo-mono);font-size:1rem}.leo-ba__delta--down{color:var(--leo-error)}.leo-ba__delta--up{color:var(--leo-deep)}@keyframes leo-arrow{0%,to{transform:translate(0)}50%{transform:translate(.8rem)}}@media(max-width:749px){.leo-ba__head{justify-items:start;text-align:left}.leo-ba__tabs{width:100%}.leo-ba__tab{flex:1;padding:1rem .4rem;font-size:1.3rem}.leo-ba__stage{gap:2rem;margin-top:3.2rem}.leo-ba__col{--u:5.5px}.leo-ba__arrow,.leo-ba__note{display:none}.leo-ba__cr{padding:1rem 1.1rem;border-radius:1.2rem}.leo-ba__cr strong{font-size:1.6rem}.leo-ba__cr svg{width:5rem;height:2rem}.leo-ba__cr .leo-mono,.leo-ba__delta{font-size:.85rem}}
/*# sourceMappingURL=/cdn/shop/t/319/assets/leo-before-after.css.map */