:root{--sale-red: #B3282D}.card__sale-flag{position:absolute;left:10px;top:10px;padding:4px 8px;background:var(--sale-red);color:var(--paper)}.pb--card{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px}.pb--card s{color:var(--mute)}.pb--card .price--sale{color:var(--sale-red)}.pb--card .pb__badge{padding:2px 5px;border-radius:2px;background:var(--sale-red);color:#fff;font-size:12px;font-weight:700}.card__cat{margin-bottom:-1px}.card__swatches{padding:0 12px 14px;flex-wrap:wrap;gap:5px}.card__swatch{display:block;width:28px;height:38px;border-radius:0;overflow:hidden;background:var(--cream);box-shadow:inset 0 0 0 1px #14131029}.card__swatch img{display:block;width:100%;height:100%;object-fit:cover}.card__swatch-dot{display:block;width:100%;height:100%;background:var(--cream)}.card__swatches:has(.card__more-toggle:checked) .card__swatch--extra{display:block}.card__more{align-self:center;min-height:38px}.card__more-toggle{position:absolute;width:1px;height:1px;opacity:0;margin:0}.card__swatch--extra{display:none}.card__swatches:has(.card__more-toggle:checked) .card__swatch--extra{display:inline-block}.card__swatches:has(.card__more-toggle:checked) .card__more{display:none}.card__more{position:relative;cursor:pointer;display:inline-flex;align-items:center;-webkit-tap-highlight-color:transparent}.card__more:focus-within{outline:2px solid var(--ink);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.card__more:before{content:"";position:absolute;top:-14px;right:-10px;bottom:-14px;left:-10px}.card__media.is-swatch-preview .card__alt{opacity:0!important}.card__media.is-swatch-locked .card__alt{display:none!important}.card__art img{transition:opacity var(--dur-fast, .18s) var(--ease, ease)}.card__swatch{transition:box-shadow var(--dur-fast, .18s) var(--ease, ease)}.card__swatch:hover,.card__swatch:focus-visible{box-shadow:inset 0 0 0 1px var(--ink);outline:none}.card__swatch[aria-current=true]{box-shadow:inset 0 0 0 2px var(--ink)}
/*# sourceMappingURL=/cdn/shop/t/38/assets/card-extras.css.map */