.collection-sibling__wrap{display:flex;flex-wrap:wrap;gap:16px}.collection-sibling__item-image{display:flex;align-items:center;justify-content:center;width:100%;height:96px;flex-shrink:0;border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.collection-sibling__item-image img{width:100%;height:100%;object-fit:cover}.collection-sibling__item{display:flex;flex-direction:column;text-decoration:none;max-width:160px;width:100%;gap:12px}.collection-sibling__item-text{margin:0;color:#242426;font-size:14px;font-style:normal;font-weight:500;line-height:150%;width:100%;transition:all .3s ease}.collection-sibling__item-text:after{content:"";display:flex;align-items:center;justify-content:center;height:1px;width:0;background:var(--blue-purple-1, linear-gradient(180deg, #060761 0%, #4d188a 73.08%));transition:all .3s ease}.collection-sibling__item:hover .collection-sibling__item-text{background:var(--blue-purple-1, linear-gradient(180deg, #060761 0%, #4d188a 73.08%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.collection-sibling__item:hover .collection-sibling__item-text:after{width:100%}.collection-sibling__item-image_hover-icon{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 4.5px 9px -4.5px #18274b1f,0 6px 18px -3px #18274b14;opacity:0;z-index:2;transition:all .5s ease}.collection-sibling__item-image_hover-icon svg{width:18px;height:18px}.collection-sibling__item-image_hover-icon:hover{transform:translate(-50%,-50%) scale(1.1)}.collection-sibling__item:hover .collection-sibling__item-image_hover-icon{opacity:1}.collection-sibling__item-image:after{content:"";display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#00001ab3;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;transition:all .5s ease}.collection-sibling__item:hover .collection-sibling__item-image:after{opacity:1}@media screen and (max-width: 900px){.collection-sibling__item{max-width:calc(50% - 9px);width:100%;gap:12px}.collection-sibling__item-image{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/collection-sibling.css.map */