.gallery-container{height:340px;display:flex;gap:10px}.gallery-container img{width:100%;height:100%;display:block}.card:not(.ratio){height:110%!important}.gallery-container .card{min-width:70px;height:100%;border-radius:30px;overflow:hidden;display:flex;align-items:flex-end;flex-grow:1;cursor:pointer;position:relative;transition:flex-grow .5s cubic-bezier(.16,1,.3,1);--transition-timing: .35s}.gallery-container .card:hover{flex-grow:7}.gallery-container .card h3{color:#fff;font-size:18px;line-height:40px}.gallery-container .card>.background{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center;filter:brightness(1);z-index:-1;transition:var(--transition-timing) ease}.gallery-container .card:hover>.background{filter:brightness(1)}.gallery-container .card>.card-content{display:flex;align-items:center;position:absolute;left:10px;right:10px;bottom:20px;overflow:hidden;transition:var(--transition-timing);z-index:10}.gallery-container .card:hover>.card-content{right:20px;bottom:20px;left:20px;top:auto}.gallery-container .card-content>*{transition:var(--transition-timing)}.gallery-container .card-content>.profile-image{min-width:50px;max-width:50px;height:50px;border:1px solid white;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.gallery-container .card:hover .profile-image{border:1px solid rgb(110,252,205)}.gallery-container .card-content>.title{white-space:pre;margin-left:10px;translate:0 100%;opacity:1}.gallery-container .card:hover .title{opacity:0;translate:0 0}.gallery-container .card>.backdrop{position:absolute;left:0;right:0;bottom:0;height:100px;z-index:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.7))}@media screen and (max-width: 998px){.gallery-container .card>.card-content{bottom:40px}.gallery-container .card h3{font-size:18px;line-height:20px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/kgallery.css.map */