.loader{--loader-color:var(--ink-soft);--loader-card-width:30px;--loader-card-height:42px;--loader-jump:-18px;min-height:260px;color:var(--loader-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 16px;display:flex}.loader--compact{--loader-card-width:20px;--loader-card-height:28px;--loader-jump:-11px;gap:10px;min-height:0;padding:24px 12px}.loader--on-dark{--loader-color:#fffc}.loader__cards{align-items:flex-end;gap:calc(var(--loader-card-width) / 3);padding-top:calc(-1 * var(--loader-jump));perspective:500px;display:flex}.loader__card{width:var(--loader-card-width);height:var(--loader-card-height);border-radius:calc(var(--loader-card-width) / 4.5);background:linear-gradient(145deg, var(--loader-from), var(--loader-to));box-shadow:var(--shadow-sm);border:2.5px solid #fff;animation:1.5s cubic-bezier(.45,0,.3,1) infinite loader-deal;position:relative}.loader__card:after{content:"";aspect-ratio:1;background:#ffffffd9;border-radius:2px;width:30%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.loader__card:first-child{--loader-from:var(--blue-400);--loader-to:var(--blue-500)}.loader__card:nth-child(2){--loader-from:var(--sun-300);--loader-to:var(--sun-500);animation-delay:.15s}.loader__card:nth-child(3){--loader-from:#ff8a8d;--loader-to:var(--coral-500);animation-delay:.3s}.loader--compact .loader__card{border-width:2px}.loader__label{font-size:.95rem;font-weight:600}.loader--compact .loader__label{font-size:.88rem}@keyframes loader-deal{0%,55%,to{transform:translateY(0)rotateY(0)}20%{transform:translateY(var(--loader-jump)) rotateY(180deg)}40%{transform:translateY(0)rotateY(360deg)scale(1.08,.92)}}