.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(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{overflow:visible}.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__leg,.mud-trail-mascot__arm,.mud-trail-mascot__sprout{transform-box:view-box}.mud-trail-mascot__figure.is-walking .mud-trail-mascot__leg--left,.mud-trail-mascot__figure.is-walking .mud-trail-mascot__arm--right{animation:mud-trail-step .95s ease-in-out infinite}.mud-trail-mascot__figure.is-walking .mud-trail-mascot__leg--right,.mud-trail-mascot__figure.is-walking .mud-trail-mascot__arm--left{animation:mud-trail-step .95s ease-in-out infinite reverse}@keyframes mud-trail-step{0%,to{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}.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__eye{transform-box:fill-box;transform-origin:center}.mud-trail-mascot__figure.is-blinking .mud-trail-mascot__eye{animation:mud-trail-blink .22s ease-in-out}@keyframes mud-trail-blink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.15)}}.mud-trail-mascot__figure.is-idle-wave .mud-trail-mascot__arm--right{animation:mud-trail-wave 1.2s ease-in-out}@keyframes mud-trail-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-70deg)}40%,80%{transform:rotate(-40deg)}}.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__arm--left{animation:mud-trail-stretch-left 1.3s ease-in-out}.mud-trail-mascot__figure.is-idle-stretch .mud-trail-mascot__arm--right{animation:mud-trail-stretch-right 1.3s ease-in-out}@keyframes mud-trail-stretch-left{0%,to{transform:rotate(0)}50%{transform:rotate(120deg)}}@keyframes mud-trail-stretch-right{0%,to{transform:rotate(0)}50%{transform:rotate(-120deg)}}.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__eye{animation:mud-trail-petted-eyes .9s ease-in-out}@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%,15%,to{transform:scaleY(1)}30%,85%{transform:scaleY(.2)}}.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__eyes-surprised,.mud-trail-mascot__mouth-surprised,.mud-trail-mascot__figure.is-dragging .mud-trail-mascot__eyes-normal,.mud-trail-mascot__figure.is-dragging .mud-trail-mascot__mouth-normal{display:none}.mud-trail-mascot__figure.is-dragging .mud-trail-mascot__eyes-surprised,.mud-trail-mascot__figure.is-dragging .mud-trail-mascot__mouth-surprised{display:block}.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/3/assets/mud-trail-mascot.css.map */