@import url("https://fonts.googleapis.com/css?family=Montserrat:regular,500,700&display=swap");.card__image,.card__top{position:relative}.card__image{display:block;overflow:hidden;padding-bottom:150%}.card__image img{height:100%;object-fit:cover;top:0;transition:transform .2s}.card__image img,.card__toolbar{left:0;position:absolute;width:100%}.card__toolbar{align-items:center;display:flex;gap:1.25rem;justify-content:space-between;padding:.625rem;z-index:10}.card__toolbar--top{top:0}.card__toolbar--bottom{bottom:0}.card__content{padding:.9375rem .625rem}.card__content-top{align-items:center;display:flex;gap:.9375rem;justify-content:space-between;margin-bottom:.625rem}.card__favorite{transition:color .2s}._favorite .card__favorite svg{color:var(--error);fill:var(--error)}.card__price--old{font-size:.75rem;text-decoration:line-through}.card__price--sale{color:var(--error)}.card__add{align-items:center;background-color:var(--primary);border-radius:50%;color:var(--background);display:flex;flex:0 0 auto;height:2rem;justify-content:center;transition:background-color .2s;width:2rem}.card__add:active{background-color:var(--secondary)}.card__add-icon{height:.875rem;width:.875rem}.card__title{font-weight:400}.card__colors{display:flex;gap:.9375rem;padding-top:.9375rem}.card__color{align-items:center;border:.0625rem solid var(--light);border-radius:50%;display:flex;flex:0 0 auto;height:2rem;justify-content:center;padding:.1875rem;width:2rem}.card__color:before{background-color:currentColor;border-radius:50%;content:"";height:100%;width:100%}@media (max-width:47.99875em){.card__toolbar{padding:.3125rem}.card__content{padding:.9375rem 0}.card__content-top{margin-bottom:.3125rem}.card__price{font-size:.875rem}.card__add{height:1.5rem;width:1.5rem}.card__add-icon{height:.75rem;width:.75rem}.card__title{font-size:.875rem}.card__colors{padding-top:.625rem}.card__color{height:1.5rem;padding:.125rem;width:1.5rem}}@media (max-width:29.99875em){.card__prices{display:flex;flex-direction:column-reverse}}@media (any-hover:hover){.card__image:hover img{transform:scale(1.05)}.card__favorite:hover{color:var(--error)}.card__add:hover{background-color:var(--secondary)}.card__title a:hover{text-decoration:underline}}