card-image{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid #dfdfdf;border-radius:.75rem;background:#f6f3ef;isolation:isolate}card-image>img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}card-image .card-image__primary{opacity:1}card-image .card-image__secondary{opacity:0}.card-gallery.card-gallery--preview{aspect-ratio:1;width:100%;border:0;border-radius:.75rem;padding:0;overflow:visible}.card-gallery--preview>a{display:block}.product-card:has(.card-gallery--preview),.tr-carousel>.tr-card,.resource-card[data-resource-type=product]{min-width:0;max-width:100%}.product-card:has(.card-gallery--preview) .product-card__content{gap:0;justify-content:flex-start;min-width:0;width:100%;overflow:visible}.product-card:has(.card-gallery--preview) [ref=productTitleLink]{display:block;min-width:0;width:100%;margin-top:.75rem;align-self:start}.product-card:has(.card-gallery--preview) [ref=productTitleLink] .text-block,.product-card:has(.card-gallery--preview) [ref=productTitleLink] p,.tr-card .tr-card__title,.resource-card[data-resource-type=product] .resource-card__title{margin:0;padding:0;min-height:0;max-width:100%;font-family:var(--font-body--family);font-size:clamp(.875rem,.82rem + .25vw,1rem);font-weight:500;line-height:1.35;letter-spacing:normal;color:#333;overflow-wrap:anywhere}.product-card:has(.card-gallery--preview) [ref=productTitleLink] p,.tr-card .tr-card__title,.resource-card[data-resource-type=product] .resource-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis}.product-card:has(.card-gallery--preview) product-price{margin:.5rem 0 0;align-self:start;min-width:0;width:100%}.product-card:has(.card-gallery--preview) [ref=priceContainer],.tr-card .tr-card__price,.resource-card[data-resource-type=product] [ref=priceContainer]{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem;min-width:0;overflow-wrap:anywhere}.product-card:has(.card-gallery--preview) .price,.tr-card .tr-card__price,.resource-card[data-resource-type=product] .price{min-width:0;max-width:100%;white-space:normal;font-family:var(--font-body--family);font-size:clamp(1rem,.96rem + .2vw,1.125rem)!important;font-weight:700!important;color:#ec1876!important}.product-card:has(.card-gallery--preview) .compare-at-price,.tr-card .tr-card__price :is(del,.compare-at-price),.resource-card[data-resource-type=product] .compare-at-price{min-width:0;max-width:100%;white-space:normal;font-family:var(--font-body--family);font-size:clamp(.8125rem,.78rem + .15vw,.9375rem)!important;font-weight:400!important;color:#6b6b6b!important;margin-inline:0!important;text-decoration:line-through}.tr-home-products.tr-home-section{max-width:min(var(--page-width, 90rem),90rem)}.product-grid.product-grid,.tr-home-products__grid,.tr-section .tr-carousel,.resource-list.resource-list--grid:has(product-card),.predictive-search-results__wrapper-products{gap:clamp(.75rem,2vw,1.5rem);min-width:0}.product-grid.product-grid{--product-grid-gap: clamp(.75rem, 2vw, 1.5rem);width:100%;max-width:90rem;grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid__item{min-width:0}.product-grid[product-grid-view=zoom-out] .product-card:has(.card-gallery--preview) .product-card__content{display:flex;gap:.75rem}.product-grid[product-grid-view=zoom-out] .product-card:has(.card-gallery--preview) [ref=productTitleLink]{display:none}.product-grid[product-grid-view=zoom-out] .product-card:has(.card-gallery--preview) .product-grid-view-zoom-out--details{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-family:var(--font-body--family);font-size:clamp(.875rem,.82rem + .25vw,1rem);font-weight:500;line-height:1.35;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2}.tr-section .tr-carousel{display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:90rem;margin-inline:auto;padding:.25rem clamp(.75rem,2vw,1.5rem) 1rem;overflow:visible}.tr-carousel>.tr-card{position:relative;display:flex;flex-direction:column;padding:clamp(.5rem,1vw,.75rem);border-radius:.75rem;overflow:visible}.tr-card .tr-card__media{display:block;background:transparent}.tr-card .tr-card__image-link,.resource-card[data-resource-type=product] .resource-card__image-link{display:block}.tr-card .tr-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.tr-card .tr-card__stripe{display:none}.tr-card .tr-card__body{padding:.75rem 0 0}.tr-card .tr-card__price{margin-top:.5rem}.resource-card[data-resource-type=product]{gap:.75rem}.resource-card[data-resource-type=product] .resource-card__media{aspect-ratio:1;position:relative}.resource-card[data-resource-type=product] .resource-card__content{gap:.5rem}.predictive-search-results__wrapper-products.predictive-search-results__wrapper-products{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-card__media,.resource-card[data-resource-type=product] .resource-card__media{container-type:inline-size;z-index:2}:is(.card-gallery,.tr-card__media,.resource-card__media){--tr-quick-add-size: 28px;--tr-quick-add-icon-size: 14px;--tr-quick-add-inset: 6px;--tr-quick-add-offset: min(var(--tr-quick-add-inset), max(0px, calc((100cqi - var(--tr-quick-add-size)) / 2)))}.tr-quick-add{position:absolute;inset-inline-end:var(--tr-quick-add-offset);inset-block-end:var(--tr-quick-add-offset);z-index:var(--layer-raised, 2);display:block;width:var(--tr-quick-add-size);height:var(--tr-quick-add-size);pointer-events:none}.tr-quick-add product-form-component,.tr-quick-add form{display:block;margin:0;padding:0}.tr-quick-add .tr-quick-add__button{position:relative;display:grid;place-items:center;box-sizing:border-box;width:var(--tr-quick-add-size);height:var(--tr-quick-add-size);min-width:var(--tr-quick-add-size);min-height:var(--tr-quick-add-size);padding:0;border:0;border-radius:50%;background:transparent;color:#fff;text-decoration:none;opacity:1;cursor:pointer;pointer-events:auto;touch-action:manipulation}.tr-quick-add .tr-quick-add__button:after{content:"";display:block!important;position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);background:transparent;pointer-events:auto}.tr-quick-add__visual{display:grid;place-items:center;width:var(--tr-quick-add-size);height:var(--tr-quick-add-size);border-radius:50%;background:#ec1876;color:#fff;pointer-events:none}.tr-quick-add__visual svg{width:var(--tr-quick-add-icon-size);height:var(--tr-quick-add-icon-size);max-width:20px;max-height:20px}.tr-quick-add__spinner,.tr-quick-add__check,.tr-quick-add[data-state=loading] .tr-quick-add__plus,.tr-quick-add[data-state=success] .tr-quick-add__plus{display:none}.tr-quick-add[data-state=loading] .tr-quick-add__spinner,.tr-quick-add[data-state=success] .tr-quick-add__check{display:block}.tr-quick-add .tr-quick-add__button:disabled{opacity:1;cursor:wait}.tr-quick-add__button:active .tr-quick-add__visual{background:#c81261}.tr-quick-add .tr-quick-add__button:focus-visible,.tr-card .tr-card__link:focus-visible,.tr-card .tr-card__image-link:focus-visible{outline:.1875rem solid #8b5fbf!important;outline-offset:.125rem}.tr-cart-feedback{position:fixed;left:50%;bottom:max(clamp(1rem,2vw,1.5rem),env(safe-area-inset-bottom,0px));z-index:1000;width:max-content;max-width:calc(100% - 2rem);margin:0;padding:clamp(.625rem,1vw,.875rem) clamp(.875rem,2vw,1.25rem);border-radius:.5rem;background:#333;color:#fff;font-family:var(--font-body--family);font-size:clamp(.875rem,.82rem + .25vw,1rem);line-height:1.4;text-align:center;overflow-wrap:anywhere;transform:translate(-50%);opacity:0;pointer-events:none}.tr-cart-feedback[data-visible=true]{opacity:1}@media(hover:hover)and (pointer:fine){.tr-quick-add__button:hover .tr-quick-add__visual{background:#c81261}}@media(prefers-reduced-motion:no-preference){.tr-quick-add__spinner{animation:tr-quick-add-spin .7s linear infinite}.tr-quick-add__visual{transition:background-color .15s ease}.tr-cart-feedback{transition:opacity .15s ease}}@keyframes tr-quick-add-spin{to{transform:rotate(360deg)}}.product-card:has(.card-gallery--preview) a:focus-visible,.tr-card:focus-visible,.resource-card[data-resource-type=product] a:focus-visible{outline:.1875rem solid #8b5fbf!important;outline-offset:.1875rem}@media(min-width:768px){:is(.card-gallery,.tr-card__media,.resource-card__media){--tr-quick-add-size: 36px;--tr-quick-add-icon-size: 18px;--tr-quick-add-inset: 8px}.product-grid.product-grid{grid-template-columns:var(--product-grid-columns-desktop, repeat(4, minmax(0, 1fr)))}.tr-section .tr-carousel,.predictive-search-results__wrapper-products.predictive-search-results__wrapper-products{grid-template-columns:repeat(4,minmax(0,1fr))}}@supports (grid-template-rows: subgrid){:is(.tr-home-products__grid,.product-grid:not([product-grid-view=zoom-out]),.resource-list--grid:has(product-card))>:is(.tr-home-products__item,.product-grid__item,.resource-list__item){display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}:is(.tr-home-products__item,.product-grid__item,.resource-list--grid>.resource-list__item)>.product-card:has(.card-gallery--preview),:is(.tr-home-products__item,.product-grid__item,.resource-list--grid>.resource-list__item)>.product-card:has(.card-gallery--preview)>.product-card__content{display:grid;grid-row:1 / -1;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);row-gap:0}.product-card:has(.card-gallery--preview) .product-card__content>.card-gallery{grid-row:1}.product-card:has(.card-gallery--preview) .product-card__content>[ref=productTitleLink]{grid-row:2}.product-card:has(.card-gallery--preview) .product-card__content>product-price{grid-row:3}.tr-carousel>.tr-card{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}.tr-card .tr-card__media{grid-row:1}.tr-card .tr-card__body{display:grid;grid-row:2 / span 2;grid-template-rows:subgrid;row-gap:0}.predictive-search-results__wrapper-products>.predictive-search-results__card--product,.predictive-search-results__wrapper-products .resource-card__wrapper,.predictive-search-results__wrapper-products .resource-card[data-resource-type=product]{display:grid;grid-row:span 3;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);row-gap:0}.predictive-search-results__wrapper-products .resource-card[data-resource-type=product] .resource-card__content{display:grid;grid-row:2 / span 2;grid-template-rows:subgrid;row-gap:0;padding-top:.75rem}.predictive-search-results__wrapper-products .resource-card__content>[ref=priceContainer]{margin-top:.5rem;align-self:start}}@media(hover:hover)and (pointer:fine){card-image .card-image__secondary{transition:opacity .25s ease}:is(.product-card,.tr-card,.resource-card):is(:hover,:focus-within) card-image[data-preview-ready] .card-image__secondary{opacity:1}.product-card:has(card-image[data-has-secondary]),.tr-card:has(card-image[data-has-secondary]),.resource-card[data-resource-type=product]:has(card-image[data-has-secondary]){transition:transform .25s ease,box-shadow .25s ease}.product-card:has(card-image[data-has-secondary]):is(:hover,:focus-within),.tr-card:has(card-image[data-has-secondary]):is(:hover,:focus-within),.resource-card[data-resource-type=product]:has(card-image[data-has-secondary]):is(:hover,:focus-within){transform:translateY(-.125rem);box-shadow:0 .375rem 1rem #00000014}.product-card:has(card-image:not([data-has-secondary])):is(:hover,:focus-within){transform:none}}@media(prefers-reduced-motion:reduce){card-image .card-image__secondary,.product-card:has(card-image[data-has-secondary]),.tr-card:has(card-image[data-has-secondary]),.resource-card[data-resource-type=product]:has(card-image[data-has-secondary]){transition:none}.product-card:has(card-image[data-has-secondary]):is(:hover,:focus-within),.tr-card:has(card-image[data-has-secondary]):is(:hover,:focus-within),.resource-card[data-resource-type=product]:has(card-image[data-has-secondary]):is(:hover,:focus-within){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/tr-product-cards.css.map */