#ax-w .ax-o{--psp-w:800px;--psp-dim:.7;--psp-blur:8px;position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(10,8,2,var(--psp-dim));-webkit-backdrop-filter:blur(var(--psp-blur));backdrop-filter:blur(var(--psp-blur));opacity:0;transition:opacity .35s ease;perspective:1200px}
#ax-w .ax-o[hidden]{display:none}
#ax-w .ax-o.ax-open{opacity:1}
#ax-w .ax-b{position:relative;width:min(100%,var(--psp-w));max-height:92vh;line-height:0;border-radius:20px;background:#000;box-shadow:0 30px 80px -10px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12),0 0 60px -10px rgba(212,175,55,.45);overflow:hidden;opacity:0;will-change:transform,opacity}
#ax-w .ax-b .ax-l{display:block;cursor:pointer}
#ax-w .ax-b .ax-i{display:block;width:100%;height:auto;max-height:92vh;object-fit:contain;border-radius:20px;transition:transform .5s ease}
#ax-w .ax-b .ax-l:hover .ax-i{transform:scale(1.015)}

#ax-w .ax-o.ax-open .ax-b{opacity:1;animation-duration:.6s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.22,1,.36,1)}
#ax-w .ax-o[data-effect=zoom].ax-open .ax-b{animation-name:ax-zoom}
#ax-w .ax-o[data-effect=up].ax-open .ax-b{animation-name:ax-up}
#ax-w .ax-o[data-effect=down].ax-open .ax-b{animation-name:ax-down}
#ax-w .ax-o[data-effect=flip].ax-open .ax-b{animation-name:ax-flip;animation-duration:.8s}
#ax-w .ax-o[data-effect=bounce].ax-open .ax-b{animation-name:ax-bounce;animation-duration:.8s;animation-timing-function:ease-out}
#ax-w .ax-o[data-effect=rotate].ax-open .ax-b{animation-name:ax-rotate;animation-duration:.7s}
#ax-w .ax-o[data-effect=fade].ax-open .ax-b{animation-name:ax-fade;animation-duration:.5s}
#ax-w .ax-o.ax-closing{opacity:0}
#ax-w .ax-o.ax-closing .ax-b{opacity:0;transform:scale(.94);transition:transform .3s,opacity .3s}

@keyframes ax-zoom{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
@keyframes ax-up{from{opacity:0;transform:translateY(80px) scale(.96)}to{opacity:1;transform:none}}
@keyframes ax-down{from{opacity:0;transform:translateY(-80px) scale(.96)}to{opacity:1;transform:none}}
@keyframes ax-flip{from{opacity:0;transform:rotateY(-80deg) scale(.85)}to{opacity:1;transform:none}}
@keyframes ax-bounce{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.06)}70%{transform:scale(.96)}100%{transform:scale(1)}}
@keyframes ax-rotate{from{opacity:0;transform:rotate(-12deg) scale(.6)}to{opacity:1;transform:none}}
@keyframes ax-fade{from{opacity:0}to{opacity:1}}

@media (max-width:600px){#ax-w .ax-o{padding:12px}#ax-w .ax-b,#ax-w .ax-b .ax-i{border-radius:14px}}
.ax-badge{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);padding:8px 16px;font:600 13px/1 system-ui,sans-serif;color:#3F2F03;background:linear-gradient(135deg,#F3D56B,#D4AF37);border-radius:999px;box-shadow:0 8px 20px -6px rgba(0,0,0,.5);pointer-events:none}

#ax-w .ax-o .ax-b button.ax-x,#ax-w .ax-o .ax-b button.ax-x:hover,#ax-w .ax-o .ax-b button.ax-x:focus,#ax-w .ax-o .ax-b button.ax-x:active{all:unset!important;box-sizing:border-box!important;position:absolute!important;top:10px!important;right:10px!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;padding:0!important;margin:0!important;font-size:0!important;line-height:0!important;border:0!important;border-radius:50%!important;background:transparent!important;background-image:none!important;box-shadow:none!important;outline:0!important;color:var(--psp-x,#fff)!important;cursor:pointer!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.75)) drop-shadow(0 0 6px rgba(0,0,0,.45))!important;transition:transform .3s cubic-bezier(.22,1,.36,1),color .25s!important}
#ax-w .ax-o .ax-b button.ax-x::before,#ax-w .ax-o .ax-b button.ax-x::after{content:""!important;position:absolute!important;width:28px!important;height:3.5px!important;border-radius:4px!important;background:currentColor!important}
#ax-w .ax-o .ax-b button.ax-x::before{transform:rotate(45deg)!important}
#ax-w .ax-o .ax-b button.ax-x::after{transform:rotate(-45deg)!important}
#ax-w .ax-o .ax-b button.ax-x:hover{color:var(--psp-xh,#F3D56B)!important;transform:rotate(90deg) scale(1.15)!important}
#ax-w .ax-o .ax-b button.ax-x:focus-visible{outline:0!important;color:var(--psp-xh,#F3D56B)!important}@media (max-width:768px){
#ax-w .ax-o .ax-b{display:flex;flex-direction:column-reverse;align-items:center;max-height:none;background:transparent;overflow:visible;border-radius:0;box-shadow:none}
#ax-w .ax-o .ax-b .ax-l{width:100%}
#ax-w .ax-o .ax-b .ax-i{max-height:calc(100vh - 110px);border-radius:14px;box-shadow:0 20px 50px -10px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12)}
#ax-w .ax-o .ax-b button.ax-x,#ax-w .ax-o .ax-b button.ax-x:hover,#ax-w .ax-o .ax-b button.ax-x:focus,#ax-w .ax-o .ax-b button.ax-x:active{position:relative!important;top:auto!important;right:auto!important;margin:10px 0 0!important}
}