.drawn-art{--step:.2s}.drawn-defs{width:0;height:0;position:absolute;overflow:hidden}.drawn-stack{position:absolute;inset:0}.drawn-item{visibility:hidden;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.drawn-item.is-active,.drawn-item.is-leaving{visibility:visible}.drawn-stack.has-cycled{--enter:.45s}.dr-ink{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.dr-thin{stroke-width:1.6px}.dr-draw{stroke-dasharray:1 2}.dr-pop,.dr-shadow{transform-box:fill-box;transform-origin:50%}.dr-shadow{fill:var(--ink);opacity:.07}.is-active .dr-draw{animation:dr-draw var(--d,1.1s) cubic-bezier(.62, 0, .32, 1) calc(var(--enter,0s) + var(--i,0) * var(--step)) both}.is-active .dr-pop{animation:dr-pop .6s cubic-bezier(.34, 1.56, .64, 1) calc(var(--enter,0s) + var(--i,0) * var(--step)) both}.is-active .dr-fade{animation:dr-fade-in .6s ease calc(var(--enter,0s) + var(--i,0) * var(--step)) both}.is-active .dr-shadow{animation:dr-shadow-in .9s ease var(--enter,0s) both}.is-leaving .dr-draw{animation:.6s cubic-bezier(.62,0,.32,1) both dr-erase}.is-leaving :is(.dr-pop,.dr-fade,.dr-shadow){animation:.4s both dr-fade-out}@keyframes dr-draw{0%{stroke-dashoffset:1.01px}to{stroke-dashoffset:0}}@keyframes dr-erase{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1.01px}}@keyframes dr-pop{0%{opacity:0;transform:scale(0)}}@keyframes dr-fade-in{0%{opacity:0}}@keyframes dr-fade-out{to{opacity:0}}@keyframes dr-shadow-in{0%{opacity:0;transform:scaleX(.3)}}.drawn-art--marker .dr-ink{stroke-width:2.4px}.drawn-art--marker .dr-thin{stroke-width:1.6px}.mk-ghost{opacity:.35;transform:translate(1.8px,-1.4px)}.drawn-art--marker clipPath path{visibility:visible}.mk-swipe{fill:none;stroke-width:32px;stroke-linecap:round;stroke-linejoin:round}.drawn-art.drawn-art--spec{--step:.28s;width:calc(var(--rotator-size) * 1.3);left:53%}.drawn-art--spec:before{content:"";background-image:radial-gradient(circle,#18150e29 .9px,#0000 1.3px);background-size:14px 14px;position:absolute;inset:-6% -4%;-webkit-mask-image:radial-gradient(closest-side,#000 50%,#0000);mask-image:radial-gradient(closest-side,#000 50%,#0000)}.drawn-art--spec .dr-ink{stroke-width:1.7px}.sp-centerline{fill:none;stroke:var(--orange-500);stroke-width:.9px;stroke-dasharray:10 3 2 3}.sp-dashed{fill:none;stroke:var(--ink);stroke-width:1px;stroke-dasharray:3 2.5;opacity:.55}.sp-hairline{fill:none;stroke:var(--ink);stroke-width:.7px;opacity:.4}.sp-dim,.sp-leader{fill:none;stroke:var(--ink);stroke-width:.9px;stroke-linecap:round}.sp-anchor{fill:var(--ink)}.sp-label{font-family:var(--sans);letter-spacing:.09em;fill:var(--inkSoft);font-size:7.2px;font-weight:500}.sp-callout{fill:var(--ink);font-weight:600}.sp-anchor.sp-accent,.sp-callout.sp-accent{fill:var(--orange-500)}.sp-leader.sp-accent{stroke:var(--orange-500)}.drawn-art--paper .drawn-item{filter:drop-shadow(0 3px #18150e14)}.drawn-art--paper .drawn-item.is-active{animation:3.4s ease-in-out 1.1s infinite alternate pp-float}.drawn-art--paper .drawn-item.is-leaving{animation:.45s cubic-bezier(.5,0,.75,0) both pp-out}.pp-shadow{fill:var(--ink);opacity:.08}.pp-piece{transform-box:fill-box;transform-origin:50% 100%}.pp-face{transform-origin:50%}.pp-cheek{fill:var(--orange-500);opacity:.3}.pp-eyes{transform-box:fill-box;transform-origin:50%;animation:4.6s ease-in-out infinite pp-blink}.pp-eyes circle{fill:var(--ink)}.pp-smile{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round}.is-active .pp-piece{animation:pp-in .65s cubic-bezier(.34, 1.56, .64, 1) calc(var(--enter,0s) + var(--i) * 90ms) both}@keyframes pp-in{0%{opacity:0;transform:translateY(-18px) rotate(var(--r,-7deg)) scale(.4)}}@keyframes pp-out{to{opacity:0;transform:translateY(18px)rotate(5deg)scale(.9)}}@keyframes pp-float{to{transform:translateY(-6px)rotate(-1.5deg)}}@keyframes pp-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.drawn-art.drawn-art--shelf{--loop:6.4s;--loop-start:3s;width:calc(var(--rotator-size) * 1.5);height:auto;top:128px;left:51%}.drawn-art--shelf .drawn-item{height:auto;position:relative}.drawn-art--shelf .sh-product .dr-ink{stroke-width:2.8px}.drawn-art--shelf .sh-product .dr-thin{stroke-width:1.9px}.sh-tint{opacity:.85}.sh-tag-fill{fill:var(--cream)}.sh-price{font-family:var(--sans);font-variant-numeric:tabular-nums;fill:var(--ink);font-size:8.4px;font-weight:600}.sh-check{fill:none;stroke:var(--green-500);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:1.01px}.sh-scan{fill:var(--green-200);opacity:0}.sh-tag,.sh-product{--tag-delay:calc(var(--loop-start) + var(--k) * .32s)}.sh-tag-fill{animation:sh-tag var(--loop) ease var(--tag-delay) infinite}.sh-check{animation:sh-check var(--loop) ease var(--tag-delay) infinite}.sh-product{animation:sh-hop var(--loop) ease var(--tag-delay) infinite}.sh-scan{animation:sh-scan var(--loop) linear calc(var(--loop-start) - .22s) infinite}@keyframes sh-tag{0%,3%{fill:var(--cream)}6%,72%{fill:var(--green-200)}78%,to{fill:var(--cream)}}@keyframes sh-check{0%,3%{stroke-dashoffset:1.01px;opacity:1}8%,72%{stroke-dashoffset:0;opacity:1}78%,to{stroke-dashoffset:0;opacity:0}}@keyframes sh-hop{0%,1%{transform:translateY(0)}4%{transform:translateY(-7px)}8%,to{transform:translateY(0)}}@keyframes sh-scan{0%{opacity:0;transform:translate(0)}2%,27%{opacity:.6}29%{opacity:0;transform:translate(510px)}to{opacity:0;transform:translate(510px)}}.drawn-art[data-paused],.drawn-art[data-paused] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.drawn-art,.drawn-art *{animation:none!important}.drawn-art .sh-check{stroke-dashoffset:0}.drawn-art .sh-tag-fill{fill:var(--green-200)}}@media (max-width:800px){.drawn-art.drawn-art--spec,.drawn-art.drawn-art--shelf{left:auto;right:0}.drawn-art.drawn-art--shelf{width:calc(var(--rotator-size) * 1.45);top:150px}}@media (max-width:600px){.drawn-art.drawn-art--spec{width:calc(var(--rotator-size) * 1.6);height:calc(var(--rotator-size) * 1.24)}.drawn-art.drawn-art--shelf{width:min(100%,380px);top:auto;right:auto}}