.loader{color:#000;background-color:#0000;background-image:linear-gradient(currentColor 0 0),radial-gradient(farthest-side at top,#0000 calc(100% - 2px),currentColor calc(100% - 1px),#0000),linear-gradient(currentColor 0 0),radial-gradient(farthest-side at bottom,#0000 calc(100% - 2px),currentColor calc(100% - 1px),#0000);background-position:top,top,bottom,bottom;background-repeat:no-repeat;background-size:100% 1px,100% 50%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;width:25px;height:50px;animation:4s linear infinite l18;display:grid}.loader:before,.loader:after{content:"";background:inherit;border:inherit;animation:inherit;grid-area:1/1}.loader:after{animation-duration:2s}@keyframes l18{to{transform:rotate(1turn)}}