:root{--vnnd-z:9999;--vnnd-opacity:100%;}
.vnnd-wrap{position:fixed;inset:0;pointer-events:none;z-index:var(--vnnd-z);}
.vnnd-close{position:fixed;right:10px;top:10px;pointer-events:auto;border:0;background:rgba(0,0,0,.5);color:#fff;width:32px;height:32px;line-height:30px;text-align:center;border-radius:50%;font-size:20px;cursor:pointer;z-index:calc(var(--vnnd-z) + 1);}
.vnnd-side{position:fixed;bottom:0;width:min(360px,22vw);max-width:420px;opacity:var(--vnnd-opacity);filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));}
.vnnd-side img{width:100%;height:auto;display:block;}
.vnnd-left{left:0;}
.vnnd-right{right:0;}
.vnnd-canvas{position:fixed;left:0;right:0;top:0;width:100%;height:auto;pointer-events:none;opacity:.95;}
@media (max-width:768px){.vnnd-side{width:34vw}.vnnd-canvas{opacity:.85}}
@media (min-width:769px){.vnnd-right{right:8px}}