.objt{width:50px;height:50px;background:#000}@keyframes rodar{0%{rotate:0deg}to{rotate:1turn}}#l1,#l2{animation:rodar 2s linear infinite}#l2{box-shadow:inset 0 0 0 4px var(--indigo)}#l3{border-left:4px solid var(--indigo);border-bottom:4px solid var(--indigo)}#l3,#l4{background:transparent;border-radius:50%;animation:rodar 2s linear infinite}#l4{position:relative}#l4:before{top:0;left:0;width:50%;height:100%;border-radius:25px 0 0 25px;border:4px solid var(--indigo)}#l4:after,#l4:before{content:"";position:absolute}#l4:after{transform:translateY(-50%);top:50%;left:5%;width:90%;height:90%;background:#000}#l4:after,#l5{border-radius:50%}#l5{background:transparent;position:relative;animation:rodar 2s linear infinite}#l5:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;border-radius:25px 0 0 25px;border-top:4px solid var(--indigo)}#l6{background:transparent;border-radius:50%;position:relative;animation:rodar 2s linear infinite}#l6:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;border-radius:25px 0 0 25px;border-top:4px solid var(--indigo);border-left:4px solid var(--indigo);border-bottom:4px solid var(--indigo)}#l7{width:0;height:0;background:transparent;border-left:25px solid transparent;border-right:25px solid transparent;border-top:25px solid #000;position:relative;animation:rodar 2s linear infinite}#l1-1,#l2-1{animation:rodar 2s cubic-bezier(.175,.885,.32,1.275) infinite}#l2-1{box-shadow:inset 0 0 0 4px var(--indigo)}#l3-1{border-left:4px solid var(--indigo);border-bottom:4px solid var(--indigo)}#l3-1,#l4-1{background:transparent;border-radius:50%;animation:rodar 2s cubic-bezier(.175,.885,.32,1.275) infinite}#l4-1{position:relative}#l4-1:before{top:0;left:0;width:50%;height:100%;border-radius:25px 0 0 25px;border:4px solid var(--indigo)}#l4-1:after,#l4-1:before{content:"";position:absolute}#l4-1:after{transform:translateY(-50%);top:50%;left:5%;width:90%;height:90%;background:#000;border-radius:50%}#l5-1{background:transparent;border-radius:50%;position:relative;animation:rodar 2s cubic-bezier(.175,.885,.32,1.275) infinite}#l5-1:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;border-radius:25px 0 0 25px;border-top:4px solid var(--indigo)}#l6-1{background:transparent;border-radius:50%;position:relative;animation:rodar 2s cubic-bezier(.175,.885,.32,1.275) infinite}#l6-1:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;border-radius:25px 0 0 25px;border-top:4px solid var(--indigo);border-left:4px solid var(--indigo);border-bottom:4px solid var(--indigo)}#l7-1{width:0;height:0;background:transparent;border-left:25px solid transparent;border-right:25px solid transparent;border-top:25px solid #000;position:relative;animation:rodar 2s cubic-bezier(.175,.885,.32,1.275) infinite}#l1-2,#l2-2{animation:rodar 2s ease-in-out infinite}#l2-2{box-shadow:inset 0 0 0 4px var(--indigo)}#l3-2{border-left:4px solid var(--indigo);border-bottom:4px solid var(--indigo)}#l3-2,#l4-2{background:transparent;border-radius:50%;animation:rodar 2s ease-in-out infinite}#l4-2{position:relative}#l4-2:before{top:0;left:0;width:50%;height:100%;border-radius:25px 0 0 25px;border:4px solid var(--indigo)}#l4-2:after,#l4-2:before{content:"";position:absolute}#l4-2:after{transform:translateY(-50%);top:50%;left:5%;width:90%;height:90%;background:#000;border-radius:50%}#l5-2{background:transparent;border-radius:50%;position:relative;animation:rodar 2s ease-in-out infinite}#l5-2:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;border-radius:25px 0 0 25px;border-top:4px solid var(--indigo)}#l6-2{background:transparent;border-radius:50%;position:relative;animation:rodar 2s ease-in-out infinite}#l6-2:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;border-radius:25px 0 0 25px;border-top:4px solid var(--indigo);border-left:4px solid var(--indigo);border-bottom:4px solid var(--indigo)}#l7-2{width:0;height:0;background:transparent;border-left:25px solid transparent;border-right:25px solid transparent;border-top:25px solid #000;position:relative;animation:rodar 2s ease-in-out infinite}@keyframes teste{0%{box-shadow:inset 0 0 0 0 var(--indigo)}to{box-shadow:inset 100px 0 0 0 var(--indigo)}}#b1{width:100px;border-radius:25px;position:relative;overflow:hidden}#b1:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;animation:teste 2s linear infinite}@keyframes piscar{0%{opacity:1;scale:1}to{opacity:.5;scale:1.2}}#b2{border-radius:50%;animation:piscar .5s cubic-bezier(.175,.885,.32,1.275) infinite}progress{border-radius:9999px;overflow:hidden}progress::-webkit-progress-bar{background-color:#000}progress::-webkit-progress-value{background-color:var(--indigo)}