.f-lookbook-card__annotation{cursor:pointer;display:inline-flex;transform:translate(-50%,-50%)}.f-lookbook-card__annotation:after{content:"";height:60px;width:20px;position:absolute;display:none;top:-20px;left:0}.f-lookbook-card__annotation:hover:after{display:block}.f-lookbook-card__annotation:hover>span svg{transform:rotate(180deg)}.f-lookbook-card__annotation.left:after{right:0;left:auto}.f-lookbook-card__pin{width:20px;height:20px;border-radius:50%;cursor:pointer;background:#fff;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:.3s all}.f-lookbook-card__pin:before{content:"";left:-6px;top:-6px;width:32px;height:32px;border-radius:50%;background:currentColor;position:absolute;animation:1.5s theLookDot ease-in-out infinite}.f-lookbook-card__pin svg{width:13px;height:13px;transform:rotate(45deg);transition:.3s all}.f-lookbook-card__pin svg path{fill:#000}.f-lookbook-card__annotation:hover .f-lookbook-card__pin:after{transform:scale(1.2)}.f-lookbook-card__pin--dark{background-color:#000;color:#000}.f-lookbook-card__pin--dark svg path{fill:#fff}.f-lookbook-card__product{top:100%;z-index:11;margin:5px 0;left:0;width:250px;padding:1rem;background-color:#fff;overflow:hidden;border-radius:var(--btn-rounded, 0px);transition:.3s all;opacity:0;visibility:visible;transform:translate3d(0,10px,0);pointer-events:none;box-shadow:2px 7px 15px #0000000a}.f-lookbook-card__product:before{content:"";position:absolute;left:0;height:20px;width:100%;bottom:100%;display:block}.f-lookbook-card__annotation:hover .f-lookbook-card__product{opacity:1;visibility:visible;transform:translateZ(0);pointer-events:auto}.f-lookbook-card__product a{display:block;font-size:14px}.f-lookbook-card__product-image{width:80px;margin-right:1rem}.f-lookbook-card__product-image .f-image{border-radius:var(--btn-rounded, 0px)}@media (max-width: 639.98px){.f-lookbook-card__product-image{width:50px}}.f-lookbook-card__product .btn{display:inline-flex;margin-top:0}.f-lookbook-card__product-title{margin-bottom:0}.f-lookbook-card__product-price{color:var(--color-product-price)}.left .f-lookbook-card__product{right:0;left:auto}.top .f-lookbook-card__product{bottom:100%;margin-bottom:5px;top:auto;transform:translate3d(0,-10px,0)}@keyframes theLookDot{0%{opacity:.5;transform:scale(.55)}to{opacity:0;transform:scale(1.3)}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/component-lookbook-card.css.map */
