.pastael-product-chip.is-hidden{display:none}.pastael-product-chip{position:relative;display:flex;gap:.2rem;align-items:center;justify-content:center;width:fit-content;min-width:0;max-width:14.3rem;padding:.4rem 1rem .4rem .4rem;border-radius:.6rem;background-color:var(--pastael-color-white)}.pastael-product-chip[data-chip-title]:after{content:attr(data-chip-title);position:absolute;z-index:3;bottom:calc(100% + .4rem);left:50%;box-sizing:border-box;width:100%;padding:.4rem .8rem;border-radius:.4rem;background-color:var(--pastael-color-cocoa);color:var(--pastael-color-white);font-family:var(--pastael-font-family);font-size:1rem;font-weight:var(--pastael-font-medium);line-height:1.2;text-align:center;text-transform:uppercase;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%);transition:opacity .15s ease,visibility .15s ease}.pastael-product-chip--link{text-decoration:none}.pastael-product-chip--link:hover{opacity:.92}@media(hover:hover)and (pointer:fine){.pastael-product-chip[data-chip-title]:hover:after,.pastael-product-chip[data-chip-title]:focus-visible:after,.pastael-product-chip[data-chip-title]:focus-within:after{opacity:1;visibility:visible}}.pastael-product-chip__image,.pastael-product-chip__placeholder{flex-shrink:0;width:3.2rem;height:3.2rem;object-fit:cover;border-radius:.4rem}.pastael-product-chip__placeholder{background-color:var(--pastael-color-sand)}.pastael-product-chip__copy{display:flex;flex:1 1 auto;flex-direction:column;gap:.4rem;align-items:flex-start;min-width:0}.pastael-product-chip__title{width:100%;max-width:100%;overflow:hidden;color:var(--pastael-color-black);font-family:var(--pastael-font-family);font-size:1rem;font-weight:var(--pastael-font-medium);line-height:var(--pastael-leading);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis}.pastael-product-chip__size{display:inline-flex;align-items:center;justify-content:center;height:1.4rem;padding:0 .4rem;border-radius:var(--pastael-chip-radius);background-color:var(--pastael-color-sand);color:var(--pastael-color-cocoa);font-family:var(--pastael-font-family);font-size:1rem;font-weight:var(--pastael-font-medium);line-height:var(--pastael-leading);text-transform:uppercase;white-space:nowrap}@media screen and (min-width:750px){.pastael-product-chip__title{font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-pastael-product-chip.css.map */