.page-loader{position:fixed;inset:0;display:grid;place-items:center;background:#fff;z-index:9999}:root{--delay-show:500ms;--blink-dur:1.2s;--step:120ms}.loader-wrapper{width:96px;height:96px;display:grid;place-items:center;opacity:0;animation:fadeIn var(--delay-show) linear forwards}@keyframes fadeIn{to{opacity:1}}@keyframes blink{0%,40%{opacity:1}50%,to{opacity:0}}.line{opacity:1;animation:blink var(--blink-dur) infinite ease-in-out both}.l1{animation-delay:calc(var(--delay-show) + 0s)}.l2{animation-delay:calc(var(--delay-show) + 1*var(--step))}.l3{animation-delay:calc(var(--delay-show) + 2*var(--step))}.l4{animation-delay:calc(var(--delay-show) + 3*var(--step))}.l5{animation-delay:calc(var(--delay-show) + 4*var(--step))}.l6{animation-delay:calc(var(--delay-show) + 5*var(--step))}.l7{animation-delay:calc(var(--delay-show) + 6*var(--step))}.l8{animation-delay:calc(var(--delay-show) + 7*var(--step))}.l9{animation-delay:calc(var(--delay-show) + 8*var(--step))}.l10{animation-delay:calc(var(--delay-show) + 9*var(--step))}