.lh-speaker-meter,.lh-speaker-meter *{box-sizing:border-box}.lh-speaker-meter{--meter-width: 320px;--meter-z: 9000;position:fixed;bottom:24px;right:24px;width:var(--meter-width);z-index:var(--meter-z);font-family:Manrope,system-ui,-apple-system,sans-serif;color:var(--lh-ink, #0A0A0A);pointer-events:auto;transform:translateY(0) rotate(-1deg);transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;animation:lh-meter-in .55s cubic-bezier(.34,1.56,.64,1) 1s both}@keyframes lh-meter-in{0%{transform:translateY(140%) rotate(-3deg);opacity:0}to{transform:translateY(0) rotate(-1deg);opacity:1}}.lh-speaker-meter[hidden]{display:none!important}.lh-speaker-meter.is-loading{opacity:0;pointer-events:none}.lh-speaker-meter:not(.is-loading){opacity:1}.lh-speaker-meter__card{display:block;text-decoration:none;color:inherit;background:var(--lh-paper, #FCFCFA);border:4px solid var(--lh-ink, #0A0A0A);box-shadow:6px 6px 0 var(--lh-ink, #0A0A0A);padding:14px 16px 16px;position:relative;transition:transform .18s ease,box-shadow .18s ease}.lh-speaker-meter__card:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--lh-ink, #0A0A0A)}.lh-speaker-meter__card:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--lh-ink, #0A0A0A)}.lh-speaker-meter__head{margin:0 0 10px;display:flex;align-items:center;justify-content:center}.lh-speaker-meter__eyebrow{display:inline-block;font-family:Archivo Black,system-ui,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:var(--lh-yellow, #FFD200);color:var(--lh-ink, #0A0A0A);padding:4px 10px;border:2px solid var(--lh-ink, #0A0A0A);box-shadow:2px 2px 0 var(--lh-ink, #0A0A0A);transform:rotate(-2deg)}.lh-speaker-meter__body{display:grid;grid-template-columns:60px 1fr;gap:12px;align-items:center;margin:0 0 12px}.lh-speaker-meter__visual{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.lh-speaker-meter__icon{width:100%;height:100%;color:var(--lh-ink, #0A0A0A);display:block}.lh-speaker-meter__icon rect[data-meter-clip]{transition:y .55s cubic-bezier(.4,0,.2,1),height .55s cubic-bezier(.4,0,.2,1)}.lh-speaker-meter__burst{position:absolute;top:-8px;right:-8px;background:var(--lh-flash, #FF2D6F);color:#fff;font-family:Anton,system-ui,sans-serif;font-size:13px;letter-spacing:.02em;border:2px solid var(--lh-ink, #0A0A0A);border-radius:999px;padding:2px 7px;text-shadow:1px 1px 0 var(--lh-ink, #0A0A0A);opacity:0;transform:scale(.6) rotate(-15deg);transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.lh-speaker-meter.is-pulsing .lh-speaker-meter__burst{opacity:1;transform:scale(1) rotate(-8deg)}.lh-speaker-meter__info{min-width:0}.lh-speaker-meter__amount{font-family:Anton,system-ui,sans-serif;font-size:22px;line-height:1;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.lh-speaker-meter__amount-current{color:var(--lh-ink, #0A0A0A)}.lh-speaker-meter__amount-sep{color:var(--lh-ink, #0A0A0A);opacity:.5;font-size:16px}.lh-speaker-meter__amount-goal{font-size:16px;color:var(--lh-ink, #0A0A0A);opacity:.65}.lh-speaker-meter__msg{margin-top:4px;font-family:Permanent Marker,Manrope,cursive;font-size:12px;line-height:1.3;color:var(--lh-orange, #FF6600);transform:rotate(-.5deg)}.lh-speaker-meter__bar{position:relative;width:100%;height:14px;background:#fff;border:3px solid var(--lh-ink, #0A0A0A);overflow:hidden;margin:0 0 10px}.lh-speaker-meter__bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--lh-yellow, #FFD200) 0%,var(--lh-orange, #FF6600) 60%,var(--lh-flash, #FF2D6F) 100%);background-size:240px 100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.lh-speaker-meter__bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,transparent 0 8px,rgba(0,0,0,.12) 8px 10px);animation:lh-meter-stripes 2s linear infinite}@keyframes lh-meter-stripes{0%{background-position:0 0}to{background-position:30px 0}}.lh-speaker-meter__items{display:flex;align-items:center;gap:8px;font-family:Archivo Black,system-ui,sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--lh-ink, #0A0A0A)}.lh-speaker-meter__items-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ddd;border:2px solid var(--lh-ink, #0A0A0A);flex-shrink:0;transition:background .25s ease}.lh-speaker-meter[data-items-met=true] .lh-speaker-meter__items-dot{background:var(--lh-mint, #0BCE82)}.lh-speaker-meter.tier-half .lh-speaker-meter__msg{color:var(--lh-orange, #FF6600)}.lh-speaker-meter.tier-close .lh-speaker-meter__msg{color:var(--lh-flash, #FF2D6F)}.lh-speaker-meter.tier-very-close .lh-speaker-meter__msg{color:var(--lh-flash, #FF2D6F);animation:lh-meter-shake .5s ease infinite}@keyframes lh-meter-shake{0%,to{transform:rotate(-.5deg)}25%{transform:rotate(.8deg) translate(-1px)}75%{transform:rotate(-1.3deg) translate(1px)}}.lh-speaker-meter.tier-unlocked .lh-speaker-meter__card{background:var(--lh-mint, #0BCE82);border-color:var(--lh-ink, #0A0A0A);animation:lh-meter-unlock-pop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes lh-meter-unlock-pop{0%{transform:scale(1)}40%{transform:scale(1.06) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.lh-speaker-meter.tier-unlocked .lh-speaker-meter__msg{color:var(--lh-ink, #0A0A0A);font-size:13px}.lh-speaker-meter.tier-unlocked .lh-speaker-meter__bar-fill{width:100%!important}.lh-speaker-meter__minimize,.lh-speaker-meter__close{position:absolute;width:28px;height:28px;border:3px solid var(--lh-ink, #0A0A0A);border-radius:999px;background:var(--lh-yellow, #FFD200);color:var(--lh-ink, #0A0A0A);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:2;box-shadow:2px 2px 0 var(--lh-ink, #0A0A0A);transition:transform .15s ease}.lh-speaker-meter__minimize{top:-14px;right:36px}.lh-speaker-meter__close{top:-14px;right:0;background:var(--lh-flash, #FF2D6F);color:#fff;font-family:Anton,system-ui,sans-serif;font-size:22px;line-height:1}.lh-speaker-meter__minimize:hover,.lh-speaker-meter__close:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--lh-ink, #0A0A0A)}.lh-speaker-meter__pill{display:none;position:relative;width:64px;height:64px;border-radius:999px;background:var(--lh-yellow, #FFD200);color:var(--lh-ink, #0A0A0A);border:4px solid var(--lh-ink, #0A0A0A);box-shadow:4px 4px 0 var(--lh-ink, #0A0A0A);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:0;transition:transform .15s ease,box-shadow .15s ease}.lh-speaker-meter__pill svg{display:block}.lh-speaker-meter__pill-pct{font-family:Anton,system-ui,sans-serif;font-size:11px;line-height:1}.lh-speaker-meter__pill:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--lh-ink, #0A0A0A)}.lh-speaker-meter.is-minimized{width:auto}.lh-speaker-meter.is-minimized .lh-speaker-meter__card,.lh-speaker-meter.is-minimized .lh-speaker-meter__minimize,.lh-speaker-meter.is-minimized .lh-speaker-meter__close{display:none}.lh-speaker-meter.is-minimized .lh-speaker-meter__pill{display:flex}.lh-speaker-meter.tier-unlocked .lh-speaker-meter__pill{background:var(--lh-mint, #0BCE82);animation:lh-meter-shake .5s ease 2}.lh-speaker-meter__confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.lh-speaker-meter__confetti i{position:absolute;top:50%;left:50%;width:8px;height:14px;opacity:0}.lh-speaker-meter.is-celebrating .lh-speaker-meter__confetti i{animation:lh-meter-confetti 1.2s cubic-bezier(.2,.7,.4,1) forwards}.lh-speaker-meter__confetti i:nth-child(1){background:var(--lh-yellow, #FFD200);--tx: -120px;--ty: -140px;--rot: 240deg;animation-delay:0s}.lh-speaker-meter__confetti i:nth-child(2){background:var(--lh-orange, #FF6600);--tx: 90px;--ty: -160px;--rot: -180deg;animation-delay:.04s}.lh-speaker-meter__confetti i:nth-child(3){background:var(--lh-flash, #FF2D6F);--tx: -170px;--ty: -80px;--rot: 120deg;animation-delay:.08s}.lh-speaker-meter__confetti i:nth-child(4){background:var(--lh-mint, #0BCE82);--tx: 150px;--ty: -50px;--rot: -90deg;animation-delay:.12s}.lh-speaker-meter__confetti i:nth-child(5){background:var(--lh-yellow, #FFD200);--tx: -60px;--ty: -200px;--rot: 320deg;animation-delay:.06s}.lh-speaker-meter__confetti i:nth-child(6){background:var(--lh-orange, #FF6600);--tx: 170px;--ty: -110px;--rot: 60deg;animation-delay:.1s}.lh-speaker-meter__confetti i:nth-child(7){background:var(--lh-flash, #FF2D6F);--tx: -180px;--ty: -150px;--rot: 200deg;animation-delay:.14s}.lh-speaker-meter__confetti i:nth-child(8){background:var(--lh-mint, #0BCE82);--tx: 100px;--ty: -190px;--rot: -240deg;animation-delay:.18s}.lh-speaker-meter__confetti i:nth-child(9){background:var(--lh-yellow, #FFD200);--tx: 30px;--ty: -220px;--rot: 90deg;animation-delay:.02s}.lh-speaker-meter__confetti i:nth-child(10){background:var(--lh-orange, #FF6600);--tx: -40px;--ty: -180px;--rot: -160deg;animation-delay:.16s}.lh-speaker-meter__confetti i:nth-child(11){background:var(--lh-flash, #FF2D6F);--tx: 140px;--ty: -30px;--rot: 80deg;animation-delay:.2s}.lh-speaker-meter__confetti i:nth-child(12){background:var(--lh-mint, #0BCE82);--tx: -110px;--ty: -40px;--rot: -120deg;animation-delay:.24s}.lh-speaker-meter__confetti i:nth-child(13){background:var(--lh-yellow, #FFD200);--tx: -90px;--ty: -120px;--rot: 200deg;animation-delay:.22s}.lh-speaker-meter__confetti i:nth-child(14){background:var(--lh-orange, #FF6600);--tx: 120px;--ty: -140px;--rot: -60deg;animation-delay:.26s}.lh-speaker-meter__confetti i:nth-child(15){background:var(--lh-flash, #FF2D6F);--tx: -20px;--ty: -170px;--rot: 140deg;animation-delay:.28s}.lh-speaker-meter__confetti i:nth-child(16){background:var(--lh-mint, #0BCE82);--tx: 60px;--ty: -100px;--rot: -200deg;animation-delay:.3s}.lh-speaker-meter__confetti i:nth-child(17){background:var(--lh-yellow, #FFD200);--tx: 180px;--ty: -20px;--rot: 40deg;animation-delay:.32s}.lh-speaker-meter__confetti i:nth-child(18){background:var(--lh-orange, #FF6600);--tx: -150px;--ty: -10px;--rot: -40deg;animation-delay:.34s}@keyframes lh-meter-confetti{0%{opacity:1;transform:translate(-50%,-50%) rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(var(--rot))}}body.cart-drawer-open .lh-speaker-meter,body.modal-open .lh-speaker-meter{opacity:0;pointer-events:none}@media(max-width:768px){.lh-speaker-meter{--meter-width: 260px;left:12px;right:auto;bottom:calc(72px + env(safe-area-inset-bottom,0px))}.lh-speaker-meter__pill{width:52px;height:52px;border-width:3px;box-shadow:3px 3px 0 var(--lh-ink, #0A0A0A)}.lh-speaker-meter__pill svg{width:18px;height:18px}.lh-speaker-meter__pill-pct{font-size:9px}.lh-speaker-meter.mobile-default-collapsed:not(.user-expanded){width:auto}.lh-speaker-meter.mobile-default-collapsed:not(.user-expanded) .lh-speaker-meter__card,.lh-speaker-meter.mobile-default-collapsed:not(.user-expanded) .lh-speaker-meter__minimize,.lh-speaker-meter.mobile-default-collapsed:not(.user-expanded) .lh-speaker-meter__close{display:none}.lh-speaker-meter.mobile-default-collapsed:not(.user-expanded) .lh-speaker-meter__pill{display:flex}body.has-bundle-mobile-cta .lh-speaker-meter{bottom:calc(140px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.lh-speaker-meter,.lh-speaker-meter *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/lh-speaker-meter.css.map */
