.mud-trail-mascot{--mud-trail-size: 68px;--mud-trail-inset: 24px;display:block;position:fixed;top:calc(var(--header-height, 0px) + var(--announcement-bar-height, 0px) + var(--mud-trail-inset));bottom:var(--mud-trail-inset);width:var(--mud-trail-size);z-index:3;pointer-events:none}.mud-trail-mascot[data-position=left]{left:14px}.mud-trail-mascot[data-position=right]{right:14px}@media screen and (max-width:749px){.mud-trail-mascot:not([data-show-on-mobile=true]){display:none}.mud-trail-mascot{width:calc(var(--mud-trail-size) * .75)}}@media screen and (max-width:699px){.mud-trail-mascot{top:max(calc(var(--header-height, 0px) + var(--announcement-bar-height, 0px) + var(--mud-trail-inset)),var(--luvmud-hero-sky-top, 0px))}}@media(prefers-reduced-motion:reduce){.mud-trail-mascot{display:none!important}}.mud-trail-mascot__dismiss{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:20px;height:20px;display:grid;place-items:center;background:#17233a80;border-radius:50%;color:#fff9f0;opacity:.35;pointer-events:auto;transition:opacity .2s ease}.mud-trail-mascot__dismiss:hover,.mud-trail-mascot__dismiss:focus-visible{opacity:1}.mud-trail-mascot__track{position:relative;width:100%;height:100%}.mud-trail-mascot__footprints{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.mud-trail-mascot__footprint{position:absolute;animation-name:mud-trail-footprint-fade;animation-timing-function:ease-out;animation-fill-mode:forwards}.mud-trail-mascot__footprint--left{left:-6px}.mud-trail-mascot__footprint--right{right:-6px;transform:scaleX(-1)}@keyframes mud-trail-footprint-fade{0%{opacity:0;transform:scale(.6)}15%{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.mud-trail-mascot__footprint--right{animation-name:mud-trail-footprint-fade-flipped}@keyframes mud-trail-footprint-fade-flipped{0%{opacity:0;transform:scaleX(-1) scale(.6)}15%{opacity:.65;transform:scaleX(-1) scale(1)}to{opacity:0;transform:scaleX(-1) scale(.85)}}.mud-trail-mascot__figure{position:absolute;left:50%;top:0;width:100%;transform:translate(-50%);filter:drop-shadow(0 4px 6px rgba(23,35,58,.25))}.mud-trail-mascot__svg{position:relative;overflow:visible}.mud-trail-mascot__body{position:relative;transform-origin:50% 100%}.mud-trail-mascot__art{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}.mud-trail-mascot__extras{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.mud-trail-mascot__blush{position:absolute;top:60%;width:15%;aspect-ratio:1.4;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,#ff8cb4bf,#ff8cb400);opacity:.45;transition:opacity .3s ease;pointer-events:none}.mud-trail-mascot__blush--left{left:24%}.mud-trail-mascot__blush--right{left:73%}.mud-trail-mascot__eye{position:absolute;top:47%;width:14%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none}.mud-trail-mascot__eye--1{left:36%}.mud-trail-mascot__eye--2{left:61%}.mud-trail-mascot__pupil{position:absolute;left:25%;top:25%;width:50%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 72%,#2e2722,#15110f 62%);transition:transform .14s ease-out,scale .2s ease}.mud-trail-mascot__pupil:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(180deg,#0000008c,#0000 42%)}.mud-trail-mascot__glint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:50%;background:radial-gradient(circle at 40% 36%,#fffffff2 0 9%,#fff0 12%),radial-gradient(circle at 33% 56%,#ffffffd9 0 4%,#fff0 6%)}.mud-trail-mascot__lids{position:absolute;top:-9%;right:-9%;bottom:-9%;left:-9%;z-index:2;border-radius:50%;overflow:hidden}.mud-trail-mascot__lid{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;transition:transform .18s ease}.mud-trail-mascot__lid--upper{background:linear-gradient(180deg,#7fd4d5,#66c2c4 60%,#4e9fa1 92%,#4e9fa1);border-radius:0 0 50% 50%/0 0 22% 22%;transform:translateY(-105%)}.mud-trail-mascot__lid--lower{background:linear-gradient(180deg,#4e9fa1,#5fb9bb 12%,#66c2c4);border-radius:50% 50% 0 0/34% 34% 0 0;transform:translateY(105%)}.mud-trail-mascot__mouth-surprised{display:none;position:absolute;left:46%;top:65%;width:30%;aspect-ratio:2;translate:-50% -50%;border-radius:50%;background:radial-gradient(ellipse 22% 38% at 50% 50%,#241c18 0 92%,#241c1800),radial-gradient(closest-side,#67c3c5 0 72%,#67c3c500);pointer-events:none}.mud-trail-mascot__figure:not(.is-walking):not(.is-dragging):not(.is-intro){animation:mud-trail-idle-bob 2.4s ease-in-out infinite}@keyframes mud-trail-idle-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.mud-trail-mascot__sprout{transform-box:view-box}.mud-trail-mascot__figure.is-walking .mud-trail-mascot__body{animation:mud-trail-waddle .5s ease-in-out infinite}@keyframes mud-trail-waddle{0%,to{transform:rotate(-5deg) translateY(0)}25%,75%{transform:rotate(0) translateY(-6%)}50%{transform:rotate(5deg) translateY(0)}}.mud-trail-mascot__sprout{animation:mud-trail-sprout-sway 3s ease-in-out infinite}@keyframes mud-trail-sprout-sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.mud-trail-mascot__sparkle{transform-box:fill-box;transform-origin:center;animation:mud-trail-twinkle 2.4s ease-in-out infinite}.mud-trail-mascot__sparkle--1{animation-delay:0s}.mud-trail-mascot__sparkle--2{animation-delay:.8s}.mud-trail-mascot__sparkle--3{animation-delay:1.6s}@keyframes mud-trail-twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}.mud-trail-mascot__tilt{transform:rotate(var(--mud-trail-tilt, 0deg));transition:transform .3s ease-out}.mud-trail-mascot__figure.is-blinking .mud-trail-mascot__lid--upper{animation:mud-trail-blink .22s ease-in-out}@keyframes mud-trail-blink{0%,to{transform:translateY(-105%)}40%,60%{transform:translateY(-4%)}}.mud-trail-mascot__figure.is-idle-wave .mud-trail-mascot__body{animation:mud-trail-hello 1.2s ease-in-out}.mud-trail-mascot__figure.is-idle-wave .mud-trail-mascot__lid--lower{animation:mud-trail-smile-eyes 1.2s ease-in-out}.mud-trail-mascot__figure.is-idle-wave .mud-trail-mascot__blush{opacity:.85}@keyframes mud-trail-hello{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(-10%) rotate(-6deg)}40%{transform:translateY(0) rotate(5deg) scale(1.04,.96)}60%{transform:translateY(-7%) rotate(-4deg)}80%{transform:translateY(0) rotate(2deg)}}@keyframes mud-trail-smile-eyes{0%,to{transform:translateY(105%)}15%,85%{transform:translateY(48%)}}.mud-trail-mascot__figure.is-idle-look .mud-trail-mascot__tilt{animation:mud-trail-look-around 1.4s ease-in-out}@keyframes mud-trail-look-around{0%,to{transform:rotate(var(--mud-trail-tilt, 0deg))}30%{transform:rotate(-14deg)}70%{transform:rotate(14deg)}}.mud-trail-mascot__figure.is-idle-stretch .mud-trail-mascot__body{animation:mud-trail-stretch 1.3s ease-in-out}.mud-trail-mascot__figure.is-idle-stretch .mud-trail-mascot__lid--upper{animation:mud-trail-sleepy 1.3s ease-in-out}@keyframes mud-trail-stretch{0%,to{transform:scale(1)}45%,60%{transform:scale(.9,1.14)}80%{transform:scale(1.05,.95)}}@keyframes mud-trail-sleepy{0%,to{transform:translateY(-105%)}40%,65%{transform:translateY(-45%)}}.mud-trail-mascot__bubble{position:absolute;bottom:100%;margin-bottom:10px;width:max-content;max-width:150px;padding:8px 12px;border-radius:14px;font-size:12px;line-height:1.35;font-weight:600;text-align:center;opacity:0;transform:translateY(6px) scale(.9);transition:opacity .25s ease,transform .25s ease;box-shadow:0 8px 20px #17233a2e}.mud-trail-mascot[data-position=right] .mud-trail-mascot__bubble{right:0}.mud-trail-mascot[data-position=left] .mud-trail-mascot__bubble{left:0}.mud-trail-mascot__bubble.is-visible{opacity:1;transform:translateY(0) scale(1)}.mud-trail-mascot[enable-tap] .mud-trail-mascot__figure{pointer-events:auto;cursor:pointer}.mud-trail-mascot[enable-tap] .mud-trail-mascot__figure:focus-visible{outline:2px solid #17233a;outline-offset:4px;border-radius:50%}.mud-trail-mascot__figure.is-tapped .mud-trail-mascot__svg{animation:mud-trail-tap-bounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes mud-trail-tap-bounce{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.18,.85) rotate(-6deg)}55%{transform:scale(.92,1.1) rotate(4deg)}80%{transform:scale(1.05,.97) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.mud-trail-mascot__particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.mud-trail-mascot__particle{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px;border-radius:40% 60% 55% 45%;background:#8a5a34;animation-name:mud-trail-splat-particle;animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-fill-mode:forwards}@keyframes mud-trail-splat-particle{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--mud-trail-tx),var(--mud-trail-ty)) scale(.3)}}.mud-trail-mascot__figure.is-petted .mud-trail-mascot__svg{animation:mud-trail-petted-wiggle .9s ease-in-out}.mud-trail-mascot__figure.is-petted .mud-trail-mascot__lid--lower{animation:mud-trail-petted-eyes .9s ease-in-out}.mud-trail-mascot__figure.is-petted .mud-trail-mascot__blush{opacity:1}.mud-trail-mascot__figure.is-tapped .mud-trail-mascot__lid--lower{animation:mud-trail-smile-eyes .5s ease-in-out}.mud-trail-mascot__figure.is-tapped .mud-trail-mascot__blush{opacity:.85}@keyframes mud-trail-petted-wiggle{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-4deg) scale(1.03,.98)}40%{transform:rotate(4deg) scale(1.03,.98)}60%{transform:rotate(-3deg) scale(1.02,.99)}80%{transform:rotate(3deg) scale(1.02,.99)}}@keyframes mud-trail-petted-eyes{0%,to{transform:translateY(105%)}20%,85%{transform:translateY(40%)}}.mud-trail-mascot__heart{position:absolute;top:40%;left:50%;font-size:14px;line-height:1;animation-name:mud-trail-heart-float;animation-timing-function:ease-out;animation-fill-mode:forwards;pointer-events:none}@keyframes mud-trail-heart-float{0%{opacity:1;transform:translate(-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-10px) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--mud-trail-heart-x, 0px)),-46px) scale(.9)}}.mud-trail-mascot[enable-tap] .mud-trail-mascot__figure{touch-action:none}.mud-trail-mascot__figure.is-dragging .mud-trail-mascot__mouth-surprised{display:block}.mud-trail-mascot__figure.is-dragging .mud-trail-mascot__pupil{scale:.62}.mud-trail-mascot__figure.is-dragging .mud-trail-mascot__blush{opacity:0}.mud-trail-mascot__figure.is-dragging{cursor:grabbing;z-index:20;filter:drop-shadow(0 12px 20px rgba(23,35,58,.35))}.mud-trail-mascot__figure.is-dragging .mud-trail-mascot__svg{animation:mud-trail-drag-jiggle .4s ease-in-out infinite}@keyframes mud-trail-drag-jiggle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(.95,1.05) rotate(3deg)}}.mud-trail-mascot__intro-rope{position:absolute;top:0;left:50%;width:2px;height:0;transform:translate(-50%);background:#17233a;opacity:0;transition:opacity .35s ease}.mud-trail-mascot__intro-rope.is-visible{opacity:1}.mud-trail-mascot__figure.is-intro{transform-origin:50% 0%}.mud-trail-mascot__figure.is-intro .mud-trail-mascot__tilt{position:absolute;left:0;bottom:0;width:100%}.mud-trail-mascot__chat{position:fixed;right:14px;bottom:14px;width:min(340px,calc(100vw - 28px));height:min(520px,calc(100vh - 100px));display:flex;flex-direction:column;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #17233a4d;opacity:0;visibility:hidden;transform:translateY(20px) scale(.96);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s;z-index:6}.mud-trail-mascot__chat,.mud-trail-mascot__chat *{pointer-events:auto}.mud-trail-mascot[data-position=left] .mud-trail-mascot__chat{left:14px;right:auto}.mud-trail-mascot__chat.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:opacity .25s ease,transform .25s ease}.mud-trail-mascot__chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#17233a;color:#fff9f0;flex-shrink:0}.mud-trail-mascot__chat-header-title{font-size:14px;font-weight:700}.mud-trail-mascot__chat-close{width:24px;height:24px;display:grid;place-items:center;color:inherit;opacity:.75}.mud-trail-mascot__chat-close:hover{opacity:1}.mud-trail-mascot__chat-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#fff9f0}.mud-trail-mascot__chat-bubble{max-width:82%;padding:9px 12px;border-radius:14px;font-size:13px;line-height:1.4}.mud-trail-mascot__chat-bubble--bot{align-self:flex-start;background:#fff1e0;color:#17233a;border-bottom-left-radius:4px}.mud-trail-mascot__chat-bubble--user{align-self:flex-end;background:#9b8afb;color:#fff9f0;border-bottom-right-radius:4px}.mud-trail-mascot__chat-product-card{align-self:flex-start;max-width:88%;background:#fff;border-radius:14px;padding:10px;box-shadow:0 4px 14px #17233a1f}.mud-trail-mascot__chat-product-body{display:flex;align-items:center;gap:10px}.mud-trail-mascot__chat-product-image{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#fff1e0}.mud-trail-mascot__chat-product-title{font-size:12.5px;font-weight:700;line-height:1.3;color:#17233a;margin:0}.mud-trail-mascot__chat-product-price{font-size:12px;font-weight:600;color:#17233a;opacity:.85;margin:2px 0 0}.mud-trail-mascot__chat-product-price s{opacity:.6;margin-left:4px}.mud-trail-mascot__chat-product-controls{display:flex;align-items:center;gap:8px;margin-top:10px}.mud-trail-mascot__chat-qty{display:flex;align-items:center;gap:6px;background:#fff1e0;border-radius:20px;padding:2px 4px}.mud-trail-mascot__chat-qty button{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#17233a;color:#fff9f0;font-size:14px;line-height:1}.mud-trail-mascot__chat-qty-value{font-size:12px;font-weight:700;color:#17233a;min-width:14px;text-align:center}.mud-trail-mascot__chat-variant-select{width:100%;margin-top:8px;padding:6px 8px;border-radius:8px;border:1px solid rgba(23,35,58,.2);font-size:12px;background:#fff9f0;color:#17233a}.mud-trail-mascot__chat-product-actions{display:flex;gap:6px;margin-top:10px}.mud-trail-mascot__chat-discount-code{margin:6px 0;padding:10px;border:1.5px dashed rgba(23,35,58,.35);border-radius:10px;text-align:center;font-size:15px;font-weight:800;letter-spacing:.06em;color:#17233a;background:#fff}.mud-trail-mascot__chat-typing{align-self:flex-start;display:flex;gap:4px;padding:10px 12px;background:#fff1e0;border-radius:14px 14px 14px 4px}.mud-trail-mascot__chat-typing span{width:5px;height:5px;border-radius:50%;background:#17233a;opacity:.4;animation:mud-trail-typing-bounce 1s ease-in-out infinite}.mud-trail-mascot__chat-typing span:nth-child(2){animation-delay:.15s}.mud-trail-mascot__chat-typing span:nth-child(3){animation-delay:.3s}@keyframes mud-trail-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}.mud-trail-mascot__chat-replies{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px;background:#fff9f0;flex-shrink:0}.mud-trail-mascot__chat-reply-chip{padding:7px 12px;border-radius:20px;border:1.5px solid #9b8afb;color:#17233a;font-size:12px;font-weight:600;background:#fff;white-space:nowrap}.mud-trail-mascot__chat-reply-chip:hover{background:#9b8afb;color:#fff9f0}.mud-trail-mascot__chat-input-row{display:flex;align-items:center;gap:8px;padding:10px;border-top:1px solid rgba(23,35,58,.1);background:#fff;flex-shrink:0}.mud-trail-mascot__chat-input{flex:1;padding:9px 12px;border-radius:20px;border:1px solid rgba(23,35,58,.2);font-size:13px;background:#fff9f0;color:#17233a}.mud-trail-mascot__chat-send{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#9b8afb;color:#fff9f0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/mud-trail-mascot.css.map */