@keyframes cloyus0{0%{transform:skew(-20deg)rotate(0)}10%{transform:skew(-20deg)rotate(0)}90%{transform:skew(-20deg)rotate(.5turn)}to{transform:skew(-20deg)rotate(.5turn)}}
@keyframes cloyus1{0%{transform:skew(-20deg)rotate(0)}10%{transform:skew(-20deg)rotate(0)}90%{transform:skew(-20deg)rotate(.5turn)}to{transform:skew(-20deg)rotate(.5turn)}}
.cloyus5{height:var(--doc-height)}
.cloyus8{width:100%;max-width:20rem;position:relative}
.cloyus8:after{content:"";padding-bottom:100%;display:block}
.cloyus9{border:.5rem solid #fff;outline:.1rem solid #fff;width:80%;height:65%;animation-duration:2s;animation-timing-function:cubic-bezier(.68,-.55,.265,1.55);animation-iteration-count:infinite;animation-delay:.5s;position:absolute;transform:skew(-20deg)}
.cloyusa{z-index:1;background:#c2cedb;animation-name:cloyus0;top:0;left:0}
.cloyusb{background:#1f2d3d;animation-name:cloyus1;bottom:0;right:0}