.xr{position:relative;width:min(100%,560px);justify-self:center;aspect-ratio:1/1;border:3px solid var(--ink);border-radius:30px;box-shadow:0 8px 0 var(--ink);overflow:hidden;background:radial-gradient(55% 50% at 50% 46%,#33392f,#1d2120 62%,#121514);isolation:isolate;direction:ltr;container-type:inline-size}.xr:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(198,239,58,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(198,239,58,.06) 1px,transparent 1px);background-size:6.25% 6.25%;-webkit-mask-image:radial-gradient(70% 65% at 50% 50%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 65% at 50% 50%,#000 30%,transparent 80%)}.xr-floor{position:absolute;left:30%;right:30%;bottom:9%;height:5%;border-radius:50%;background:radial-gradient(closest-side,rgba(198,239,58,.35),transparent);filter:blur(4px);animation:xrshad 5s ease-in-out infinite}.xr-leash{position:absolute;left:24%;width:52%;top:18.9%;height:62.2%;perspective:900px}.xr-body{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:xrspin 10s ease-in-out infinite}.xr-leash img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.6)) drop-shadow(0 0 1px rgba(198,239,58,.6));transition:opacity .35s}.xr-leash img.out{opacity:0}@keyframes xrspin{0%,to{transform:translateY(0) rotateY(-7deg) rotate(-1deg)}50%{transform:translateY(-2.2%) rotateY(7deg) rotate(1deg)}}@keyframes xrshad{0%,to{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.85);opacity:.6}}.xr-beam{position:absolute;left:14%;right:14%;height:2px;top:16%;background:linear-gradient(90deg,transparent,var(--acc1) 20%,#f4ffd0 50%,var(--acc1) 80%,transparent);box-shadow:0 0 18px 4px #c6ef3a8c;opacity:0;pointer-events:none;z-index:2}.xr-beam:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:70px;background:linear-gradient(to top,rgba(198,239,58,.16),transparent)}.xr-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}.xr-lines line{stroke:var(--acc1);stroke-width:.35;stroke-dasharray:60;stroke-dashoffset:60;transition:stroke-dashoffset .6s ease}.xr-lines circle{fill:var(--acc1);opacity:0;transition:opacity .3s}.xr-lines g.on line{stroke-dashoffset:0}.xr-lines g.on circle{opacity:1}.xr-lens{position:absolute;z-index:4;width:21%;aspect-ratio:1/1;margin:-10.5% 0 0 -10.5%;border-radius:50%;border:2px solid var(--acc1);background-color:#191c1b;background-repeat:no-repeat;background-size:360% auto;box-shadow:0 0 0 4px #c6ef3a26,0 10px 24px #0000008c;transform:scale(.2);opacity:0;transition:transform .55s cubic-bezier(.2,1.4,.4,1),opacity .3s}.xr-lens.on{transform:scale(1);opacity:1}.xr-lab{position:absolute;left:50%;top:104%;transform:translate(-50%);width:150%;text-align:center;direction:rtl;color:#fff;line-height:1.2}.xr-lab b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(11px,2.3cqw,15px);color:var(--acc1)}.xr-lab span{display:block;font-size:clamp(10px,1.9cqw,13px);color:#cfd6c2;font-weight:600}.xr-num{position:absolute;top:-6%;right:-6%;width:30%;aspect-ratio:1;border-radius:50%;background:var(--acc1);color:var(--ink);border:2px solid var(--ink);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:clamp(10px,2.2cqw,14px)}.xr-ping{position:absolute;z-index:3;width:4%;aspect-ratio:1;margin:-2% 0 0 -2%;border-radius:50%;background:var(--acc1);opacity:0;pointer-events:none}.xr-ping.on{animation:xrping 1s ease-out}@keyframes xrping{0%{transform:scale(.4);opacity:1}to{transform:scale(3.2);opacity:0}}.xr-tag{position:absolute;z-index:5;top:3.5%;left:50%;transform:translate(-50%);direction:rtl;background:var(--acc1);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:3px 12px;font-weight:800;font-size:clamp(11px,2.5cqw,15px);white-space:nowrap}.xr-spec{position:absolute;z-index:5;right:3.5%;top:3.5%;direction:rtl;color:#cfd6c2;font-size:clamp(9px,1.9cqw,12px);font-weight:700;letter-spacing:.04em;opacity:.8}.xr-bar{position:absolute;z-index:5;left:3.5%;right:3.5%;bottom:3.5%;display:flex;align-items:center;justify-content:space-between;gap:8px;direction:rtl}.xr-sw{display:flex;gap:4px;background:#1d2120b8;border:2px solid rgba(198,239,58,.5);border-radius:999px;padding:5px 8px}.xr-sw button{cursor:pointer;width:clamp(18px,4.4cqw,24px);aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.85);padding:0;position:relative}.xr-sw button:after{content:"";position:absolute;top:-10px;right:-2px;bottom:-10px;left:-2px}.xr-sw button[aria-pressed=true]{box-shadow:0 0 0 3px var(--acc1)}.xr-pp{cursor:pointer;width:40px;height:40px;border-radius:50%;border:2px solid var(--acc1);background:#1d2120cc;color:var(--acc1);font-weight:800;display:grid;place-items:center;flex:none;padding:0}.xr :focus-visible{outline-color:var(--acc1);box-shadow:0 0 0 6px var(--ink)}.xr.fb .xr-leash{left:0;top:0;width:100%;height:100%;perspective:none}.xr.fb .xr-leash img{object-fit:cover;filter:none}.xr.fb .xr-lens,.xr.fb .xr-lines,.xr.fb .xr-ping,.xr.fb .xr-beam,.xr.fb .xr-floor,.xr.fb .xr-spec{display:none}@container (max-width:420px){.xr-spec{display:none}.xr-lens{width:19%;margin:-9.5% 0 0 -9.5%}}@media(max-width:820px){.hero .xr{width:100%}}@media(prefers-reduced-motion:reduce){.xr-body,.xr-floor{animation:none}.xr-lens{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/kliko-xray.css.map */