.hpc{position:relative;container-type:inline-size;display:flex;flex-direction:column;background:#f2f2f2;color:#111}.hpc__media{position:relative;aspect-ratio:1 / 1;overflow:hidden}.hpc__img{position:absolute;top:6%;left:6%;width:88%;height:88%;max-width:none;object-fit:contain;mix-blend-mode:multiply;opacity:0;transition:opacity .45s ease}.hpc__img.is-active{opacity:1}.hpc__placeholder{fill:#0000001f}.hpc__badges{position:absolute;z-index:2;top:12px;left:12px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}.hpc__badge-group{display:contents}.hpc__badge-group[hidden]{display:none}.hpc__badge{display:block;padding:5px 8px;background:#fff;color:#111;font-size:11px;font-weight:500;line-height:normal;letter-spacing:.04em;text-transform:uppercase}.hpc__badge--sale{background:#d22d1e;color:#fff}.hpc__badge--sold-out{background:#111;color:#fff}.hpc__nav{position:absolute;z-index:3;top:50%;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:-15px 0 0;padding:0;border:1px solid #e2e2e2;background:#fff;color:#111;font-size:13px;line-height:1;cursor:pointer;opacity:0;transition:opacity .3s ease,color .2s ease}.hpc__nav[hidden]{display:none}.hpc__nav--prev{left:8px}.hpc__nav--next{right:8px}.hpc__nav:disabled{color:#888;cursor:default}.hpc:hover .hpc__nav,.hpc__nav:focus-visible{opacity:1}.hpc__bar{position:relative;height:2px;overflow:hidden;background:#dadada}.hpc__bar-thumb{position:absolute;top:0;bottom:0;left:0;width:50%;background:#d22d1e;transform:translate(calc(var(--hpc-bar-progress, 0) * 100%));transition:transform .45s ease}.hpc__body{display:flex;flex-direction:column;gap:6px;padding:14px 12px 18px}.hpc__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.hpc__swatch{position:relative;z-index:2;display:flex;flex:none;width:40px;height:40px;margin:0;padding:3px;border:1.5px solid transparent;background:transparent;cursor:pointer;transition:border-color .2s ease}.hpc__swatch[aria-pressed=true]{border-color:#111}.hpc__swatch:hover{border-color:#b5b5b5}.hpc__swatch[aria-pressed=true]:hover{border-color:#111}.hpc__swatch img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;mix-blend-mode:multiply}.hpc__swatch-text{margin:auto;font-size:11px;text-transform:uppercase}.hpc__more{position:relative;z-index:2;display:inline-flex;align-items:center;min-width:32px;min-height:40px;padding:0 4px;color:#5f5b55;font-size:13px;text-decoration:none}.hpc__more--narrow,.hpc__more--xs{display:none}@container (max-width: 329px){.hpc__swatch--extra,.hpc__more--wide{display:none}.hpc__more--narrow{display:inline-flex}}@container (max-width: 199px){.hpc__swatches{gap:4px}.hpc__swatch{width:30px;height:30px;padding:2px}.hpc__more{min-width:24px}.hpc__swatch--extra-xs,.hpc__more--narrow{display:none}.hpc__more--xs{display:inline-flex;min-height:30px}}.hpc__title{color:#111;font-size:18px;font-weight:400;line-height:1.25;letter-spacing:-.01em;text-decoration:none}.hpc__title:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}.hpc__title:focus-visible{outline:none}.hpc__title:focus-visible:after{outline:2px solid #111;outline-offset:2px}.hpc__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.hpc__price-current{font-size:15px;line-height:normal;letter-spacing:normal;color:#111}.hpc__price-current.is-sale{color:#d22d1e}.hpc__price-compare{font-size:13px;line-height:normal;letter-spacing:normal;color:#9a9a9a}.hpc__price-compare:empty{display:none}.hpc__installments{font-size:13px;line-height:normal;letter-spacing:normal;color:#5f5b55}.hpc__installments strong{color:#111;font-weight:700;letter-spacing:inherit}.hpc--fill{height:100%;min-height:0}.hpc--fill .hpc__media{flex:1 1 auto;aspect-ratio:auto;min-height:0}.hpc--fill .hpc__img{top:8%;left:8%;width:84%;height:84%}.hpc--fill .hpc__body{gap:4px;padding:12px 12px 14px}.hpc--fill .hpc__swatches{margin-bottom:6px}.hpc--fill .hpc__title{font-size:15px;letter-spacing:normal}.hpc--fill .hpc__price-current{font-size:14px}.hpc--fill .hpc__price-compare,.hpc--fill .hpc__installments{font-size:12px}.hpc__cta{display:flex;align-items:center;justify-content:center;height:44px;margin-top:10px;border-radius:999px;background:#111;color:#fff;font-size:14px;font-weight:500;line-height:normal;letter-spacing:normal;transition:background-color .2s ease}.hpc:hover .hpc__cta{background:#333}@media(hover:none){.hpc__nav{display:none}}@media(prefers-reduced-motion:reduce){.hpc__img,.hpc__bar-thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/home-product-card.css.map */