.wd-collection-section{max-width:1280px;padding:0 48px;margin:32px auto}.wd-collection-section .collection{position:relative}.wd-collection__grid{display:flex;flex-wrap:wrap;gap:40px 20px;list-style:none}.wd-collection__grid .wd-collection__grid-item{width:calc(33.33% - 20px * 2 / 3);max-width:calc(33.33% - 20px * 2 / 3)}.wd-collection-section .collection .loading-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.wd-collection-section .collection.loading .loading-overlay{display:block}.wd-collection-section .loading-overlay__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transition:background .1s ease;background-color:#ffffff80}@media screen and (max-width:1024px){.wd-collection-section{padding:0 40px;margin:24px auto}.wd-collection__grid{gap:20px}.wd-collection__grid .wd-collection__grid-item{width:calc(50% - 10px);max-width:calc(50% - 10px)}}@media screen and (max-width:767px){.wd-collection-section{padding:0 24px}.wd-collection__grid .wd-collection__grid-item{width:100%;max-width:100%}}:root{--duration-extra-long: .6s;--duration-extra-longer: .75s;--ease-out-slow: cubic-bezier(0, 0, .3, 1);--animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;--animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow)}@media(prefers-reduced-motion:no-preference){.scroll-trigger.animate--fade-in,.scroll-trigger.animate--slide-in{opacity:.01}.scroll-trigger.animate--slide-in{transform:translateY(2rem)}.scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in{opacity:1;animation:var(--animation-fade-in)}.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in{animation:var(--animation-slide-in);animation-delay:calc(var(--animation-order) * 75ms)}.scroll-trigger.scroll-trigger--design-mode.animate--fade-in,.scroll-trigger.scroll-trigger--design-mode.animate--slide-in,.scroll-trigger.scroll-trigger--design-mode .slider,.scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel{opacity:1;animation:none;transition:none;transform:none}.scroll-trigger.scroll-trigger--design-mode.animate--slide-in{transform:translateY(0)}@keyframes slideIn{0%{transform:translateY(2rem);opacity:.01}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:.01}to{opacity:1}}}@media screen and (max-width:1024px){.slider.slider--tablet .scroll-trigger.animate--slide-in,.slider.slider--mobile .scroll-trigger.animate--slide-in{animation:none;opacity:1;transform:inherit}.scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet{animation:var(--animation-slide-in)}}@media screen and (max-width:767px){.scroll-trigger:not(.scroll-trigger--offscreen) .slider--mobile{animation:var(--animation-slide-in)}}@media screen and (min-width:1025px){.slider.slider--desktop .scroll-trigger.animate--slide-in{animation:none;opacity:1;transform:inherit}.scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop{animation:var(--animation-slide-in)}}
/*# sourceMappingURL=/cdn/shop/t/311/assets/component-collection-grid.css.map */