@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700&display=swap");*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}html body{background-color:#000;color:#eee;font-family:"Roboto",sans-serif;font-size:1rem;font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;line-height:1}html body h1,html body h2{font:inherit}.bold{font-weight:700 !important}.text-highlighted{color:skyblue !important}.app__container{align-items:center;background-color:#333;display:flex;flex-direction:column;gap:1.5em;margin-inline:auto;min-width:320px;max-width:480px;padding:1em}.app__title{font-size:1.4em}.app__wrapper{align-self:stretch;display:flex;flex-direction:column;gap:1em}.app__timing-function{align-self:stretch;border:1px solid rgba(255,255,255,0.5);padding-inline:1em;display:flex;position:relative;height:90px}.app__timing-function__title{background-color:#333;font-size:1.2rem;padding-inline:.5em;position:absolute;top:-13.5%}.app__timing-function__object{animation:race 3.5s 1.5s infinite;left:.5em;mix-blend-mode:hard-light;position:absolute;top:50%;transform:translateY(-50%);width:100px}.app__timing-function__object[id="1"]{animation-timing-function:linear}.app__timing-function__object[id="2"]{animation-timing-function:ease}.app__timing-function__object[id="3"]{animation-timing-function:ease-in-out}.app__timing-function__object[id="4"]{animation-timing-function:ease-in}.app__timing-function__object[id="5"]{animation-timing-function:ease-out}.app__timing-function__object[id="6"]{animation-timing-function:steps(10)}.app__timing-function__object[id="7"]{animation-timing-function:cubic-bezier(0.2,0.8,1,1)}@keyframes race{to{left:calc(100% - 100px - 0.5em)}}