:root{--mp-card-bg-color: light-dark(var(--mp-color-card-light-background), var(--mp-color-card-dark-background));--mp-card-charge-bg-color: light-dark( var(--mp-color-product-charge-light-background), var(--mp-color-product-charge-dark-background) );--mp-card-box-shadow-color: light-dark( color-mix(in srgb, var(--mp-color-secondary) 25%, white), color-mix(in srgb, var(--mp-color-secondary) 85%, white) )}.card__outer-container{background:var(--mp-card-bg-color);padding:3rem;margin:2.4rem 0 -3rem;border-block-end:1px solid var(--mp-color-light-gray)}.card{display:flex;background:var(--mp-card-bg-color);border:1px solid var(--mp-color-gray);border-radius:var(--mp-border-radius);margin-block-end:var(--mp-grid-column-gap);position:relative}.card__charge{display:inline-flex;justify-content:center;align-items:center;float:right;background:var(--mp-card-charge-bg-color);border-top-left-radius:var(--mp-border-radius);font-size:1.4rem;line-height:1.2;-webkit-user-select:none;user-select:none;position:absolute;inset-block-end:0;inset-inline-end:0;padding:.2rem .5rem}.card__link{font-size:1.4rem;display:flex;flex-direction:column;color:currentColor;text-decoration:none;width:100%;transition:box-shadow var(--mp-transition-duration-default)}.card__link:hover,.card__link:focus{box-shadow:0 3px 9px 1px var(--mp-card-box-shadow-color)}.card__image-container{line-height:0;overflow:hidden}.card__image{border-radius:var(--mp-border-radius) var(--mp-border-radius) 0 0;height:auto;transition:transform var(--mp-transition-duration-default);width:100%}.card__link:hover .card__image,.card__link:focus .card__image{transform:rotate(1deg) scale(1.05)}.card__icon-container{background:var(--mp-color-secondary);border-radius:var(--mp-border-radius) var(--mp-border-radius) 0 0;display:flex;justify-content:center;align-items:center}.card__icon-container--department-administration{background:var(--mp-color-department-administration)}.card__icon-container--department-default{background:var(--mp-color-department-default)}.card__icon-container--department-finance{background:var(--mp-color-department-finance)}.card__icon-container--department-hr{background:var(--mp-color-department-hr)}.card__icon-container--department-purchasing{background:var(--mp-color-department-purchasing)}.card__icon-container--department-qm{background:var(--mp-color-department-qm)}.card__icon-container--department-sales{background:var(--mp-color-department-sales)}.card__icon-container--department-it{background:var(--mp-color-department-it)}.card__icon{width:50%;height:50%;transition:transform var(--mp-transition-duration-default)}.card__link:hover .card__icon,.card__link:focus .card__icon{transform:rotate(1deg) scale(1.05)}.card__icon use{fill:var(--mp-color-white)}.card__department{text-align:center;margin:0;padding:.5rem 1rem 0}.card__title{font-size:1.8rem;font-weight:700;text-align:center;flex-grow:1;margin:1rem 1rem 1.5rem}.card__product-category{color:var(--mp-color-gray);font-weight:700;margin:0 1rem;text-align:center}.card__vendor{border-block-start:1px solid var(--mp-color-gray);margin:.5rem 0 0;padding:2rem}.card__certified{position:absolute;inset-block-start:.8rem;inset-inline-end:-1.2rem}@media(min-width:601px){.card__container{display:grid;grid-template-columns:repeat(12,var(--mp-grid-column-width));grid-gap:var(--mp-grid-column-gap)}.card{grid-column:span 6;margin-block-end:0}}@media(min-width:901px){.card{grid-column:span 4}.card--home{grid-column:span 6}}@media(min-width:1201px){.card{grid-column:span 3}.card--home{grid-column:span 4}}