@keyframes back-and-forth{0%{left:0}50%{left:calc(100% - min(.75vh,.75vw))}100%{left:0}}select{display:block;margin:auto;mixin:paragraph-margin}select,select:last-child{margin-bottom:36px}.circle{height:min(600px,100vw);width:min(600px,100vw);margin:auto;position:relative}.circle line{background-color:#424242;z-index:0}.circle span{z-index:2}.circle line,.circle span{overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;transform-origin:center center;height:min(.75vh,.75vw);border-radius:min(.75vh,.75vw)/2}.circle span:after{content:'';width:min(.75vh,.75vw);height:min(.75vh,.75vw);display:block;border-radius:100%;background-color:red;position:absolute;top:50%;transform:translateY(-50%);left:0;z-index:2;animation-name:back-and-forth;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0.4,0,0.6,1);animation-duration:4s;animation-delay:var(--animation-delay, 0ms)}