.loader{--grid-size:5;--dot-size:4px;--dot-gap:3px;--dim:.16;--bright:1;--cycle:1.6s;--step:60ms;grid-template-columns:repeat(var(--grid-size), var(--dot-size));gap:var(--dot-gap);width:max-content;display:grid}.loader .dot{width:var(--dot-size);height:var(--dot-size);background:var(--color-dot,#fff);opacity:var(--dim);will-change:transform, opacity;border-radius:50%;transform:translateZ(0)scale(1)}[data-paused=true] .loader .dot{will-change:auto;animation-play-state:paused}[data-pattern=diamond]>*>:first-child,[data-pattern=diamond]>*>:nth-child(2),[data-pattern=diamond]>*>:nth-child(4),[data-pattern=diamond]>*>:nth-child(5),[data-pattern=diamond]>*>:nth-child(6),[data-pattern=diamond]>*>:nth-child(10),[data-pattern=diamond]>*>:nth-child(16),[data-pattern=diamond]>*>:nth-child(20),[data-pattern=diamond]>*>:nth-child(21),[data-pattern=diamond]>*>:nth-child(22),[data-pattern=diamond]>*>:nth-child(24),[data-pattern=diamond]>*>:nth-child(25),[data-pattern=outline]>*>:nth-child(7),[data-pattern=outline]>*>:nth-child(8),[data-pattern=outline]>*>:nth-child(9),[data-pattern=outline]>*>:nth-child(12),[data-pattern=outline]>*>:nth-child(13),[data-pattern=outline]>*>:nth-child(14),[data-pattern=outline]>*>:nth-child(17),[data-pattern=outline]>*>:nth-child(18),[data-pattern=outline]>*>:nth-child(19),[data-pattern=cross]>*>:first-child,[data-pattern=cross]>*>:nth-child(2),[data-pattern=cross]>*>:nth-child(4),[data-pattern=cross]>*>:nth-child(5),[data-pattern=cross]>*>:nth-child(6),[data-pattern=cross]>*>:nth-child(7),[data-pattern=cross]>*>:nth-child(9),[data-pattern=cross]>*>:nth-child(10),[data-pattern=cross]>*>:nth-child(16),[data-pattern=cross]>*>:nth-child(17),[data-pattern=cross]>*>:nth-child(19),[data-pattern=cross]>*>:nth-child(20),[data-pattern=cross]>*>:nth-child(21),[data-pattern=cross]>*>:nth-child(22),[data-pattern=cross]>*>:nth-child(24),[data-pattern=cross]>*>:nth-child(25),[data-pattern=rings]>*>:nth-child(7),[data-pattern=rings]>*>:nth-child(8),[data-pattern=rings]>*>:nth-child(9),[data-pattern=rings]>*>:nth-child(12),[data-pattern=rings]>*>:nth-child(14),[data-pattern=rings]>*>:nth-child(17),[data-pattern=rings]>*>:nth-child(18),[data-pattern=rings]>*>:nth-child(19),[data-pattern=rose]>*>:first-child,[data-pattern=rose]>*>:nth-child(3),[data-pattern=rose]>*>:nth-child(5),[data-pattern=rose]>*>:nth-child(7),[data-pattern=rose]>*>:nth-child(9),[data-pattern=rose]>*>:nth-child(11),[data-pattern=rose]>*>:nth-child(15),[data-pattern=rose]>*>:nth-child(17),[data-pattern=rose]>*>:nth-child(19),[data-pattern=rose]>*>:nth-child(21),[data-pattern=rose]>*>:nth-child(23),[data-pattern=rose]>*>:nth-child(25){animation:none!important}
@media (prefers-reduced-motion:reduce){@keyframes loader-rm-pulse{0%,to{opacity:.4}50%{opacity:1}}.loader:not([data-preview] *){animation:2s ease-in-out infinite loader-rm-pulse}.loader:not([data-preview] *) .dot{opacity:.85!important;animation:none!important;transform:translateZ(0)!important}}