.viewset{position:fixed;height:100vh;left:0;top:0;background:rgba(0,0,0,.113)}.viewset,.viewset .in{width:100%;display:flex;align-items:center;justify-content:center}.viewset .in{overflow-y:auto;overflow-x:hidden;flex-wrap:wrap;gap:10px;padding:10px;background:#4a49d5;border-radius:15px;border:1px solid #ccc;position:relative}.viewset .c{position:relative;padding:20px;background:rgba(256,256,256,.2);width:70%;height:400px;display:flex;border-radius:15px}@media (max-width:768px){.viewset .c{width:85%;height:500px;padding:10px}}.viewset .in::-webkit-scrollbar{width:3px;border-radius:10px}.viewset .in::-webkit-scrollbar-track{background:#9ca3b7;border-radius:10px}.viewset .in::-webkit-scrollbar-thumb{background:var(--basic-color)}.viewset .in::-webkit-scrollbar-thumb:hover{background:#555}.viewset .in img{flex:0 0 43px;max-height:60px;cursor:pointer;border:3px solid transparent;outline:1px solid #ccc;border-radius:5px;transition:transform .3s ease-in-out,border .3s;position:relative;z-index:1;transform-origin:center bottom}.viewset .in>div:hover:after{content:"";position:fixed;top:60%;left:50%;color:#fff;padding:5px;font-size:12px;transform:scale(4) rotate(-5deg) translate(-50%,-50%);z-index:999;background-image:var(--image);background-size:cover;background-position:50%;width:43px;height:60px;border-radius:2px;border:1px solid black}.viewset .c .close{position:absolute;top:0;right:0;width:30px;height:30px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:100%;cursor:pointer;z-index:999}