:root{--flag-color:#cd1619;--flag-border-radius:4px;--flag-skew:160deg}.loader{align-items:center;display:flex;flex-direction:column;justify-content:center}.flag{display:flex;height:var(--flag-height);transform:skew(var(--flag-skew));width:var(--flag-width);--col-bg-offset:calc(var(--flag-height)/3.96)}.flag .col{animation:flagWave .5s ease-in-out infinite alternate backwards;background:linear-gradient(0deg,var(--flag-color) 0,var(--flag-color) 25%,transparent 25%,transparent 50%,var(--flag-color) 50%,var(--flag-color) 75%,transparent 75%,transparent 100%);background-size:101% 102%;border-bottom:1px solid #fff;overflow:hidden;width:100%}.flag .col:first-child{border-bottom-left-radius:var(--flag-border-radius);border-top-left-radius:var(--flag-border-radius);overflow:hidden}.flag .col:last-child{border-bottom-right-radius:var(--flag-border-radius);border-top-right-radius:var(--flag-border-radius);overflow:hidden}.flag .col:nth-child(2n){background-position:0 var(--col-bg-offset)}@keyframes flagWave{0%{transform:translateY(3px)}to{transform:translateY(-3px)}}.flag .col:first-child{animation-delay:.1s}.flag .col:nth-child(2){animation-delay:.2s}.flag .col:nth-child(3){animation-delay:.3s}.flag .col:nth-child(4){animation-delay:.4s}