.lilith-thumbnails-gallery{--thumbs-visible:6;--gap:4px;--radius:0;--border:none;--thumb-width:221px;--thumb-height:331px;position:relative}.lilith-thumbnails-gallery[data-thumbs]{--thumbs-visible:attr(data-thumbs number, 6)}.lilith-thumbs-wrap{position:relative}.lilith-thumbs{display:flex;gap:var(--gap);overflow-x:auto;scroll-behavior:smooth;padding-bottom:4px;flex:1 1 auto;scrollbar-width:none}.lilith-thumbs::-webkit-scrollbar{display:none}.lilith-thumb{flex:0 0 calc((100% - (var(--gap) * (var(--thumbs-visible) - 1))) / var(--thumbs-visible));border:0;border-radius:0;overflow:hidden;padding:0;background:#fff;cursor:pointer;opacity:1;transition:opacity .2s,box-shadow .2s,transform .2s;width:var(--thumb-width);max-width:var(--thumb-width);min-width:var(--thumb-width)}.lilith-thumb:hover{opacity:1;transform:translateY(-2px)}.lilith-thumb img{display:block;width:100%;height:var(--thumb-height);object-fit:cover;max-width:var(--thumb-width);max-height:var(--thumb-height)}.lilith-thumb.is-active{opacity:1;box-shadow:0 0 0 2px #fff}.lilith-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:60px;background:transparent;color:#fff;cursor:pointer;font-size:32px;font-weight:700;line-height:1;transition:opacity .3s;display:flex;align-items:center;justify-content:center;border:none;z-index:10;opacity:1;border-radius:0}.lilith-prev{left:0}.lilith-next{right:0}.lilith-nav:hover,.lilith-nav:focus,.lilith-nav:focus-visible{background:transparent;outline:none}.lilith-nav:active{transform:translateY(-50%) scale(.95)}@media (max-width:1024px){.lilith-thumbnails-gallery{--thumbs-visible:5}}@media (max-width:768px){.lilith-thumbnails-gallery{--thumbs-visible:4}}@media (max-width:480px){.lilith-thumbnails-gallery{--thumbs-visible:3}}