.image-preview-b-s{color:#eee;margin:0;font-family:Poppins}.image-preview-b-s svg{width:1.6rem;height:1.6rem}.userslider{height:100vh;position:relative}.userslider .list .useritem{opacity:0;position:absolute;inset:0;overflow:hidden}.userslider .list .useritem img{object-fit:contain;width:100%;height:100%}.userslider .list .useritem.useractivei{opacity:1;z-index:10}.userarrows{z-index:100;background-color:#e4dfdf73;border-radius:10px;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;top:6%;right:5%}.userarrows button{color:#000;background:0 0;border:none;border-radius:5px;font-family:monospace;font-size:x-large;transition:all .45s}.userarrows button:hover{transform:scale(1.3)}.userthumbnail{z-index:11;box-sizing:border-box;justify-content:start;gap:10px;width:100%;height:150px;padding:0 50px;display:flex;position:absolute;bottom:8px;overflow:auto}.userthumbnail::-webkit-scrollbar{width:0}.userthumbnail .useritem{filter:brightness(.5);cursor:pointer;border-radius:12px;flex-shrink:0;width:80px;height:120px;transition:all .5s}.userthumbnail .useritem img{object-fit:cover;border-radius:12px;width:100%;height:100%}.userthumbnail .useritem.useractivei{filter:brightness(1.4);border:1px solid var(--color-primary)}@media screen and (max-width:678px){.userthumbnail{justify-content:start}.userarrows{top:5%}}.userthumbnail::-webkit-scrollbar{display:none!important}.userthumbnail{-ms-overflow-style:none!important;scrollbar-width:none!important}.otherusericonimg{z-index:100;background-color:#e4dfdf73;border-radius:10px;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;top:1%;right:5%}.otherusericonimg button{color:#000;background:0 0;border:none;border-radius:5px;font-family:monospace;font-size:x-large;transition:all .45s}.otherusericonimg button:hover{transform:scale(1.3)}.background-images-preview-texts-container{justify-content:center;align-items:center;display:flex}.background-images-preview-texts{z-index:100;color:#fff;width:90%;font-size:1.1rem;font-weight:500;position:fixed;top:42%}@media screen and (min-width:768px){.background-images-preview-texts{width:54%;top:40%}}.background-images-preview-texts:hover{color:var(--color-dark)}