.skeleton{background-color:#e2e2e2;border-radius:4px;position:relative;overflow:hidden}.skeleton:before{content:"";position:absolute;top:0;left:-150%;height:100%;width:150%;background:linear-gradient(to right,#e1dedec2,#e1e1dd,#d3d3d300);animation:shimmer 6s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-image{width:100%;height:100%}.skeleton-text{width:100%;height:1.5rem;margin-bottom:.5rem}.skeleton-text--small{width:50%}.skeleton-title{width:75%;height:2.5rem;margin-bottom:1rem}.skeleton-description{width:100%;height:1rem;margin-bottom:.5rem}.skeleton-description--short{width:80%}.skeleton-button{width:100%;height:6rem;margin-top:1rem}.skeleton-variants{display:flex;flex-direction:column;gap:1rem;width:100%}.skeleton-variant{display:flex;flex-direction:row;align-items:center;gap:1rem}.skeleton-variant-label{width:20%;height:1.5rem}.skeleton-variant-select{width:80%;height:3rem}.skeleton-grid{display:grid;grid-template-columns:repeat(var(--grid-desktop-columns, 4),1fr);gap:var(--grid-desktop-horizontal-spacing) var(--grid-desktop-vertical-spacing);list-style:none;padding:0;margin:0}@media screen and (max-width:749px){.skeleton-grid{grid-template-columns:repeat(var(--grid-mobile-columns, 2),1fr);gap:var(--grid-mobile-horizontal-spacing) var(--grid-mobile-vertical-spacing)}}.skeleton-grid .card__media{height:200px}.skeleton-wrapper{display:none}.product-grid-container.loading .skeleton-wrapper{display:block}.product-grid-container.loading .collection{display:none}.quick-view-popup.loading .quick-view-popup__content-loader{display:block}.quick-view-popup__content-loader{height:100%}.skeleton{display:block!important}.quick-view-popup.loading .quick-view-popup__content{display:none}.debug-skeleton .skeleton-wrapper,.debug-skeleton .quick-view-popup__content-loader{display:block!important}.debug-skeleton .collection,.debug-skeleton .quick-view-popup__content{display:none!important}.skeleton-account-details{display:flex;flex-direction:column;gap:1rem;width:100%;margin-bottom:2rem}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-skeleton.css.map */