.skeleton-loader{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgb(var(--color-background));z-index:9999;overflow-y:auto;opacity:1;visibility:visible;transition:opacity .3s ease-out,visibility .3s ease-out;contain:layout style paint}.skeleton-loader.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px)}.skeleton-loader__container{max-width:var(--page-width);margin:0 auto;padding:20px 40px;contain:layout style;content-visibility:auto}@media screen and (max-width: 749px){.skeleton-loader__container{padding:15px 20px}}.skeleton-loader__item{background:rgba(var(--color-foreground),.08);border-radius:8px;position:relative;overflow:hidden;contain:layout style paint}.skeleton-loader__item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--color-foreground),.1),transparent);animation:skeleton-shimmer 1.5s ease-in-out infinite;transform:translateZ(0);backface-visibility:hidden}@keyframes skeleton-shimmer{0%{transform:translate(-100%) translateZ(0)}to{transform:translate(100%) translateZ(0)}}.skeleton-loader__hero{margin-bottom:30px}.skeleton-loader__item--hero{width:100%;height:400px;border-radius:12px}@media screen and (max-width: 749px){.skeleton-loader__item--hero{height:195px}}.skeleton-loader__section{margin-bottom:40px;contain:layout style;content-visibility:auto}.skeleton-loader__header{margin-bottom:20px}.skeleton-loader__item--title{width:250px;height:32px;margin:0 auto}@media screen and (max-width: 749px){.skeleton-loader__item--title{width:180px;height:24px}}.skeleton-loader__grid--categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;margin-bottom:20px}@media screen and (min-width: 750px){.skeleton-loader__grid--categories{grid-template-columns:repeat(9,1fr)}}@media screen and (max-width: 749px){.skeleton-loader__grid--categories{grid-template-columns:repeat(3,1fr);gap:15px}}.skeleton-loader__item--circle{width:100%;aspect-ratio:1;border-radius:50%;max-width:120px;margin:0 auto}.skeleton-loader__grid--products{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}@media screen and (min-width: 750px){.skeleton-loader__grid--products{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width: 749px){.skeleton-loader__grid--products{grid-template-columns:repeat(2,1fr);gap:15px}}.skeleton-loader__card{display:flex;flex-direction:column;gap:12px;contain:layout style}.skeleton-loader__item--image{width:100%;aspect-ratio:1;border-radius:8px}.skeleton-loader__item--text{width:100%;height:16px;border-radius:4px}.skeleton-loader__item--short{width:70%}.skeleton-loader__item--medium{width:85%}.skeleton-loader__grid--banners{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}@media screen and (min-width: 750px){.skeleton-loader__grid--banners{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 749px){.skeleton-loader__grid--banners{grid-template-columns:repeat(2,1fr);gap:15px}}.skeleton-loader__item--banner{width:100%;height:200px;border-radius:8px}@media screen and (max-width: 749px){.skeleton-loader__item--banner{height:150px}}body.skeleton-loaded .skeleton-loader{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease-out,visibility .3s ease-out}body:has(.skeleton-loader:not(.hidden)){overflow:hidden}body.skeleton-loading{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-skeleton-loader.css.map */