.card-complementary{position:relative;border-radius:.4rem;border:.1rem solid rgb(var(--color-border));overflow:hidden;display:flex;flex-direction:column;background:rgb(var(--color-background));max-width:30rem}.card-complementary__media-wrapper{position:relative;width:100%}.card-complementary__image{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;display:block}.card-complementary__image img,.card-complementary__image svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:var(--image-transition)}.card-complementary__image--placeholder{background-color:rgb(var(--color-background-secondary))}.card-complementary__image--placeholder .placeholder-svg{fill:rgb(var(--color-foreground))}.card-complementary__add-modal-opener{position:absolute;top:1rem;right:1rem;z-index:2;display:block}.card-complementary__add-button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground));border:none;border-radius:4px;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background-color .2s}.card-complementary__add-button:hover{background:rgba(var(--color-foreground),.12)}.card-complementary__add-plus{font-weight:400}.card-complementary__info{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.2rem 1.4rem}.card-complementary__info-left{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;flex:1;min-width:0}.card-complementary__title{font-family:var(--font-heading-card-family);font-style:var(--font-heading-card-style);font-weight:var(--font-heading-card-weight);font-size:calc(var(--font-heading-card-scale) * 1rem);text-transform:uppercase;color:rgb(var(--color-foreground));letter-spacing:.05em;line-height:1.2;transition:opacity var(--duration-default)}.card-complementary__price{font-size:1.2rem;line-height:1.2}.card-complementary__colors{display:flex;gap:.4rem;flex-shrink:0}.card-complementary__color-swatch{display:block;width:2.2rem;height:2.2rem;border-radius:2px;overflow:hidden;border:1px solid rgba(var(--color-foreground),.1);position:relative;z-index:2}.card-complementary__color-swatch img{width:100%;height:100%;object-fit:contain;display:block}.card-complementary__link-overlay{text-decoration:none;background-color:transparent;z-index:1;display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto}.card-complementary__info,.card-complementary__info-left,.card-complementary__title,.card-complementary__price{pointer-events:none}.card-complementary__image-link{display:block;position:relative;z-index:0;pointer-events:auto;text-decoration:none}.card-complementary__add-modal-opener,.card-complementary__color-swatch{pointer-events:auto}@media screen and (hover:hover)and (pointer:fine){.card-complementary:hover .card-complementary__title{opacity:var(--hover-opacity)}.card-complementary:hover .card-complementary__image img{transform:scale(1.02)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-card-complementary.css.map */