.panda-guide-section{pointer-events:none}.panda-guide-section:has(.panda-guide-menu.is-open){z-index:var(--panda-guide-z-index, 9999)}.panda-guide{--panda-guide-focus-width: 2px;--panda-guide-focus-offset: 6px;--panda-guide-focus-radius: 50%;--panda-guide-z: var(--panda-guide-z-index, 9999);position:fixed;right:calc(env(safe-area-inset-right,0px) - var(--panda-guide-right));bottom:calc(env(safe-area-inset-bottom,0px) - var(--panda-guide-bottom));z-index:var(--panda-guide-z, 9999);width:var(--panda-guide-desktop-size);height:var(--panda-guide-desktop-size);padding:0;border:0;background:transparent;cursor:default;isolation:isolate;pointer-events:auto;touch-action:manipulation;transform:translateZ(0);transition:transform .18s ease-out,filter .18s ease-out;will-change:transform,opacity;backface-visibility:hidden;contain:layout style;-webkit-tap-highlight-color:transparent}.panda-guide[data-click=true]{cursor:pointer}.qi-panda-body-glow{position:fixed;z-index:calc(var(--panda-guide-z-index, 9999) - 1);width:var(--qi-body-glow-size, 180px);aspect-ratio:.82;opacity:var(--qi-body-glow-strength-low, .18);pointer-events:none;animation:qi-panda-body-glow-breathe var(--qi-body-glow-speed, 3s) ease-in-out infinite;will-change:opacity}.qi-panda-body-glow__head,.qi-panda-body-glow__body,.qi-panda-body-glow__feet{position:absolute;display:block;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--qi-body-glow-color, #e6b84f) 72%,transparent) 0%,color-mix(in srgb,var(--qi-body-glow-color, #e6b84f) 28%,transparent) 48%,transparent 76%);filter:blur(18px)}.qi-panda-body-glow__head{left:15%;top:0;width:70%;height:40%}.qi-panda-body-glow__body{left:2%;top:22%;width:96%;height:60%}.qi-panda-body-glow__feet{left:12%;bottom:0;width:76%;height:28%}.qi-panda-platform{position:fixed;z-index:calc(var(--panda-guide-z-index, 9999) - 2);width:var(--qi-platform-width, 200px);height:var(--qi-platform-height, 60px);border-radius:50%;pointer-events:none;transform-origin:center;isolation:isolate;animation:qi-panda-platform-idle var(--qi-platform-speed, 3s) ease-in-out infinite;will-change:transform,filter}.qi-panda-platform__bloom,.qi-panda-platform__fill,.qi-panda-platform__border{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:50%;transition:filter .18s ease-out,transform .18s ease-out}.qi-panda-platform__bloom{z-index:0;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--qi-platform-color, #e6b84f) 90%,transparent) 0%,color-mix(in srgb,var(--qi-platform-color, #e6b84f) 54%,transparent) 38%,transparent 76%);opacity:var(--qi-platform-outer-opacity-low, .2);filter:blur(var(--qi-platform-outer-blur, 34px));transform:scale(var(--qi-platform-outer-scale, 1.2));animation:qi-panda-platform-bloom var(--qi-platform-speed, 3s) ease-in-out infinite}.qi-panda-platform__fill{z-index:1;background:var(--qi-platform-color, #e6b84f);opacity:var(--qi-platform-fill-opacity, .07)}.qi-panda-platform__border{z-index:2;border:var(--qi-platform-border-width, 3px) solid var(--qi-platform-color, #e6b84f);background:transparent;opacity:.56;animation:qi-panda-platform-border var(--qi-platform-speed, 3s) ease-in-out infinite}.qi-panda-platform.is-pulsing{animation:qi-panda-platform-pulse .5s ease-out}.panda-guide.is-pulsing{animation:panda-guide-pulse .5s ease-out}.panda-guide:focus-visible{outline:var(--panda-guide-focus-width) solid currentColor;outline-offset:var(--panda-guide-focus-offset);border-radius:var(--panda-guide-focus-radius)}.panda-guide__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;opacity:0;pointer-events:none;transform:none;transition:opacity .15s ease-in-out;will-change:transform,opacity;backface-visibility:hidden}.panda-guide__image.is-active{z-index:1;opacity:1;transform:none}.panda-guide__asset{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none;backface-visibility:hidden}.panda-guide:not([data-current=walk]) .panda-guide__image.is-active .panda-guide__asset{animation:panda-guide-breathe 3s ease-in-out infinite}.panda-guide-menu{position:fixed;right:calc(env(safe-area-inset-right,0px) + var(--panda-guide-right, 24px) + var(--panda-guide-desktop-size, 140px) + var(--panda-menu-horizontal-gap, 24px));bottom:calc(env(safe-area-inset-bottom,0px) + var(--panda-guide-bottom, 40px) + 18px + var(--panda-menu-vertical-offset, 0px));z-index:var(--panda-guide-z-index, 9999);width:min(var(--panda-menu-width, 300px),calc(100vw - 48px));max-height:min(var(--panda-menu-max-height, 520px),calc(100vh - 48px));max-height:min(var(--panda-menu-max-height, 520px),calc(100dvh - 48px));padding:var(--panda-menu-padding, 24px);border:1px solid rgba(196,154,76,.36);border-radius:var(--panda-menu-radius, 24px);background:linear-gradient(145deg,#ffffffdb,#f8f2e6b8);box-shadow:0 18px 48px rgb(35 27 17 / var(--panda-menu-shadow-primary, .2)),0 4px 14px rgb(35 27 17 / var(--panda-menu-shadow-secondary, .1));opacity:0;visibility:hidden;pointer-events:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;transform:translate3d(14px,8px,0);transition:opacity .22s ease-out,transform .22s ease-out,visibility 0s linear .22s;backdrop-filter:blur(var(--panda-menu-blur, 18px)) saturate(145%);-webkit-backdrop-filter:blur(var(--panda-menu-blur, 18px)) saturate(145%)}.panda-guide-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0);transition-delay:0s}.panda-guide-menu__list{display:grid;gap:var(--panda-menu-item-spacing, 18px);margin:0;padding:0;list-style:none}.panda-guide-menu__item{opacity:0;transform:translate3d(8px,4px,0);transition:opacity .18s ease-out,transform .18s ease-out}.panda-guide-menu.is-open .panda-guide-menu__item{opacity:1;transform:translateZ(0);transition-delay:calc(var(--panda-menu-index) * 40ms)}.panda-guide-menu__link{display:flex;align-items:center;gap:11px;width:100%;min-height:42px;padding:9px 12px;border:0;border-radius:12px;color:#30291f;background:transparent;font:inherit;text-align:left;cursor:pointer;transition:color .18s ease-out,background-color .18s ease-out,transform .18s ease-out}.panda-guide-menu__link:hover,.panda-guide-menu__link:focus-visible,.panda-guide-menu__link.is-active{color:#8a641d;background:#c49a4c24;transform:translate(4px)}.panda-guide-menu__link:focus-visible{outline:2px solid #b98a36;outline-offset:1px}.panda-guide-menu__link.is-active{box-shadow:inset 3px 0 #b98a36}.panda-guide-menu__icon{display:inline-grid;flex:0 0 25px;place-items:center;font-size:var(--panda-menu-icon-size, 28px);line-height:1}.panda-guide-menu__title{font-size:var(--panda-menu-font-size, 18px);font-weight:600;letter-spacing:.01em}.panda-guide-bubble{position:fixed;z-index:var(--panda-guide-z-index, 9999);width:min(var(--panda-bubble-width, 240px),calc(100vw - 48px));max-width:min(var(--panda-bubble-max-width, 320px),calc(100vw - 48px));padding:var(--panda-bubble-padding, 14px);border:1px solid rgba(196,154,76,.32);border-radius:var(--panda-bubble-radius, 16px);color:var(--panda-bubble-color, #30291f);background:var(--panda-bubble-background, #fffaf0);background:color-mix(in srgb,var(--panda-bubble-background, #fffaf0) 88%,transparent);box-shadow:0 14px 36px rgb(35 27 17 / var(--panda-bubble-shadow-primary, .15)),0 3px 10px rgb(35 27 17 / var(--panda-bubble-shadow-secondary, .075));font-size:var(--panda-bubble-font-size, 14px);font-weight:600;line-height:1.4;text-align:center;white-space:pre-line;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,10px,0);transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s linear .2s;backdrop-filter:blur(var(--panda-bubble-blur, 18px)) saturate(145%);-webkit-backdrop-filter:blur(var(--panda-bubble-blur, 18px)) saturate(145%)}.panda-guide-bubble:after{content:"";position:absolute;left:clamp(14px,var(--panda-bubble-tail-x, 50%),calc(100% - 14px));bottom:-7px;width:14px;height:14px;border-right:1px solid rgba(196,154,76,.32);border-bottom:1px solid rgba(196,154,76,.32);background:var(--panda-bubble-background, #fffaf0);background:color-mix(in srgb,var(--panda-bubble-background, #fffaf0) 88%,transparent);transform:translate(-50%) rotate(45deg)}.panda-guide-bubble.is-visible{opacity:1;visibility:visible;transform:translateZ(0);transition:opacity .25s ease-out,transform .25s ease-out,visibility 0s}@keyframes panda-guide-breathe{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,2px,0) scale(1.01)}}@keyframes qi-panda-platform-idle{0%,to{transform:scale(1);filter:brightness(var(--qi-platform-brightness, 1.1))}50%{transform:scale(1.05);filter:brightness(var(--qi-platform-brightness-peak, 1.265))}}@keyframes qi-panda-body-glow-breathe{0%,to{opacity:var(--qi-body-glow-strength-low, .18)}50%{opacity:var(--qi-body-glow-strength, .3)}}@keyframes qi-panda-platform-bloom{0%,to{opacity:var(--qi-platform-outer-opacity-low, .2)}50%{opacity:var(--qi-platform-outer-opacity, .45)}}@keyframes qi-panda-platform-border{0%,to{filter:brightness(var(--qi-platform-border-brightness, 1))}50%{filter:brightness(var(--qi-platform-border-brightness-peak, 1.18))}}@keyframes qi-panda-platform-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(var(--panda-pulse-scale, 1.08));filter:brightness(var(--qi-platform-pulse-brightness, 1.25))}}@keyframes panda-guide-pulse{0%,to{transform:translateZ(0) scale(1)}50%{transform:translateZ(0) scale(var(--panda-pulse-scale, 1.08))}}.qi-click-indicator{position:fixed;z-index:calc(var(--panda-guide-z-index, 9999) + 1);display:block;width:var(--panda-indicator-size, 34px);height:var(--panda-indicator-size, 34px);font-size:var(--panda-indicator-size, 34px);line-height:1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease-out,visibility 0s linear .22s}.qi-click-indicator.is-visible{opacity:1;visibility:visible;transition:opacity .22s ease-out,visibility 0s}.qi-click-indicator__hand,.qi-click-indicator__ripple{position:absolute;display:block;pointer-events:none}.qi-click-indicator__hand{top:0;right:0;bottom:0;left:0;transform-origin:50% 20%}.qi-click-indicator__ripple{left:48%;top:-24%;width:42%;height:42%;border:max(1px,.06em) solid #e6b84f;border-radius:50%;transform:translate(-50%,-50%) scale(.35)}.qi-click-indicator.is-visible .qi-click-indicator__hand{animation:panda-guide-indicator-tap var(--panda-indicator-speed, 1.5s) ease-in-out 2}.qi-click-indicator.is-visible .qi-click-indicator__ripple{animation:panda-guide-indicator-ripple var(--panda-indicator-speed, 1.5s) ease-out 2}@keyframes panda-guide-indicator-tap{0%,32%,72%,to{transform:translateZ(0) rotate(-62deg) scale(1)}48%,60%{transform:translate3d(-4px,5px,0) rotate(-62deg) scale(.95)}}@keyframes panda-guide-indicator-ripple{0%,35%{opacity:0;transform:translate(-50%,-50%) scale(.35)}42%{opacity:.9}78%,to{opacity:0;transform:translate(-50%,-50%) scale(2.35)}}@media(hover:hover)and (pointer:fine){.panda-guide[data-hover=true]:hover{cursor:pointer;filter:drop-shadow(0 10px var(--panda-hover-shadow, 18px) rgba(57,43,22,.28));transform:translate3d(0,calc(var(--panda-hover-lift, 4px) * -1),0) scale(var(--panda-hover-scale, 1.08))}.panda-guide[data-hover=true]:hover+.qi-panda-platform .qi-panda-platform__bloom{filter:blur(var(--qi-platform-outer-blur, 34px)) brightness(var(--qi-platform-hover-brightness, 1.2));transform:scale(calc(var(--qi-platform-outer-scale, 1.2) + .1))}.panda-guide[data-hover=true]:hover+.qi-panda-platform .qi-panda-platform__fill,.panda-guide[data-hover=true]:hover+.qi-panda-platform .qi-panda-platform__border{filter:brightness(var(--qi-platform-hover-brightness, 1.2));transform:scale(1.1)}.panda-guide[data-hover=true]:hover+.qi-panda-platform .qi-panda-platform__border{--qi-platform-border-brightness: var(--qi-platform-hover-brightness, 1.2);--qi-platform-border-brightness-peak: var(--qi-platform-hover-brightness, 1.2)}}@media screen and (min-width:750px)and (max-width:989px){.panda-guide{width:var(--panda-guide-tablet-size);height:var(--panda-guide-tablet-size)}.panda-guide-menu{right:calc(env(safe-area-inset-right,0px) + var(--panda-guide-right, 24px) + var(--panda-guide-tablet-size, 110px) + var(--panda-menu-horizontal-gap, 24px))}}@media screen and (max-width:749px){.panda-guide{width:var(--panda-guide-mobile-size);height:var(--panda-guide-mobile-size)}.panda-guide-menu{right:max(24px,calc(env(safe-area-inset-right,0px) + var(--panda-guide-right, 24px) + var(--panda-menu-horizontal-gap, 24px)));bottom:calc(env(safe-area-inset-bottom,0px) + var(--panda-guide-bottom, 40px) + var(--panda-guide-mobile-size, 90px) - 4px + var(--panda-menu-vertical-offset, 0px));width:min(var(--panda-menu-width, 300px),calc(100vw - 48px));max-height:min(var(--panda-menu-max-height, 520px),calc(100vh - 48px));max-height:min(var(--panda-menu-max-height, 520px),calc(100dvh - 48px));border-radius:var(--panda-menu-radius, 24px)}}@media(prefers-reduced-motion:reduce){.panda-guide,.panda-guide__image,.panda-guide-menu,.panda-guide-menu__item,.panda-guide-menu__link,.panda-guide-bubble{transition:none}.panda-guide__asset,.qi-panda-platform,.qi-panda-platform__bloom,.qi-panda-platform__border,.qi-panda-body-glow,.panda-guide.is-pulsing,.qi-click-indicator.is-visible .qi-click-indicator__hand,.qi-click-indicator.is-visible .qi-click-indicator__ripple{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/panda-guide.css.map */