.card-wrapper{color:inherit;height:100%;position:relative;text-decoration-line:none}@media (max-width: 63.9375rem){.card-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media (min-width: 64rem){.card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:0}.card-wrapper:hover .media.media--hover-effect>img+img{opacity:1;--tw-scale-x: 1.1;--tw-scale-y: 1.1;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-decoration-line:none}@media (min-width: 64rem){.card{height:100%}}.card__button{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-radius:9999px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:2rem;height:2rem;position:absolute;right:1.25rem;bottom:1.25rem;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);pointer-events:none;-webkit-transition-duration:.3s;transition-duration:.3s}.card__media:hover .card__button{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity));--tw-bg-opacity: 1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}@media (min-width: 64rem){.card a:hover .media.media--hover-effect>img:first-child:only-child,.card-wrapper a:hover .media.media--hover-effect>img:first-child:only-child{--tw-scale-x: 1.1;--tw-scale-y: 1.1;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.card__media-container{position:relative}.card__media{position:relative;display:block;overflow:hidden;-webkit-transition-property:border-radius;transition-property:border-radius;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s}@media (min-width: 64rem){.card__media:hover{border-radius:1rem}}.card__media:hover+.card__information a{text-decoration-line:underline;text-underline-offset:4px}.card__badge{position:absolute;z-index:1}.card__badge--pdp{z-index:10}.card__badge--static{position:static}.card__information{padding-top:.75rem;padding-bottom:.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:.25rem}.card__heading{line-height:1}.card__heading a:hover{text-decoration-line:underline;text-underline-offset:2px}.card__information-vendor{font-size:.875rem;line-height:1.25rem;margin-top:.5rem}.card__information-price{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:1.25rem}.card__reviews{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.75rem;line-height:1rem}
/*# sourceMappingURL=/cdn/shop/t/21/assets/card.css.map */