:root{--mm-skel-base: #f3ede2;--mm-skel-shine: #fbf7ef;--mm-skel-gradient: linear-gradient(100deg, var(--mm-skel-base) 30%, var(--mm-skel-shine) 50%, var(--mm-skel-base) 70%)}@keyframes mm-skel-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes mm-img-in{0%{opacity:0}}@keyframes mm-img-failsafe{to{opacity:1}}.mm-skeleton .media:has(>img:first-of-type[loading=lazy]:not(.is-loaded)){background-color:var(--mm-skel-base);background-image:var(--mm-skel-gradient);background-size:200% 100%;animation:mm-skel-shimmer 1.4s linear infinite}.mm-skeleton .media>img:first-of-type[loading=lazy]:not(.is-loaded){opacity:0;animation:mm-img-failsafe 0s linear 5s forwards}.mm-skeleton .media>img.is-loaded{animation:mm-img-in .45s ease}.mm-skel,.mm-skel-card__media,.mm-skel-card__line,.mm-skel-card__button{display:block;background-color:var(--mm-skel-base);background-image:var(--mm-skel-gradient);background-size:200% 100%;animation:mm-skel-shimmer 1.4s linear infinite;border-radius:.8rem}.mm-skel-card{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;padding:.8rem .8rem 1.2rem;background:#fff;border:1px solid rgba(18,18,18,.06);border-radius:1.6rem}.mm-skel-card__media{width:100%;aspect-ratio:1 / 1;border-radius:1.2rem}.mm-skel-card__line{height:1.3rem;margin:0 .4rem}.mm-skel-card__line--short{width:45%}.mm-skel-card__line--price{width:35%;height:1.6rem}.mm-skel-card__button{height:4rem;margin:.4rem .4rem 0;border-radius:99rem}.mm-skel-heading{width:min(28rem,60%);height:2.8rem;margin:0 0 2.4rem}.collection.loading .card__media .media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-image:var(--mm-skel-gradient);background-size:200% 100%;opacity:.85;animation:mm-skel-shimmer 1.2s linear infinite}.collection.loading .card__content,.collection.loading .card-information{opacity:.45;transition:opacity .2s}brand-directory.is-counting [data-brand-count]:empty{display:block;width:6.4rem;height:1.2rem;margin:.2rem auto 0;background-color:var(--mm-skel-base);background-image:var(--mm-skel-gradient);background-size:200% 100%;border-radius:99rem;animation:mm-skel-shimmer 1.4s linear infinite}@media(prefers-reduced-motion:reduce){.mm-skeleton .media,.mm-skel,.mm-skel-card__media,.mm-skel-card__line,.mm-skel-card__button,.collection.loading .card__media .media:after,brand-directory.is-counting [data-brand-count]:empty{animation:none!important}.mm-skeleton .media>img.is-loaded{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-skeleton.css.map */