@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skeleton{background:linear-gradient(90deg,#f0efeb 25%,#e8e6e1 37%,#f0efeb 63%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:.313vw}.skeleton-card{display:flex;flex-direction:column;gap:1.042vw}.skeleton-card__image{width:100%;aspect-ratio:626 / 734;background:linear-gradient(90deg,#f0efeb 25%,#e8e6e1 37%,#f0efeb 63%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:.313vw}.skeleton-card__title{width:70%;height:20px;background:linear-gradient(90deg,#f0efeb 25%,#e8e6e1 37%,#f0efeb 63%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:4px}.skeleton-card__price{width:40%;height:20px;background:linear-gradient(90deg,#f0efeb 25%,#e8e6e1 37%,#f0efeb 63%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:4px}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.042vw}.skeleton-scroll{display:flex;gap:1.042vw}.skeleton-scroll .skeleton-card{flex:0 0 calc((100% - 3.125vw)/4)}img[loading=lazy]{opacity:0;animation:none}img[loading=lazy].is-loaded{animation:fadeIn .4s ease forwards}.skeleton-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f0efeb 25%,#e8e6e1 37%,#f0efeb 63%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:inherit;z-index:1;transition:opacity .4s ease}.skeleton-overlay.is-loaded{opacity:0;pointer-events:none}.skeleton-gallery{width:100%;height:100%;background:linear-gradient(90deg,#f0efeb 25%,#e8e6e1 37%,#f0efeb 63%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:.313vw}@media(max-width:1024px){.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:2vw}.skeleton-scroll{gap:2vw}.skeleton-scroll .skeleton-card{flex:0 0 calc((100% - 6vw) / 3)}}@media(max-width:768px){.skeleton-grid{grid-template-columns:repeat(2,1fr);gap:3vw}.skeleton-scroll{gap:3vw}.skeleton-scroll .skeleton-card{flex:0 0 calc((100% - 3vw)/2)}}@media(max-width:480px){.skeleton-grid{grid-template-columns:1fr;gap:5vw}.skeleton-scroll{gap:4vw}.skeleton-scroll .skeleton-card{flex:0 0 70vw}}@media(max-width:320px){.skeleton-card{min-width:calc(100vw - 24px)}.skeleton-grid{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/preloader.css.map */