.np-card{--_ratio: var(--np-card-ratio, 1 / 1);--_radius: var(--np-card-radius, 0px);--_gap: var(--np-card-gap, .5rem);--_pad: var(--np-card-pad, 1rem);--_img-scale: var(--np-card-img-scale, .8);--_btn-h: var(--np-card-btn-h, 2.75rem);--_eyebrow-size: var(--np-card-eyebrow-size-d, 14px);--_eyebrow-w: var(--np-card-eyebrow-weight, 400);--_title-size: var(--np-card-title-size-d, 18px);--_title-w: var(--np-card-title-weight, 500);--_rating-size: var(--np-card-rating-size-d, 14px);--_rating-w: var(--np-card-rating-weight, 400);--_excerpt-size: var(--np-card-excerpt-size-d, 16px);--_excerpt-w: var(--np-card-excerpt-weight, 400);--_price-size: var(--np-card-price-size-d, 16px);--_price-w: var(--np-card-price-weight, 500);--_compare-w: var(--np-card-compare-weight, 400);--_stock-size: var(--np-card-stock-size-d, 14px);--_stock-w: var(--np-card-stock-weight, 400);--_btn-size: var(--np-card-btn-size-d, 14px);--_btn-w: var(--np-card-btn-weight, 400);--_badge-size: var(--np-badge-size-d, 12px);--_bg: var(--np-card-color-bg, var(--np-color-canvas, var(--background, #fff)));--_border: var(--np-card-color-border, var(--np-color-border, var(--dotted-color, #e5e5e5)));--_eyebrow-c: var(--np-card-color-eyebrow, var(--np-color-muted, #737373));--_title-c: var(--np-card-color-title, var(--np-color-heading, var(--header-color, #000)));--_excerpt-c: var(--np-card-color-excerpt, var(--np-color-muted, #737373));--_price-c: var(--np-card-color-price, var(--np-color-ink, var(--text-color, #121212)));--_sale-c: var(--np-card-color-sale-price, var(--np-color-ink, var(--text-color, #121212)));--_compare-c: var(--np-card-color-compare, var(--np-color-muted, #737373));--_ink: var(--np-color-ink, var(--text-color, #121212));--_muted: var(--np-color-muted, #737373);--_surface: var(--np-color-surface, var(--secondary-color, #f7f7f7));--_scarcity: var(--np-color-scarcity, #737373);--_btn-bg: var(--np-card-btn-bg, var(--button-color, #121212));--_btn-text: var(--np-card-btn-text, var(--button-text, #fff));--_btn-hover-bg: var(--np-card-btn-hover-bg, var(--np-color-accent, #1773b0));--_btn-hover-text: var(--np-card-btn-hover-text, #fff);--_view-text: var(--np-card-view-text, var(--np-color-ink, #121212));--_view-hover-bg: var(--np-card-view-hover-bg, var(--np-color-surface, #f7f7f7));--_badge-status-bg: var(--np-badge-status-bg, #121212);--_badge-status-text: var(--np-badge-status-text, #fff);--_badge-custom-bg: var(--np-badge-custom-bg, #121212);--_badge-custom-text: var(--np-badge-custom-text, #fff);--_badge-w: var(--np-badge-weight, 400);--_badge-tt: var(--np-badge-transform, none);--_badge-radius: var(--np-badge-radius, 0px);--_badge-py: var(--np-badge-pad-y, 4px);--_badge-px: var(--np-badge-pad-x, 8px);--_font-body: var(--np-font-body, var(--main-family, system-ui, sans-serif));--_font-display: var(--np-font-display, var(--main-family, system-ui, sans-serif));--_font-ui: var(--np-font-ui, var(--main-family, system-ui, sans-serif));--_ease: var(--np-ease, cubic-bezier(.25, .46, .45, .94));--_dur: .16s;position:relative;display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid var(--_border);border-radius:var(--_radius);background:var(--_bg);color:var(--_ink);font-family:var(--_font-body);container:np-card / inline-size;overflow:hidden}@media(max-width:740px){.np-card{--_eyebrow-size: var(--np-card-eyebrow-size-m, 12px);--_title-size: var(--np-card-title-size-m, 16px);--_rating-size: var(--np-card-rating-size-m, 13px);--_excerpt-size: var(--np-card-excerpt-size-m, 14px);--_price-size: var(--np-card-price-size-m, 15px);--_stock-size: var(--np-card-stock-size-m, 12px);--_btn-size: var(--np-card-btn-size-m, 13px);--_badge-size: var(--np-badge-size-m, 11px)}}.np-card .np-card__media{position:relative;aspect-ratio:var(--_ratio);background:var(--_bg);overflow:hidden}.np-card a.np-card__media-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;text-decoration:none}.np-card img.np-card__img,.np-card .np-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:100%;margin:0;border:0;object-fit:contain;display:block;transition:opacity var(--_dur) var(--_ease),transform .3s var(--_ease)}.np-card--fit-contain img.np-card__img{inset:auto;top:50%;left:50%;width:calc(100% * var(--_img-scale));height:calc(100% * var(--_img-scale));transform:translate(-50%,-50%)}.np-card--fit-cover img.np-card__img{object-fit:cover}.np-card img.np-card__img--secondary{opacity:0;pointer-events:none}.np-card .np-card__placeholder{fill:var(--_border);background:var(--_surface)}.np-card.is-sold-out img.np-card__img--primary{opacity:.6}.np-card .np-card__media .product-loop__video-outer-wrapper{z-index:0}.np-card .np-card__theme-icons{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}@media(hover:hover)and (pointer:fine){.np-card--hover-flip:hover img.np-card__img--secondary{opacity:1}.np-card--hover-flip:hover img.np-card__img--primary:has(+.np-card__img--secondary){opacity:0}.np-card--hover-zoom.np-card--fit-contain:hover img.np-card__img--primary,.np-card--hover-flip.np-card--fit-contain:hover img.np-card__img--primary:not(:has(+.np-card__img--secondary)){transform:translate(-50%,-50%) scale(1.08)}.np-card--hover-zoom.np-card--fit-cover:hover img.np-card__img--primary,.np-card--hover-flip.np-card--fit-cover:hover img.np-card__img--primary:not(:has(+.np-card__img--secondary)){transform:scale(1.05)}}.np-card button.np-card__quickview{box-sizing:border-box;position:absolute;right:.75rem;bottom:.75rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;min-width:2.25rem;max-width:none;height:2.25rem;margin:0;padding:0;line-height:1;border:1px solid var(--_border);border-radius:0;background:var(--_bg);color:var(--_ink);font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;opacity:0;pointer-events:none;transition:opacity var(--_dur) var(--_ease),background var(--_dur) var(--_ease)}.np-card button.np-card__quickview svg.np-card__quickview-icon{width:1.125rem;height:1.125rem}.np-card button.np-card__quickview:focus-visible{opacity:1;pointer-events:auto;outline:2px solid var(--_ink);outline-offset:2px}@media(hover:hover)and (pointer:fine){.np-card:hover button.np-card__quickview{opacity:1;pointer-events:auto}.np-card button.np-card__quickview:hover{background:var(--_surface)}}@media(hover:none){.np-card button.np-card__quickview{opacity:1;pointer-events:auto}}.np-card .np-badges{display:none;flex-wrap:wrap;gap:.375rem;pointer-events:none;margin:0;padding:0}.np-card .np-badges:empty{display:none}.np-card .np-badge{display:inline-block;padding:var(--_badge-py) var(--_badge-px);border-radius:var(--_badge-radius);font-family:var(--_font-body);font-size:var(--_badge-size);font-weight:var(--_badge-w);line-height:1.3;letter-spacing:.01em;text-transform:var(--_badge-tt);white-space:nowrap}.np-card .np-badges--status .np-badge{background:var(--_badge-status-bg);color:var(--_badge-status-text)}.np-card .np-badges--custom .np-badge{background:var(--_badge-custom-bg);color:var(--_badge-custom-text)}.np-card .np-badges--over{position:absolute;z-index:3;max-width:calc(100% - 1.5rem)}.np-card .np-badges--over[data-pos-m^=over_t]{top:.75rem}.np-card .np-badges--over[data-pos-m^=over_b]{bottom:.75rem}.np-card .np-badges--over[data-pos-m$=l]{left:.75rem;justify-content:flex-start}.np-card .np-badges--over[data-pos-m$=r]{right:.75rem;justify-content:flex-end}.np-card .np-badges--over[data-pos-m$=c]{left:50%;transform:translate(-50%);justify-content:center}.np-card .np-badges--over[data-pos-m^=over]{display:flex}.np-card .np-badges--stack-m[data-pos-m^=over_t]{top:calc(.75rem + var(--_badge-stack, 2.25rem))}.np-card .np-badges--stack-m[data-pos-m^=over_b]{bottom:calc(.75rem + var(--_badge-stack, 2.25rem))}.np-card .np-badges--body[data-slot=body_top][data-pos-m=body_top],.np-card .np-badges--body[data-slot=body_title][data-pos-m=body_title],.np-card .np-badges--body[data-slot=body_price][data-pos-m=body_price]{display:flex}@media(min-width:741px){.np-card .np-badges{display:none}.np-card .np-badges--over{top:auto;bottom:auto;left:auto;right:auto;transform:none}.np-card .np-badges--over[data-pos-d^=over_t]{top:.75rem}.np-card .np-badges--over[data-pos-d^=over_b]{bottom:.75rem}.np-card .np-badges--over[data-pos-d$=l]{left:.75rem;justify-content:flex-start}.np-card .np-badges--over[data-pos-d$=r]{right:.75rem;justify-content:flex-end}.np-card .np-badges--over[data-pos-d$=c]{left:50%;transform:translate(-50%);justify-content:center}.np-card .np-badges--over[data-pos-d^=over]{display:flex}.np-card .np-badges--stack-d[data-pos-d^=over_t]{top:calc(.75rem + var(--_badge-stack, 2.25rem))}.np-card .np-badges--stack-d[data-pos-d^=over_b]{bottom:calc(.75rem + var(--_badge-stack, 2.25rem))}.np-card .np-badges--body[data-slot=body_top][data-pos-d=body_top],.np-card .np-badges--body[data-slot=body_title][data-pos-d=body_title],.np-card .np-badges--body[data-slot=body_price][data-pos-d=body_price]{display:flex}}.np-card .np-card__info{display:flex;flex-direction:column;gap:var(--_gap);flex:1 1 auto;min-width:0;padding:var(--_pad);border-top:1px solid var(--_border)}.np-card .np-card__vendor,.np-card .np-card__type{display:block;margin:0;font-family:var(--_font-ui);font-size:var(--_eyebrow-size);font-weight:var(--_eyebrow-w);line-height:1.2;text-transform:uppercase;letter-spacing:.06em;color:var(--_eyebrow-c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-card h2.np-card__title,.np-card h3.np-card__title,.np-card h4.np-card__title{margin:0;padding:0;font-family:var(--_font-display);font-size:var(--_title-size);font-weight:var(--_title-w);font-style:normal;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--_title-c);overflow-wrap:anywhere}.np-card a.np-card__title-link{color:inherit;font-weight:inherit;text-decoration:none}.np-card a.np-card__title-link:focus-visible{outline:2px solid var(--_ink);outline-offset:2px}.np-card .np-card__rating{display:flex;flex-wrap:wrap;align-items:center;gap:.125rem .375rem;margin:0;color:var(--_ink);font-size:var(--_rating-size);font-weight:var(--_rating-w);line-height:1}.np-card .np-card__stars{display:inline-flex;gap:.125rem}.np-card .np-card__star{width:.75rem;height:.75rem;color:var(--_ink)}.np-card .np-card__rating-sep{width:1px;height:.75rem;background:var(--_ink);opacity:.4}.np-card p.np-card__excerpt{margin:0;padding:0;font-size:var(--_excerpt-size);font-weight:var(--_excerpt-w);line-height:1.5;color:var(--_excerpt-c);display:-webkit-box;-webkit-line-clamp:var(--np-card-excerpt-lines, 2);line-clamp:var(--np-card-excerpt-lines, 2);-webkit-box-orient:vertical;overflow:hidden}.np-card .np-card__price .price{display:block;margin:0;padding:0;color:var(--_price-c);font-size:var(--_price-size);font-weight:var(--_price-w);line-height:1.2;font-variant-numeric:tabular-nums}.np-card .np-card__price dl{margin:0;padding:0}.np-card .np-card__price dd{margin:0;padding:0;display:inline}.np-card .np-card__price dt{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}.np-card .np-card__price .price__regular{display:block}.np-card .np-card__price .price--on-sale .price__regular,.np-card .np-card__price .price__sale{display:none}.np-card .np-card__price .price--on-sale .price__sale{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .5rem}.np-card .np-card__price .price__unit{display:none}.np-card .np-card__price .price--unit-available .price__unit{display:block;font-size:.8em;font-weight:400;color:var(--_compare-c)}.np-card .np-card__price .price__badges,.np-card .np-card__price .price__availability{display:none!important}.np-card .np-card__price .price--on-sale .price-item--sale{color:var(--_sale-c)}.np-card .np-card__price .price__sale s.price-item--regular,.np-card .np-card__price .price__sale .price-item--regular{font-weight:var(--_compare-w);text-decoration:line-through;color:var(--_compare-c)}.np-card .np-card__price--no-compare .price__sale s.price-item--regular,.np-card .np-card__price--no-compare .price__sale dd:has(>s){display:none}.np-card p.np-card__stock{display:inline-flex;align-items:center;gap:.375rem;margin:auto 0 0;padding:.25rem 0 0;font-family:var(--_font-ui);font-size:var(--_stock-size);font-weight:var(--_stock-w);text-transform:uppercase;letter-spacing:.06em;color:var(--_scarcity)}.np-card .np-card__stock-dot{width:.375rem;height:.375rem;background:currentColor}.np-card .np-card__swatches{display:flex;flex-direction:column;gap:.375rem}.np-card .np-card__swatches .col-swatch ul.options{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin:0;padding:0;list-style:none}.np-card .np-card__swatches .col-swatch li{margin:0;padding:0;line-height:0}.np-card .np-card__swatches .col-swatch li.color{width:1.125rem;height:1.125rem;margin:0;display:block;border:1px solid var(--_border);border-radius:999px;overflow:hidden}.np-card .np-card__swatches .col-swatch li.color>a{display:block;width:100%;height:100%}.np-card .np-card__swatches .col-swatch li.color span,.np-card .np-card__swatches .col-swatch li.color img{display:block;width:100%!important;height:100%!important;border:0;object-fit:cover}.np-card .np-card__swatches .col-swatch li:not(.color)>a{font-family:var(--_font-ui);font-size:var(--_stock-size);line-height:1.125rem;color:var(--_muted);text-decoration:none}.np-card .np-card__actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--_border);margin-top:auto}.np-card .np-card__actions--add_only,.np-card .np-card__actions--view_only{grid-template-columns:minmax(0,1fr)}.np-card .np-card__actions--qty{grid-template-columns:auto minmax(0,1fr)}.np-card form.np-card__form{display:contents;margin:0;padding:0}.np-card a.np-card__btn,.np-card span.np-card__btn,.np-card button.np-card__btn,.np-card input[type=submit].np-card__btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:none;min-width:0;height:auto;min-height:var(--_btn-h);margin:0;padding:.5rem .75rem;border:0;border-radius:0;font-family:var(--_font-ui);font-size:var(--_btn-size);font-weight:var(--_btn-w);line-height:1;letter-spacing:.06em;text-transform:uppercase;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background var(--_dur) var(--_ease),color var(--_dur) var(--_ease)}.np-card a.np-card__btn--view{background:transparent;color:var(--_view-text);border-right:1px solid var(--_border)}.np-card .np-card__actions--view_only a.np-card__btn--view{border-right:0}.np-card a.np-card__btn--add,.np-card button.np-card__btn--add,.np-card input[type=submit].np-card__btn--add{background:var(--_btn-bg);color:var(--_btn-text)}.np-card span.np-card__btn--add.is-disabled{background:var(--_surface);color:var(--_muted);cursor:default}.np-card input[type=submit].np-card__btn.disabled{opacity:.7;cursor:wait}.np-card a.np-card__btn:focus-visible,.np-card button.np-card__btn:focus-visible,.np-card input[type=submit].np-card__btn:focus-visible{outline:2px solid var(--_ink);outline-offset:-3px}.np-card .np-card__note{grid-column:1 / -1;margin:0;padding:.5rem .75rem;font-size:var(--_stock-size)}.np-card .np-card__note p{margin:0}@media(hover:hover)and (pointer:fine){.np-card a.np-card__btn--view:hover{background:var(--_view-hover-bg)}.np-card a.np-card__btn--add:hover,.np-card button.np-card__btn--add:hover,.np-card input[type=submit].np-card__btn--add:not(.disabled):hover{background:var(--_btn-hover-bg);color:var(--_btn-hover-text)}}.np-card .np-card__qty{display:inline-flex;align-items:stretch;min-height:var(--_btn-h);border-right:1px solid var(--_border)}.np-card button.np-card__qty-btn{box-sizing:border-box;width:2rem;min-width:2rem;max-width:none;height:auto;margin:0;padding:0;border:0;border-radius:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--_view-text);font-family:var(--_font-ui);font-size:var(--_btn-size);line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background var(--_dur) var(--_ease)}.np-card input[type=number].np-card__qty-input{box-sizing:border-box;width:2.25rem;min-width:2.25rem;max-width:none;height:auto;margin:0;padding:0;text-align:center;font-family:var(--_font-ui);font-size:var(--_btn-size);font-weight:var(--_btn-w);line-height:1;color:var(--_view-text);background:transparent;border:0;border-left:1px solid var(--_border);border-right:1px solid var(--_border);border-radius:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;text-indent:0}.np-card input[type=number].np-card__qty-input::-webkit-outer-spin-button,.np-card input[type=number].np-card__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.np-card button.np-card__qty-btn:focus-visible,.np-card input[type=number].np-card__qty-input:focus-visible{outline:2px solid var(--_ink);outline-offset:-3px}@media(hover:hover)and (pointer:fine){.np-card button.np-card__qty-btn:hover{background:var(--_view-hover-bg)}}@container np-card (max-width: 180px){.np-card .np-card__actions--both:not(.np-card__actions--qty){grid-template-columns:minmax(0,1fr)}.np-card .np-card__actions--both:not(.np-card__actions--qty) a.np-card__btn--view{border-right:0;border-bottom:1px solid var(--_border)}}@media(prefers-reduced-motion:reduce){.np-card,.np-card *{transition-duration:.001ms!important}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/np-card.css.map */