.popular-category-card{--card-padding-x:.5rem;--card-padding-y:.5rem;--card-padding-b:2rem;--card-img-size:6.3625rem;border-radius:var(--border-radius-16);padding:var(--card-padding-y) var(--card-padding-x) var(--card-padding-b) var(--card-padding-x);background-color:var(--color-blue-pastel);box-shadow:0 0 0 .0625rem var(--color-blue-pastel) inset;text-align:center;transition:box-shadow var(--transition-duration-primary),background-color var(--transition-duration-primary);border:none;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex;position:relative;overflow:hidden}.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}.popular-category-card.popular-category-card--light .popular-category-card__title{background-color:var(--color-white)}@media (width<=62rem){.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{box-shadow:0 0 0 .125rem var(--color-night-snow) inset;background-color:var(--color-blue-night-snow)}.popular-category-card:not(:disabled):hover .popular-category-card__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;white-space:wrap!important;text-overflow:clip!important}@supports (-webkit-line-clamp:4){.popular-category-card:not(:disabled):hover .popular-category-card__title{white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}}.popular-category-card:not(:disabled):active,.popular-category-card:not(:disabled):focus{box-shadow:0 0 0 .125rem var(--color-night-snow) inset;background-color:var(--color-blue-night-snow)}.popular-category-card__img{height:var(--card-img-size);padding:.25rem;display:flex}.popular-category-card__img img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;margin:auto}.popular-category-card__title{left:var(--card-padding-x);bottom:var(--card-padding-y);width:calc(100% - var(--card-padding-x) * 2);max-width:calc(100% - var(--card-padding-x) * 2);background-color:var(--color-blue-pastel);padding:0 var(--card-padding-x);font-size:var(--display-font-size-xs);font-weight:var(--display-font-weight);line-height:var(--display-line-height);white-space:nowrap;text-overflow:ellipsis;position:absolute;overflow:hidden}@supports (-webkit-line-clamp:1){.popular-category-card__title{white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}