.gnt-vip-popup{--gnt-vip-size:140px;position:fixed;z-index:999999;width:calc(var(--gnt-vip-size) + 20px);box-sizing:border-box;padding:10px;background:#fff;border:1px solid rgba(20,20,20,.07);border-radius:14px;box-shadow:0 10px 35px rgba(20,20,20,.13);direction:rtl;text-align:center;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease,visibility .14s;pointer-events:none;color:#222;font-family:inherit}
.gnt-vip-popup.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.gnt-vip-media{width:var(--gnt-vip-size);height:var(--gnt-vip-size);border-radius:10px;overflow:hidden;background:#f7f7f7;display:none;position:relative}
.gnt-vip-popup.has-image .gnt-vip-media{display:block}
.gnt-vip-image{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease}
.gnt-vip-image.is-loaded{opacity:1}
.gnt-vip-loader{position:absolute;inset:0;display:grid;place-items:center}
.gnt-vip-loader::after{content:"";width:18px;height:18px;border:2px solid #ddd;border-top-color:#777;border-radius:50%;animation:gnt-vip-spin .7s linear infinite}
.gnt-vip-image.is-loaded+.gnt-vip-loader{display:none}
.gnt-vip-name{display:block;padding:9px 4px 1px;font-size:13px;line-height:1.35;white-space:normal}
.gnt-vip-popup:not(.has-image) .gnt-vip-name{padding:5px 7px}
@keyframes gnt-vip-spin{to{transform:rotate(360deg)}}
@media(max-width:782px){.gnt-vip-popup{--gnt-vip-size:112px;border-radius:12px;padding:8px;width:calc(var(--gnt-vip-size) + 16px)}.gnt-vip-name{font-size:12px;padding-top:7px}}
@media(prefers-reduced-motion:reduce){.gnt-vip-popup,.gnt-vip-image{transition:none}.gnt-vip-loader::after{animation-duration:1.4s}}