.gj-card{position:relative;min-width:0}.gj-card__media{aspect-ratio:var(--gj-card-ratio)}.gj-card--ranked .gj-card__media{background:var(--gj-white)}.gj-card__image-link,.gj-card__image{display:block;width:100%;height:100%}.gj-card__image{object-fit:cover}.gj-card__placeholder{fill:var(--gj-line-3)}.gj-card--sold-out .gj-card__image{opacity:.6}.gj-card__badge{position:absolute;top:8px;left:8px;z-index:1}.gj-card__fav{position:absolute;top:4px;right:4px;z-index:1}.gj-card__fav button,.gj-wishlist-button button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;background:none;color:var(--gj-black);cursor:pointer}.gj-card__fav button:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.gj-icon__fill{fill:transparent;transition:fill .2s}[aria-pressed=true] .gj-icon__fill{fill:currentcolor}[aria-pressed=true] .gj-icon--heart{animation:gj-pop .25s var(--gj-ease-pop)}@keyframes gj-pop{50%{transform:scale(1.15)}}.gj-card__form{display:contents}.gj-card .gj-card__quick{--button-background-color: var(--gj-white);--button-color: var(--gj-black);--button-border-width: 0;position:absolute;right:8px;bottom:8px;z-index:1;display:flex;align-items:center;justify-content:center;width:32px;min-width:0;height:32px;min-height:0;padding:0;border:0;border-radius:0;background:var(--gj-white);color:var(--gj-black);font:700 11px/1 var(--gj-font-body);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s}.gj-card .gj-card__quick:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.gj-card .gj-card__quick:hover,.gj-card .gj-card__quick:focus-visible{--button-background-color: var(--gj-black);--button-color: var(--gj-white);background:var(--gj-black);color:var(--gj-white)}.gj-card .gj-card__quick[aria-busy=true]{cursor:progress;opacity:.6}.gj-card .gj-card__quick:disabled{opacity:.5;cursor:not-allowed}.gj-card__quick-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.gj-card .gj-card__quick--outline{position:relative;right:auto;bottom:auto;flex:none;width:30px;height:30px;border:1px solid var(--gj-black);background:transparent}.gj-card__info{padding:10px 4px 0}.gj-card__title{display:-webkit-box;overflow:hidden;color:var(--gj-black);font-size:var(--gj-product);font-weight:500;line-height:1.35;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.gj-card__title:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.gj-card__price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px;font-size:var(--gj-product)}.gj-card__compare{margin-inline-start:6px;color:var(--gj-text-3)}.gj-card__swatches{display:flex;flex:none;gap:4px}.gj-card__swatches .gj-swatch{width:9px;height:9px;background:var(--gj-swatch)}.gj-card--ranked .gj-card__info{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0 0}.gj-card__rank{color:var(--gj-caramel);font:700 22px/.9 var(--gj-font-display);letter-spacing:-.04em}.gj-card__meta{display:block;margin-top:2px;color:var(--gj-text-3);font-size:12px}.gj-card__fav,.gj-card__quick,.gj-card__badge{z-index:2}@media screen and (min-width:990px){.gj-card__badge{top:14px;left:14px;padding:5px 8px;font-size:10px}.gj-card__fav{top:6px;right:6px}.gj-card__fav button{width:40px;height:40px}.gj-card:not(.gj-card--ranked) .gj-card__quick{right:10px;bottom:10px;width:36px;height:36px}.gj-card__info{padding:12px 2px 0}.gj-card:not(.gj-card--ranked) .gj-card__text{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px}.gj-card:not(.gj-card--ranked) .gj-card__price-row{display:contents}.gj-card:not(.gj-card--ranked) .gj-card__price{grid-column:1;margin-top:3px}.gj-card:not(.gj-card--ranked) .gj-card__swatches{grid-column:2;grid-row:1;align-self:start;margin-top:4px}.gj-card__rank{font-size:30px}.gj-card__meta{font-size:13px}}@media(prefers-reduced-motion:reduce){[aria-pressed=true] .gj-icon--heart{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/gj-product-card.css.map */