.product-grid__card.product-grid__card{display:flex;flex-flow:column nowrap;gap:var(--product-card-gap);align-items:var(--product-card-alignment);text-decoration:none;color:var(--color, var(--color-foreground));padding-block:var(--padding-block-start) var(--padding-block-end);padding-inline:var(--padding-inline-start) var(--padding-inline-end);overflow:hidden}.product-grid__card swatches-variant-picker-component overflow-list::part(list){flex-wrap:wrap}@media screen and (max-width:749px){.product-grid__card .group-block>:is(.mobile-column,:not(.layout-panel-flex--row)){flex-direction:column}}:is(.product-grid__item,.resource-list__item) .product-card{display:grid;height:100%}@media screen and (max-width:749px){:is(.product-card,.product-grid__card) :is(h4,.h4){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3}}.product-card__placeholder-image svg{height:100%}.product-card__content slideshow-component{--cursor: pointer}@media screen and (max-width:749px){.product-card slideshow-arrows .slideshow-control{display:none}}.quick-add{--quick-add-offset: var(--padding-sm);--quick-add-right: calc(var(--quick-add-offset) + var(--padding-inline-end));--quick-add-bottom: calc(var(--quick-add-offset) + var(--padding-block-end));--quick-add-inset-inline-end: max( var(--quick-add-right), calc((var(--border-radius) + var(--quick-add-right)) * (1 - cos(45deg))) );--quick-add-inset-block-end: max( var(--quick-add-bottom), calc((var(--border-radius) + var(--quick-add-bottom)) * (1 - cos(45deg))) );position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-raised);pointer-events:none}@media screen and (min-width:750px){.quick-add{--quick-add-offset: var(--padding-md)}}.quick-add .variant-option__button-label input[data-option-available=false]{cursor:not-allowed}[data-quick-add-button=choose] add-to-cart-component{display:none}[data-quick-add-button=add] .quick-add__button--choose{display:none}product-card:is(:hover,:focus-within) .quick-add__button{opacity:1}product-card:is(:hover,:focus-within) .quick-add__button:disabled{opacity:var(--opacity-muted-text)}button.quick-add__button{--quick-add-collapsed-width: var(--button-size-md);--quick-add-icon-width: calc(var(--button-size-md) - 4px);--quick-add-expanded-width: max-content;display:var(--quick-add-mobile-display, none);align-items:center;justify-content:flex-start;gap:0;background:linear-gradient(var(--quick-add-background, var(--color-background)) 0 100%) padding-box;padding:0;border-radius:50px;border:2px solid hsl(0 0% 0% / .15);height:var(--button-size-md);width:var(--quick-add-collapsed-width);cursor:pointer;opacity:var(--quick-add-mobile-opacity, 0);overflow:hidden;color:var(--quick-add-foreground, var(--color-foreground));pointer-events:all;position:absolute;inset-inline-end:var(--quick-add-inset-inline-end);inset-block-end:var(--quick-add-inset-block-end);max-inline-size:calc(100% - var(--quick-add-inset-inline-end));min-inline-size:0;white-space:nowrap;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);interpolate-size:allow-keywords}button.quick-add__button:hover{scale:1.03}button.quick-add__button:hover:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:-1}button.quick-add__button:active{scale:.99}.quick-add[stay-visible] button.quick-add__button{display:flex}@media screen and (min-width:750px){button.quick-add__button{display:var(--quick-add-display, flex);opacity:0}button.quick-add__button:disabled{opacity:0}}.quick-add__button.add-to-cart-button{height:var(--button-size-md)}.quick-add__button .svg-wrapper .checkmark-burst{width:22px;height:22px}.quick-add__button>.add-to-cart-icon{flex-shrink:0;width:var(--quick-add-icon-width);height:100%}.quick-add__product-form-component{height:100%}.quick-add__product-form-component .shopify-product-form{display:flex;justify-content:flex-end;align-items:flex-end;container-type:inline-size;height:100%}.quick-add-modal .product-media{width:100%;height:100%}.quick-add-modal deferred-media{display:none}.quick-add-modal .media-gallery--carousel slideshow-component{--cursor: default}@media screen and (min-width:750px){.quick-add__button:is(:hover,:focus-visible){width:var(--quick-add-expanded-width);padding-inline-end:var(--padding-sm)}}.quick-add__button[data-added=true]{width:var(--quick-add-collapsed-width);color:transparent}.quick-add__button[data-added=true]>.add-to-cart-icon{opacity:0}.quick-add__button[data-added=true] .add-to-cart__added{color:var(--quick-add-foreground, var(--color-foreground))}@media(prefers-reduced-motion:no-preference){button.quick-add__button{transition-property:scale,translate,opacity,width;transition-duration:var(--animation-speed);transition-timing-function:var(--ease-out-cubic)}}.product-badges{--badge-inset: max(var(--padding-xs), calc((var(--border-radius) + var(--padding-xs)) * (1 - cos(45deg))));position:absolute;z-index:var(--layer-flat)}.product-badges--bottom-left{bottom:calc(var(--badge-inset) + var(--padding-block-start));inset-inline-start:calc(var(--badge-inset) + var(--padding-inline-start))}.product-badges--top-left{top:calc(var(--badge-inset) + var(--padding-block-start));inset-inline-start:calc(var(--badge-inset) + var(--padding-inline-start))}.product-badges--top-right{top:calc(var(--badge-inset) + var(--padding-block-start));inset-inline-end:calc(var(--badge-inset) + var(--padding-inline-end))}.product-badges__badge{--badge-font-size: var(--font-size--xs);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-foreground);background:var(--color-background);font-size:var(--badge-font-size);font-family:var(--badge-font-family);font-weight:var(--badge-font-weight);text-transform:var(--badge-text-transform);border-radius:var(--badge-border-radius)}.product-badges__badge--rectangle{padding-block:var(--badge-rectangle-padding-block);padding-inline:var(--badge-rectangle-padding-inline)}.product-grid-view-zoom-out--details{display:none}@media screen and (min-width:750px){ul[product-grid-view=zoom-out] .product-grid-view-zoom-out--details{font-size:var(--font-size--xs);font-family:var(--font-paragraph--family);font-weight:400;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/product-card-components.css.map */