.popular-category-card{--card-padding-x:.5rem;--card-padding-y:.5rem;--card-img-size:6.3625rem;align-items:center;background-color:var(--color-blue-pastel);border:none;border-radius:var(--border-radius-16);box-shadow:0 0 0 .0625rem var(--color-blue-pastel) inset;display:flex;flex-direction:column;gap:.25rem;justify-content:center;overflow:hidden;padding:var(--card-padding-y) var(--card-padding-x);position:relative;text-align:center;transition:box-shadow var(--transition-duration-primary),background-color var(--transition-duration-primary)}.popular-category-card.popular-category-card--light{background-color:var(--color-white);box-shadow:0 0 0 .0625rem var(--color-black-200) inset}@media (any-hover:hover){.popular-category-card.popular-category-card--light:not(:disabled):hover{background-color:var(--color-white);box-shadow:0 0 0 .0625rem var(--color-black-300) inset}}.popular-category-card.popular-category-card--light:not(:disabled):active,.popular-category-card.popular-category-card--light:not(:disabled):focus{background-color:var(--color-white);box-shadow:0 0 0 .0625rem var(--color-black-300) inset}.popular-category-card.popular-category-card--light:not(:disabled)._active,.popular-category-card.popular-category-card--light:not(:disabled)._selected{background-color:var(--color-white);box-shadow:0 0 0 .125rem var(--color-blue-pastel) inset}@media (max-width:61rem){.popular-category-card{--card-img-size:4.488rem;border-radius:var(--border-radius-12)}}.popular-category-card:not(:disabled){cursor:pointer}@media (any-hover:hover){.popular-category-card:not(:disabled):hover{background-color:var(--color-blue-night-snow);box-shadow:0 0 0 .125rem var(--color-night-snow) inset}}.popular-category-card:not(:disabled):active,.popular-category-card:not(:disabled):focus{background-color:var(--color-blue-night-snow);box-shadow:0 0 0 .125rem var(--color-night-snow) inset}.popular-category-card__img{display:flex;height:var(--card-img-size);padding:.25rem}.popular-category-card__img img{margin:auto;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.popular-category-card__title{font-size:var(--display-font-size-xs);font-weight:var(--display-font-weight);line-height:var(--display-line-height);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (-webkit-line-clamp:1){.popular-category-card__title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1}}